/* AIKATA 137（2026-10-07）：トップの広告LP化。よくある質問のアコーディオン、ページ内リンク、図解 */
html{scroll-behavior:smooth}
html body.aikata[data-lp137] main section[id]{scroll-margin-top:96px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* よくある質問：アコーディオン */
html body.aikata[data-lp137] .faq137{max-width:880px;margin:0 auto;display:grid;gap:14px}
html body.aikata[data-lp137] .faq137 details{border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #d3e4f2,0 14px 30px -26px rgba(27,30,43,.5);overflow:hidden}
html body.aikata[data-lp137] .faq137 summary{display:flex;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font-size:17px;font-weight:800;line-height:1.6;color:#1b1e2b}
html body.aikata[data-lp137] .faq137 summary::-webkit-details-marker{display:none}
html body.aikata[data-lp137] .faq137 summary:focus-visible{outline:3px solid #0f64ae;outline-offset:-3px}
html body.aikata[data-lp137] .faq137-q,html body.aikata[data-lp137] .faq137-qa{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:800 17px/1 Arial,sans-serif}
html body.aikata[data-lp137] .faq137-q{background:#0f64ae;color:#fff}
html body.aikata[data-lp137] .faq137-qa{background:#d9480f;color:#fff}
html body.aikata[data-lp137] .faq137-text{flex:1}
html body.aikata[data-lp137] .faq137-icon{flex:none;position:relative;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #0f64ae}
html body.aikata[data-lp137] .faq137-icon::before,html body.aikata[data-lp137] .faq137-icon::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#0f64ae;border-radius:2px;transition:transform .3s ease}
html body.aikata[data-lp137] .faq137-icon::after{transform:rotate(90deg)}
html body.aikata[data-lp137] .faq137 details[open] .faq137-icon::after{transform:rotate(0deg)}
html body.aikata[data-lp137] .faq137 details[open] summary{background:#eaf6fc}
html body.aikata[data-lp137] .faq137-a{display:flex;gap:16px;align-items:flex-start;padding:18px 22px 22px;border-top:1px solid #eaf6fc}
html body.aikata[data-lp137] .faq137-a p{margin:6px 0 0;font-size:16px;line-height:1.9;color:#2b3350}
@media(max-width:767px){html body.aikata[data-lp137] .faq137 summary{padding:16px;gap:12px;font-size:16px}html body.aikata[data-lp137] .faq137-a{padding:14px 16px 18px;gap:12px}}

/* フッター（LP） */
html body.aikata[data-lp137] .footer-lp137{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
html body.aikata[data-lp137] .footer-lp137 p{margin:0;font-weight:700}

/* 図解：AIKATAとは（全体のしくみ）は少し大きく */
html body.aikata[data-lp137] .about106 .about-photo133{box-shadow:none!important}
@media(min-width:1000px){html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116][data-lp137] .about106 .about-split110{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important}}
/* 137補正：図解は切り取らずに全体を見せる（写真用の拡大・トリミング指定を外す） */
html body.aikata[data-lp137] main figure img[src$=".svg"]{object-fit:contain!important;transform:none!important;scale:none!important;animation:none!important}
html body.aikata[data-lp137] .about106 .about-photo133{aspect-ratio:16/9!important;height:auto!important}
/* 見出しを文節で折り返す */
html body.aikata[data-lp137] main :is(:is(h2,h1:where(.aikata-page-heading)),h3,p,li,dt,dd,summary){word-break:auto-phrase}
html body.aikata[data-lp137] main :is(:is(h2,h1:where(.aikata-page-heading)),h3,.about-lead106){text-wrap:balance}
html body.aikata[data-lp137][data-titles117] main .about-split110 .photo110.about-photo133 img,html body.aikata[data-lp137][data-titles117] main figure img[src$=".svg"]{max-width:100%!important;width:100%!important;height:100%!important}
