/*Content CSS*/
#business7{overflow: hidden;}
section > article{padding: 95px 0 110px;}
section > article:nth-child(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_65{font-size: 65px; font-weight: 700; font-family:'Play'; }
.fs_37{font-size: 37px; font-weight: 700; line-height: 1; font-family: 'Play'}
.fs_25{font-size: 25px; font-weight: 700; line-height: 33px; letter-spacing: -.13px;}
.fs_18{font-size: 18px; font-weight: 300; line-height: 33px; letter-spacing: -.09px; color: #444;}
.bar::before{content: ''; display: block; width: 50px; height: 4px; background-color: #1dccaa; margin-bottom: 9px;}
.dot{position: relative; padding-left: 25px; text-align: left;}
.dot::before{content: ''; display: block; width: 10px; height: 10px; background-color: #1dccaa; position: absolute; left: 0; top: 15px; }
.tit_box{background-color: #f7f7f7; border: solid 1px #ddd; padding: 40px 50px; margin-top: 40px;  position: relative; z-index: 1;}
.bg_wrap{width: calc(100% + 200px); height: 450px; position: relative; left: 50%; transform: translateX(-50%) !important; top: -80px; background: url('../img/bus7_bg.jpg?v=240604') 50% /  cover no-repeat; }

.num_list{display: flex; flex-wrap: wrap; margin-top: 30px;}
.num_list.long li{width: 100%; margin-right: 0; }
.num_list.long li:nth-child(n+2){margin-top: 30px;}
.num_list li{width: calc(50% - 15px); margin-right: 30px; border: solid 1px #ddd; position: relative; padding: 50px 45px; border-top: solid 3px #000;}
.num_list li h4{padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.num_list li h4::after{content: ''; display: block; width: 50px; height: 1px; background-color: #000; position: absolute; bottom: 0; left: 0;}
.num_list li:nth-child(2n){margin-right: 0}
.num_list li:nth-child(n+3){margin-top: 29px;}
.num_list li .num{position: absolute; top: 36px; right: 30px; font-size: 100px; font-weight: 700; letter-spacing: -.6px; font-family: 'Play'; color: rgba(0,0,0,.05); line-height: 100px;}

.ex_box{margin-top: 45px; padding: 30px 50px; border-top: solid 3px #000; background-color: #f7f7f7; display: flex; align-items: center;}
.ex_box i{display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: #fff; border-radius: 50%; flex-shrink: 0; margin-right: 36px;}
.sec2 .ex_box{background-color: #fff;}
.sec2 .ex_box i{background-color: #f7f7f7;}

.img_box{margin-top: 75px; overflow: hidden;}
.img_box img{transition: .3s; display: block;}

.dot_wrap{border-top: solid 3px #000; text-align: left;}
.dot_wrap li{border-bottom: solid 1px #ddd; padding: 50px 0;}
.dot_wrap li p{padding-left: 25px; margin-top: 20px;}

.icon_list{display: flex; flex-wrap: wrap; margin-top: 30px;}
.icon_list li{width: calc(50% - 15px); margin-right: 30px; border: solid 1px #ddd; display: flex; align-items: flex-start; padding: 45px; background-color: #fff;}
.icon_list li i{display: block; flex-shrink: 0; margin-right: 35px; transition: .5s;}
.icon_list li:nth-child(2n){margin-right: 0;}
.icon_list li:nth-child(n+3){margin-top: 30px;}
.icon_list li h6::before{content: ''; display: block; width: 30px; height: 3px; background-color: #1dccaa; margin-bottom: 7px;}
.icon_list li h6{margin-bottom: 20px;}
.icon_list li.long{width: 100%; margin-right: 0; }

.slide_wrap{position: relative;}
.slide_wrap .arrows{position: absolute; top: calc(50% + 32px); left: 50%; transform: translate(-50%, -50%); width: calc(100% + 200px); height: 0; display: flex; align-items: center; justify-content: space-between;}
.slide_wrap .arrows button{font-size: 0;}
.slide_wrap .arrows button::before{content: ''; display: block; width: 32px; height: 64px; background: 50% / cover no-repeat;}
.slide_wrap .arrows button.slick-prev::before{background-image: url('../img/sub_prev.png')}
.slide_wrap .arrows button.slick-next::before{background-image: url('../img/sub_next.png')}

.slide_wrap .slick-dots{display: flex; justify-content: center; margin-top: 20px;}
.slide_wrap .slick-dots::before{display: none;}
.slide_wrap .slick-dots li{margin-right: 13px; flex: 0;}
.slide_wrap .slick-dots li button{font-size: 0; width: 10px; height: 10px; background-color: #c0c0c0; border-radius: 50%;}
.slide_wrap .slick-dots li.slick-active button{width: 20px; background-color: #1dccaa; border-radius: 15px;}
.sec3 .img_box{margin-top: 0;}
@media screen and (min-width: 1025px) {
    .img_box:hover img{transform: scale(1.1);}
    .num_list li:nth-child(4n+2), .num_list li:nth-child(4n+3) {border-top: solid 3px #1dccaa;}
    .icon_list li:hover i{transform: rotateY(180deg);}
}
@media screen and (max-width: 1600px) {
    .slide_wrap .arrows{width: 100%; top: calc(50% + 30px)}
    .slide_wrap .arrows button{position: relative; width: 60px; height: 60px; background-color: rgba(255,255,255,.8);}
    .slide_wrap .arrows button::before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 40px;}
}
@media screen and (max-width: 1400px) {
    #business7 br:not(.space){display: none;}
}
@media screen and (max-width: 1280px) {
    .fs_65{font-size: 55px;}
    .fs_37{font-size: 32px; line-height: 1;}
    .fs_25{font-size: 21px; line-height: 1.5;}
    .fs_18{font-size: 17px; line-height: 1.7}

    .bar::before{width: 40px; margin-bottom: 5px;}
    .dot{padding-left: 18px;}
    .dot::before{top: 12px;}

    .tit_box{padding: 30px 40px; margin-top: 35px}
    .ex_box{padding: 30px 40px;}
    .bg_wrap{height: 400px; }
    .num_list li{padding: 25px 28px; width: calc(50% - 10px); margin-right: 20px;}
    .num_list li:nth-child(n+3){margin-top: 25px;}
    .num_list.long li:nth-child(n+2){margin-top: 25px;}
    .num_list li h4{padding-bottom: 20px; margin-bottom: 20px; }
    .num_list li .num{top: 20px; right: 25px; font-size: 70px; line-height: 70px;}
    .ex_box{margin-top: 35px;}
    .img_box{margin-top: 50px;}
    .dot_wrap li{padding: 30px 0;}
    .dot_wrap li p{padding-left: 18px; margin-top: 15px;}


    .icon_list li{padding: 35px 30px; width: calc(50% - 10px); margin-right: 20px; text-align: left;}
    .icon_list li:nth-child(n+3){margin-top: 20px;}

}
@media screen and (max-width: 1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{text-align: center; padding: 0 30px;}
    .bar::before{margin: 0 auto 5px;}
    .dot::before{top: 13px; width: 8px; height: 8px;}

    .fs_65{font-size: 45px;}
    .fs_37{font-size: 28px; line-height: 1.2;}
    .fs_25{font-size: 20px;}
    .fs_18{font-size: 16px;}

    .tit_box{margin-top: 30px; padding: 20px 15px;}
    .ex_box{padding: 20px 15px;}
    .bg_wrap{height: 300px; top: -50px;}
    .num_list li{padding: 25px; width: 100%; margin-right: 0;}
    .num_list li:nth-child(n+2){margin-top: 15px;}
    .num_list.long li:nth-child(n+2){margin-top: 15px;}
    .num_list li h4{padding-bottom: 15px; margin-bottom: 15px; }
    .num_list li h4::after{left: 50%; transform: translateX(-50%);}
    .num_list li .num{top: 15px; right: 20px; font-size: 50px; line-height: 50px;}
    .num_list li:nth-child(even){border-top: solid 3px #1dccaa;}
    .ex_box{margin-top: 50px;}
    .img_box{margin-top: 50px;}
    .ex_box{flex-direction: column; justify-content: center;}
    .ex_box i{width: 80px; height: 80px; margin-right: 0; margin-bottom: 10px; }
    .ex_box i img{transform: scale(.8);}

    .icon_list{margin-top: 20px;}
    .icon_list li{padding: 30px 25px; width: 100%; margin-right: 0}
    .icon_list li:nth-child(n+2){margin-top: 15px;}
    .icon_list li h6{margin-bottom: 10px;}
    .icon_list li h6::before{width: 25px; margin-bottom: 5px;}



}
@media screen and (max-width: 640px) {
    .sub_inner{text-align: center; padding: 0 20px;}
    .fs_65{font-size: 35px;}
    .fs_37{font-size: 24px;}
    .fs_25{font-size: 18px;}
    .fs_18{font-size: 15px;}

    .bg_wrap{height: 150px; top: -30px;}

    .ex_box{margin-top: 30px;}
    .img_box{margin-top: 30px;}

    .icon_list li{padding: 20px 15px; text-align: center; flex-direction: column; justify-content: center;}
    .icon_list li i{margin: 0 auto;}
    .icon_list li:nth-child(n+2){margin-top: 15px;}
    .icon_list li h6{margin-bottom: 5px;}
    .icon_list li h6::before{width: 25px; margin: 20px auto 7px;}

    .dot::before{top: 10px;}

    .dot_wrap li{padding: 20px 0;}
    .dot_wrap li p{margin-top: 10px;}
}