/*Content CSS*/
#product2 {overflow: hidden;}
section > article{padding: 60px 0 100px;}
section > article:nth-child(n+2){padding: 0 0 120px;; }
.sub_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}
.fs_32{font-size: 32px; font-weight: 700; line-height: 1; color: #1c3c6e; text-align: center;}
.fs_25{font-size: 25px; font-weight: 700; line-height: 1; color: #333; }
.fs_22{font-size: 22px; font-weight: 500; line-height: 1; color: #333; }
.fs_21{font-size: 21px; font-weight: 700; color: #333; }
.fs_18{font-size: 18px; line-height: 34px; color: #333; }
.fs_16{font-size: 16px; }
span.fs_16{font-weight: 500; color: #888;}
p.fs_16{color: #333;}

.prod_box{display: flex;}
.prod_box .img{position: relative; flex-shrink: 0;}
.prod_box .img span{font-size: 16px; display: inline-block; width: 80px; text-align: center; line-height: 26px; color: #fff; background-color: #1c3c6e; position: absolute; top: 0; left: 0; }
.prod_box .text{border: solid 1px #ddd; background-color: #f7f7f7; padding:55px 65px; flex-grow: 1;}
.prod_box .text h4{margin-bottom: 25px;}
.prod_box .text h4 + p{margin-bottom: 28px;}

.bar{padding-left: 16px; position: relative;}
.bar::before{content: ''; display: block; width: 3px; height: 100%; max-height: 25px; background-color: #167179; position: absolute; top: 1px; left: 0;}
.bar_wrap + .bar_wrap{margin-top: 65px;}
.sec2 h3{padding-bottom: 40px; margin-bottom: 50px; border-bottom: solid 1px #ddd;}

.icon_list{border: solid 1px #ddd; padding: 0 65px; margin-top: 40px;}
.icon_list li{display: flex; align-items: center; padding: 35px 0; border-bottom: solid 1px #ddd;}
.icon_list li:last-child{border-bottom: 0;}
.icon_list li .icon{margin-right: 60px; flex-shrink: 0;}
.icon_list li .text h5{margin-bottom: 20px;}


@media screen and (max-width:1600px) {
    #product2 br:not(.space){display: none;}
}
@media screen and (max-width:1400px) {
    section > article{padding: 60px 0;}
    section > article:nth-child(n+2){padding: 0 0 100px;}
    .fs_32{font-size: 29px;}
    .fs_25{font-size: 22px;}
    .fs_22{font-size: 20px;}
    .fs_21{font-size: 19px;}
    .fs_18{font-size: 17px; line-height: 1.7;}
    .fs_16{font-size: 15px;}
    .prod_box .img span{font-size: 15px;}
    .prod_box .text{padding: 40px 50px;}
    .icon_list{margin-top: 30px; padding: 0 40px;}
    .icon_list li{padding: 30px 0; }
    .icon_list li .icon{margin-right: 50px;}
    .bar_wrap + .bar_wrap{margin-top: 50px;}

}
@media screen and (max-width:1024px) {
    section > article{padding: 50px 0 60px;}
    section > article:nth-child(n+2){padding: 0 0 50px;}
    .sub_inner{padding: 0 30px;}
    .fs_32{font-size: 27px;}
    .fs_25{font-size: 20px;}
    .fs_22{font-size: 19px;}
    .fs_21{font-size: 18px;}
    .fs_18{font-size: 16px;}
    .fs_16{font-size: 14px;}
    .sec2 h3{padding-bottom: 25px; margin-bottom: 25px;}
    .prod_box{display: block;}
    .prod_box .img{text-align: center; border: solid 1px #ddd; border-bottom: 0;}
    .prod_box .img span{font-size: 14px;}
    .prod_box .text{padding: 35px 30px; text-align: center;}
    .prod_box .text h4{margin-bottom: 15px;}
    .prod_box .text h4 + p{margin-bottom: 20px;}
    .icon_list{padding: 0 30px;}
    .icon_list li{padding: 20px 0; }
    .icon_list li .icon{margin-right: 30px; width: 100px;}
    .bar_wrap + .bar_wrap{margin-top: 35px;}

}

@media screen and (max-width:768px) {
    .icon_list{padding: 0;}
    .icon_list li{display: block; text-align: center; padding: 15px 20px 20px;}
    .icon_list li .icon{margin: 0 auto 15px; width: 80px;}
    .icon_list li .text h5{margin-bottom: 10px}
    .prod_box .text{padding: 30px 20px; text-align: center;}
}

@media screen and (max-width:640px) {
    section > article{padding-top: 35px;}
    .sub_inner{padding: 0 20px;}
    .fs_32{font-size: 25px;}
    .fs_25{font-size: 19px;}
    .fs_22{font-size: 18px;}
    .fs_21{font-size: 17px;}
    .fs_18{font-size: 15px;}
    .fs_16{font-size: 13px;}

}