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

.fs_50{font-size: 50px; font-weight: 700; color: #111; line-height: 1;}
.fs_24{font-size: 24px; font-weight: 700; color: #0074f7;}
.fs_18{font-size: 18px; font-weight: 300; line-height: 1.67; color: #1d1d1f;}
.fs_17{font-size: 17px;}
.tit {padding-bottom: 25px; border-bottom: solid 2px #1d1d1f; max-width: 440px;}
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block;}

.wrap{display: flex; justify-content: flex-end;}
.icon_list{border-top: solid 1px #ddd; width: calc(100% - 500px);}
.icon_list > li{display: flex; padding: 40px 20px; border-bottom: solid 1px #ddd;}
.icon_list > li .icon{flex-shrink: 0; margin-right: 45px; background-color: #0074f7; width: 60px; height: 60px; border-radius: 50%; position: relative;}
.icon_list > li .icon img{position: absolute;transition: .5s;}
.icon_list > li:nth-child(1) .icon img{bottom: 13px; left: 13px;}
.icon_list > li:nth-child(2) .icon img{top: 12px; left: 0;}
.icon_list > li:nth-child(3) .icon img{bottom: 3px; right: 3px;}


.icon_list > li:nth-child(even) h4{color: #00b4f7}
.icon_list > li:nth-child(even) .icon{background-color: #00b4f7}

.dot_list{margin-top: 20px;}
.dot_list li{position: relative; padding-left: 18px;}
.dot_list li + li{margin-top: 10px;}
.dot_list li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #1d1d1f; position: absolute; top: 12px; left: 0;}
@media screen and (min-width:1025px) {
    .icon_list li:hover i img{transform: rotateY(180deg);}
}
@media screen and (max-width:1400px) {
    #business1 br:not(.space){display: none;}
    .fs_50{font-size: 45px;}
    .fs_24{font-size: 21px;}
    .fs_18{font-size: 17px; line-height: 1.7}
    .fs_17{font-size: 16px;}
    .tit span{margin-bottom: 10px}

}

@media screen and (max-width:1280px) {
    .tit {max-width: 100%; margin-bottom: 10px;}
    .wrap{display: block;}
    .icon_list{width: 100%; border-top: 0;}
    .icon_list > li{padding: 35px 20px;}
    .dot_list{margin-top: 15px;}
    .dot_list li + li{margin-top: 5px;}
}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .tit{text-align: center;}

    .fs_50{font-size: 40px;}
    .fs_24{font-size: 20px;}
    .fs_18{font-size: 16px; }
    .fs_17{font-size: 15px;}

    .icon_list > li{padding: 20px 15px;}
    .icon_list > li .icon{top: 10px; margin-right: 35px}
    .dot_list{margin-top: 10px;}
    .dot_list li + li{margin-top: 3px;}
    .dot_list li{padding-left: 10px;}
    .dot_list li::before{top: 10px;}



}

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

}

@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 35px;}
    .fs_24{font-size: 18px;}
    .fs_18{font-size: 16px;}
    .fs_17{font-size: 14px;}


}