@charset "utf-8";

.sub-page-top .sub-tit2 {line-height: 1.8;}
.sub-page-top .sub-tit3 {font-size: 1.5em; font-weight: 500; margin: 20px 0 70px; overflow: hidden;}


.coas-slide {margin-top: 75px;}
.coas-slide ul {}
.coas-slide ul li {max-width: 380px; border-radius: 30px; position: relative;}
.coas-slide ul li img {width: 100%; border-radius: 30px;}
.coas-slide ul li .coas-cont {border-radius: 0 0 30px 30px; position: absolute; bottom: 0; width: 100%; height: fit-content; color: #fff; padding: 120px 28px 45px; color: #fff;}
.coas-slide ul li .coas-cont::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%); border-radius: 0 0 30px 30px;}
.coas-slide ul li .coas-cont .coas-tit {font-size: 1.75em; font-weight: 700; position: relative; z-index: 1;}
.coas-slide ul li .coas-cont .coas-txt {font-size: 1.25em; line-height: 1.6; margin-top: 15px; position: relative; z-index: 1;}

.coas-btn-wrap {display: flex; margin-top: 90px;}
.coas-btn-wrap .coas-btn {border-radius: 10px; width: 50%; height: 80px; font-size: 1.5em; font-weight: 700; color: var(--color-blue); border: 2px solid var(--color-blue); display: flex; align-items: center; justify-content: center; transition: .2s;}
.coas-btn-wrap .coas-btn + .coas-btn {margin: 0 0 0 20px;}
.coas-btn-wrap .coas-btn.bg-blue {background-color: var(--color-blue); color: #fff;}

@media (max-width: 1280px) {
    .coas-slide ul li .coas-cont {padding: 110px 30px 30px;}
    .coas-slide ul li .coas-cont .coas-tit {font-size: 1.5em;}
    .coas-slide ul li .coas-cont .coas-txt {font-size: 1em;}
}

@media (max-width: 768px) {
    .sub-page-top .sub-tit {line-height: 1.3;}
    .sub-page-top .sub-tit2 {line-height: 1.6;}
    .sub-page-top .sub-tit2 br {display: none;}
    .sub-page-top .sub-tit2 br.mo {display: block;}
    .sub-page-top .sub-tit3 {font-size: 1em; line-height: 1.5; margin: 25px 0 35px;}
    .sub-page-top .sub-tit3 p {word-break: keep-all;}

    .coas-slide {margin-top: 35px;}
    .coas-slide ul li, .coas-slide ul li img {border-radius: 25px;}
    .coas-slide ul li .coas-cont {padding: 70px 20px 25px;}
    .coas-slide ul li .coas-cont .coas-tit {font-size: 1.25em;}
    .coas-slide ul li .coas-cont .coas-txt {font-size: 0.875em; margin-top: 10px;}

    .coas-btn-wrap {flex-direction: column; margin-top: 60px;}
    .coas-btn-wrap .coas-btn {width: 100%; height: 70px; font-size: 1.25em;}
    .coas-btn-wrap .coas-btn + .coas-btn {margin: 20px 0 0;}
}