/* HIYORI FAQ (en) — transcribed verbatim from the Claude Design export */
body{margin:0;background:#101518}
a{color:#e8e4dc;text-decoration:none}a:hover{color:#ffffff}
.fq{font-family:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;color:#e8e4dc;background:#101518;overflow-x:clip;position:relative}
.fqm{container-type:inline-size;container-name:fqm}
.lat{font-family:'Cormorant Garamond','Times New Roman',serif}
/* ---- shared header pieces, the same as the TOP page ---- */
.nav a{font-size:12px;letter-spacing:.12em;color:rgba(232,228,220,.78)}
.nav>a,.nav>div{position:relative;z-index:6}
.burger{outline:none;-webkit-tap-highlight-color:transparent;will-change:transform}
.burger:focus{outline:none;box-shadow:none}
.burger:focus-visible span{background:#fff}
.burger span{transition:transform 1s cubic-bezier(.16,1,.3,1),background-color .3s ease;transform-origin:50% 50%;will-change:transform}
.burger[data-tone="light"]:not(.open) span{background-color:#242424!important}
.burger.open span:first-child{transform:translateY(4px) rotate(45deg)}
.burger.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu{transform:translateX(100%);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.menu.open{transform:none}
.menu a:hover{color:#fff}
.menu-veil{opacity:0;pointer-events:none;transition:opacity 1s cubic-bezier(.16,1,.3,1)}
.menu-veil.open{opacity:1;pointer-events:auto}
.ul{position:relative;display:inline-block;padding-bottom:6px}
.ul:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.5}
/* ---- FAQ ---- */
.fq-hero{max-width:880px;margin:0 auto;box-sizing:border-box;padding:150px 48px 80px}
.fq-label{font-size:12px;letter-spacing:.38em;line-height:1;color:rgba(232,228,220,.5)}
.fq-h1{margin:28px 0 0;font-size:38px;font-weight:500;line-height:1.7;letter-spacing:.16em;color:#fff}
.fq-lead{margin:36px 0 0;font-size:14.5px;line-height:2.3;letter-spacing:.08em;color:rgba(232,228,220,.82)}
.fq-paper{background:#f1efea;color:#1a1d20}
.fq-paper a{color:#1a1d20}
.fq-body{max-width:880px;margin:0 auto;box-sizing:border-box;padding:110px 48px 130px}
.fq-cat+.fq-cat{margin-top:96px}
.fq-cat h2{margin:0 0 28px;font-size:22px;font-weight:500;line-height:1.7;letter-spacing:.14em;color:#1a1d20}
.fq-cat h2 .lat{display:block;margin-bottom:12px;font-size:11.5px;letter-spacing:.34em;font-weight:400;color:rgba(26,29,32,.5)}
.fq-list{border-top:1px solid rgba(26,29,32,.22)}
.fq-item{border-bottom:1px solid rgba(26,29,32,.22)}
.fq-item summary{list-style:none;display:grid;grid-template-columns:2.2em minmax(0,1fr) 22px;column-gap:10px;align-items:baseline;padding:26px 4px;cursor:pointer;font-size:16px;line-height:1.9;letter-spacing:.08em;color:#1a1d20;-webkit-tap-highlight-color:transparent}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary:focus-visible{outline:1px solid rgba(26,29,32,.5);outline-offset:4px}
.fq-q{font-family:'Cormorant Garamond','Times New Roman',serif;font-size:19px;color:#9c8152}
.fq-ic{position:relative;width:14px;height:14px;align-self:center}
.fq-ic:before,.fq-ic:after{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:rgba(26,29,32,.7);transition:transform .35s ease}
.fq-ic:after{transform:rotate(90deg)}
.fq-item[open] .fq-ic:after{transform:rotate(0deg)}
.fq-a{display:grid;grid-template-columns:2.2em minmax(0,1fr) 22px;column-gap:10px;padding:0 4px 30px}
.fq-a .fq-q{color:rgba(26,29,32,.4)}
.fq-a div{font-size:14.5px;line-height:2.2;letter-spacing:.06em;color:rgba(26,29,32,.82)}
.fq-a p{margin:0 0 .9em;word-break:auto-phrase;text-wrap:pretty}
.fq-a p:last-child{margin-bottom:0}
.fq-a ul{margin:.2em 0 1em;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.fq-a li{position:relative;padding-left:16px;font-size:14px;line-height:2}
.fq-a li:before{content:"";position:absolute;left:0;top:1em;width:7px;height:1px;background:rgba(26,29,32,.5)}
.fq-a .fq-note{font-size:12.5px;line-height:2;color:rgba(26,29,32,.6)}
.fq-cta{background:#0f1317;text-align:center}
.fq-cta-in{max-width:880px;margin:0 auto;box-sizing:border-box;padding:130px 48px 140px;display:flex;flex-direction:column;align-items:center}
.fq-cta p{margin:0;font-size:22px;font-weight:500;line-height:2;letter-spacing:.14em;color:#f4f1eb}
.fq-btn{margin-top:52px;display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:68px;padding:0 46px;box-sizing:border-box;border:1px solid rgba(232,228,220,.55);color:#fff!important;font-size:15.5px;letter-spacing:.24em;transition:background-color .4s ease,border-color .4s ease}
.fq-btn:hover{background:rgba(232,228,220,.06);border-color:rgba(232,228,220,.85)}
.fq-btn i{display:block;flex:none;width:56px;height:1px;background:currentColor;opacity:.7;transition:width .4s ease-out}
.fq-btn:hover i,.fq-btn:focus-visible i{width:96px}
@media (hover:none){.fq-btn i,.fq-btn:hover i{width:56px;transition:none}}
@media (prefers-reduced-motion:reduce){.fq-ic:before,.fq-ic:after,.fq-btn,.fq-btn i{transition:none}}
.ft-top{padding:52px 120px 36px}
.ft-tag{margin-top:26px}
.ft-loc{margin-top:28px}
.ft-bot{padding:0 120px 30px}
@container fqm (max-width:767px){
  .fq-hero{padding:128px 24px 36px}
  .fq-h1{margin-top:22px}
  .fq-lead{margin-top:28px}
  .fq-h1{font-size:min(28px, calc((100cqw - 48px) / 9));letter-spacing:.12em}
  .fq-lead{font-size:14px;word-break:auto-phrase;text-wrap:pretty}
  .fq-lead br{display:none}
  .fq-body{padding:76px 24px 96px}
  .fq-cat+.fq-cat{margin-top:72px}
  .fq-cat h2{font-size:19px}
  .fq-item summary{grid-template-columns:1.8em minmax(0,1fr) 18px;column-gap:8px;padding:22px 0;font-size:15px;letter-spacing:.05em}
  .fq-a{grid-template-columns:1.8em minmax(0,1fr);column-gap:8px;padding:0 0 26px}
  .fq-a div{font-size:14px;letter-spacing:.04em}
  .fq-a ul{grid-template-columns:minmax(0,1fr)}
  .fq-cta-in{padding:100px 24px 110px}
  .fq-cta p{font-size:min(19px, calc((100cqw - 48px) / 13.5));letter-spacing:.08em}
  .fq-btn{width:100%;padding:0 20px;gap:18px;font-size:15px;letter-spacing:.2em}
  .fq-btn i{width:40px}
  .fq-btn:hover i{width:60px}
  .ft-top{flex-direction:column;gap:36px;padding:48px 24px 32px}
  .ft-nav{column-gap:32px!important}
  .ft-bot{padding:0 24px 32px;gap:16px}
}
/* language switch: two links in the place of the old label, at its exact size and colour; the language not shown sits a little quieter */
.hy-lang{color:rgba(232,228,220,.78);white-space:nowrap}.nav .hy-lang a{font-size:inherit;letter-spacing:inherit;color:rgba(232,228,220,.78);transition:opacity .3s ease,color .3s ease}.nav .hy-lang a:not([aria-current]){opacity:.6}.nav .hy-lang a:hover,.nav .hy-lang a:focus-visible{opacity:1;color:#fff}

/* ==== ENGLISH EDITION: type set for English — Cormorant Garamond for display, EB Garamond for reading; tracking eased from the Japanese setting ==== */
.en{font-family:'EB Garamond','Cormorant Garamond',Georgia,'Times New Roman',serif;font-kerning:normal;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hyphens:manual;overflow-wrap:break-word}
.en h1,.en h2,.en h3{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-weight:500;text-wrap:balance}
.en .menu a{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:20px!important;letter-spacing:.03em!important;line-height:1.3}
.en .menu a.ul{font-family:'EB Garamond',Georgia,serif;font-size:14px!important;letter-spacing:.08em!important}
.en .ft-tag{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:17px!important;letter-spacing:.01em!important;line-height:1.5}
.en .ft-nav a{font-size:14px!important;letter-spacing:.04em!important}
.en .ft-bot p{font-size:11.5px!important;letter-spacing:.01em!important;line-height:1.8!important}

/* ---- FAQ (English) ---- */
.fq.en .fq-h1{font-size:50px;font-weight:400;line-height:1.15;letter-spacing:0}
.fq.en .fq-lead{font-size:16.5px;line-height:1.85;letter-spacing:0}
.fq.en .fq-cat h2{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:0}
.fq.en .fq-cat h2 .lat{font-size:13px;letter-spacing:.24em}
.fq.en .fq-item summary{font-size:18px;line-height:1.55;letter-spacing:0}
.fq.en .fq-q{font-size:21px}
.fq.en .fq-a div{font-size:16px;line-height:1.85;letter-spacing:0}
.fq.en .fq-a li{font-size:15.5px;line-height:1.6;padding-top:.2em;padding-bottom:.2em}
.fq.en .fq-a li:before{top:1.05em}
.fq.en .fq-a .fq-note{font-size:13.5px;line-height:1.75}
.fq.en .fq-cta p{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:400;line-height:1.3;letter-spacing:0}
.fq.en .fq-btn{font-size:17px;letter-spacing:.1em}
@container fqm (max-width:767px){
  .fq.en .fq-h1{font-size:min(40px, calc((100cqw - 48px) / 8.6));letter-spacing:0}
  .fq.en .fq-lead{font-size:16px}
  .fq.en .fq-cat h2{font-size:26px}
  .fq.en .fq-item summary{font-size:17px;letter-spacing:0}
  .fq.en .fq-a div{font-size:15.5px;letter-spacing:0}
  .fq.en .fq-cta p{font-size:min(30px, calc((100cqw - 48px) / 11));letter-spacing:0}
  .fq.en .fq-btn{font-size:16px;letter-spacing:.08em}
}