/*Content CSS*/
#business2{overflow: hidden;}
section > article{padding: 90px 0 100px; position: relative;}
section > article:nth-child(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 1;}

.bar::before{content: ''; display: block; width: 50px; height: 5px; background-color: #42ade0; margin: 0 auto 25px;}
.fs_50{font-size: 50px; font-weight: 800; line-height: 1;}
.fs_35{font-size: 35px; font-weight: 800;  line-height: 55px; letter-spacing: -.7px;}
.fs_22{font-size: 22px; letter-spacing: -.44px;}
.fs_18{font-size: 18px; font-weight: 400; line-height: 33px; letter-spacing: -.36px; color: #333;}
.fs_17{font-size: 17px; font-weight: 400; line-height: 31px; letter-spacing: -.34px; color: #333;}
.fs_15{font-size: 15px; font-weight: 400; line-height: 33px; letter-spacing: -.3px; color: #555;}

.sec1::before{content: ''; display: block; width: 100%; height: 217px; background-color: #f7f7f7; position: absolute; bottom: 0; left: 0; z-index: 0;}
.sec2{text-align: center;}
.sec2::before{content: ''; display: block; width: 1300px; height: 1px;background-color: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.tit{text-align: center;}
.tit p{margin-top: 40px;}

.bar_list{display: flex; flex-wrap:wrap; margin-top: 60px;}
.bar_list li{width: calc(25% - 15px); margin-right: 20px; border: solid 1px #ddd; border-top: solid 3px #42ade0; text-align: center; padding: 45px 10px 55px; background-color: #fff; transition: .3s;}
.bar_list li:nth-child(4n){margin-right: 0;}
.bar_list li:nth-child(n+5){margin-top: 40px; padding-top: 72px;}
.bar_list li h4{font-family: 'Montserrat'; }
.bar_list li h4::after{content: ''; display: block; width: 17px; height: 12px; background: url('../img/bt_arrow.png') 50% / cover no-repeat; margin: 20px auto;}
.bar_list li:hover{border-top: solid 3px #000;}

.arrow{position: relative; padding-left: 14px; margin-top: 14px; text-align: left;}
.arrow::before{content: ''; display: block; width: 8px; height: 12px; background: url('../img/sm_arrow.png') 50% / cover no-repeat; position: absolute; top: 10px; left: 0;}
.cer_box{margin: 0 auto; display: inline-block; margin-top: 40px;}
.img{border: solid 1px #ddd; transition: .3s; position: relative;}
.img::before{content: ''; display: block; width: 100%; height: 100%; border: solid 2px #42ade0; opacity: 0; transition: .3s; position: absolute; top: 0; left: 0;}
.img:hover{border-color: #42ade0;}
.img:hover::before{opacity: 1;}

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

}


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

}

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

}