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

.bar::before{content: ''; display: block; width: 30px; height: 3px; background-color: #42ade0; margin: 0 auto 13px;}
.fs_50{font-size: 25px; font-weight: 800; line-height: 1;}
.fs_35{font-size: 22px; font-weight: 800;  line-height: 1.6; letter-spacing: -.7px;}
.fs_22{font-size: 18px; letter-spacing: -.44px;}
.fs_18{font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: -.36px; color: #333;}
.fs_17{font-size: 13px; font-weight: 400; line-height: 1.7; letter-spacing: -.34px; color: #333;}
.fs_15{font-size: 12px; font-weight: 400; line-height: 1.7; letter-spacing: -.3px; color: #555;}

.sec1::before{content: ''; display: block; width: 100%; height: 110px; 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: 15px;}

.bar_list{display: flex; flex-wrap:wrap; margin-top: 30px;}
.bar_list li{width:100%; border: solid 1px #ddd; border-top: solid 3px #42ade0; text-align: center; padding: 20px 10px; background-color: #fff; transition: .3s;}
.bar_list li:nth-child(n+2){margin-top: 15px;}
.bar_list li h4{font-family: 'Montserrat'; }
.bar_list li h4::after{content: ''; display: block; width: 13px; height: 9px; background: url('../img/bt_arrow.png') 50% / cover no-repeat; margin: 10px auto;}
.bar_list li:hover{border-top: solid 3px #000;}
.bar_list br{display: none;}

.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: 5px; left: 0;}
.cer_box{margin: 0 auto; display: inline-block; margin-top: 20px;}
.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){

}