:root{--ink:#203047;--muted:#647184;--paper:#fffdf8;--ivory:#f7f4ed;--line:#dfe5e7;--mint:#dff3ec;--blue:#e2eff8;--green:#e9f3df;--lavender:#eee9f8;--sand:#f5eddd;--rose:#f7e7e7;--accent:#2b6f6a;--shadow:0 18px 50px rgba(32,48,71,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}button,input{font:inherit}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:10;background:#fff;padding:10px 16px;border-radius:8px}.site-header{border-bottom:1px solid rgba(32,48,71,.08)}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.04em}.audience,.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.16em;color:var(--accent)}.hero{padding:88px 0 72px;display:grid;grid-template-columns:1.45fr .75fr;gap:64px;align-items:center}.hero h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.25;letter-spacing:-.04em;margin:.15em 0 .45em}.lead{font-size:1.12rem;font-weight:700}.hero-note{background:var(--mint);border-radius:32px;padding:36px;box-shadow:var(--shadow)}.note-icon{font-size:2rem}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.35;margin:.2em 0}.principles{padding:28px 0 100px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principle-grid article{border-top:3px solid var(--accent);padding:28px;background:#fff;border-radius:0 0 24px 24px;box-shadow:var(--shadow)}.principle-grid span{font-weight:800;color:var(--accent)}.principle-grid h3{font-size:1.35rem;margin:.35em 0}.finder,.links{background:var(--ivory);padding:92px 0}.search{margin-bottom:30px}.search label{display:block;font-weight:800;margin-bottom:8px}.search-row{display:flex;gap:10px}.search input{width:100%;padding:15px 18px;border:1px solid #bfc9cd;border-radius:14px;background:#fff}.search button,.text-button{border:0;background:#fff;padding:12px 18px;border-radius:12px;cursor:pointer;color:var(--ink);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{display:block;width:100%;text-align:left;border:2px solid transparent;border-radius:24px;padding:24px;cursor:pointer;color:var(--ink);min-height:210px;transition:.2s transform,.2s border-color}.category-card:hover{transform:translateY(-3px)}.category-card[aria-pressed="true"]{border-color:var(--ink)}.category-card .icon{font-size:2rem}.category-card h3{font-size:1.25rem;margin:.45em 0}.category-card.mint{background:var(--mint)}.category-card.blue{background:var(--blue)}.category-card.green{background:var(--green)}.category-card.lavender{background:var(--lavender)}.category-card.sand{background:var(--sand)}.category-card.rose{background:var(--rose)}.concern-panel,.result-card{margin-top:26px;background:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;gap:20px}.panel-heading h3{margin:.15em 0;font-size:1.6rem}.concern-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.concern-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}.concern-button:hover,.concern-button:focus,.concern-button[aria-pressed="true"]{background:var(--ink);color:#fff}.status{min-height:1.8em;color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.result-card h3{font-size:1.8rem}.result-card h4{margin:1em 0 .25em}.coming-soon{background:var(--ivory);border-radius:14px;padding:14px 16px}.qa,.consult{padding:96px 0}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.faq-item summary{cursor:pointer;padding:20px 22px;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"＋";float:right}.faq-item[open] summary::after{content:"−"}.faq-answer{padding:0 22px 22px;color:#405064}.consult-card{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;background:var(--mint);padding:42px;border-radius:30px}.consult blockquote{margin:22px 0 0;padding:20px 24px;border-left:4px solid var(--accent);background:#fff}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.source-card{background:#fff;border-radius:18px;padding:20px;text-decoration:none;color:inherit;border:1px solid transparent}.source-card:hover{border-color:var(--accent)}.source-card small{color:var(--accent);font-weight:800}.source-card h3{margin:.35em 0}.source-card p{margin:0;color:var(--muted)}footer{padding:34px 0;background:var(--ink);color:#fff}footer .shell{display:flex;justify-content:space-between;gap:20px}.noscript{padding:14px;background:#fff3cd;border-radius:12px}@media(max-width:820px){.hero{grid-template-columns:1fr;padding:58px 0}.principle-grid,.category-grid,.source-grid,.result-grid,.consult-card{grid-template-columns:1fr}.category-card{min-height:auto}.consult-card{gap:12px}.hero-note{padding:26px}}@media(max-width:560px){.shell{width:min(100% - 28px,1120px)}.header-inner{min-height:58px}.hero h1{font-size:2.25rem}.search-row{display:block}.search button{margin-top:8px;width:100%}.finder,.links,.qa,.consult{padding:64px 0}.principles{padding-bottom:64px}.panel-heading{display:block}.text-button{margin-top:8px}.concern-button{width:100%;text-align:left;border-radius:14px}footer .shell{display:block}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* 包括的性教育Q&Aの導入 */
.qa-intro {
  margin: 0 0 28px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #d9e7e2;
  border-radius: 24px;
  background: linear-gradient(135deg, #f3faf7 0%, #f8f5fb 100%);
}
.qa-intro h3 {
  margin: 4px 0 12px;
  color: #24364b;
  font-size: clamp(1.2rem, 2.7vw, 1.55rem);
}
.qa-intro p:last-child { margin-bottom: 0; }
.faq-item[data-category="future"] summary::before {
  content: "性・からだ・将来";
  display: inline-block;
  margin-right: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eee8f6;
  color: #594a72;
  font-size: .72rem;
  font-weight: 700;
  vertical-align: .12em;
}
@media (max-width: 640px) {
  .faq-item[data-category="future"] summary::before {
    display: block;
    width: fit-content;
    margin: 0 0 7px;
  }
}


/* Q&A 検索・テーマ絞り込み */
.qa-tools{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;align-items:end;margin:0 0 16px}
.qa-search-wrap,.qa-sort-wrap{display:grid;gap:7px}
.qa-tools label{font-weight:800;color:var(--ink)}
.qa-tools input,.qa-tools select{width:100%;min-height:48px;padding:11px 14px;border:1px solid #cfd9df;border-radius:14px;background:#fff;color:var(--ink);font:inherit}
.qa-tools input:focus,.qa-tools select:focus,.faq-theme-button:focus-visible{outline:3px solid rgba(42,127,158,.22);outline-offset:2px;border-color:var(--accent)}
.faq-themes{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 14px}
.faq-theme-button{min-height:42px;padding:9px 14px;border:1px solid #d7dfe4;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}
.faq-theme-button:hover{border-color:var(--accent)}
.faq-theme-button[aria-pressed="true"]{background:#eaf5f3;border-color:#7fb7aa;box-shadow:inset 0 0 0 1px #7fb7aa}
.faq-theme-button[aria-pressed="true"]::before{content:"✓ ";font-weight:900}
.faq-status{margin:0 0 14px;color:var(--muted);font-weight:700}
@media(max-width:640px){
 .qa-tools{grid-template-columns:1fr}
 .faq-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .faq-theme-button{border-radius:14px;text-align:left}
}


/* 各Q&Aの関連資料 */
.faq-related{margin-top:20px;padding-top:18px;border-top:1px solid #dfe6e8}
.faq-related h4{margin:0 0 10px;font-size:.92rem;color:var(--muted)}
.faq-related-links{display:grid;gap:8px}
.faq-related-links a{display:grid;gap:2px;padding:12px 14px;border:1px solid #dce5e7;border-radius:13px;background:#f8fbfb;color:var(--ink);text-decoration:none}
.faq-related-links a:hover{border-color:var(--accent);background:#f1f8f7}
.faq-related-links a:focus-visible{outline:3px solid rgba(42,127,158,.22);outline-offset:2px}
.faq-related-links span{font-size:.76rem;font-weight:800;color:var(--accent)}
.faq-related-links strong{font-size:.94rem;line-height:1.45}


/* 深めたQ&A本文とタグ */
.faq-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.faq-tags span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:#eef3f6;color:#405064;font-size:.76rem;font-weight:800}
.faq-lead{margin:0 0 20px;font-size:1rem;line-height:1.9;color:var(--ink)}
.faq-section{margin:18px 0 0;padding:18px 20px;border-radius:16px;background:#f8fafb}
.faq-section h4{margin:0 0 10px;font-size:1rem;color:var(--ink)}
.faq-section ul{margin:0;padding-left:1.25em}
.faq-section li+li{margin-top:7px}
.faq-section p{margin:0;line-height:1.85}
.faq-consultation{background:#f3f8f6;border-left:4px solid #7fb7aa}
@media(max-width:560px){
 .faq-answer{padding:0 16px 18px}
 .faq-section{padding:16px}
}