/* R15: reviewed hero styles, scoped to the hero only. */
.hc-hero{container-type:inline-size;background:#fafafa;color:#183e43;isolation:isolate}
.hc-stage{position:relative;min-height:68cqw;overflow:hidden;background:radial-gradient(ellipse at 4% 80%,#e7f0ef00,#fafafa 88%)}
.hc-photo{position:absolute;left:6%;top:0;width:94%;margin:0;line-height:1.7}
.hc-photo img{display:block;width:100%;height:auto;max-width:none;mask-image:linear-gradient(#000 88%,transparent 100%)}
.hc-photo figcaption{position:absolute;right:3%;bottom:-12px;font:11px/1.6 BodyJP,"Yu Gothic",sans-serif;color:#475f62;text-align:right}
.hc-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fafafa 0%,#fafafa 29%,#fafafafc 39%,#fafafae6 43%,#fafafa00 46%);pointer-events:none}
.hc-content{position:relative;width:39%;padding-top:3cqw;margin-left:4.2%;padding-bottom:5.5cqw}
.hc-title-art{position:relative;width:100%;aspect-ratio:550/427;overflow:hidden;mix-blend-mode:multiply}
.hc-title-art img{position:absolute;display:block;max-width:none;width:265.818182%;height:auto;left:-8%;top:-33.957846%}
.hc-copy{margin:16px 0 0;font:clamp(13px,1.45cqw,15px)/1.95 BodyJP,"Yu Gothic",sans-serif;color:#243d42}
.hc-copy p{margin:0 0 16px}
.hc-copy .m-product-name{font-size:clamp(13px,1.48cqw,16px);line-height:1.8;padding-bottom:12px;border-bottom:1px solid #b0cbcd}
.hc-copy .m-product-name em{font:italic 1.6em/1 MinchoJP,"Yu Mincho",serif;color:#005b70}
.hc-copy .copy-emphasis{background:none;color:#005b70;font-weight:600}
.hc-copy .m-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;margin-top:22px}
.hc-copy .m-actions a{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:10px 12px;color:#fff;background:linear-gradient(120deg,#006a7c,#005367);border:1px solid #005a70;border-radius:30px;text-decoration:none;font-size:clamp(12px,1.4cqw,14px);white-space:nowrap;letter-spacing:.04em}
.hc-copy .m-actions .m-secondary{background:#fafafae0;color:#005970}
.hc-copy .m-actions span{font-size:22px;line-height:1}
.hc-wave{position:absolute;z-index:1;pointer-events:none;left:-15%;bottom:-18cqw;width:135%;height:28cqw;border:2.4cqw solid #bcd9dc66;border-radius:50%;transform:rotate(-5deg)}
.hc-features{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:22px 3%;color:#fff;background:linear-gradient(115deg,#77adb4,#5094a1);position:relative;z-index:3}
.hc-features>div{display:grid;grid-template-columns:48px 1fr;column-gap:12px;padding:0 16px;align-items:center}
.hc-features>div+div{border-left:1px solid #ffffff60}
.hc-features dt{font:clamp(19px,2.5cqw,25px)/1.5 MinchoJP,"Yu Mincho",serif;letter-spacing:.12em}
.hc-features dd{font:clamp(11px,1.4cqw,14px)/1.7 BodyJP,"Yu Gothic",sans-serif;margin:2px 0 0;grid-column:2}
.hc-fact-icon{display:flex;align-items:center;justify-content:center;color:#116e81;background:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 5px #23627020;grid-row:1 / span 2}
.hc-fact-icon svg{width:27px;height:27px;display:block}
@media(min-width:768px) and (max-width:850px){
 .hc-copy{margin-top:10px}.hc-copy p{margin-bottom:12px}.hc-copy .m-actions{gap:7px;margin-top:15px}.hc-copy .m-actions a{padding-inline:7px;gap:5px}
 .hc-features{padding:18px 2%}.hc-features>div{grid-template-columns:39px 1fr;column-gap:9px;padding:0 11px}.hc-features .hc-fact-icon{width:39px;height:39px}.hc-features .hc-fact-icon svg{width:23px;height:23px}
}
@media(max-width:767px){
 #mobile-lp .hc-mobile{position:relative;background:radial-gradient(ellipse at 100% 30%,#e5eff0 0,transparent 45%),#fafafa}
 #mobile-lp .hc-mobile>.m-inset:first-child{padding:24px 7% 13px;background:linear-gradient(145deg,#fafafa 60%,#e6efee80)}
 #mobile-lp .hc-mobile .m-audience{font-size:clamp(12px,3.25vw,17px);padding:7px 8px;margin-bottom:20px;letter-spacing:0}
 #mobile-lp .hc-mobile h1{line-height:1.4}
 #mobile-lp .hc-mobile .m-hero-intro{font-size:clamp(17px,4.5vw,24px);line-height:1.8}
 #mobile-lp .hc-mobile h1 strong{font-size:clamp(48px,14.8vw,83px);line-height:1.5;letter-spacing:0;margin-top:4px}
 #mobile-lp .hc-mobile .m-hero-end{font-size:clamp(27px,7.7vw,41px);line-height:1.45;margin-top:-4px}
 #mobile-lp .hc-mobile-photo{position:relative;margin:0;line-height:0;background:#fafafa}
 #mobile-lp .hc-mobile-photo img{display:block;position:static;width:100%;height:auto;max-width:100%;transform:none;mask-image:linear-gradient(#000 86%,transparent 100%)}
 #mobile-lp .hc-mobile-photo figcaption{position:absolute;right:5%;bottom:1px;margin:0;font:10px/1.6 BodyJP,"Yu Gothic",sans-serif;color:#405f63}
 #mobile-lp .hc-mobile .m-hero-copy{padding:16px 7% 26px;background:linear-gradient(135deg,#fafafa,#ecf3f2)}
 #mobile-lp .hc-mobile .m-product-name{font-size:14px;line-height:1.75;border:0;padding:0;margin:0 0 16px}
 #mobile-lp .hc-mobile .m-product-name em{font-size:22px}
 #mobile-lp .hc-mobile .m-hero-copy>p:not(.m-product-name){font-size:15px;line-height:1.9;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
 #mobile-lp .hc-mobile .copy-emphasis{background:none;text-decoration:underline;text-decoration-color:#a7c9cd;text-underline-offset:4px}
 #mobile-lp .hc-mobile .m-actions{grid-template-columns:1fr 1.1fr;gap:9px;margin:22px 0 0}
 #mobile-lp .hc-mobile .m-actions a{min-height:51px;font-size:clamp(12px,3.5vw,16px);padding:11px 10px;letter-spacing:.02em;gap:6px}
 #mobile-lp .hc-mobile .m-actions a span{position:static;font-size:22px}
 #mobile-lp .hc-mobile .m-actions .m-secondary{background:#fafafa}
 #mobile-lp .hc-mobile .m-features{padding:20px 5%;gap:18px 0}
 #mobile-lp .hc-mobile .m-features>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;text-align:left;align-items:center;padding:0 10px}
 #mobile-lp .hc-mobile .hc-fact-icon{width:36px;height:36px}
 #mobile-lp .hc-mobile .hc-fact-icon svg{width:22px;height:22px}
 #mobile-lp .hc-mobile .m-features dt{font-size:21px;line-height:1.5;letter-spacing:.12em}
 #mobile-lp .hc-mobile .m-features dd{grid-column:2;font-size:12px;line-height:1.7;margin:0}
}
