/* ========================================
         page-view
   ======================================== */
.page-view{background:url(/support/images/page-view-img1.webp) no-repeat center / cover;}
/* ========================================
         pickup
   ======================================== */
.pickup{position:relative;background:#f2f2f2;width:100%;padding-top:24vw;}
.pickup > ul{position:relative;width:86vw;margin:0 auto;z-index:1;}
.pickup > ul > li{background:#FFF;padding:9vw 7vw;}
.pickup > ul > li:nth-of-type(n+2){margin-top:12vw;}
.pickup > ul > li > dl::before{content:"";display:block;width:50vw;height:50vw;margin:0 auto;}
.pickup > ul > li:nth-of-type(1) > dl::before{background:url(/reason/images/item-img1.webp) no-repeat center / contain;}
.pickup > ul > li:nth-of-type(2) > dl::before{background:url(/reason/images/item-img2.webp) no-repeat center / contain;}
.pickup > ul > li:nth-of-type(3) > dl::before{background:url(/reason/images/item-img3.webp) no-repeat center / contain;}
.pickup > ul > li > dl > dt{margin-top:3vw;text-align:center;font-size:5vw;color:#0068b7;line-height:1.4;}
.pickup > ul > li > dl > dd{margin-top:3vw;color:#555555;line-height:1.8;}
/* ========================================
         reason
   ======================================== */
.reason{position:relative;background:#0068b7;width:100%;margin-top:-8vw;padding:32vw 0;}
.reason > section{position:relative;padding:0 7vw;}
.reason > section > h2{display:flex;align-items:center;justify-content:center;}
.reason > section > h2::before{content:"";display:block;background:url(/reason/images/item-img4.webp) no-repeat center / contain;width:20%;height:17vw;margin-right:1vw;}
.reason > section > h2 > span{position:relative;display:flex;align-items:flex-end;width:70%;color:#FFF;}
.reason > section > h2 > span > span:nth-of-type(1){position:absolute;top:0;left:13vw;font-size:4vw;}
.reason > section > h2 > span > span:nth-of-type(2){display:inline-block;margin-right:.6vw;font-family:'Poppins500';font-size:19vw;color:#92ceff;line-height:.69;}
.reason > section > h2 > span > span:nth-of-type(3){font-family:'NotoSansJP700';font-size:7.5vw;}
.reason > section > ul{padding-top:2vw;}
.reason > section > ul > li{position:relative;margin-top:14vw;font-size:4.5vw;line-height:1.8;}
.reason > section > ul > li::before{content:"";position:relative;display:block;width:100%;height:40vw;z-index:2;}
.reason > section > ul > li:nth-of-type(1)::before{background:url(/reason/images/item-img7.webp) no-repeat center / cover;}
.reason > section > ul > li:nth-of-type(2)::before{background:url(/reason/images/item-img8.webp) no-repeat center / cover;}
.reason > section > ul > li:nth-of-type(3)::before{background:url(/reason/images/item-img9.webp) no-repeat center / cover;}
.reason > section > ul > li:nth-of-type(4)::before{background:url(/reason/images/item-img10.webp) no-repeat center / cover;}
.reason > section > ul > li:nth-of-type(5)::before{background:url(/reason/images/item-img11.webp) no-repeat center / cover;}
.reason > section > ul > li:nth-of-type(1)::after,
.reason > section > ul > li:nth-of-type(4)::after{content:"";position:absolute;top:24vw;display:block;background:no-repeat center / cover;width:65vw;height:100vw;opacity:.2;z-index:1;}
.reason > section > ul > li:nth-of-type(1)::after{background-image:url(/reason/images/item-img5.webp);left:-7vw;}
.reason > section > ul > li:nth-of-type(4)::after{background-image:url(/reason/images/item-img6.webp);right:-7vw;}
.reason > section > ul > li > span{display:block;background:no-repeat 0 2vw / 12vw;margin-top:8vw;padding-left:16vw;color:#c2d5e4;}
.reason > section > ul > li:nth-of-type(1) > span{background-image:url(/reason/images/no-img1.webp);}
.reason > section > ul > li:nth-of-type(2) > span{background-image:url(/reason/images/no-img2.webp);}
.reason > section > ul > li:nth-of-type(3) > span{background-image:url(/reason/images/no-img3.webp);}
.reason > section > ul > li:nth-of-type(4) > span{background-image:url(/reason/images/no-img4.webp);}
.reason > section > ul > li:nth-of-type(5) > span{background-image:url(/reason/images/no-img5.webp);}
/* ========================================
         review
   ======================================== */
.review{position:relative;width:100%;margin-top:-8vw;}
.review > section{position:relative;padding:0 7vw;}
.review > section > div{position:relative;background:#FFF;padding:12vw 7vw;border-radius:16px;}
.review > section > div::after{content:"";position:absolute;bottom:-4.5vw;right:0;left:0;background:linear-gradient(-45deg,#FFF 50%,transparent 50%);width:10vw;height:10vw;margin:0 auto;transform:rotate(45deg);}
.review > section > div > h2{text-align:center;font-size:6.5vw;line-height:1.3;}
.review > section > div > h2::before,
.review > section > div > h2::after{content:"";position:absolute;display:block;background:no-repeat center / contain;width:30vw;height:30vw;}
.review > section > div > h2::before{top:-14vw;left:-18vw;background-image:url(/reason/images/item-img13.webp);}
.review > section > div > h2::after{bottom:-14vw;right:-18vw;background-image:url(/reason/images/item-img12.webp);}
.review > section > div > h2 > span{color:#0068b7;}
.review > section > div > p:nth-of-type(1){position:relative;margin-top:6vw;font-size:4.5vw;color:#555555;}
.review > section > ul{padding-top:10vw;}
.review > section > ul > li{position:relative;background:#FFF;width:90%;margin-top:6vw;padding:4vw 12vw;line-height:1.6;border-radius:10px;}
.review > section > ul > li:nth-of-type(odd){margin-left:auto;}
.review > section > ul > li::before{content:"";position:absolute;display:block;width:20vw;height:20vw;}
.review > section > ul > li:nth-of-type(1)::before{top:14vw;left:-12vw;background:url(/reason/images/comment-img2.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(2)::before{top:-2vw;right:-12vw;left:auto;background:url(/reason/images/comment-img1.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(3)::before{top:10vw;left:-12vw;background:url(/reason/images/comment-img4.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(4)::before{top:4vw;right:-12vw;left:auto;background:url(/reason/images/comment-img5.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(5)::before{top:8vw;left:-12vw;background:url(/reason/images/comment-img3.webp) no-repeat center / contain;}
.review > section > ul > li > span{position:relative;display:block;}
.review > section > ul > li > span::before,
.review > section > ul > li > span::after{content:"";position:absolute;display:block;background:url(/reason/images/comment-img6.webp) no-repeat center / contain;width:5vw;height:5vw;}
.review > section > ul > li > span::before{top:0;left:-7vw;}
.review > section > ul > li > span::after{bottom:0;right:-7vw;transform:rotate(180deg);}
.review > section > ul > li > span > span{color:#0068b7;}
.review > section > ul > li > span > i{content:"";display:inline-block;width:4.5vw;height:4.5vw;margin:-1vw 1vw 0 .5vw;vertical-align:middle;}
.review > section > ul > li:nth-of-type(1) > span > i:nth-of-type(1){background:url(/reason/images/comment-img11.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(1) > span > i:nth-of-type(2){background:url(/reason/images/comment-img7.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(2) > span > i:nth-of-type(1){background:url(/reason/images/comment-img7.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(2) > span > i:nth-of-type(2){background:url(/reason/images/comment-img10.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(3) > span > i:nth-of-type(1){background:url(/reason/images/comment-img12.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(3) > span > i:nth-of-type(2){background:url(/reason/images/comment-img8.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(4) > span > i:nth-of-type(1){background:url(/reason/images/comment-img13.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(4) > span > i:nth-of-type(2){background:url(/reason/images/comment-img9.webp) no-repeat center / contain;}
.review > section > ul > li:nth-of-type(5) > span > i:nth-of-type(1){background:url(/reason/images/comment-img14.webp) no-repeat center / contain;}
.review > section > p.link-b1{margin-top:16vw;}
/* ========================================
         comment
   ======================================== */
.comment{position:relative;width:100%;padding:24vw 0;}
.comment::before,
.comment::after{content:"";position:absolute;display:block;background:#0068b7;width:50vw;height:1px;}
.comment::before{top:26vw;left:0;}
.comment::after{bottom:26vw;right:0;}
.comment > p{position:relative;background:#f2f2f2;width:86vw;margin:0 auto;padding:0 7vw;z-index:1;}
.comment > p > br{display:none;}
.comment > p > br[class*="space"]{display:block;}



@media(min-width:568px){
/* ========================================
         pickup
   ======================================== */
.pickup{padding-top:18vw;}
.pickup > ul{display:flex;justify-content:space-between;width:86vw;}
.pickup > ul > li{width:32%;padding:4vw 3vw;}
.pickup > ul > li:nth-of-type(n+2){margin-top:0;}
.pickup > ul > li > dl::before{width:18vw;height:18vw;}
.pickup > ul > li > dl > dt{margin-top:2vw;font-size:2.3vw;}
.pickup > ul > li > dl > dd{margin-top:2vw;line-height:1.9;}
/* ========================================
         reason
   ======================================== */
.reason{margin-top:-5vw;padding:20vw 0;}
.reason > section{padding:0 6vw;}
.reason > section > h2::before{width:12%;height:10vw;margin-right:.6vw;}
.reason > section > h2 > span{width:50%;}
.reason > section > h2 > span > span:nth-of-type(1){left:7.8vw;font-size:2.3vw;}
.reason > section > h2 > span > span:nth-of-type(2){margin-right:.4vw;font-size:11vw;}
.reason > section > h2 > span > span:nth-of-type(3){font-size:4.4vw;}
.reason > section > ul{padding-top:2vw;}
.reason > section > ul > li{display:flex;align-items:center;justify-content:space-between;width:94.4%;margin-top:8vw;font-size:2vw;line-height:1.9;}
.reason > section > ul > li:nth-of-type(even){margin-left:auto;}
.reason > section > ul > li::before{width:47%;height:32vw;}
.reason > section > ul > li:nth-of-type(odd)::before{order:2;}
.reason > section > ul > li:nth-of-type(1)::after{top:-3vw;left:-6vw;width:53vw;height:46vw;}
.reason > section > ul > li:nth-of-type(4)::after{top:-11vw;right:-6vw;width:53vw;height:54vw;}
.reason > section > ul > li > span{background:no-repeat 0 1vw / 6vw;width:47%;margin-top:0;padding-left:8vw;}
/* ========================================
         review
   ======================================== */
.review{margin-top:-5vw;}
.review > section{padding:0 6vw;}
.review > section > div{width:76vw;margin:0 auto;padding:7vw;border-radius:20px;}
.review > section > div::after{bottom:-3vw;width:7vw;height:7vw;}
.review > section > div > h2{font-size:3.2vw;}
.review > section > div > h2::before,
.review > section > div > h2::after{width:16vw;height:16vw;}
.review > section > div > h2::before{top:-6vw;left:-8vw;}
.review > section > div > h2::after{bottom:-6vw;right:-8vw;}
.review > section > div > h2 > br{display:none;}
.review > section > div > p:nth-of-type(1){margin-top:3vw;font-size:2vw;}
.review > section > ul{position:relative;padding-top:12vw;}
.review > section > ul::before{content:"";position:absolute;bottom:0;left:0;right:0;display:block;background:url(/reason/images/item-img14.webp) no-repeat center / contain;width:34vw;height:34vw;margin:0 auto;}
.review > section > ul > li{margin-top:0;padding:2.5vw 5vw;border-radius:12px;}
.review > section > ul > li:nth-of-type(odd){margin-left:0;}
.review > section > ul > li:nth-of-type(1){width:50%;margin-left:6vw;border-bottom-right-radius:0px;}
.review > section > ul > li:nth-of-type(2){width:40%;margin:-6vw 0 0 auto;border-bottom-left-radius:0px;}
.review > section > ul > li:nth-of-type(3){width:30%;margin-top:-3vw;border-bottom-right-radius:0px;}
.review > section > ul > li:nth-of-type(4){width:30%;margin:-10vw 0 0 auto;border-top-left-radius:0px;}
.review > section > ul > li:nth-of-type(5){width:26%;margin:-11vw 0 0 3vw;border-top-right-radius:0px;}
.review > section > ul > li::before{width:9vw;height:9vw;}
.review > section > ul > li:nth-of-type(1)::before{top:6vw;left:-5vw;}
.review > section > ul > li:nth-of-type(2)::before{top:-3vw;right:-4vw;}
.review > section > ul > li:nth-of-type(3)::before{top:6vw;left:-5vw;}
.review > section > ul > li:nth-of-type(4)::before{top:8vw;right:-5vw;}
.review > section > ul > li:nth-of-type(5)::before{top:6vw;left:-5vw;}
.review > section > ul > li > span::before,
.review > section > ul > li > span::after{width:2vw;height:2vw;}
.review > section > ul > li > span::before{left:-3vw;}
.review > section > ul > li > span::after{right:-3vw;}
.review > section > ul > li > span > i{width:1.8vw;height:1.8vw;margin:-.4vw .6vw 0 .3vw;}
.review > section > p.link-b1{margin:6vw auto 0;}
/* ========================================
         comment
   ======================================== */
.comment{padding:12vw 0 18vw;}
.comment::before,
.comment::before{top:12.7vw;}
.comment::after{bottom:18.7vw;}
.comment > p{width:76vw;padding:0 6vw;}
.comment > p > br{display:none;}
}



@media(min-width:1025px){
/* ========================================
         pickup
   ======================================== */
.pickup{padding-top:3vw;}
.pickup > ul{width:80vw;}
.pickup > ul > li{width:31%;padding:2.5vw 2vw;}
.pickup > ul > li > dl::before{width:12vw;height:12vw;}
.pickup > ul > li > dl > dt{margin-top:1.5vw;font-size:1.7vw;}
.pickup > ul > li > dl > dd{margin-top:1vw;line-height:2;}
/* ========================================
         reason
   ======================================== */
.reason{margin-top:-4vw;padding:16vw 0;}
.reason > section{padding:0 5vw;}
.reason > section > h2::before{width:8.5%;height:7.5vw;margin-right:.6vw;}
.reason > section > h2 > span{width:36%;}
.reason > section > h2 > span > span:nth-of-type(1){left:5.8vw;font-size:1.7vw;}
.reason > section > h2 > span > span:nth-of-type(2){margin-right:.2vw;font-size:8.3vw;}
.reason > section > h2 > span > span:nth-of-type(3){font-size:3.2vw;}
.reason > section > ul{padding-top:2vw;}
.reason > section > ul > li{margin-top:6vw;font-size:1.25vw;line-height:2;}
.reason > section > ul > li::before{height:17vw;}
.reason > section > ul > li:nth-of-type(1)::after{top:-3vw;left:-5vw;width:53vw;height:29vw;}
.reason > section > ul > li:nth-of-type(4)::after{top:-9vw;right:-5vw;width:53vw;height:35vw;}
.reason > section > ul > li > span{background:no-repeat 0 .5vw / 5vw;width:46%;padding-left:7vw;}
/* ========================================
         review
   ======================================== */
.review{margin-top:-4vw;}
.review > section{padding:0 5vw;}
.review > section > div{width:64vw;padding:5vw 6vw;border-radius:24px;}
.review > section > div::after{bottom:-2vw;width:5vw;height:5vw;}
.review > section > div > h2{font-size:2.6vw;}
.review > section > div > h2::before,
.review > section > div > h2::after{width:10vw;height:10vw;}
.review > section > div > h2::before{top:-4vw;left:-5vw;}
.review > section > div > h2::after{bottom:-4vw;right:-5vw;}
.review > section > div > p:nth-of-type(1){margin-top:2vw;font-size:1.25vw;}
.review > section > ul{padding-top:10vw;}
.review > section > ul::before{bottom:-3vw;width:23vw;height:23vw;}
.review > section > ul > li{padding:1.5vw 4vw;border-radius:14px;}
.review > section > ul > li:nth-of-type(odd){margin-left:0;}
.review > section > ul > li:nth-of-type(1){width:36%;margin-left:18vw;}
.review > section > ul > li:nth-of-type(2){width:26%;margin:-3vw 0 0 auto;transform:translateX(-13vw);}
.review > section > ul > li:nth-of-type(3){width:33%;margin:-1.5vw 0 0 2vw;}
.review > section > ul > li:nth-of-type(4){width:28%;margin:-2vw 0 0 auto;transform:translateX(-6vw);}
.review > section > ul > li:nth-of-type(5){width:24%;margin:-5vw 0 0 10vw;}
.review > section > ul > li::before{width:6vw;height:6vw;}
.review > section > ul > li:nth-of-type(1)::before{top:3vw;left:-4vw;}
.review > section > ul > li:nth-of-type(2)::before{top:-1vw;right:-3vw;}
.review > section > ul > li:nth-of-type(3)::before{top:3vw;left:-3vw;}
.review > section > ul > li:nth-of-type(4)::before{top:-1vw;right:-3vw;}
.review > section > ul > li:nth-of-type(5)::before{top:2vw;left:-4vw;}
.review > section > ul > li > span::before,
.review > section > ul > li > span::after{width:1.2vw;height:1.2vw;}
.review > section > ul > li > span::before{left:-2vw;}
.review > section > ul > li > span::after{right:-2vw;}
.review > section > ul > li > span > i{width:1.2vw;height:1.2vw;margin:-.3vw .4vw 0 .2vw;}
.review > section > p.link-b1{margin:5vw auto 0;}
/* ========================================
         comment
   ======================================== */
.comment{padding:10vw 0 14vw;}
.comment::before,
.comment::before{top:10.6vw;}
.comment::after{bottom:14.5vw;}
.comment > p{width:74vw;padding:0 6vw;}
.comment > p > br{display:block;}
}



@media(min-width:1366px){
/* ========================================
         pickup
   ======================================== */
.pickup{padding-top:50.24px;}
.pickup > ul{width:1092.8px;}
.pickup > ul > li{padding:34.15px 27.32px;}
.pickup > ul > li > dl::before{width:163.906px;height:163.906px;}
.pickup > ul > li > dl > dt{margin-top:20.49px;font-size:23.21px;}
.pickup > ul > li > dl > dd{margin-top:13.66px;}
/* ========================================
         reason
   ======================================== */
.reason{margin-top:-54.64px;padding:218.5px 0;}
.reason > section{width:1366px;margin:0 auto;padding:0 68.3px;}
.reason > section > h2::before{height:102.438px;margin-right:8.196px;}
.reason > section > h2 > span > span:nth-of-type(1){left:79.219px;font-size:23.21px;}
.reason > section > h2 > span > span:nth-of-type(2){margin-right:2.732px;font-size:113.41px;}
.reason > section > h2 > span > span:nth-of-type(3){font-size:43.71px;}
.reason > section > ul{padding-top:27.32px;}
.reason > section > ul > li{margin-top:81.96px;font-size:17.06px;}
.reason > section > ul > li::before{height:232.219px;}
.reason > section > ul > li:nth-of-type(1)::after{top:-40.969px;left:-68.297px;width:723.969px;height:396.125px;}
.reason > section > ul > li:nth-of-type(4)::after{top:-122.938px;right:-68.297px;width:723.969px;height:478.094px;}
.reason > section > ul > li > span{background:no-repeat 0 6.83px / 68.297px;padding-left:95.62px;}
/* ========================================
         review
   ======================================== */
.review{margin-top:-54.64px;}
.review > section{width:1366px;margin:0 auto;padding:0 68.3px;}
.review > section > div{width:874.23px;padding:68.3px 81.96px;}
.review > section > div::after{bottom:-27.31px;width:68.3px;height:68.3px;}
.review > section > div > h2{font-size:35.51px;}
.review > section > div > h2::before,
.review > section > div > h2::after{width:136.594px;height:136.594px;}
.review > section > div > h2::before{top:-54.625px;left:-68.297px;}
.review > section > div > h2::after{bottom:-54.625px;right:-68.297px;}
.review > section > div > p:nth-of-type(1){margin-top:27.32px;font-size:17.06px;}
.review > section > ul{padding-top:136.6px;}
.review > section > ul::before{bottom:-40.969px;width:314.172px;height:314.172px;}
.review > section > ul > li{padding:20.49px 54.64px;}
.review > section > ul > li:nth-of-type(1){margin-left:245.88px;}
.review > section > ul > li:nth-of-type(2){margin:-40.98px 0 0 auto;transform:translateX(-177.58px);}
.review > section > ul > li:nth-of-type(3){margin:-20.49px 0 0 27.32px;}
.review > section > ul > li:nth-of-type(4){margin:-27.32px 0 0 auto;transform:translateX(-81.96px);}
.review > section > ul > li:nth-of-type(5){margin:-68.3px 0 0 136.6px;}
.review > section > ul > li::before{width:81.953px;height:81.953px;}
.review > section > ul > li:nth-of-type(1)::before{top:40.969px;left:-54.625px;}
.review > section > ul > li:nth-of-type(2)::before{top:-13.656px;right:-40.969px;}
.review > section > ul > li:nth-of-type(3)::before{top:40.969px;left:-40.969px;}
.review > section > ul > li:nth-of-type(4)::before{top:-13.656px;right:-40.969px;}
.review > section > ul > li:nth-of-type(5)::before{top:27.313px;left:-54.625px;}
.review > section > ul > li > span::before,
.review > section > ul > li > span::after{width:16.391px;height:16.391px;}
.review > section > ul > li > span::before{left:-27.313px;}
.review > section > ul > li > span::after{right:-27.313px;}
.review > section > ul > li > span > i{width:16.391px;height:16.391px;margin:-4.098px 5.464px 0 2.732px;}
.review > section > p.link-b1{margin:68.3px auto 0;}
/* ========================================
         comment
   ======================================== */
.comment{padding:136.6px 0 191.24px;}
.comment::before,
.comment::before{top:144.781px;}
.comment::after{bottom:198.062px;}
.comment > p{width:1010.83px;padding:0 81.96px;}
}



@media(min-width:1400px){
}



@media(min-width:1500px){
}



@media(min-width:1920px){
}


:root{--ink:#1d252c;--muted:#68737c;--line:#e4e9ed;--bg:#f4f8fa;--accent:#0879b9;--accent-dark:#005a8d;--navy:#12354a;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);line-height:1.9;background:#fff}
a{color:inherit}

.container{width:min(1120px,calc(100% - 40px));margin:auto}
.hero{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy);color:#fff}
.hero-content{position:relative;padding:90px 0 75px;max-width:760px}
.kicker{font-size:13px;letter-spacing:.2em;font-weight:700;opacity:.85}
.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.15;margin:16px 0 22px;letter-spacing:.02em}
.hero p{font-size:18px;margin:0;max-width:720px}.hero h1::after{content:"";display:block;width:56px;height:3px;background:#43a6d3;margin-top:24px}
.btn{display:inline-block;margin-top:30px;padding:13px 24px;border:1px solid rgba(255,255,255,.75);border-radius:999px;text-decoration:none;font-weight:700}
section{padding:50px 88px 60px 88px}
.section-head{margin-bottom:42px}
.section-head .en{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:800}
.section-head h2{font-size:clamp(28px,4vw,42px);line-height:1.35;margin:8px 0 12px}
.section-head p{color:var(--muted);margin:0;max-width:760px}
.intro{background:var(--bg)}
.lead{font-size:21px;font-weight:700;line-height:1.8;max-width:850px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid var(--line);border-top:3px solid #d9ebf4;padding:30px;background:#fff;transition:.2s ease}.card:hover{border-top-color:var(--accent);box-shadow:0 8px 24px rgba(18,53,74,.07)}
.card .num{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.1em}
.card h3{font-size:21px;margin:8px 0 10px}
.card p{margin:0;color:#58656e;font-size:15px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.feature img{width:100%;height:440px;object-fit:cover;display:block}
.feature .tag{display:inline-block;font-size:12px;letter-spacing:.12em;color:var(--accent);font-weight:800}
.feature h2{font-size:clamp(28px,4vw,42px);line-height:1.4;margin:10px 0 18px}
.feature p{color:#58656e}
.notice{background:var(--navy);color:#fff}
.notice .section-head p{color:#c5d0d7}
.notice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.notice-card{border:1px solid rgba(255,255,255,.18);padding:28px}
.notice-card h3{margin:0 0 8px;font-size:20px}
.notice-card p{margin:0;color:#c5d0d7;font-size:14px}
.cta{background:#eaf4f9;color:var(--ink);text-align:center;border-top:1px solid #d8e8f0}
.cta h2{font-size:clamp(28px,4vw,42px);margin:0 0 14px}
.cta p{margin:0 auto;max-width:720px}
.cta .btn{border-color:var(--accent);background:var(--accent);color:#fff}
/*footer{padding:34px 0;background:#111;color:#c5d0d7;font-size:13px}*/
/*footer strong{color:#fff}*/
@media(max-width:800px){
 .container{width:min(100% - 28px,1120px)}
 .hero{min-height:560px}
 .hero-content{padding:70px 0 55px}
 .grid,.feature,.notice-grid{grid-template-columns:1fr}
 section{padding:64px 0}
 .feature img{height:300px}