.faq{padding:clamp(3rem,7vw,5rem) 0;background:var(--surface)}.faq-inner{display:grid;grid-template-columns:.38fr .62fr;gap:clamp(2rem,5vw,4rem);align-items:start}.faq-side{position:sticky;top:calc(54px + var(--bar-h) + 2rem)}.faq-side h2{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:500;letter-spacing:.02em;margin-bottom:.3rem}.faq-side .faq-jp{display:block;font-family:Shippori Mincho,serif;font-size:13px;color:var(--gray-400);letter-spacing:.15em}.faq-side .faq-line{display:block;width:40px;height:2px;background:var(--red);margin:.75rem 0 0}.faq-desc{font-size:13.5px;color:var(--gray-500);line-height:1.65;margin-top:1.25rem;max-width:320px}.faq-contact{display:inline-flex;align-items:center;gap:.5rem;font-size:13px;font-weight:700;color:var(--text);margin-top:1.5rem;padding:.6rem 1.25rem;border-radius:8px;border:1.5px solid var(--gray-300);transition:border-color .15s,background .15s,gap .2s}.faq-contact:hover{border-color:var(--text);background:var(--gray-50);gap:.65rem}.faq-contact:focus-visible{outline:2px solid var(--red);outline-offset:3px}.faq-contact svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.faq-contact:hover svg{transform:translate(2px)}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--gray-100)}.faq-item:first-child{border-top:1px solid var(--gray-100)}.faq-item>summary{list-style:none}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary::marker{content:""}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.85rem,1.5vw,1.1rem) 0;font-size:clamp(13.5px,1.3vw,15px);font-weight:600;text-align:left;color:var(--text);line-height:1.4;cursor:pointer;transition:color .15s}.faq-q-heading{font:inherit;color:inherit;margin:0;letter-spacing:inherit}.faq-q:hover{color:var(--red)}.faq-q:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:4px}.faq-q-icon{width:24px;height:24px;border-radius:6px;background:var(--gray-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .3s}.faq-q-icon svg{width:13px;height:13px;stroke:var(--gray-400);fill:none;stroke-width:2;stroke-linecap:round;transition:stroke .2s}.faq-q:hover .faq-q-icon{background:var(--red-light)}.faq-q:hover .faq-q-icon svg{stroke:var(--red)}.faq-item[open] .faq-q-icon{background:var(--red-light);transform:rotate(45deg)}.faq-item[open] .faq-q-icon svg{stroke:var(--red)}.faq-item[open] .faq-q{color:var(--red)}.faq-a{display:grid;grid-template-rows:1fr;min-height:0}.faq-a-inner{overflow:hidden;padding-bottom:clamp(.85rem,1.5vw,1.1rem);font-size:13.5px;color:var(--gray-500);line-height:1.7}.faq-a-inner strong{color:var(--text);font-weight:600}.faq-a-inner a{color:var(--red);font-weight:600;text-decoration:underline;text-underline-offset:2px}.faq-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.faq-tag{font-size:10px;font-weight:600;padding:.2rem .5rem;border-radius:4px;border:1px solid var(--gray-100);color:var(--gray-500)}[data-theme=dark] .faq{background:var(--surface)}[data-theme=dark] .faq-item,[data-theme=dark] .faq-item:first-child{border-color:#ffffff0f}[data-theme=dark] .faq-q-icon{background:#ffffff0a}[data-theme=dark] .faq-q:hover .faq-q-icon,[data-theme=dark] .faq-item[open] .faq-q-icon{background:#d4002a1f}[data-theme=dark] .faq-contact{border-color:#fff3}[data-theme=dark] .faq-contact:hover{border-color:#ffffff4d;background:#ffffff0a}[data-theme=dark] .faq-tag{border-color:#ffffff14;color:var(--gray-400)}@media(prefers-reduced-motion:reduce){.faq-q,.faq-q-icon,.faq-q-icon svg,.faq-contact,.faq-contact svg{transition:none}.faq-item[open] .faq-q-icon{transform:none}}@media(max-width:860px){.faq-inner{grid-template-columns:.35fr .65fr;gap:2rem}}@media(max-height:800px){.faq-side{position:static}}@media(max-width:700px){.faq-inner{grid-template-columns:1fr}.faq-side{position:static;text-align:center;margin-bottom:.5rem}.faq-desc{margin:1rem auto 0;max-width:none}.faq-side .faq-line{margin:.75rem auto 0}.faq-contact{margin-top:1rem;width:100%;justify-content:center}}@media(max-width:420px){.faq-q{font-size:13px;gap:.5rem}.faq-q-icon{width:20px;height:20px}.faq-a-inner{font-size:12.5px}}@media(min-width:2000px){.faq-inner{gap:6rem}.faq-q{font-size:17px}.faq-a-inner{font-size:15px}.faq-desc{font-size:15px;max-width:380px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-faq.css.map */