.pd4 { padding: 4px; }


/* title company */
.title-company { color: #0aa7e1; font-size: 14px; text-align: left; }
.title-company h3 span {color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; display: block;}

.content-company { background: url(../images/bg-blue-white.jpg) repeat-x top left #fff  ; font-family: 'Noto Sans JP', sans-serif; }
.content-company ul { display: block; font-size: 14px; border: 5px solid #89def5; background: #fff; box-shadow: 5px 5px 0 #eeeeee; }
.content-company ul li { display: flex; flex-wrap: wrap; }
.content-company ul li:nth-child(odd) { background: #fff; }
.content-company ul li:nth-child(even) { background: #f5f5f5; }
.content-company .title { width: 30%; text-align: center; padding: 14px 12px; font-weight: 700; }
.content-company .data { width: 70%; text-align: left; padding: 14px 12px; font-weight: 300; }
/* .content-company .line-dot { display: block; width: 100%; height: 2px; background: url(../images/line-dot.jpg) repeat-x; } */



.title-history { color: #4b2200; font-size: 14px; text-align: left; }
.title-history h3 span  {color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; display: block;}

.bg-orange-clock { background: url(../images/clock.png) no-repeat center right #F5952B; }


.content-history { font-family: 'Noto Sans JP', sans-serif; padding: 3rem 0; } 
.content-history ul { display: block; font-size: 14px; width: 100%; margin: 22px auto 0; }
.content-history ul li { display: flex; flex-wrap: wrap; }
.content-history ul li:nth-child(odd) { background: #fff; }
.content-history ul li:nth-child(even) { background: #fdfbec; }
.content-history .title { width: 15%; text-align: left; padding: 14px 12px; font-weight: 700; }
.content-history .data { width: 70%; text-align: left; padding: 14px 12px; font-weight: 300; }
/* .content-history .line-dot { display: block; width: 100%; height: 2px; background: url(../images/line-dot.jpg) repeat-x; } */

@media(max-width:767px) {
    .content-history .title { width: 20%; padding: 14px 8px; }
    .content-history .data { width: 60%; padding: 14px 8px; }
    .content-history ul { margin: 14px auto 0; }
    .title-history { padding: 28px 0 12px; }
}

@media(max-width:420px) {

    .content-company ul { border: 3px solid #89def5; box-shadow: 3px 3px 0 #eeeeee; }
    .content-company ul li { display: block; flex-wrap: wrap; }
    .content-company .title { width: 100%; text-align: left; padding: 10px 10px 0; font-weight: 700; }
    .content-company .data { width: 100%; text-align: left; padding: 2px 5px 10px 15px; font-weight: 300; }

    .content-history ul li { padding:0 0 0 10px; }
    .content-history .title { width: auto; text-align: left !important; padding: 10px 5px 0 0; font-weight: 700; }
    .content-history .data { width: 100%; text-align: left; padding: 2px 5px 10px 5px; font-weight: 300; }


}