/* common */
.subpage { overflow: hidden; position:relative; }
.subpage > section {padding: 100px 0;}
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_title::after {content: '.'; color:#2fc4ef; }
.sub_title + p {margin-top:40px; }
.left_line {padding-left: 20px; position: relative; text-align: left; }
.left_line::before {content: ''; display: block; width: 3px; height: 33px; background-color: #2fc4ef; position: absolute; left:0; top:6px; }

/* fs */
.fs_70 {font-size: 70px; font-weight: 700; color:#000; font-family: 'Play', sans-serif;}
.fs_55 {font-size: 55px; font-weight: 700; color:#000; font-family: 'Play', sans-serif;}
.fs_36 {font-size: 36px; font-weight: 600; color:#000; line-height: 1.3;}
.fs_30 {font-size: 30px; font-weight: 600; color:#000; line-height: 1.5;}
.fs_24 {font-size: 24px; font-weight: 700; color:#000; line-height: 1.3; }
.fs_20 {font-size: 20px; font-weight: 300; color:#000; line-height: 1.9; }
.fs_19 {font-size: 19px; font-weight: 300; color:#333; line-height: 2; }
.fs_18 {font-size: 18px; font-weight: 300; color:#333; line-height: 1.9; }
.fs_17 {font-size: 17px; font-weight: 300; color:#333; line-height: 1.9; }
.fs_16 {font-size: 16px; font-weight: 300; color:#333; line-height: 1.65; }

.dot_list li {position: relative; padding-left: 15px; text-align: left; }
.dot_list li::before {content: ''; display: block; width: 4px; height: 4px; position: absolute; left: 0; top:16px; background: #2fc4ef; }
.dot_list li:nth-child(n+2) {margin-top: 5px; }
@media screen and (min-width:1401px){
    .dot_list.flex {display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
    .dot_list.flex::after {content: ''; display: block; width: 1px; height: 90%; background: #ccc; left: 50%; top:5%; position: absolute; }
    .dot_list.flex li {width: calc(50% - 50px); }
}
.col3_wrap {display: flex; flex-wrap: wrap; text-align: center; }
.col3_wrap .box {width: calc(33.3% - 13.3px); margin-right:20px; overflow: hidden;}
.col3_wrap .box img {transition: transform .3s;}
.col3_wrap .box:hover img {transform: scale(1.05);}
@media screen and (min-width:641px){
    .col3_wrap .box:nth-child(3n) {margin-right: 0; }
}
.col3_wrap .box:nth-child(n+4) {margin-top: 20px;}

/*Content CSS*/
.left_line {margin-bottom: 50px;}

.img_box_wrap {margin-top: 55px; text-align: left; }
.img_box_wrap .box {display: flex; align-items: center; }
.img_box_wrap .box:nth-child(even) {flex-direction: row-reverse;}
.img_box_wrap .box > div {width: 50%; }

.img_box_wrap .box .img {overflow: hidden; position: relative;}
.img_box_wrap .box .img img {transition: transform .3s; }
.img_box_wrap .box .img:hover img {transform: scale(1.05);}

@media screen and (min-width: 1200px) {
.img_box_wrap .box .txt {padding-left: 65px; text-align: left; }
.img_box_wrap .box:nth-child(even) .txt {padding:0 40px 0 0;}

}





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

    .left_line {margin-bottom: 30px;}

}

@media screen and (max-width:1199px){
    /* sec1 */
    #sec1 {text-align: center; }
    .img_box_wrap {margin-top:50px; }
    .img_box_wrap .box {flex-direction: column !important; align-items: center; }
    .img_box_wrap .box > div {width: 100%; max-width: 650px;}
    .img_box_wrap .box .txt {margin-top: 40px;}
    .img_box_wrap .box:nth-child(n+2) {margin-top: 50px;}
}

@media screen and (max-width:1024px){
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding:60px 0;}
    .sub_inner {padding: 0 30px;}
    .left_line {padding-left: 15px;}
    .left_line::before { height: 22px;}
    .sub_title + p {margin-top: 30px;}
    /* fs */
    .fs_70 {font-size: 45px;}
    .fs_55 {font-size: 35px;}
    .fs_36 {font-size: 26px;}
    .fs_30 {font-size: 24px;}
    .fs_24 {font-size: 20px; }
    .fs_20 {font-size: 18px; line-height: 1.65; }
    .fs_19 {font-size: 17px; line-height: 1.65;}
    .fs_18 {font-size: 16px; line-height: 1.65;}
    .fs_17 {font-size: 15px; }
    .fs_16 {font-size: 14px; }

    .dot_list li::before {top:11px;}

    .col3_wrap .box {width: calc(33.3% - 6.7px); margin-right:10px; }
    .col3_wrap .box:nth-child(n+4) {margin-top: 10px;}

    /*Content CSS*/
    /* sec1 */
    .left_line {margin-bottom: 15px;}



}

@media screen and (max-width:640px){
    /* common */
    .subpage > section {padding:50px 0;}
    .sub_inner {padding: 0 20px;}
    .sub_title + p {margin-top: 20px;}
    .left_line {padding-left: 12px;}
    .left_line::before {height: 18px;}
    /* fs */
    .fs_70 {font-size: 35px;}
    .fs_55 {font-size: 30px;}
    .fs_36 {font-size: 20px;}
    .fs_30 {font-size: 19px;}
    .fs_24 {font-size: 18px; }
    .fs_20 {font-size: 16px;}
    .fs_19 {font-size: 15px;}
    .fs_18 {font-size: 14px;}
    .fs_17 {font-size: 14px;}
    .fs_16 {font-size: 13px;}

    .dot_list li {padding-left: 12px; }
    .dot_list li::before {top:9px;}

    .col3_wrap .box {width: calc(50% - 5px); margin-right:10px; }
    .col3_wrap .box:nth-child(2n) {margin-right: 0; }
    .col3_wrap .box:nth-child(n+3) {margin-top: 10px;}

    /*Content CSS*/
    .img_box_wrap {margin-top:40px; }
    .img_box_wrap .box .txt {margin-top: 30px;}
    .img_box_wrap .box:nth-child(n+2) {margin-top: 40px;}


}

@media screen and (max-width: 480px) {
    /* common */

    /* content */


}