/*Content CSS*/
#rnd1 {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_34{font-size: 34px; font-weight: 700; color: #1d1d1f; line-height: 1;}
.fs_24{font-size: 24px; font-weight: 600; }
.fs_18{font-size: 18px; line-height: 1.78; color: #1d1d1f;}
.fs_17{font-size: 17px;}
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block;}

.img_wrap{ height: 350px; background: url('../img/rnd1_img.jpg') 50% / cover no-repeat; border-radius: 5px 120px 5px  120px; overflow: hidden;}
.flex_wrap{display: flex; justify-content: space-between; margin-top: 50px;}
.flex_wrap .tit{flex-shrink: 0; margin-right: 100px;}
.flex_wrap .cont{border-top: solid 2px #1d1d1f; padding-top: 40px;}
.flex_wrap .wrap h4 + p{margin-top: 25px;}
.flex_wrap .wrap + .wrap{margin-top: 45px; padding-top: 55px; border-top: solid 1px #ddd;}

.icon_list{margin-top: 60px;}
.icon_list li{display: flex; align-items: center;}
.icon_list li + li{margin-top: 60px;}
.icon_list li i{display: block; min-width: 84px; margin-right: 20px; text-align: center;}
.icon_list li i img{transition: .5s; display: inline-block;}
.icon_list li h5{color: #00b4f7; margin-bottom: 5px;}
.icon_list li:nth-child(even) h5{color: #0074f7;}
@media screen and (min-width:1025px) {
    .icon_list li:hover i img{transform: rotateY(180deg);}
}
@media screen and (max-width:1400px) {
    #rnd1 br:not(.space){display: none;}
    .fs_50{font-size: 45px;}
    .fs_34{font-size: 30px;}
    .fs_24{font-size: 21px;}
    .fs_18{font-size: 17px; line-height: 1.7}
    .fs_17{font-size: 16px;}
    .tit span{margin-bottom: 10px}
    .flex_wrap .tit{margin-right: 70px;}
    .flex_wrap .cont{padding-top: 30px;}
    .flex_wrap .wrap h4 + p{margin-top: 20px;}
    .flex_wrap .wrap + .wrap{padding-top: 40px; margin-top: 35px;}
    .icon_list{margin-top: 40px;}
    .icon_list li i{min-width: 60px; margin-right: 15px;}
    .icon_list li + li{margin-top: 40px;}
}

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

}

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

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

    .img_wrap{height: 250px;}
    .flex_wrap{display: block; margin-top: 40px;}
    .flex_wrap .tit{text-align: center; margin-right: 0;}
    .flex_wrap .cont{margin-top: 30px;}
    .flex_wrap .wrap{text-align: center;}
    .flex_wrap .wrap + .wrap{margin-top: 30px; padding-top: 30px; border-color: #1d1d1f; border-width: 2px;}
    .flex_wrap .wrap h4 + p{margin-top: 10px;}
    .icon_list{margin-top: 20px;}
    .icon_list li{display: block; padding: 15px 0; border-bottom: solid 1px #ddd;}
    .icon_list li i{margin-right: 0; margin-bottom: 15px;}
    .icon_list li + li{margin-top: 20px;}

}

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

}

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

    .img_wrap{height: 150px;}



}
