@charset "utf-8";
.visual{position:relative;height:100vh;min-height:720px;background:#111;color:#fff}
.visual__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s}
.visual__slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.12))}
.visual__slide.is-active{opacity:1}
.visual__content{position:absolute;left:9vw;bottom:18vh;z-index:2}
.visual__content span{display:block;font-size:40px;font-weight:900;letter-spacing:.06em;margin-bottom:26px}
.visual__content h2{font-size:54px;line-height:1.25;margin:0 0 34px;font-weight:800;letter-spacing:-2px}
.line-btn{display:inline-flex;align-items:center;justify-content:center;width:138px;height:42px;border:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:900;letter-spacing:.04em}
.visual__control{position:absolute;right:70px;bottom:70px;z-index:3;display:flex;align-items:center;gap:20px;font-size:13px}
.visual__control button{color:#fff;font-weight:800}
.visual__control em{font-style:normal}.visual__control b{font-size:20px}

.section-title{max-width:1440px;margin:0 auto 48px;padding:0 70px}
.section-title span{display:block;font-size:17px;font-weight:900;color:#0066b3;margin-bottom:16px}
.section-title h3{font-size:42px;line-height:1.28;margin:0;letter-spacing:-1.5px}
.section-title.white{color:#fff}.section-title.white span{color:#8dccff}

.intro{padding:130px 0 0}
.intro__image{height:420px;margin-left:calc((100vw - 1440px)/2 + 70px);border-radius:0 0 0 0;overflow:hidden}
.business{padding:130px 0;background:#111;margin-top:120px}
.business__list{display:grid;grid-template-columns:repeat(4,1fr);height:580px}
.biz-card{position:relative;background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end;color:#fff;transition:.35s}
.biz-card:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.48);transition:.35s}
.biz-card.is-on:before,.biz-card:hover:before{background:rgba(0,72,130,.38)}
.biz-card div{position:relative;z-index:1;padding:42px 34px}
.biz-card span{font-size:15px;font-weight:900}
.biz-card h4{font-size:30px;line-height:1.2;margin:18px 0 16px}
.biz-card p{font-size:17px;line-height:1.55;margin:0 0 28px;color:#eee}
.biz-card a{display:inline-flex;align-items:center;justify-content:center;width:72px;height:34px;border:1px solid #fff;font-size:12px;font-weight:900}

.media{padding:125px 0 130px}
.news-list{max-width:1300px;margin:0 auto;padding:0 70px;border-top:2px solid #111}
.news-list a{display:grid;grid-template-columns:130px 1fr 130px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid #ddd}
.news-list strong{font-size:15px;color:#0066b3}
.news-list p{font-size:23px;font-weight:700;margin:0;line-height:1.35}
.news-list em{font-style:normal;color:#777;text-align:right}
.more-btn{display:flex;align-items:center;justify-content:center;width:140px;height:42px;border:1px solid #111;margin:46px auto 0;font-size:12px;font-weight:900}

@media(min-width:1440px){
.visual__content h2{font-size:60px}.visual__content span{font-size:44px}
}
@media(max-width:1439px){
.visual{min-height:660px}.visual__content{left:7vw}.visual__content h2{font-size:48px}.section-title{padding:0 44px}.intro__image{margin-left:44px}.business__list{height:520px}.biz-card div{padding:34px 26px}.biz-card h4{font-size:26px}
}
@media(max-width:1279px){
.visual{height:82vh;min-height:620px}.visual__content{left:40px;bottom:14vh}.visual__content span{font-size:32px}.visual__content h2{font-size:42px}.visual__control{right:34px;bottom:42px}
.section-title{padding:0 34px}.section-title h3{font-size:34px}.intro{padding-top:95px}.intro__image{height:340px;margin-left:34px}.business{padding:95px 0;margin-top:90px}.business__list{grid-template-columns:repeat(2,1fr);height:auto}.biz-card{height:330px}.media{padding:90px 0}.news-list{padding:0 34px}.news-list a{grid-template-columns:110px 1fr;gap:14px 22px}.news-list em{grid-column:2;text-align:left}
}
@media(max-width:767px){
.visual{height:100svh;min-height:560px}.visual__content{left:22px;right:22px;bottom:122px}.visual__content span{font-size:24px;margin-bottom:16px}.visual__content h2{font-size:32px;letter-spacing:-1px}.line-btn{width:112px;height:40px}.visual__control{left:22px;right:auto;bottom:44px}
.section-title{padding:0 22px;margin-bottom:30px}.section-title span{font-size:14px}.section-title h3{font-size:28px}.intro{padding-top:70px}.intro__image{height:270px;margin-left:22px}.business{padding:70px 0;margin-top:70px}.business__list{display:flex;overflow:hidden;touch-action:pan-y}.biz-card{min-width:82%;height:360px}.biz-card div{padding:28px 22px}.biz-card h4{font-size:24px}.biz-card p{font-size:15px}.media{padding:70px 0}.news-list{padding:0 22px}.news-list a{display:block;padding:24px 0}.news-list p{font-size:19px;margin:12px 0}.news-list em{text-align:left}.more-btn{width:120px}
}
@media(max-width:320px){
.visual__content{left:18px;right:18px}.visual__content h2{font-size:28px}.section-title{padding:0 18px}.section-title h3{font-size:25px}.intro__image{margin-left:18px;height:240px}.biz-card{min-width:88%}.news-list{padding:0 18px}.news-list p{font-size:18px}
}