#s5_wrap{padding: 100px 0 120px; background: url('../img/s5_bg.jpg') 50% / cover no-repeat; background-size : 100% 100%}
#s5_wrap .s_inner{width: 100%; max-width: 1500px; padding: 0 100px; margin: 0 auto; position: relative;}

#s5_wrap .fs_60{font-family: 'Gothic A1', sans-serif; font-size: 60px; font-weight: 800; line-height: 1; color: #fff;}
#s5_wrap .fs_60 span{color: #1f255d;}
#s5_wrap .fs_28{font-family: 'Gothic A1', sans-serif; font-size: 28px; font-weight: 800; color: #fff;}
#s5_wrap .fs_18{font-size: 18px; font-weight: 400; color: rgba(255,255,255,.8); line-height: 33px;}
#s5_wrap .fs_14{font-family: 'Gothic A1', sans-serif; font-size: 14px; font-weight: 300; color: #999;}


a.s5_btn{display: flex; align-items: center; justify-content: space-between; width: 180px; height: 45px; border: solid 1px #ddd; transition: .3s; padding: 0 18px 0 23px;}
a.s5_btn span{transition: .3s; color: #999;}
a.s5_btn i{width: 13px; height: 13px; display: block; background: url('../img/c5_plus.png') 50% / cover no-repeat; transition: background-image .3s;}
a.s5_btn:hover{background-color: #fff; border-color: #fff;}
a.s5_btn:hover i{background-image: url('../img/c5_plus_h.png')}
a.s5_btn:hover span{color: #2b2e85;}
#s5_wrap p{margin-top: 17px;}
#s5_wrap .text{margin-left: 60px;}
#s5_wrap .top{display: flex; justify-content: space-between; align-items: center;}

.s5_list{display: flex; margin-top: 80px;}
.s5_list li{display: flex; border-left: solid 1px rgba(255,255,255,.2);flex-grow: 1; padding: 40px 0 70px 70px;}
.s5_list li:last-child{border-right: solid 1px rgba(255,255,255,.2)}
.s5_list li i{transition: .5s;}
.s5_list li:hover i{transform: rotateY(180deg);}
@media screen and (max-width:1600px){
    #s5_wrap .s_inner{padding: 0 50px;}


}
@media screen and (max-width:1400px){
    .s5_list li{padding: 40px;}
    #s5_wrap .text{margin-left: 30px;}

}
@media screen and (max-width:1280px) {
    #s5_wrap {}
    #s5_wrap .fs_60{font-size: 50px;}
    #s5_wrap .fs_28{font-size: 23px;}
    #s5_wrap .fs_18{font-size: 16px; line-height: 1.7;}
    #s5_wrap .fs_14{font-size: 13px;}



}

@media screen and (max-width: 1024px) {
    #s5_wrap{padding: 50px 0;}
    #s5_wrap .s_inner{padding: 0 30px;}
    #s5_wrap .contents{padding: 50px 0 0; display: block;}


    #s5_wrap .fs_60{font-size: 40px; text-align: center;}
    #s5_wrap .fs_28{font-size: 18px;}
    #s5_wrap .fs_18{font-size: 15px;}
    #s5_wrap .fs_14{font-size: 12px;}


    .s5_list{margin-top: 40px;}
    .s5_list li{padding: 30px 20px;}
    .s5_list li i{width: 35px;}
    #s5_wrap .text{margin-left: 20px;}
    #s5_wrap p{margin-top: 8px;}



}

@media screen and (max-width: 768px){
    .s5_list{display: block;}
    .s5_list li{ border-top: solid 1px rgba(255,255,255,.2); border-left: 0; padding: 20px 0;}
    .s5_list li:last-child{border-right: 0; border-bottom: solid 1px rgba(255,255,255,.2)}
    .s5_list li i{flex-shrink: 0; width: 30px;}
    .s5_list li br{display: none;}

    #s5_wrap .text{margin-left: 15px;}
}

@media screen and (max-width: 640px) {
    #s5_wrap .s_inner{padding: 0 20px;}
    #s5_wrap .fs_60{font-size: 35px;}
    #s5_wrap .fs_28{font-size: 16px;}
    #s5_wrap .fs_18{font-size: 14px;}
    #s5_wrap .top{display: block;}
    a.s5_btn{margin: 25px auto 0; width: 100%; height: 40px;}


}