/* Original hero artwork and proportions, with conditions below the visual. */
.l-hero .l-hero__figure01{max-width:none!important}
.l-hero .l-hero__figure02{width:auto!important;max-width:none!important}
.l-hero .l-hero__figureSP{max-width:none}
.l-hero .l-hero__figureSP img{display:block}
.hero-conditions{background:#f4f9fb;color:#284b60;padding:22px 24px;font:14px/1.85 "Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
.hero-conditions>div{max-width:1100px;margin:0 auto}
.hero-conditions p{margin:0 0 8px}
.hero-conditions p:last-child{margin-bottom:0}
.hero-conditions strong{font-weight:600}
.hero-conditions a{color:#006d87;text-decoration:underline;text-underline-offset:3px}
.hero-conditions a:focus-visible{outline:3px solid #0089a8;outline-offset:4px}
@media(max-width:768px){.hero-conditions{padding:20px;font-size:14px}.l-hero .l-hero-txtbox{height:auto;min-height:calc(100svh - 150px);padding-top:52vw}.l-hero .l-hero__figureSP{flex-shrink:0}}

/* The monthly figure is text so the image and calculator cannot show different prices. */
.l-hero{min-height:640px}
.hero-payment{display:block;position:relative;width:min(38.125vw,549px);border:1px solid #63a8c2;padding:20px 16px 12px;background:rgba(255,255,255,.95);color:#008cad;text-decoration:none;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;text-align:center;box-sizing:border-box}
.hero-payment-ribbon{position:absolute;top:-18px;left:50%;transform:translateX(-50%);padding:8px 24px;background:#008db2;color:#fff;font-size:16px;line-height:1.3;font-weight:700;white-space:nowrap;box-shadow:5px 4px 0 #81bdcc}
.hero-payment-body{display:flex;align-items:center;gap:6px;margin:5px 0 4px}
.hero-payment-copy{flex:1;min-width:0}
.hero-payment-caption{color:#17384d;font-size:12px;line-height:1.4;display:block}
.hero-payment-copy p{display:flex;justify-content:center;align-items:baseline;gap:3px;margin:0;white-space:nowrap;line-height:1.3}
.hero-payment-about{font-size:16px;color:#17384d}
.hero-payment-copy strong{font:400 clamp(34px,4.25vw,61px)/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.hero-payment-yen{font-size:20px;line-height:1.2}
.hero-payment-yen span{display:block;font-size:10px;color:#17384d}
.l-hero .hero-payment img{display:block;width:28%;max-width:150px;height:auto;flex-shrink:0}
.hero-payment>small{display:block;color:#284858;font-size:10px;line-height:1.6}
.hero-payment:hover{background:#fff}
.hero-payment:focus-visible{outline:3px solid #0089a8;outline-offset:4px}
@media(max-width:768px){
 .l-hero{min-height:0}
 .l-hero .l-hero__figureSP:has(.hero-payment){width:100%;margin-top:12px;padding:0 2px}
 .hero-payment{width:100%;padding:20px 12px 10px}
 .hero-payment-ribbon{font-size:15px;padding:7px 24px;top:-17px}
 .hero-payment-copy strong{font-size:clamp(34px,10.8vw,62px)}
 .hero-payment-caption{font-size:11px}
 .hero-payment-about{font-size:15px}.hero-payment-yen{font-size:20px}
 .l-hero .hero-payment img{width:28%;max-width:200px}
 .hero-payment>small{font-size:10px}
}