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

/* fs */
.fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.1; }
.fs_34 {font-size: 34px; font-weight: 600; color:#000; line-height: 1.5; }
.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.5; }
.fs_20 {font-size: 20px; font-weight: 600; color:#000; line-height: 1.5; }
.fs_18 {font-size: 18px; font-weight: 300; color:#333; line-height: 33px; }

.dot_list li {position: relative; padding-left: 15px; text-align: left; line-height: 28px;}
.dot_list li::before {content: ''; display: block; width: 3px; height: 3px; position: absolute; left: 0; top:11px; background: #666; }
.dot_list li:nth-child(n+2) {margin-top: 8px; }

.video_wrap {width: 100%; position: relative; height:0; padding-bottom: 56.25%; margin-top: 60px;}
.video_wrap div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f7f7f7; display: flex; align-items: center; justify-content: center;}
.video_wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/*Content CSS*/
#sec1 {background: linear-gradient(to bottom, #fff 0 50%, #f7f7f7 50%);}
#sec1 .txt_box_wrap  {margin-top: 55px;}
#sec1 .txt_box_wrap > h3 {width: 100%; color:#fff; background-image: linear-gradient(to right, #f7941c, #f16021); padding: 13px 0; }
#sec1 .txt_box_wrap .box_wrap {width: 100%; background-color: #fff; border:1px solid #ddd; border-top: 0; padding: 20px 100px; }
#sec1 .txt_box_wrap .box_wrap .box {padding: 50px 0; border-bottom: 1px solid #ddd; }
#sec1 .txt_box_wrap .box_wrap .box:last-child {border-bottom: 0;}
#sec1 .txt_box_wrap .box_wrap h4 {margin:0 0 20px;}
#sec1 .txt_box_wrap .box_wrap .box.flex {display: flex; }
#sec1 .txt_box_wrap .box_wrap .box.flex h4 {flex-shrink: 0; margin:0 60px 0 0; }

#sec1 .list {display: flex; justify-content: space-between; margin-top: 55px;  flex-wrap: wrap;}
#sec1 .list li {width: 320px; position: relative; margin-right: 170px;}
#sec1 .list li:nth-child(3n) {margin:0;}
#sec1 .list li:nth-child(n+4) {margin-top: 50px;}
#sec1 .list li::before {content: ''; display: block; padding-bottom: 100%; }
#sec1 .list li > div {width: 100%; height: 100%; position: absolute; left: 0; top:0; border-radius: 50%; background-color: #fff; display: flex; flex-direction: column;
align-items: center; justify-content: center; border:8px solid #6a6a6a; box-shadow: 13.2px 12.3px 10px 0 rgba(0, 0, 0, 0.11);  }
#sec1 .list li i {position: absolute; right: -110px; top: 50%;  transform: translateY(-50%); }
#sec1 .list li h4 {color:#f7f7f7; width: 105px; line-height: 38px; height: 38px; background-color: #6a6a6a; border-radius: 19px; }
#sec1 .list li h3 {margin:20px 0 5px; font-weight: 700;}
#sec1 .list li:nth-child(2) > div {border-color: #f68e1d;}
#sec1 .list li:nth-child(2) h4 {background-color: #f68e1d;}
#sec1 .list li:nth-child(3) > div {border-color: #f26620;}
#sec1 .list li:nth-child(3) h4 {background-color: #f26620;}

/* sec2 */
#sec2 {background:url("../img/s2_bg.jpg") 50%/cover no-repeat; padding: 80px 0;}
#sec2 article {display: flex; align-items: center;}
#sec2 .img {border:1px solid rgba(255,255,255,.5); padding: 15px; margin-right: 85px; }
#sec2 .txt {text-align: left; }
#sec2 .txt h2 {color:#fff; }
#sec2 .txt h2 span {font-size: 30px;}
#sec2 .txt h2::before {content: ''; display: block; width: 50px; height: 6px; background-color: #fff; margin:0 0 35px; }
#sec2 .txt p {color:#fff; margin-top: 15px;}


@media screen and (max-width:1400px){
    /* content */

}