/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.sub_inner { max-width: 1600px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_tit {margin-bottom: 50px; }
.sub_tit h2::after {content: ''; display: block; width: 101px; height:7px;  background: #32327f; margin:17px auto 0;}
.sub_tit p {margin-top: 40px; }
/* font size */
.fs_55 {font-size: 55px; font-weight: 700; color:#070707; line-height: 1.2; }
.fs_24 {font-size: 24px; font-weight: 400; color:#070707; line-height: 1.7; letter-spacing: -.72px;}
.fs_20 {font-size: 20px; font-weight: 400; color:#070707; line-height: 1.7; letter-spacing: -.72px; line-height: 2;}
.fs_18 {font-size: 18px; font-weight: 400; color:#070707; line-height: 1.7; letter-spacing: -.72px; }

/*Content CSS*/
#sec1 .box {display: flex; justify-content: flex-end; padding: 80px 75px; background:url("../img/his_s1_bg.jpg") 55% 50%/cover no-repeat;  text-align: left;}
#sec1 .box > div {max-width: 60%;}
#sec1 .box h3 {font-size: 71.5px; font-weight: 700; color:#fff; }
#sec1 .box p { color:#fff; margin-top: 30px; }

/* sec2 */
/* history */
.his_list_wr {width: 100%; position: relative; text-align: left; z-index: 1; }
.his_list_wr::before {content: ''; display: block; width: 2px; height: 100%; background: #ddd; position: absolute; top:0; left:50%; transform:translateX(-50%); z-index: -1; }
.his_list_wr > li {width: 100%; align-items: center; margin-bottom: 25px;}
.his_list_wr > li:last-child {margin-bottom: 0; }
.his_list_wr > li:nth-child(odd) {flex-direction: row-reverse; text-align: left;  }
.his_list_wr > li > .txt_wr {width: calc(50% + 9px); display: flex; flex-direction: row-reverse; align-items: flex-start; position: relative;}
.his_list_wr > li:nth-child(odd) > .txt_wr {justify-content: flex-start; flex-direction: row; margin: 0 0 0 auto;}
/* dots */
.his_list_wr .his_dot {display: flex; align-items: center; position: relative; top:17px; flex-shrink: 0;}
.his_list_wr .his_dot .dot {display:block; border-radius: 50%;position: relative;  width: 18px; height: 18px; border-radius: 50%; background-color: #fff; border:3px solid #333381;}
.his_list_wr .his_dot .line {display: block ;width: 83px; height: 1px; background: #333381; }
/* his_txt */
.his_list_wr .his_txt {position: relative;}
.his_list_wr > li:nth-child(odd) .his_txt {margin-left: 63px;  }
.his_list_wr > li:nth-child(even) .his_txt {margin-right: 63px; }
.his_list_wr .his_txt h3 {font-size:25px; font-weight:600; color:#fff; margin:0 0 20px; line-height: 1; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; width: 90px; height: 45px; border-radius: 8px; background-color: #333381; }
/* his_txt > list content */
.his_list_wr .his_list li {margin-bottom: 5px; position:relative; padding-left: 15px; line-height: 1.65; color:#6e6e6e; }
.his_list_wr .his_list li::before {content: '-'; display: block; position: absolute; left: 0; top:0;}
.his_list_wr .his_list li:last-child {margin-bottom: 0; }

@media screen and (min-width: 641px) {
    .his_list_wr > li:nth-child(even) {text-align: right; }
    .his_list_wr > li:nth-child(even) .his_dot {flex-direction: row-reverse; }
    .his_list_wr > li:nth-child(even) .his_list li {padding: 0 15px 0 0;}
    .his_list_wr > li:nth-child(even) .his_list li::before {right: 0; left: auto; }


}




@media screen and (max-width: 1600px) {
    /* common */
    .subpage br:not(.space) {display: none;}

    /* content */
    #sec1 .box  {padding: 80px 50px;}

}

@media screen and (max-width: 1024px) {
    /* common */
    .subpage > section {padding: 70px 0; text-align: center;}
    .sub_inner {padding:0 30px;}
    .sub_tit {display: block; margin-bottom: 40px;}
    .sub_tit h2 {margin: 0;}
    .sub_tit p {margin-top: 30px; }

    /* font size */
    .fs_55 {font-size: 40px; }
    .fs_24 {font-size: 20px; line-height: 1.65;}
    .fs_20 {font-size: 18px; line-height: 1.65;}
    .fs_18 {font-size: 16px; line-height: 1.65;}

    /* content */
    #sec1 .box {padding: 50px 30px; position: relative; z-index: 1; background-position:30% 50%;  text-align: center; display: block; }
    #sec1 .box > div {max-width: 100%;}
    #sec1 .box::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: -1; background: rgba(0,0,0,.4);}
    #sec1 .box h3 {font-size: 50px;}
    #sec1 .box p {margin-top: 20px;}

    /* sec2 */
    .his_list_wr > li:nth-child(odd) .his_txt {margin-left: 25px;}
    .his_list_wr > li:nth-child(even) .his_txt {margin-right: 25px;}
    .his_list_wr .his_dot {top:13px;}
    .his_list_wr .his_txt h3 {font-size: 22px; width: 80px; height:40px;}


}

@media screen and (max-width: 640px) {
    /* common */
    .subpage > section {padding: 50px 0;}
    .sub_inner {padding:0 20px;}
    .sub_tit h2::after {margin: 12px auto 0; height: 5px; width: 70px;}
    .sub_tit p {margin-top: 20px; }
    /* font size */
    .fs_55 {font-size: 30px; }
    .fs_24 {font-size: 17px; }
    .fs_20 {font-size: 16px; }
    .fs_18 {font-size: 14px;}

    /* content */
    #sec1 .box {padding: 40px 20px; }
    #sec1 .box h3 {font-size:40px;}
    #sec1 .box p {margin-top:15px;}

    /* sec2 */
    .his_list_wr::before {transform: none; left: 7px;}
    .his_list_wr > li {margin-bottom: 35px;}
    .his_list_wr > li > .txt_wr {width: 100%; flex-direction: row;}
    .his_list_wr > li:nth-child(even) .his_txt {margin:0 0 0 25px;}
    .his_list_wr .his_txt h3 {font-size: 20px; width: 70px; height: 35px; margin: 0 0 15px; border-radius: 5px;}
    .his_list_wr .his_dot {top:10px;}
    .his_list_wr .his_dot .dot {width: 16px; height: 16px; }
    .his_list_wr .his_list li {padding-left: 12px;}



}