body.faq-page{background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(40,80,140,.14),transparent 70%),radial-gradient(ellipse 120% 80% at 50% 120%,rgba(20,50,100,.18),transparent 60%);background-attachment:fixed}.faq-main{position:relative}.faq-phrase{display:inline-block}.faq-hero{min-height:78vh;min-height:78svh;display:grid;place-content:center;padding:calc(var(--header-h) + 4vh) var(--gutter) 8vh;text-align:center}.faq-hero__text{display:grid;justify-items:center;gap:clamp(1.6rem,4vh,2.4rem)}.faq-hero__label{margin:0;display:flex;align-items:baseline;gap:.9em;font-size:.8rem;letter-spacing:.24em;color:var(--color-text-sub)}.faq-hero__slash{color:var(--color-text-faint)}.faq-hero__en{font-family:var(--font-en);font-weight:300;letter-spacing:.4em;color:var(--color-glow)}.faq-hero__copy{margin:0 -.14em 0 0;font-family:var(--font-mincho);font-weight:500;font-size:clamp(1.6rem,3.8vw,3.1rem);line-height:1.7;letter-spacing:.14em;text-shadow:0 0 40px rgba(124,196,255,.12)}.faq-body{position:relative;z-index:1;width:min(860px,100%);margin:0 auto;padding:0 var(--gutter)}.faq-index{position:sticky;top:calc(var(--header-h) - 6px);z-index:20;display:flex;justify-content:center;gap:clamp(1.2rem,3vw,2.6rem);margin:0 calc(var(--gutter) * -1);padding:.9rem var(--gutter);background:#05070fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}.faq-index::-webkit-scrollbar{display:none}.faq-index:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,rgba(124,196,255,.22),transparent)}.faq-index__link{position:relative;flex:none;padding:.35em 0;font-size:.8rem;letter-spacing:.14em;white-space:nowrap;color:var(--color-text-sub);transition:color .6s var(--ease-out)}.faq-index__mark{margin-right:.3em;font-family:var(--font-mincho);color:var(--color-glow)}.faq-index__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-glow);box-shadow:0 0 6px #7cc4ff99;transform:scaleX(0);transition:transform .6s var(--ease-out)}.faq-index__link:hover,.faq-index__link:focus-visible,.faq-index__link.is-current{color:var(--color-text)}.faq-index__link.is-current:after{transform:scaleX(1)}.faq-group{padding-top:clamp(80px,12vh,120px);scroll-margin-top:calc(var(--header-h) + 64px)}.faq-group__head{display:flex;align-items:flex-end;gap:clamp(1rem,2.4vw,1.6rem);margin:0 0 clamp(1.6rem,4vh,2.4rem)}.faq-group__mark{font-family:var(--font-mincho);font-weight:500;font-size:clamp(3.2rem,6.4vw,4.6rem);line-height:1;text-shadow:0 0 40px rgba(124,196,255,.2)}.faq-group__mark-dot{font-size:.6em}.faq-group__names{display:grid;gap:.35rem;padding-bottom:.3rem}.faq-group__name{margin:0;font-family:var(--font-mincho);font-weight:500;font-size:clamp(1.15rem,2vw,1.35rem);letter-spacing:.18em}.faq-group__en{font-family:var(--font-en);font-weight:300;font-size:.72rem;letter-spacing:.42em;color:var(--color-glow);opacity:.85}.faq-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(124,196,255,.16)}.faq-item{border-bottom:1px solid rgba(124,196,255,.16)}.faq-q{margin:0;font:inherit}.faq-q__button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:clamp(1.3rem,3vh,1.7rem) .2rem;border:0;background:none;color:var(--color-text);text-align:left;cursor:pointer;font-family:var(--font-mincho);font-weight:500;font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.8;letter-spacing:.1em;transition:color .5s var(--ease-out)}.faq-q__button:hover,.faq-q__button:focus-visible{color:#fff}.faq-icon{position:relative;flex:none;width:14px;height:14px;color:var(--color-glow)}.faq-icon:before,.faq-icon:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:currentColor;transition:transform .6s var(--ease-out),opacity .6s var(--ease-out)}.faq-icon:after{transform:rotate(90deg)}.faq-item.is-open .faq-icon:after{transform:rotate(0);opacity:0}.faq-a{height:0;overflow:hidden}.faq-a__inner{max-width:40em;padding:0 2.6rem clamp(1.6rem,3.6vh,2.2rem) .2rem;font-size:clamp(.9rem,1.2vw,.98rem);line-height:2.15;letter-spacing:.06em;color:#e8eef7c7}.faq-a__inner p{margin:0}.faq-closing{padding-top:clamp(140px,24vh,260px)}.faq-closing__note{margin:-.6rem 0 .6rem;font-size:.86rem;line-height:2;letter-spacing:.1em;color:var(--color-text-sub);word-break:keep-all}.faq-closing .finale-btn.is-arrived{border-color:#7cc4ffbf;box-shadow:0 0 40px #7cc4ff38}.faq-path{--p: 0;position:absolute;top:0;left:max(14px,calc(50% - 470px));width:1px;height:0;pointer-events:none}.faq-path__line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#7cc4ff0d,#7cc4ff52);transform-origin:top;transform:scaleY(var(--p))}.faq-path__tip{position:absolute;left:-2.5px;top:calc(var(--p) * 100% - 2.5px);width:6px;height:6px;border-radius:50%;background:#e8f4ff;box-shadow:0 0 10px 2px #7cc4ffbf,0 0 24px 6px #7cc4ff33;opacity:min(var(--p) * 20,1)}.faq-path__arm{--arm: 0;position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(to right,#7cc4ff52,#7cc4ffb3);box-shadow:0 0 6px #7cc4ff59;transform-origin:left center;transform:scaleX(var(--arm))}@media(max-width:820px){.faq-index{justify-content:flex-start}.faq-path{left:8px}.faq-path__line{background:linear-gradient(to bottom,#7cc4ff0a,#7cc4ff3d)}.faq-path__tip{left:-2px;width:5px;height:5px;box-shadow:0 0 8px 2px #7cc4ffa6}.faq-a__inner{padding-right:1.6rem}}

/* 各サービスの見出し(姿・響・凪):漢字一文字・サービス名・英語を、1本の縦の軸で真ん中にそろえる
   (字間を広げた行は、最後の字のうしろの字間の分を右から引いて、真ん中を合わせる) */
.faq-group__head{flex-direction:column;align-items:center;gap:1rem;text-align:center}
.faq-group__names{justify-items:center;padding-bottom:0}
.faq-group__name{margin-right:-.18em}
.faq-group__en{margin-right:-.42em}
.faq-group__mark-dot{display:none}

/* 質問は、言葉の切れ目(見えない区切りを入れた所)でだけ折り返す。「すか?」だけが次の行に残らないように */
.faq-q__button>span:first-child{word-break:keep-all;overflow-wrap:anywhere}
/* スマホ:「その迷いが、/確かな一歩に/変わるように。」と、ひと区切りずつ1行に
   (行の終わりの「、」「。」は左半分にしか形がないので、その分も右から引いて、見た目の真ん中を合わせる) */
@media(max-width:600px){
  .faq-hero__copy .faq-phrase{display:block}
  /* 字の形(「そ」は右に、「確」「変」は左に重心がある)に合わせて、見た目の真ん中を1行ずつ微調整。最後の「。」は行の外にぶら下げる */
  .faq-hero__copy .faq-phrase:nth-child(1){margin-right:.18em}
  .faq-hero__copy .faq-phrase:nth-child(2){margin-right:-.12em}
  .faq-hero__copy .faq-phrase:nth-child(3){margin-right:-1.25em}
}
/* パソコン:「その迷いが」/「確かな一歩に変わるように。」の2行に(スマホは3行のまま) */
@media(min-width:601px){
  .faq-hero__copy .faq-phrase:nth-child(1){display:block;margin-right:.18em}
  .faq-hero__copy .faq-phrase:nth-child(3){margin-right:-1.25em}
}