.pg-toc ol{list-style:none;margin:0;padding:0}
.pg-fv{background:#566b80;color:#fff;padding-top:calc(var(--frame) + var(--hd));position:relative;overflow:hidden}
.pg-fv-in{width:min(1200px,100% - 260px);margin:0 auto;min-height:clamp(380px,48svh,440px);display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.pg-fv-txt{padding:40px 0 44px}
.pg-bc{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:13px;font-weight:700;color:#e3e8ee;margin-bottom:26px}
.pg-bc a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.5);min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.pg-bc a:hover{color:#ffd9c9}
.pg-bc span[aria-hidden]{color:rgba(255,255,255,.6)}
.pg-en{font-family:var(--en);font-weight:800;font-size:clamp(64px,7.2vw,104px);line-height:.82;letter-spacing:-.035em;overflow:hidden;padding:.03em 0 .06em;white-space:nowrap;color:#fff}
.pg-ja{margin-top:22px;font-size:clamp(24px,2.5vw,36px);font-weight:900;line-height:1.45;letter-spacing:.02em;display:flex;align-items:flex-start;gap:14px}
.pg-ja::before{content:"";flex:none;width:28px;height:4px;margin-top:.68em;background:var(--shu)}
.pg-nw{white-space:nowrap}

.pg-art{position:relative;height:clamp(340px,42svh,420px);display:grid;place-items:center}
.pg-art img{width:min(460px,96%);height:auto;filter:drop-shadow(0 18px 22px rgba(20,27,39,.28));animation:paFloat 7s ease-in-out infinite}
@keyframes paFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:-1.2deg}}

.pg-fv--s .pg-fv-in{min-height:clamp(300px,36svh,340px);grid-template-columns:1.35fr .9fr}
.pg-fv--s .pg-ja{font-size:clamp(24px,2.3vw,32px)}
.pg-fv--s .pg-art{height:clamp(280px,34svh,320px)}
.pg-fv--s .pg-art img{width:min(300px,80%)}
.pg-fv--s .pg-en{font-size:clamp(56px,5.6vw,80px)}
.pg-fv--s .pg-fv-txt{padding:28px 0 36px}


.pg-toc{background:var(--navy);border-top:1px solid rgba(255,255,255,.12);position:relative}
.pg-toc ol{width:min(1200px,100% - 260px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.pg-toc li+li{border-left:1px solid rgba(255,255,255,.14)}
.pg-toc a{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 22px;transition:background .3s}
.pg-toc a:hover{background:#26324a}
.t-no{font-family:var(--en);font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--shu)}
.t-en{font-family:var(--en);font-weight:800;font-size:20px;letter-spacing:.02em}
.t-ja{font-size:14px;font-weight:700;color:#c9d2dd}
.pg-toc .rs-down{margin-left:auto;flex:none;width:14px;height:20px;position:relative;color:#c9d2dd;transition:transform .5s var(--ease),color .3s}
.pg-toc .rs-down::before{content:"";position:absolute;left:50%;top:0;bottom:1px;width:2px;margin-left:-1px;background:currentColor}
.pg-toc .rs-down::after{content:"";position:absolute;left:50%;bottom:1px;width:9px;height:9px;margin-left:-4.5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.pg-toc a:hover .rs-down{transform:translateY(4px);color:var(--shu)}


.js-up .up{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
.js-up .up.is-in{opacity:1;transform:none}


.pg-intro{background:#fff;padding:120px 0 110px}
.pg-intro + .pg-sec:not(.pg-sec--g),.pg-intro + .fq-sec:not(.fq-sec--g){padding-top:0}
.pg-intro-p{max-width:960px;font-size:22px;font-weight:700;line-height:2.05;letter-spacing:.01em;padding-left:32px;border-left:6px solid var(--shu)}


.pg-sec{background:#fff;padding:120px 0 140px}
.pg-sec--g{background:var(--grey);padding-top:130px}
.pg-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:start}
.pg-head{position:sticky;top:110px}
.pg-head--c{position:static;text-align:center}
.pg-lab{font-family:var(--en);font-weight:700;font-size:13px;letter-spacing:.24em;color:var(--shu);margin-bottom:16px}
.pg-h2{font-size:clamp(26px,2.6vw,38px);font-weight:900;line-height:1.5;letter-spacing:.01em;text-wrap:balance}
.pg-box{border:2px solid var(--navy);border-radius:6px;padding:48px 56px 52px;max-width:960px;margin:0 auto;background:#fff}
.pg-box .pg-h2{font-size:clamp(24px,2.3vw,32px);margin-bottom:18px}
.pg-box p:not(.pg-lab){font-size:18px;line-height:2.05}
.pg-sec--g.pg-area{padding:120px 0 140px}


.pg-table{width:100%;border-collapse:collapse;border-top:2px solid var(--navy)}
.pg-table th{width:30%;text-align:left;font-size:16px;font-weight:700;padding:24px 16px 24px 8px;vertical-align:top;border-bottom:1px solid #c4ccd6;line-height:1.8}
.pg-table td{font-size:17px;font-weight:500;padding:24px 8px;border-bottom:1px solid #c4ccd6;line-height:1.85}


.contact-btns--1{grid-template-columns:1fr;max-width:520px}
.contact-btns--2{grid-template-columns:repeat(2,1fr);max-width:820px}


@media (prefers-reduced-motion: reduce) and (min-width: 99999px){
  .pg-art img{animation:none}
  .js-up .up{opacity:1;transform:none}
}

@media (max-width:1023px){
  .pg-fv-in,.pg-toc ol{width:calc(100% - 64px)}
  .pg-fv-in{grid-template-columns:1fr 1fr;gap:20px}
  .pg-toc a{padding:12px 14px}
  .pg-split{grid-template-columns:1fr;gap:36px}
  .pg-head{position:static}
}
@media (max-width:767px){
  .pg-fv-in,.pg-toc ol{width:calc(100% - 40px)}
  .pg-fv-in{grid-template-columns:1fr;gap:0;min-height:0}
  .pg-fv-txt{padding:18px 0 4px}
  .pg-bc{margin-bottom:10px;font-size:12px}
  .pg-en,.pg-fv--s .pg-en{font-size:clamp(52px,15vw,64px)}
  .pg-ja{margin-top:14px;font-size:24px;gap:10px}
  .pg-ja::before{width:20px}
  .pg-art{height:auto;aspect-ratio:1.45/1;width:100%;max-width:360px;margin:0 auto 6px}
  .pg-art img{width:62%}
  .pg-fv--s .pg-fv-in{min-height:0;grid-template-columns:1fr}
  .pg-fv--s .pg-fv-txt{padding:18px 0 4px}
  .pg-fv--s .pg-art{height:auto;aspect-ratio:2/1}
  .pg-fv--s .pg-art img{width:44%}
  .pg-toc ol{width:100%}
  .pg-intro{padding:72px 0 64px}
  .pg-fv--s .pg-ja{font-size:22px}
  .pg-intro-p{font-size:18px;line-height:2;padding-left:18px;border-left-width:4px}
  .pg-sec{padding:72px 0 88px}
  .pg-sec--g{padding-top:80px}
  .pg-sec--g.pg-area{padding:80px 0 88px}
  .pg-box{padding:30px 22px 32px}
  .pg-box p:not(.pg-lab){font-size:17px}
  .pg-table th{display:block;width:auto;padding:18px 4px 4px;border-bottom:0;font-size:14px;color:var(--slate)}
  .pg-table td{display:block;padding:0 4px 18px;font-size:16px}
  .pg-table tr{display:block;border-bottom:1px solid #c4ccd6}
  .pg-table td{border-bottom:0}
  .contact-btns--2{grid-template-columns:1fr}
}



.fq-toc ol{display:flex;flex-wrap:wrap;border-left:1px solid rgba(255,255,255,.14)}
.fq-toc li{flex:1 1 auto;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.fq-toc li+li{border-left:0}
.fq-toc a{min-height:58px;padding:10px 16px;gap:8px;justify-content:center}
.fq-toc .t-ja{font-size:14.5px;color:#fff;line-height:1.45;white-space:nowrap}
.fq-toc .rs-down{display:none}
.fq-sec{background:#fff;padding:110px 0}
.fq-sec--g{background:var(--grey)}
.fq-head{position:sticky;top:110px}
.fq-no{font-family:var(--en);font-weight:800;font-size:88px;line-height:.85;letter-spacing:-.03em;color:var(--shu);margin-bottom:18px}
.fq-sec .faq-grid{align-items:start}
@media (max-width:1023px){
  .fq-head{position:static}
}
@media (max-width:767px){
  .fq-toc ol{display:grid;grid-template-columns:1fr 1fr;border-left:0}
  .fq-toc li{border-right:0}
  .fq-toc li:nth-child(even){border-left:1px solid rgba(255,255,255,.14)}
  .fq-toc li:last-child{grid-column:1/-1}
  .fq-toc a{min-height:52px;padding:8px 14px;gap:8px}
  .fq-toc .t-ja{font-size:13px;white-space:normal}
  .fq-sec{padding:72px 0}
  .fq-no{font-size:60px;margin-bottom:12px}
}