/* ITONARU 1.7 — a real HTML hero composed against the 1942 × 809 reference. */
.itn17-frame{container:itn17-frame / inline-size;min-width:0}
.itn17{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;min-width:0;aspect-ratio:1942/809;background:#f8fbfc;color:#123655;font-family:"Avenir Next","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
.itn17,.itn17 *{box-sizing:border-box}
.itn17 :is(h1,p,ul){margin:0;padding:0}
.itn17 a{color:inherit;text-decoration:none}
.itn17 a:focus-visible{outline:3px solid #1466c3;outline-offset:5px}
.itn17-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.itn17-paper{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 23% 33% at 56% 0%,#cbedfc 0%,#ecf8fe 53%,transparent 88%),radial-gradient(ellipse 12% 35% at 103% 65%,#d8f1f1 0%,#ecf8fa80 68%,transparent 100%),radial-gradient(ellipse 10% 20% at 52% 100%,#e6f7f2 0%,transparent 100%),linear-gradient(105deg,#fff 40%,#fcfdfe 62%,#f3f8fb 100%)}
.itn17-photo{position:absolute;inset:0 auto 0 0;width:55.8187436%;z-index:-1;overflow:hidden}
.itn17-photo svg{display:block;width:100%;height:100%;stroke:none}
.itn17-photo::before,.itn17-photo::after{content:none!important}
.itn17-ornaments{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.itn17-ornaments>svg{display:block;width:100%;height:100%;stroke:none}
.itn17-copy{position:relative;width:38.62%;margin-left:56.33%;padding-top:7.38cqw;padding-bottom:1.3cqw}
.itn17 h1{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif;font-weight:500;-webkit-text-stroke:.006em currentColor;font-size:3.20cqw;line-height:1.38;letter-spacing:.025em;color:#10314e;overflow:visible}
.itn17 h1>span{display:block;white-space:nowrap}
.itn17-lead{margin-top:.51cqw!important;font-size:1.30cqw;line-height:1.53;letter-spacing:.075em;font-weight:400;color:#183d5e}
.itn17-lead>span{display:block}
.itn17-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.78cqw;margin-top:1.04cqw}
.itn17-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:6.70cqw;gap:.60cqw;padding:.75cqw .40cqw;border:1px solid #e8eef0;border-radius:.78cqw;background:linear-gradient(130deg,#fdfffbf5,#f7fcf8f5);box-shadow:0 1px 5px #2143630b;transition:transform .16s ease,box-shadow .16s ease}
.itn17-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #21436314}
.itn17-card[data-kind="free"]{background:linear-gradient(135deg,#f5fbfff5,#f2fafff5)}
.itn17-card[data-kind="products"]{background:linear-gradient(135deg,#fffbf2f5,#fff9eff5)}
.itn17 svg.itn17-icon{display:block;flex:none;width:2.45cqw;height:2.45cqw;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.itn17-card[data-kind="guide"]{--accent:#799945}
.itn17-card[data-kind="free"]{--accent:#38a3ff}
.itn17-card[data-kind="products"]{--accent:#ffa310}
.itn17-card>svg.itn17-icon{color:var(--accent)}
.itn17-card-label{font-size:1.09cqw;font-weight:600;letter-spacing:.055em;line-height:1.35;white-space:nowrap}
.itn17 svg.itn17-arrow{position:absolute;right:.98cqw;bottom:1.13cqw;width:.60cqw;height:1.12cqw;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.itn17-pass{display:flex;align-items:center;justify-content:center;gap:1.12cqw;position:relative;width:68.6%;min-height:max(44px,3.63cqw);margin:.75cqw auto 0;padding:.42cqw 2.55cqw .42cqw 1.9cqw;border:1px solid #e2eaf0;border-radius:4cqw;background:#ffffffec;box-shadow:0 1px 4px #1838580c}
.itn17-pass>svg.itn17-icon{width:2.17cqw;height:2.17cqw;color:#329fe9}
.itn17-pass-label{display:flex;flex-direction:column;min-width:0;font-size:1.10cqw;font-weight:500;letter-spacing:.025em;line-height:1.4;white-space:nowrap}
.itn17-status{font-size:max(9px,.58cqw);color:#57738a;letter-spacing:.025em;font-weight:400}
.itn17-pass>svg.itn17-arrow{--accent:#143a60;right:1.18cqw;bottom:calc(50% - .5cqw)}
.itn17-pass:hover{border-color:#9bcde8;background:#fff}
.itn17-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;list-style:none;margin-top:1.55cqw!important;min-height:2.15cqw}
.itn17-benefits li{display:flex;align-items:center;justify-content:center;gap:.66cqw;min-width:0;font-size:max(11px,.735cqw);line-height:1.45;letter-spacing:.025em;white-space:nowrap;border-left:1px solid #dce8ed}
.itn17-benefits li:first-child{border-left:0}
.itn17-benefits svg.itn17-icon{width:1.42cqw;height:1.42cqw;color:#45b0c7;stroke-width:1.35}
.itn17-signature{margin-top:1.30cqw!important;display:flex;flex-direction:column;align-items:flex-end;gap:.08cqw;font-size:1.03cqw;line-height:1.45;letter-spacing:.12em;color:#3b5b79}
.itn17-signature small{font-size:.53cqw;letter-spacing:.20em;white-space:nowrap}
.itn17-mobile-motto{display:none}
@media(prefers-reduced-motion:reduce){.itn17-card{transition:none}.itn17-card:hover{transform:none}}
@container itn17-frame (max-width:1100px){
 .itn17{aspect-ratio:auto;overflow:hidden}
 .itn17-paper{background:radial-gradient(ellipse 60% 34% at 110% 80%,#edf9fa 0%,transparent 100%),#fcfdfe}
 .itn17-photo{position:relative;inset:auto;width:100%;aspect-ratio:1084/809;z-index:0}
 .itn17-photo svg{height:100%;width:100%}
 .itn17-ornaments{display:none}
 .itn17-copy{width:auto;margin:0;padding:clamp(20px,4cqw,32px) clamp(16px,4cqw,32px) 24px}
 .itn17-copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-80px;top:25px;width:clamp(190px,45cqw,320px);height:clamp(180px,40cqw,275px);border-radius:54% 46% 60% 40% / 43% 37% 63% 57%;background:linear-gradient(135deg,#e1f6fe80,#d9f2fc70)}
 .itn17-copy::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-87px;top:240px;width:140px;height:180px;border-radius:60% 40% 55% 45% / 52% 33% 67% 48%;background:#fde5ef85;transform:rotate(18deg)}
 .itn17-mobile-motto{display:block;margin:0 0 12px auto!important;width:max-content;max-width:100%;font:italic 18px/1.25 "Snell Roundhand","Segoe Script",cursive;color:#60aab5;transform:rotate(-7deg)}
 .itn17 h1{font-size:clamp(20px,7.25cqw,36px);line-height:1.55;letter-spacing:.01em}
 .itn17-lead{font-size:clamp(14px,2.8cqw,17px);line-height:1.9;letter-spacing:.025em;margin-top:13px!important}
 .itn17-actions{gap:10px;margin-top:22px}
 .itn17-card{min-height:112px;gap:13px;padding:16px 7px 18px;border-radius:12px}
 .itn17-card>svg.itn17-icon{width:37px;height:37px}
 .itn17-card-label{font-size:clamp(12px,2.4cqw,16px);letter-spacing:0;line-height:1.5;text-align:center;white-space:normal}
 .itn17-card>svg.itn17-arrow{width:7px;height:13px;right:8px;bottom:21px}
 .itn17-pass{width:min(100%,470px);min-height:66px;padding:10px 30px 10px 14px;border-radius:40px;gap:12px;margin-top:14px}
 .itn17-pass>svg.itn17-icon{width:31px;height:31px}
 .itn17-pass-label{font-size:clamp(12px,2.55cqw,16px);letter-spacing:0;white-space:normal}
 .itn17-status{font-size:10px;margin-top:2px}
 .itn17-pass>svg.itn17-arrow{width:8px;height:16px;right:16px;bottom:calc(50% - 8px)}
 .itn17-benefits{margin-top:24px!important;gap:14px 8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .itn17-benefits li{font-size:clamp(11px,2cqw,14px);gap:8px;justify-content:flex-start;padding-left:8px;min-height:30px;white-space:normal}
 .itn17-benefits li:nth-child(odd){border-left:0}
 .itn17-benefits svg.itn17-icon{width:23px;height:23px}
 .itn17-signature{margin-top:23px!important;font-size:15px;gap:3px}
 .itn17-signature small{font-size:8px;letter-spacing:.14em}
}
@container itn17-frame (max-width:620px){
 .itn17-copy{padding-top:18px}
 .itn17-mobile-motto{font-size:16px;margin-bottom:13px!important}
 .itn17-actions{gap:7px}
 .itn17-card{min-height:108px;padding:14px 5px;gap:10px}
 .itn17-card>svg.itn17-icon{width:31px;height:31px}
 .itn17-card>svg.itn17-arrow{display:none}
 .itn17-card-label{font-size:clamp(11px,3.7cqw,14px)}
 .itn17-pass{padding-left:12px;gap:9px}
 .itn17-pass>svg.itn17-icon{width:27px;height:27px}
 .itn17-benefits li{font-size:11px;padding-left:3px;gap:6px}
 .itn17-benefits svg.itn17-icon{width:21px;height:21px}
}
@media(forced-colors:active){.itn17-card,.itn17-pass{border:1px solid ButtonText}.itn17-paper,.itn17-ornaments,.itn17-copy::before,.itn17-copy::after{display:none}}

.itn17-paper::after{content:"";position:absolute;right:-2%;top:42%;width:13%;height:25%;background:linear-gradient(160deg,#c8e9ed 0%,#dbf0f3a0 55%,transparent 100%);border-radius:62% 38% 43% 57% / 50% 34% 66% 50%;transform:rotate(-18deg)}
@container itn17-frame (max-width:1100px){.itn17-paper::after{display:none}}

.itn17-card-label>span{display:inline-block;white-space:nowrap}

/* Compact the stacked layout while retaining the complete photograph. */
@container itn17-frame (max-width:1100px){
 .itn17-mobile-motto{font-size:16px;line-height:1.3;margin-bottom:12px!important;transform:rotate(-4deg)}
 .itn17-mobile-motto br{display:none}
 .itn17 h1{font-size:clamp(20px,7.25cqw,32px);line-height:1.45}
 .itn17-lead{font-size:clamp(14px,2.8cqw,16px);line-height:1.8}
 .itn17-actions{margin-top:18px}
 .itn17-card{min-height:98px}
 .itn17-benefits{margin-top:20px!important}
 .itn17-signature{margin-top:18px!important}
}
@container itn17-frame (min-width:500px) and (max-width:1100px){
 .itn17-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .itn17-benefits li{font-size:12px;padding-left:0;gap:6px;justify-content:center}
 .itn17-benefits li:nth-child(3){border-left:1px solid #dce8ed}
}