/*Content CSS*/
#work {overflow: hidden;}
section > article{padding: 60px 0 120px;}
.sub_inner{width: 100%; max-width: 1380px; padding: 0 50px; margin: 0 auto;}
.fs_32{font-size: 32px; font-weight: 700; line-height: 1; color: #1c3c6e; text-align: center;}
.fs_21{font-size: 20px; font-weight: 700; line-height: 1; color: #333; }
.fs_18{font-size: 18px; font-weight: 300; line-height: 36px; color: #333;}

.work_box{border: solid 1px #ddd; padding: 50px 65px; margin-top: 38px;}
.work_box + .work_box{margin-top: 20px;}
.work_box h4{margin-bottom: 30px;}
.work_box .ul_wrap{display: flex; }
.work_box .ul_wrap ul{width: 50%;}
.work_box .ul_wrap ul + ul{padding-left: 50px; margin-left: 50px; border-left: solid 1px #ddd;}

@media screen and (max-width:1400px) {
    #work br:not(.space){display: none;}
    section > article{padding: 60px 0 100px;}
    .fs_32{font-size: 29px;}
    .fs_21{font-size: 19px;}
    .fs_18{font-size: 17px; line-height: 1.9;}

    .work_box{padding: 40px 30px; margin-top: 30px;}
    .work_box h4{margin-bottom: 20px;}
    .work_box .ul_wrap ul + ul{padding-left: 30px; margin-left: 0;}
}
@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .fs_32{font-size: 25px;}
    .fs_21{font-size: 18px;}
    .fs_18{font-size: 16px;}
    .work_box{padding: 30px;}
    .work_box h4{margin-bottom: 15px;}
    .work_box .ul_wrap{display: block;}
    .work_box .ul_wrap ul{width: 100%; }
    .work_box .ul_wrap ul + ul{padding-left: 0;border-left: 0;}

}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
    section > article{padding-top: 35px;}
    .fs_29 br.space{display: none;}
    .sub_inner{padding: 0 20px;}
    .fs_32{font-size: 22px; line-height: 1.4;}
    .fs_21{font-size: 17px;}
    .fs_18{font-size: 15px;}
    .work_box{padding: 30px 20px;}



}