/* Preview design; content and disclosure behavior come from the FAQ generator. */
body.faq-static-page{background:#f5f7f7!important;color:#55565c;--faq-text:#55565c;--faq-muted:#78878d;--faq-line:#c9d7db;--faq-link:#477e8b;font-family:"Yu Gothic UI","Noto Sans JP",Meiryo,sans-serif;font-size:14px;line-height:1.7}
.faq-static-page::before {
 background-color:#f5f7f7;
 background-image:
  radial-gradient(circle,rgba(120,199,212,.22) 1px,transparent 1.5px),
  linear-gradient(rgba(120,199,212,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(120,199,212,.07) 1px,transparent 1px),
  linear-gradient(169deg,transparent 16%,rgba(120,199,212,.14) 16% 28%,transparent 28% 61%,rgba(120,199,212,.10) 61% 73%,transparent 73%),
  radial-gradient(ellipse at 8% 15%,rgba(164,223,233,.3),transparent 36%),
  radial-gradient(ellipse at 94% 80%,rgba(164,223,233,.22),transparent 34%);
 background-size:64px 64px,64px 64px,64px 64px,100% 100%,100% 100%,100% 100%;
 background-position:0 0;
}


#page.faq-background{background:transparent!important;display:flex;flex-direction:column;min-height:100vh}
.faq-static-page .static-page-footer{margin-top:auto}
.faq-page{padding:0 15px 40px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.faq-intro h1{display:flex;align-items:center;gap:18px;margin:0 0 28px;font-family:"Avenir Next","Century Gothic","Segoe UI Light",sans-serif;font-size:43px;font-weight:300;font-style:italic;letter-spacing:.085em;line-height:1.12;color:#597b86}
.faq-intro h1 small{font:400 18px/1 "Hiragino Maru Gothic ProN","Yu Gothic UI","Noto Sans JP",sans-serif;letter-spacing:.12em;color:inherit}
.faq-category__heading{padding:22px 52px 22px 16px}
.faq-category__heading h2{font-family:inherit;font-size:20px;font-weight:400}
.faq-category{border-bottom:1px solid var(--faq-line)}
.faq-category+.faq-category{border-top:0}
.faq-category__heading:hover,.faq-category__heading:focus-visible{background:rgba(120,199,212,.12);color:var(--faq-text)}
.faq-category[open]>.faq-category__heading{background:rgba(120,199,212,.15)}
.faq-category__heading::after,.faq-item summary::after{border-color:#597b86}
.faq-list{padding:8px 16px 24px}
.faq-item{border-radius:0;border-bottom:1px solid rgba(170,190,195,.5)}
.faq-item summary{font-family:inherit;font-size:14px;font-weight:400;color:#55565c;padding:16px 48px 16px 16px}
.faq-item summary:hover,.faq-item summary:focus-visible,.faq-item[open] summary{color:#426873;background:rgba(120,199,212,.09)}
.faq-item[open],.faq-item:target{background:transparent}
.faq-answer,.faq-item[open] .faq-answer{background:rgba(224,240,243,.6);color:#55565c;font:400 14px/1.75 "Yu Gothic UI","Noto Sans JP",Meiryo,sans-serif;padding:20px 24px}
.faq-answer p,.faq-answer li{color:inherit;font:inherit}
.faq-answer a{color:#477e8b}
.faq-answer pre{background:#e7eff1!important;color:#3d5058!important}
.faq-category__heading:focus-visible,.faq-item summary:focus-visible{outline:2px solid #78b9c5;outline-offset:-2px}
@media(max-width:767px){.faq-intro h1{font-size:30px;gap:11px;flex-wrap:wrap}.faq-intro h1 small{font-size:14px}.faq-category__heading h2{font-size:18px}.faq-list{padding:6px 0 20px}.faq-answer,.faq-item[open] .faq-answer{padding:16px}.faq-page{padding:0 0 32px}}

/* Match the character title geometry and CONTACT reading typography. */
#page .faq-content{padding-top:113px}
.faq-category__heading h2{letter-spacing:.02em}
.faq-item summary{line-height:1.7;letter-spacing:.02em}
.faq-answer{letter-spacing:normal}
@media(max-width:1023px) and (min-width:768px){#page .faq-content{padding-top:103px}}
@media(max-width:767px){#page .faq-content{padding-top:91px}.faq-page{width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important}}

/* CONTACT-style centered introduction. */
#page .faq-content{padding-top:125px}
.faq-intro{margin-bottom:36px}
.faq-intro h1{display:block;margin:0 0 16px;padding-bottom:20px;border-bottom:1px solid #aab6ba;font:300 30px/1.3 "Avenir Next","Century Gothic","Segoe UI Light",sans-serif;letter-spacing:.1em;text-align:center;color:#597b86}
.faq-description{margin:0;color:#55565c;text-align:center;font:400 14px/1.75 "Yu Gothic UI","Noto Sans JP",Meiryo,sans-serif;letter-spacing:normal}
.faq-description a{color:inherit;text-decoration:underline}
@media(max-width:767px){#page .faq-content{padding-top:110px}.faq-intro h1{font-size:30px}}

/* Use the same content width as CONTACT, including the introduction rule. */
.faq-page.gridContainer{width:min(1152px,calc(100% - 48px))!important;max-width:1152px!important;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
@media(max-width:767px){.faq-page.gridContainer{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}}

.faq-tools{margin:24px 0 32px}.faq-search{display:block;width:min(720px,100%);margin:0 auto 24px}.faq-search>span{display:block;margin-bottom:7px;color:#55565c;font-size:14px}.faq-search input{box-sizing:border-box;width:100%;height:44px;padding:10px 14px;border:1px solid #86a5af;border-radius:2px;background:#f8fafb;color:#55565c;font:inherit}.faq-search input:focus-visible{outline:2px solid #78b9c5;outline-offset:2px}
.faq-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faq-tags a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #6b9da9;border-radius:2px;background:rgba(255,255,255,.65);color:#55565c;font:400 13px/1.4 "Yu Gothic UI","Noto Sans JP",sans-serif;letter-spacing:.03em;text-decoration:none;transition:background .2s}.faq-tags a:hover{background:#dceef1}.faq-tags a:focus-visible{outline:2px solid #597b86;outline-offset:2px}#faq-search-status{margin:14px 0 0;text-align:center;font-size:14px}#faq-search-status:empty{display:none}
.faq-category,.faq-category+.faq-category{margin:0 0 16px;border:0;scroll-margin-top:90px}.faq-category>.faq-category__heading,.faq-category[open]>.faq-category__heading{background:#78b9c5;border:1px solid #67a5b2;border-radius:2px;padding:17px 52px 17px 20px;color:white}.faq-category__heading h2{color:white;font-size:18px;font-weight:400}.faq-category__heading h2 small{color:rgba(255,255,255,.9)}.faq-category>.faq-category__heading:hover{background:#69aab7}.faq-category__heading::after{border-color:white}
.faq-item summary::before{content:'Q';flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#d5e9ed;color:#4e7681;text-align:center;font:600 16px/28px "Segoe UI",sans-serif}.faq-item summary{align-items:flex-start;gap:12px;min-height:60px}.faq-item summary>span{padding-top:2px}.faq-answer,.faq-item[open] .faq-answer{padding-left:56px}.faq-item[hidden],.faq-category[hidden]{display:none!important}
@media(max-width:767px){.faq-tags a{padding:9px 12px;font-size:12px}.faq-category__heading h2{font-size:16px}.faq-answer,.faq-item[open] .faq-answer{padding-left:56px;padding-right:16px}}

.faq-intro h1{width:min(1037px,100%);margin-left:auto;margin-right:auto}
.faq-category,.faq-category+.faq-category{width:min(881.28px,calc(100vw - 48px));max-width:100%;margin:0 auto 16px}

@media(max-width:767px){.static-page-footer .static-page-accounts--footer{align-self:center;justify-content:center;margin:4px auto 0}.static-page-footer .static-page-accounts--footer::before,.static-page-footer .static-page-accounts--footer::after,.static-page-footer .static-page-accounts--footer .static-page-accounts__links::before,.static-page-footer .static-page-accounts--footer .static-page-accounts__links::after{content:none;display:none}}
.faq-static-page .static-page-footer{letter-spacing:.448px}
@media(max-width:1023px){.faq-static-page .static-page-footer{letter-spacing:.392px}}
.faq-answer a,.faq-answer .faq-jump-link a:hover span,.faq-answer .faq-jump-link a:focus-visible span{text-decoration-color:#86a5af}
.faq-answer a:hover,.faq-answer .faq-jump-link a:focus-visible{color:#355f6a}
.faq-answer .faq-jump-link a:focus-visible{outline-color:#78b9c5}
.faq-answer pre{border-color:#c9d7db}
