/*
 * WordPress 版で足したページの見た目（こもれび）
 * - 先生のインタビューのページ（静的版のモーダルと同じ見た目を、1ページで）
 * - 園見学のお申し込み・受け付けました・プライバシーポリシーなどの固定ページ
 * - 園見学フォーム（共通部品 contact-kit の色を、こもれびの色につなぐ）
 * トップの見た目は base.css・enhancements.css（静的版の CSS）のまま。
 */

/* ---------- 先生のインタビュー ---------- */
.interview-page{min-height:100vh;padding:40px 20px 72px;background:var(--section-sage,#e5eddc)}
.interview-sheet{position:relative;width:min(820px,100%);max-width:820px;max-height:none;margin:0 auto;padding:0;border-radius:24px;background:var(--ivory);color:var(--green);box-shadow:0 20px 90px #0002;overflow:visible}
.interview-sheet .interview-toolbar{border-radius:24px 24px 0 0;gap:12px}
.interview-sheet .interview-brand{font-family:var(--serif);font-size:15px;letter-spacing:.06em;color:var(--green);text-decoration:none;white-space:nowrap}
.interview-sheet .interview-brand:hover{opacity:.7}
.interview-sheet .interview-label{flex:1;font-size:13px;color:#68885b}
.interview-sheet .interview-close{text-decoration:none;flex:none}
.interview-sheet .interview-role{font-size:14px;margin:0 0 5px;color:#68885b}
.interview-sheet .interview-name{font-family:var(--serif);font-size:24px;color:var(--green);margin:0 0 18px}
.interview-sheet h1{font-size:26px;line-height:1.75;margin:0;letter-spacing:.04em}
.interview-sheet .interview-answer h2{font-family:inherit;font-size:17px;font-weight:600;line-height:1.8;letter-spacing:.02em;margin:0 0 14px}
.interview-sheet .interview-answer h2 span{color:#68885b}
.interview-sheet .interview-answer p{font-size:16px;line-height:2;margin:0}
.interview-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 20px;padding-top:28px;border-top:1px solid #dde4d6}
.interview-actions .interview-done{display:inline-flex;align-items:center;justify-content:center;margin:0;text-decoration:none}
.interview-actions .button{margin:0}
.interview-page + footer{margin-top:0}
@media(max-width:760px){
  .interview-page{padding:12px 12px 56px}
  .interview-sheet{border-radius:20px}
  .interview-sheet .interview-toolbar{border-radius:20px 20px 0 0;padding:8px 10px 8px 16px}
  .interview-sheet .interview-label{display:none}
  .interview-sheet .interview-brand{flex:1;font-size:14px}
  .interview-sheet h1{font-size:23px}
  .interview-sheet .interview-name{font-size:22px;margin-bottom:12px}
  .interview-actions{flex-direction:column}
  .interview-actions .interview-done,.interview-actions .button{width:100%;max-width:320px}
}

/* ---------- 固定ページ（見学・受け付け・プライバシーポリシーなど） ---------- */
.kmr-page{background:var(--ivory)}
.kmr-page .kmr-page-section{padding-top:clamp(150px,13vw,190px)}
.kmr-page-title{font-size:clamp(26px,2.15vw,38px);line-height:1.7;letter-spacing:.1em;color:var(--green)}
.kmr-page .section-heading{margin-bottom:28px}
.kmr-page-text{margin-top:16px}
.kmr-page .mwc-back{text-align:center;margin-top:48px}
.kmr-page .mwc-back .button{margin:0}
.kmr-prose{max-width:760px;margin:0 auto;color:var(--body);font-size:15px;line-height:2}
.kmr-prose h2{font-size:20px;line-height:1.7;letter-spacing:.06em;color:var(--green);margin:48px 0 14px;padding-top:28px;border-top:1px solid #dde4d6}
.kmr-prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.kmr-prose p{margin:0 0 1em}
.kmr-prose ul,.kmr-prose ol{margin:0 0 1em;padding-left:1.5em}
.kmr-prose li{margin-bottom:.3em}
@media(max-width:760px){
  .kmr-page .kmr-page-section{padding-top:120px}
  .kmr-page-title{font-size:24px}
}

/* ---------- 園見学フォーム（共通部品の色・書体を、こもれびにつなぐ。共通部品の :root より後で効くよう、ページの枠に書く） ---------- */
.kmr-page{
  --mwc-ink:var(--green);
  --mwc-mute:#68785f;
  --mwc-line:#d6dfcc;
  --mwc-paper:#fffef9;
  --mwc-accent:var(--green);
  --mwc-accent-soft:#7f9a70;
  --mwc-accent-pale:var(--pale);
  --mwc-ok:#7f9a70;
  --mwc-placeholder:#a3ad9b;
  --mwc-font-head:var(--serif);
}
.kmr-page.mwc-page{padding:0}
.kmr-page .ct-lead{color:var(--body)}
.kmr-required-note{text-align:center;font-size:13px;color:var(--mwc-mute);margin:12px 0 0}
.kmr-required-note .cf-req{margin-right:4px}
.kmr-page .ct-card{border-radius:14px}
.kmr-field-note{font-size:12px;color:var(--mwc-mute);margin:6px 0 0;line-height:1.7}
.kmr-date-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.kmr-date-row>.wpcf7-form-control-wrap:first-child{flex:0 1 240px}
.wpcf7 input[type=date]{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;letter-spacing:.04em;color:var(--mwc-ink);background:#fff;border:1px solid var(--mwc-line);border-radius:4px;padding:12px 14px;min-height:50px}
.wpcf7 input[type=date]:focus{outline:none;border-color:var(--mwc-accent);box-shadow:0 0 0 3px var(--mwc-accent-pale)}
.wpcf7 input[type=date].wpcf7-not-valid{border-color:var(--mwc-error-line);background:var(--mwc-error-bg)}
.kmr-time-group .wpcf7-form-control-wrap{display:inline-block}
/* 任意の選択肢（1つだけ選べるチェックボックス）を、共通部品のラジオボタンと同じ見た目にする（2026-10-17） */
.wpcf7-checkbox.kmr-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wpcf7-checkbox.kmr-choice .wpcf7-list-item{margin:0}
.wpcf7-checkbox.kmr-choice label{display:flex;align-items:center;gap:10px;height:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--mwc-line);border-radius:4px;background:#fff;font-size:14px;letter-spacing:.04em;cursor:pointer;transition:border-color .2s,background .2s}
.wpcf7-checkbox.kmr-choice label:hover{border-color:var(--mwc-accent-soft)}
.wpcf7-checkbox.kmr-choice input{position:absolute;opacity:0;pointer-events:none}
.wpcf7-checkbox.kmr-choice .wpcf7-list-item-label{display:flex;align-items:center;gap:10px}
.wpcf7-checkbox.kmr-choice .wpcf7-list-item-label::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:1px solid var(--mwc-mute);box-sizing:border-box;background:#fff;transition:border .15s}
.wpcf7-checkbox.kmr-choice label:has(input:checked){border-color:var(--mwc-accent);background:var(--mwc-accent-pale)}
.wpcf7-checkbox.kmr-choice input:checked+.wpcf7-list-item-label::before{border:5px solid var(--mwc-accent)}
.wpcf7-checkbox.kmr-choice label:has(input:focus-visible){outline:2px solid var(--mwc-accent);outline-offset:2px}
@media (max-width:640px){.wpcf7-checkbox.kmr-choice{grid-template-columns:1fr;gap:8px}.wpcf7-checkbox.kmr-choice label{padding-block:12px}}
.wpcf7 .cf-submit .btn{min-height:56px;padding:14px 36px;font-size:15px;font-weight:600;border-radius:50px}
.kmr-page .cf-submit .btn{background:var(--yellow);border-color:var(--yellow);color:var(--deep)}
.kmr-page .cf-submit .btn:hover{background:#fff5b1;border-color:#fff5b1;color:var(--deep)}

/* 受け付けましたのページ：見学の案内 */
.kmr-visit-guide{max-width:640px;margin:36px auto 0;padding:28px 32px;border:1px solid var(--mwc-line);border-radius:14px;background:#fffef9;color:var(--body);font-size:15px;line-height:1.9}
.kmr-visit-guide h2{font-size:17px;letter-spacing:.06em;color:var(--green);margin:0 0 10px}
.kmr-visit-guide h2:not(:first-child){margin-top:24px;padding-top:20px;border-top:1px solid #dde4d6}
.kmr-visit-guide p{margin:0 0 8px}
.kmr-visit-guide dl{margin:0}
.kmr-visit-guide dl>div{display:flex;gap:16px;margin-top:4px}
.kmr-visit-guide dt{flex:none;width:5em;color:var(--green);font-weight:600}
.kmr-visit-guide dd{margin:0;min-width:0}
@media(max-width:760px){
  .kmr-visit-guide{padding:22px 20px}
  .kmr-visit-guide dl>div{flex-direction:column;gap:0;margin-top:8px}
}

/* 園長のサインの画像がないとき */
.director-signature-text{font-family:var(--serif);font-size:22px;letter-spacing:.1em}

/* プライバシーポリシー：デモのときの注記 */
.kmr-prose .kmr-demo-note{font-size:13px;color:#68785f;background:var(--pale);border-radius:10px;padding:12px 16px;margin-bottom:28px}

/* 「インタビューを読む」をボタンからリンク（別ページへ移る）にしたので、ボタンと同じ幅・見た目に */
a.staff-interview-button{display:inline-block;width:fit-content;text-align:center;text-decoration:none;box-sizing:border-box;font-family:inherit;line-height:inherit}
.staff .staff-card a.staff-interview-button{display:block}