/*Content CSS*/
#s3_wrap{background: linear-gradient(to bottom, #fff 0 90%, #f7f7f7 90%);}
#s3_wrap .s_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto; position: relative;}
#s3_wrap .contents{position: relative; padding: 100px 100px 0; margin-top: -130px; background: linear-gradient(to bottom, #fff 0 90%, #f7f7f7 90%); display: flex; justify-content: space-between; z-index: 4;}
#s3_wrap .lines{display: flex; justify-content: space-between; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
#s3_wrap .lines span{display: block; width: 1px; background-color: #ddd; height: 100%;}


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


a.s3_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.s3_btn span{transition: .3s;}
a.s3_btn i{width: 13px; height: 13px; display: block; background: url('../img/plus.png') 50% / cover no-repeat; transition: background-image .3s;}
a.s3_btn:hover{background-color: #1f255d; border-color: #1f255d;}
a.s3_btn:hover i{background-image: url('../img/plus_h.png')}
a.s3_btn:hover span{color: #fff;}
#s3_wrap p{margin: 42px 0 45px;}
#s3_wrap .text{margin-right: 70px;}

@media screen and (max-width:1600px){
    #s3_wrap .s_inner{}
    #s3_wrap .contents{margin-top: 0; padding: 90px 0 0;}



}
@media screen and (max-width:1280px) {
    #s3_wrap {}
    #s3_wrap .contents{}
    #s3_wrap .fs_60{font-size: 50px;}
    #s3_wrap .fs_28{font-size: 23px;}
    #s3_wrap .fs_18{font-size: 16px; line-height: 1.7;}
    #s3_wrap .fs_14{font-size: 13px;}
    #s3_wrap p{margin: 30px 0 35px;}
    #s3_wrap .img{width: 50%;}
    #s3_wrap .text{margin-right: 10px;}



}

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


    #s3_wrap .fs_60{font-size: 40px;}
    #s3_wrap .fs_28{font-size: 18px;}
    #s3_wrap .fs_18{font-size: 15px;}
    #s3_wrap .fs_14{font-size: 12px;}
    #s3_wrap p{margin: 20px 0 23px;}
    #s3_wrap .text{text-align: center; width: 100%; margin-bottom: 50px;}
    #s3_wrap .img{width: calc(100% + 60px); left: -30px; transform: initial; max-width: initial; position: relative;}
    #s3_wrap .img img{width: 100%; object-fit: cover; object-position: center; max-height: 250px;}

    a.s3_btn{margin: 0 auto;}

}

@media screen and (max-width: 640px) {
    #s3_wrap .s_inner{padding: 0 20px;}
    #s3_wrap .fs_60{font-size: 35px;}
    #s3_wrap .fs_28{font-size: 16px;}
    #s3_wrap .fs_18{font-size: 14px;}
    a.s3_btn{width: 100%; height: 40px;}
    #s3_wrap .img{width: calc(100% + 40px); left: -20px;}
    #s3_wrap .img img{max-height: 150px;}
    #s3_wrap .text{margin-bottom: 30px;}



}