.sec-label{font-family:var(--font-en);letter-spacing:.24em;color:var(--blue);align-items:center;gap:14px;margin-bottom:clamp(24px,3.4vw,40px);font-size:12px;font-weight:600;display:flex}.sec-label:before{content:"";background:var(--blue);width:34px;height:1.5px}.sec-title{letter-spacing:.05em;font-size:clamp(22px,3.2vw,34px);font-weight:600;line-height:1.6}.sec-lead{color:#3a4653;max-width:640px;margin-top:16px;font-size:14px;line-height:2}.panel{width:calc(100% - var(--gap)*2);margin:var(--gap) auto 0;background:var(--panel);border-radius:var(--radius);padding:clamp(56px,8vw,104px) var(--pad-x);position:relative;overflow:hidden}.panel.alt{background:var(--panel-alt)}.line{display:block;overflow:hidden}.circle-link{font-family:var(--font-en);letter-spacing:.18em;color:var(--ink);align-items:center;gap:16px;font-size:12.5px;font-weight:600;display:inline-flex}.circle-link .c{border:1.5px solid var(--navy);border-radius:50%;flex:none;place-items:center;width:58px;height:58px;transition:border-color .4s;display:grid;position:relative;overflow:hidden}.circle-link .c:before{content:"";background:var(--navy);transition:transform .45s var(--ease-out);border-radius:50%;position:absolute;inset:0;transform:scale(0)}.circle-link svg{z-index:1;width:16px;height:16px;transition:transform .45s var(--ease-out);position:relative}.circle-link svg path{stroke:var(--navy);transition:stroke .3s}.circle-link:hover .c:before{transform:scale(1)}.circle-link:hover svg{transform:translate(3px)}.circle-link:hover svg path{stroke:#fff}.page-hero{min-height:clamp(300px,42vh,420px);padding:120px var(--pad-x) clamp(28px,4vw,44px);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.page-hero:after{content:"";aspect-ratio:1;filter:blur(6px);pointer-events:none;background:radial-gradient(circle at 32% 30%,#bff0e4d9,#7cc7f580 45%,#3070e833 68%,#0000 78%);border-radius:50%;width:min(52vw,520px);position:absolute;top:-32%;right:-10%}.crumb{font-family:var(--font-en);letter-spacing:.2em;color:var(--gray);z-index:1;margin-bottom:14px;font-size:10.5px;font-weight:600;position:relative}.crumb a:hover{color:var(--blue)}.page-hero .en{font-family:var(--font-en);letter-spacing:.06em;color:var(--navy);z-index:1;font-size:clamp(40px,8vw,84px);font-weight:600;line-height:1.1;position:relative}.page-hero .ja{letter-spacing:.14em;color:var(--gray);z-index:1;margin-top:10px;font-size:clamp(13px,1.6vw,15px);position:relative}@media (max-width:1280px){.page-hero{min-height:auto;padding-top:calc(64px + 2*clamp(16px,2.4vw,26px))}}.phi-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,72px);display:grid}.phi-name{border-top:1px solid var(--line);padding-top:26px}.phi-name .en{font-family:var(--font-en);letter-spacing:.06em;color:var(--navy);font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.3}.phi-name .ja{color:var(--gray);margin-top:12px;font-size:13px;line-height:2}.phi-text p{color:#3a4653;margin-bottom:1.4em;font-size:14.5px}.wish{gap:10px;margin-top:8px;display:grid}.wish li{color:var(--navy);gap:12px;font-size:13.5px;font-weight:500;display:flex}.wish li:before{content:"";background:linear-gradient(135deg,var(--sky),var(--mint));border-radius:50%;flex:none;width:8px;height:8px;margin-top:11px}.vm-grid{gap:var(--gap);grid-template-columns:1fr 1fr;margin-top:clamp(32px,4vw,48px);display:grid}.vm{background:var(--panel-alt);border-radius:calc(var(--radius)*.55);padding:clamp(26px,3vw,38px)}.vm .tag{font-family:var(--font-en);letter-spacing:.24em;color:var(--blue);font-size:11px;font-weight:600}.vm p{letter-spacing:.04em;margin-top:14px;font-size:clamp(17px,1.9vw,20px);font-weight:600;line-height:1.9}.vm small{color:var(--gray);margin-top:12px;font-size:12px;font-weight:400;line-height:1.9;display:block}.fill-copy{letter-spacing:.05em;font-size:clamp(22px,3.4vw,36px);font-weight:600;line-height:2}.fill-line{background-image:linear-gradient(90deg,var(--ink) 50%,var(--fill-gray) 50%);background-size:200% 100%;background-position:calc((1 - var(--fp,0)) * 100%) 0;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline}.valx{border-top:1px solid var(--line);padding:clamp(26px,3.4vw,40px) 0}.valx:last-of-type{border-bottom:1px solid var(--line)}.valx-head{grid-template-columns:auto 1fr;gap:18px;display:grid}.valx-num{font-family:var(--font-en);letter-spacing:.14em;color:var(--blue);padding-top:5px;font-size:12px;font-weight:600}.valx .en{font-family:var(--font-en);letter-spacing:.2em;color:var(--gray);font-size:10.5px;font-weight:600;display:block}.valx h3{letter-spacing:.04em;margin:6px 0 8px;font-size:clamp(18px,2.2vw,22px);font-weight:600}.valx .def{color:#3a4653;max-width:720px;font-size:13.5px;line-height:2}.acc{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:16px;overflow:hidden}.acc summary{cursor:pointer;letter-spacing:.06em;color:var(--navy);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;font-size:12.5px;font-weight:600;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"＋";font-family:var(--font-en);color:var(--blue);transition:transform .3s}.acc[open] summary:after{content:"−"}.acc-body{grid-template-columns:1fr 1fr;gap:16px;padding:0 18px 18px;display:grid}.dolist,.nglist{align-content:start;gap:8px;display:grid}.dolist b,.nglist b{letter-spacing:.12em;font-size:11px;font-family:var(--font-en);font-weight:600}.dolist b{color:#1e8a67}.nglist b{color:#c2543a}.dolist li,.nglist li{color:#3a4653;gap:8px;font-size:12.5px;line-height:1.85;display:flex}.dolist li:before{content:"○";color:#2baf84;flex:none;margin-top:3px;font-size:11px}.nglist li:before{content:"×";color:#d96a4e;flex:none;margin-top:3px;font-size:11px}.op-note{background:var(--panel-alt);color:#3a4653;border-radius:12px;margin-top:14px;padding:16px 18px;font-size:12px;line-height:1.95}.op-note b{color:var(--navy);letter-spacing:.06em;margin-bottom:4px;font-size:12px;display:block}.no-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,4vw,44px);display:grid}.no-card{border:1px solid var(--line);border-radius:calc(var(--radius)*.5);background:#fff;padding:clamp(22px,2.6vw,30px)}.no-card .n{font-family:var(--font-en);letter-spacing:.18em;color:#c2543a;font-size:11px;font-weight:600}.no-card h3{letter-spacing:.04em;margin:10px 0 6px;font-size:16.5px;font-weight:600}.no-card p{color:#3a4653;font-size:12.5px;line-height:1.95}.footnote{color:var(--gray);margin-top:20px;font-size:11.5px;line-height:1.9}.msg-grid{grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:clamp(28px,5vw,64px);display:grid}.msg-photo{aspect-ratio:3/3.6;border-radius:calc(var(--radius)*.5);font-family:var(--font-en);letter-spacing:.2em;color:var(--gray);background:linear-gradient(155deg,#dcebf8 0%,#cfe8e0 100%);place-items:center;font-size:10.5px;display:grid}.msg-body p{color:#3a4653;margin-bottom:1.5em;font-size:14.5px;line-height:2.1}.msg-sign{color:var(--ink);margin-top:8px;font-size:13px}.msg-sign b{letter-spacing:.08em;margin-top:2px;font-size:16px;display:block}.cotable{border-collapse:collapse;width:100%;margin-top:clamp(24px,3vw,36px)}.cotable th,.cotable td{border-top:1px solid var(--line);vertical-align:top;text-align:left;padding:20px 8px;font-size:13.5px}.cotable tr:last-child th,.cotable tr:last-child td{border-bottom:1px solid var(--line)}.cotable th{width:180px;color:var(--navy);letter-spacing:.06em;font-weight:600}.cotable td{color:#3a4653;line-height:2}.tl{margin-top:clamp(28px,4vw,44px);padding-left:26px;position:relative}.tl:before{content:"";background:var(--line);width:1.5px;position:absolute;top:8px;bottom:8px;left:6px}.tl li{padding:0 0 26px;position:relative}.tl li:before{content:"";border:2.5px solid var(--blue);background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:9px;left:-25px}.tl time{font-family:var(--font-en);letter-spacing:.14em;color:var(--blue);font-size:12px;font-weight:600;display:block}.tl p{color:#3a4653;margin-top:4px;font-size:13.5px;line-height:1.95}.svc-role{color:var(--ink);max-width:700px;margin-top:16px;font-size:14.5px;font-weight:500;line-height:2}.svc-cols{grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);margin-top:clamp(24px,3vw,36px);display:grid}.svc-box{border:1px solid var(--line);border-radius:calc(var(--radius)*.5);background:#fff;padding:clamp(20px,2.6vw,28px)}.panel:not(.alt) .svc-box{background:var(--panel-alt);border-color:#0000}.svc-box b{font-family:var(--font-en);letter-spacing:.2em;color:var(--navy);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.svc-box li{color:#3a4653;gap:10px;padding:4px 0;font-size:13px;line-height:1.95;display:flex}.svc-box li:before{content:"—";color:var(--sky);flex:none}.svc-cta{margin-top:clamp(22px,3vw,32px)}.grp-grid{gap:var(--gap);grid-template-columns:repeat(2,1fr);margin-top:clamp(36px,5vw,56px);display:grid}.grp-card{background:var(--panel-alt);border-radius:calc(var(--radius)*.55);flex-direction:column;gap:16px;padding:clamp(26px,3.2vw,40px);transition:background .4s;display:flex}.grp-card:hover{background:#eaf3fb}.grp-card .cat{font-family:var(--font-en);letter-spacing:.22em;color:var(--blue);font-size:10.5px;font-weight:600}.grp-card h3{letter-spacing:.04em;font-size:19px;font-weight:600}.grp-card p{color:#3a4653;font-size:13px;line-height:2}.grp-card .lnk{font-family:var(--font-en);letter-spacing:.16em;color:var(--navy);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.grp-card .lnk:after{content:"→";color:var(--blue);transition:transform .35s}.grp-card:hover .lnk:after{transform:translate(4px)}.filter{z-index:1;flex-wrap:wrap;gap:10px;margin-top:26px;display:flex;position:relative}.filter button{font-family:var(--font-jp);letter-spacing:.06em;color:var(--navy);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 18px;font-size:12px;transition:background .3s,color .3s,border-color .3s}.filter button.on,.filter button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.news-list{margin-top:clamp(24px,3vw,36px)}.news-list a{border-top:1px solid var(--line);grid-template-columns:110px 130px 1fr auto;align-items:center;gap:22px;padding:24px 6px;transition:background .35s,padding .35s;display:grid}.news-list li:last-child a{border-bottom:1px solid var(--line)}.news-list a:hover{background:#fff;padding-left:18px}.panel.alt .news-list a:hover{background:#fff}.news-date{font-family:var(--font-en);letter-spacing:.1em;color:var(--gray);font-variant-numeric:tabular-nums;font-size:12.5px}.news-cat{letter-spacing:.1em;color:var(--navy);border:1px solid var(--line);text-align:center;background:#fff;border-radius:999px;padding:5px 0;font-size:10.5px}.news-tit{letter-spacing:.04em;font-size:14.5px;font-weight:500}.news-arw{font-family:var(--font-en);color:var(--blue);transition:transform .4s var(--ease-out);font-size:16px}.news-list a:hover .news-arw{transform:translate(6px)}.pager{justify-content:center;gap:10px;margin-top:clamp(30px,4vw,44px);display:flex}.pager a,.pager span{font-family:var(--font-en);border:1.5px solid var(--line);width:42px;height:42px;color:var(--gray);border-radius:50%;place-items:center;font-size:12.5px;font-weight:600;display:grid}.pager .cur{background:var(--navy);border-color:var(--navy);color:#fff}.pager a:hover{border-color:var(--navy);color:var(--navy)}.cardgrid{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,4vw,44px);display:grid}.colcard{border:1px solid var(--line);border-radius:calc(var(--radius)*.5);transition:transform .5s var(--ease-out),box-shadow .5s;background:#fff;flex-direction:column;display:flex;overflow:hidden}.colcard:hover{transform:translateY(-6px);box-shadow:0 24px 48px -22px #10307838}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#cfe4f8 0%,#cbefe3 100%);position:relative}.thumb:after{content:"";background:radial-gradient(circle at 70% 20%,#ffffffa6,#0000 55%);position:absolute;inset:0}.thumb.t2{background:linear-gradient(135deg,#c7dbf6 0%,#dcebf8 60%,#cbefe3 100%)}.thumb.t3{background:linear-gradient(150deg,#bfd8f4 0%,#cbefe3 100%)}.colcard .body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.colcard .cat{letter-spacing:.1em;color:var(--blue);font-size:10.5px;font-weight:600}.colcard h3{letter-spacing:.03em;flex:1;font-size:15px;font-weight:600;line-height:1.7}.colcard time{font-family:var(--font-en);letter-spacing:.1em;color:var(--gray);font-size:11.5px}.art-wrap{max-width:760px;margin:0 auto}.art-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.art-meta time{font-family:var(--font-en);letter-spacing:.1em;color:var(--gray);font-size:12.5px}.art-meta .cat{letter-spacing:.1em;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 16px;font-size:10.5px}.art-title{letter-spacing:.04em;margin-top:16px;font-size:clamp(22px,3.2vw,32px);font-weight:600;line-height:1.7}.art-eyecatch{aspect-ratio:16/8;border-radius:calc(var(--radius)*.5);background:linear-gradient(135deg,#cfe4f8 0%,#cbefe3 100%);margin-top:clamp(24px,3vw,36px)}.toc{background:var(--panel-alt);border-radius:16px;margin-top:clamp(28px,4vw,40px);padding:22px 26px}.toc b{font-family:var(--font-en);letter-spacing:.22em;color:var(--navy);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.toc li{padding:5px 0;font-size:13px}.toc a{color:#3a4653;gap:10px;display:flex}.toc a:hover{color:var(--blue)}.toc a:before{content:"—";color:var(--sky)}.art{margin-top:clamp(30px,4vw,44px)}.art h2{letter-spacing:.05em;border-left:3.5px solid var(--blue);margin:2.2em 0 .9em;padding-left:16px;font-size:clamp(18px,2.3vw,22px);font-weight:600;line-height:1.7}.art h3{color:var(--navy);margin:1.8em 0 .7em;font-size:16px;font-weight:600}.art p{color:#2e3a48;margin-bottom:1.5em;font-size:14.5px;line-height:2.15}.art ul{gap:8px;margin:0 0 1.5em;display:grid}.art ul li{color:#2e3a48;gap:10px;font-size:14px;line-height:1.95;display:flex}.art ul li:before{content:"";background:linear-gradient(135deg,var(--sky),var(--mint));border-radius:50%;flex:none;width:7px;height:7px;margin-top:11px}.art blockquote{border-left:3px solid var(--mint);background:var(--panel-alt);color:#3a4653;border-radius:0 14px 14px 0;margin:0 0 1.5em;padding:18px 22px;font-size:13.5px;line-height:2}.art-share{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(32px,4vw,44px);padding-top:24px;display:flex}.art-share .tags span{color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:999px;margin-right:6px;padding:4px 12px;font-size:11px}.pn{gap:var(--gap);grid-template-columns:1fr 1fr;margin-top:clamp(28px,4vw,40px);display:grid}.pn a{background:var(--panel-alt);border-radius:16px;padding:18px 22px;font-size:12.5px;line-height:1.8;transition:background .3s}.pn a:hover{background:#eaf3fb}.pn a b{font-family:var(--font-en);letter-spacing:.2em;color:var(--blue);margin-bottom:6px;font-size:10px;display:block}.form-wrap{max-width:720px;margin:0 auto}.f-row{margin-bottom:clamp(22px,3vw,30px)}.f-row label{letter-spacing:.06em;color:var(--navy);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.f-row label i{color:#fff;background:var(--blue);letter-spacing:.08em;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:10px;font-style:normal}.f-row label i.opt{background:#b4c2d2}.radio-pills{flex-wrap:wrap;gap:10px;display:flex}.radio-pills input{display:none}.radio-pills span{letter-spacing:.04em;color:var(--navy);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:10px 20px;font-size:12.5px;transition:background .3s,color .3s,border-color .3s;display:inline-block}.radio-pills input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}input[type=text],input[type=email],textarea{border:1.5px solid var(--line);width:100%;font-family:var(--font-jp);color:var(--ink);background:#fff;border-radius:14px;padding:15px 18px;font-size:14px;transition:border-color .3s,box-shadow .3s}input:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3070e81f}textarea{resize:vertical;min-height:170px}.agree{color:#3a4653;align-items:flex-start;gap:12px;font-size:12.5px;display:flex}.agree input{width:18px;height:18px;accent-color:var(--blue);margin-top:4px}.agree a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.submit-btn{font-family:var(--font-jp);letter-spacing:.1em;background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:14px;margin-top:clamp(26px,3vw,36px);padding:18px 46px;font-size:14.5px;font-weight:600;transition:background .35s,transform .35s;display:inline-flex}.submit-btn:hover{background:var(--blue);transform:translateY(-2px)}.submit-btn:after{content:"→";font-family:var(--font-en)}.thanks{text-align:center;padding:clamp(30px,5vw,50px) 0;display:none}.thanks.show{display:block}.thanks h3{letter-spacing:.06em;font-size:clamp(19px,2.4vw,24px);font-weight:600}.thanks p{color:#3a4653;margin-top:14px;font-size:13.5px;line-height:2.1}.demo-note{color:var(--gray);margin-top:18px;font-size:11px}.cta-sec{width:calc(100% - var(--gap)*2);margin:var(--gap) auto 0}.panel-in{background:linear-gradient(150deg,#0d2660 0%,var(--navy) 45%,#1e52b8 100%);border-radius:var(--radius);color:#fff;text-align:center;padding:clamp(60px,9vw,110px) var(--pad-x);position:relative;overflow:hidden}.cta-blob{aspect-ratio:1;filter:blur(6px);pointer-events:none;background:radial-gradient(circle at 32% 30%,#bff0e4e6,#7cc7f58c 42%,#3070e840 68%,#0000 78%);border-radius:50%;width:clamp(320px,50vw,640px);animation:11s ease-in-out infinite alternate blobfloat;position:absolute;top:-30%;right:-14%}.cta-blob.b2{background:radial-gradient(circle at 60% 60%,#7fe3c8b3,#3070e84d 55%,#0000 78%);width:clamp(280px,42vw,520px);animation-duration:14s;animation-delay:-4s;inset:auto auto -38% -16%}@keyframes blobfloat{0%{transform:translate(0)scale(1)}to{transform:translate(-26px,30px)scale(1.08)}}.panel-in .sec-label{color:#bfe0ff;justify-content:center}.panel-in .sec-label:before{background:#bfe0ff}.panel-in h2{letter-spacing:.06em;z-index:1;font-size:clamp(22px,3.4vw,34px);font-weight:600;line-height:1.8;position:relative}.panel-in>p{color:#ffffffd1;z-index:1;max-width:600px;margin:20px auto 0;font-size:13.5px;line-height:2.1;position:relative}.panel-in .circle-link{color:#fff;z-index:1;margin-top:40px;position:relative}.panel-in .circle-link .c{border-color:#fff}.panel-in .circle-link .c:before{background:#fff}.panel-in .circle-link svg path{stroke:#fff}.panel-in .circle-link:hover svg path{stroke:var(--navy)}@media (max-width:900px){.phi-grid,.vm-grid,.msg-grid,.svc-cols,.acc-body,.grp-grid,.pn{grid-template-columns:1fr}.no-grid,.cardgrid{grid-template-columns:1fr 1fr}.cotable th{width:120px}.news-list a{grid-template-rows:auto auto;grid-template-columns:96px 1fr auto}.news-cat{grid-area:1/2;justify-self:start;padding:5px 14px}.news-date{grid-area:1/1}.news-tit{grid-area:2/1/auto/3}.news-arw{grid-area:1/3/3}}@media (max-width:560px){.cardgrid{grid-template-columns:1fr}.cotable th,.cotable td{width:100%;padding:6px 0 14px;display:block}.cotable th{border-top:1px solid var(--line);padding-top:14px}.cotable td{border-top:none}.cotable tr:last-child th{border-bottom:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta-blob{animation:none!important}}.svh-list{flex-direction:column;margin-top:clamp(28px,4vw,42px);display:flex}.svh-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,34px);padding:clamp(22px,3vw,32px) 4px;text-decoration:none;transition:background .3s;display:grid}.svh-row:last-child{border-bottom:1px solid var(--line)}.svh-row:hover{background:#3070e808}.svh-row .no{font-family:var(--font-en);color:var(--sky);letter-spacing:.05em;white-space:nowrap;font-size:12px;font-weight:700}.svh-row .bd h3{color:var(--navy);letter-spacing:.03em;margin-bottom:5px;font-size:clamp(17px,2.2vw,21px);font-weight:600}.svh-row .bd p{color:#3a4653;margin-bottom:10px;font-size:12.5px;line-height:1.85}.svh-row .tags{flex-wrap:wrap;gap:6px;display:flex}.svh-row .tags span{letter-spacing:.02em;color:var(--gray);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:10.5px}.svh-row .go{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;transition:all .3s;display:grid}.svh-row .go svg{width:14px;height:14px;stroke:var(--navy);transition:transform .3s}.svh-row:hover .go{border-color:var(--navy);background:var(--navy)}.svh-row:hover .go svg{stroke:#fff;transform:translate(2px)}@media (max-width:640px){.svh-row{grid-template-columns:auto 1fr}.svh-row .go{display:none}}.thm-sub{letter-spacing:.06em;color:var(--navy);align-items:center;gap:12px;margin-top:clamp(26px,4vw,38px);font-size:12px;font-weight:600;display:flex}.thm-sub:after{content:"";background:var(--line);flex:1;height:1px}.thm-grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:clamp(26px,4vw,40px);display:grid}.thm-card{border:1px solid var(--line);transition:border-color .3s,transform .4s var(--ease-out);border-radius:14px;padding:22px 20px;text-decoration:none}.thm-card:hover{border-color:var(--navy);transform:translateY(-4px)}.thm-card .q{color:var(--ink);letter-spacing:.02em;margin-bottom:10px;font-size:13px;font-weight:600;line-height:1.6}.thm-card .t{font-family:var(--font-en);letter-spacing:.08em;color:var(--blue);font-size:10px;font-weight:600}.thm-card .t:after{content:" →"}.pos-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(26px,4vw,56px);display:grid}.pos-viz svg{width:100%;max-width:400px;height:auto;margin:0 auto;display:block;overflow:visible}.pv-caption{color:var(--gray);letter-spacing:.04em;text-align:center;margin-top:12px;font-size:11.5px}.pv-lbl{font-family:var(--font-jp);fill:var(--gray);letter-spacing:.06em;font-size:12px;font-weight:600}.pv-lbl.en{font-family:var(--font-en);fill:#7fe3c8;letter-spacing:.14em;font-size:11px;font-weight:700}@media (max-width:820px){.pos-grid{grid-template-columns:1fr}}.pv-poss{opacity:0}.srun .pv-poss{animation:.5s forwards pvFade}.srun .p1{animation-delay:.1s}.srun .p2{animation-delay:.18s}.srun .p3{animation-delay:.26s}.srun .p4{animation-delay:.34s}@keyframes pvFade{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pv-core{opacity:0;transform-box:fill-box;transform-origin:50%}.srun .pv-core{animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards pvPop}@keyframes pvPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.pv-wall{opacity:0}.srun .pv-wall{opacity:1;animation:.9s cubic-bezier(.16,1,.3,1) .45s both pvDraw}@keyframes pvDraw{0%{stroke-dashoffset:var(--c)}to{stroke-dashoffset:0}}.pv-try{opacity:0}.srun .pv-try{animation:1.6s ease-in-out 1.3s forwards pvTry}.srun .t2{animation-delay:1.5s}@keyframes pvTry{0%{opacity:0;stroke-dashoffset:95.5px}45%{opacity:1;stroke-dashoffset:10px}70%{stroke-dashoffset:10px}to{opacity:.3;stroke-dashoffset:26px}}.pv-node,.pv-node-glow{opacity:0;transform-box:fill-box;transform-origin:50%}.srun .pv-node{animation:.6s cubic-bezier(.16,1,.3,1) 2.9s forwards pvPop}.srun .pv-node-glow{animation:3s ease-in-out 3.4s infinite pvNodePulse}@keyframes pvNodePulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.pv-link{opacity:0}.srun .pv-link{opacity:1;animation:.7s cubic-bezier(.16,1,.3,1) both pvDraw}.srun .l1{animation-delay:3.3s}.srun .l2{animation-delay:3.9s}.srun .l3{animation-delay:4.05s}.srun .l4{animation-delay:4.2s}.hww-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:clamp(8px,1.5vw,16px);margin:clamp(26px,4vw,40px) 0 clamp(22px,3vw,32px);display:grid}.hww-step svg{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;height:auto;display:block}.hww-lbl{text-align:center;font-family:var(--font-en);letter-spacing:.14em;color:var(--blue);margin-top:10px;font-size:10px;font-weight:700}.hww-lbl span{font-family:var(--font-jp);letter-spacing:.04em;color:var(--ink);margin-top:3px;font-size:12px;font-weight:600;display:block}.hww-desc{color:#3a4653;text-align:center;max-width:32ch;margin:8px auto 0;font-size:11.5px;line-height:1.85}.hww-arw{align-self:start;width:22px;height:22px;margin-top:clamp(60px,9vw,90px)}.hww-arw svg{width:100%;height:100%}@media (max-width:760px){.hww-flow{grid-template-columns:1fr}.hww-arw{align-self:center;margin:0 auto;transform:rotate(90deg)}}.hw-mess{opacity:0}.srun .hw-mess{animation:.45s forwards pvFade}.srun .hw-mess:first-of-type{animation-delay:50ms}.srun .hw-mess:nth-of-type(2){animation-delay:.15s}.srun .hw-mess:nth-of-type(3){animation-delay:.25s}.srun .hw-mess:nth-of-type(4){animation-delay:.35s}.hw-frame{opacity:0}.srun .hw-frame{opacity:1;animation:1s cubic-bezier(.16,1,.3,1) .55s both pvDraw}.hw-found{opacity:0}.srun .hw-found{animation:2.6s ease-in-out 1.6s infinite hwBlink}@keyframes hwBlink{0%,to{opacity:.25}50%{opacity:1}}.hw-pt{opacity:0;transform-box:fill-box;transform-origin:50%}.srun .hw-pt{animation:.5s cubic-bezier(.16,1,.3,1) forwards pvPop}.srun .q1{animation-delay:.9s}.srun .q2{animation-delay:1.05s}.srun .q3{animation-delay:1.2s}.hw-route{opacity:0}.srun .hw-route{opacity:1;animation:.9s cubic-bezier(.16,1,.3,1) 1.5s both pvDraw}.hw-go{opacity:0}.srun .hw-go{opacity:1;animation:.8s cubic-bezier(.16,1,.3,1) 2.2s both pvDraw}.hw-head{opacity:0}.srun .hw-head{animation:.4s 2.9s forwards pvFade}.hw-goal,.hw-goal-glow{opacity:0;transform-box:fill-box;transform-origin:50%}.srun .hw-goal{animation:.6s cubic-bezier(.16,1,.3,1) 3.2s forwards pvPop}.srun .hw-goal-glow{animation:3s ease-in-out 3.6s infinite pvNodePulse}@media (prefers-reduced-motion:reduce){.pv-poss,.pv-core,.pv-wall,.pv-link,.pv-node,.hw-mess,.hw-frame,.hw-pt,.hw-route,.hw-go,.hw-head,.hw-goal{opacity:1!important;stroke-dashoffset:0!important;animation:none!important;transform:none!important}.pv-try{opacity:.3!important;stroke-dashoffset:26px!important;animation:none!important}.pv-node-glow,.hw-goal-glow{opacity:.35!important;animation:none!important}.hw-found{opacity:1!important;animation:none!important}}.svh-brand{margin:-1px 0 8px;display:block}.svh-brand img{width:auto;height:15px;display:block}
