/* common */
.subpage { overflow: hidden; position:relative;text-align: center;}
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-child(even) {background-color: #f9f9f9;}
.subpage article + article {margin-top: 90px;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_tit {margin-bottom: 40px;}
.sub_tit h3 {font-size: 20px; font-weight:700; color: #f37021; margin-bottom:20px; line-height: 1; text-transform: uppercase;}

/* font size */
.fs_50 {font-size: 50px; font-weight :700; line-height: 1.2; color:#111; }
.fs_26 {font-size: 26px; font-weight :300; line-height: 1.62; color:#111; }
.fs_21 {font-size: 21px; font-weight :300; line-height: 1.71; color:#111; }
.fs_20 {font-size: 20px; font-weight :700; line-height: 1.71; color:#111; }
.fs_18 {font-size: 18px; font-weight :300; line-height: 1.67; color:#111; }


/*Content CSS*/
/* sec1 */
#sec1 .img {margin: 35px 0 40px;}
#sec1 h4 b {font-weight: 600;}

/* sec2 */
#sec2 .cont_wrap {position: relative;display: flex; justify-content: space-between;}
#sec2 .cont_wrap .img {position: absolute; z-index: 2; left:50%; top:50%; transform: translate(-50%, -50%);}
#sec2 .list {width: 610px; max-width: calc(50% - 10px);}
#sec2 .list > li {width: 100%; bordeR:1px solid #ddd; background: #fff; border-radius: 10px; padding:35px 40px; display: flex; align-items: center; text-align: left;}
#sec2 .list > li + li {margin-top: 20px; }
#sec2 .list .icon {flex-shrink: 0; display: block; margin-right: 40px;}
@media screen and (min-width:1025px) {
    #sec2 .list > li {}
    #sec2 .list:nth-of-type(1) > li {padding-right: 170px;}
    #sec2 .list:nth-of-type(2) > li { text-align: right; flex-direction: row-reverse;}
    #sec2 .list:nth-of-type(2) .icon {margin: 0 0 0 40px;}
}





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

    /* content */

}

@media screen and (max-width: 1024px) {
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding: 70px 0; }
    .subpage article + article {margin-top: 70px;}
    .sub_tit h3 {font-size: 18px;}
    .sub_inner {padding:0 30px;}
    /* font size */
    .fs_50 {font-size: 40px; }
    .fs_26 {font-size: 22px;}
    .fs_21 {font-size: 18px;}
    .fs_20 {font-size: 18px;}
    .fs_18 {font-size: 16px;}

    /* content */
    /* sec2 */
    #sec2 .cont_wrap {display: block; }
    #sec2 .cont_wrap .img {position: static; transform: translate(0); margin: 0 0 -30px;}
    #sec2 .list {width: 100%; max-width: 100%;}
    #sec2 .list:nth-of-type(2) {margin: 15px 0 0;}
    #sec2 .list > li { padding: 30px;}
    #sec2 .list > li + li {margin:15px 0 0;}


}


@media screen and (max-width: 640px) {
    /* common */
    .subpage > section {padding: 50px 0;}
    .subpage article + article {margin-top: 60px;}
    .sub_inner {padding:0 20px;}
    .sub_tit {margin-bottom: 30px;}
    .sub_tit h3 {font-size: 16px; margin-bottom:10px;}

    /* font size */
    .fs_50 {font-size: 30px; }
    .fs_26 {font-size: 18px;}
    .fs_21 {font-size: 16px;}
    .fs_20 {font-size: 15px;}
    .fs_18 {font-size: 14px;}

    /* content */
    #sec1 .img { margin: 20px 0;}

    /* sec2 */
    #sec2 .cont_wrap .img {margin: 0 0 -20px;}
    #sec2 .cont_wrap .img img {max-height:250px;}
    #sec2 .list:nth-of-type(2) {margin: 10px 0 0;}
    #sec2 .list > li { padding: 20px;}
    #sec2 .list > li + li {margin:10px 0 0;}
    #sec2 .list .icon {margin-right: 20px;}

}