/* ご成約特典セクション（下層ページ用・2026-10-31） */
.perk{--bg:#F7F6F3;--paper:#FFFFFF;--ink:#1A1E26;--sub:#454B55;--muted:#6A707A;--line:#E2E0DA;--navy:#16233A;--navy-text:#C9D1DE;--gold:#9C8455;--gold-text:#7D6738;--gold-soft:#C8B88F;--mincho:'Shippori Mincho B1','Hiragino Mincho ProN','Yu Mincho',serif;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.perk .wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}
.perk-h2{margin:0;font-family:var(--mincho);font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.7;letter-spacing:.08em;color:var(--ink)}
.perk-h2::before{content:"";display:block;width:36px;height:1px;background:var(--gold);margin-bottom:22px}
.perk-lead{color:var(--sub);line-height:2;margin:0}
.perk-photos img{filter:saturate(.72) contrast(1.02) brightness(1.02)}
.perk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;background:var(--ink);color:#fff;font-size:15px;letter-spacing:.12em;text-decoration:none;transition:background-color .3s}
.perk-btn:hover{background:var(--navy);color:#fff}
@media (max-width:900px){.perk .wrap{padding-left:18px;padding-right:18px}}
/* ご成約特典（2026-10-31 追加） */
.perk .wrap{padding-top:128px;padding-bottom:120px}
.perk-label{display:inline-block;margin:0 0 18px;padding:4px 12px;background:var(--navy);color:#fff;font-size:12px;letter-spacing:.2em}
.perk .lead{max-width:720px;margin-top:18px}
.perk-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;margin-top:56px;align-items:start}
.perk-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.perk-steps li{border:1px solid var(--line);background:var(--bg);padding:18px 20px}
.perk-steps span{display:block;font-size:11.5px;letter-spacing:.2em;color:var(--gold-text)}
.perk-steps b{display:block;font-family:var(--mincho);font-size:19px;font-weight:600;margin:4px 0 2px;letter-spacing:.06em}
.perk-steps small{color:var(--muted);font-size:12.5px}
.perk-body p{margin:0 0 14px;line-height:2}
.perk-spec{margin:24px 0 0;border-top:1px solid var(--line)}
.perk-spec div{display:grid;grid-template-columns:5.5em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.85}
.perk-spec dt{color:var(--gold-text);font-weight:500}
.perk-spec dd{margin:0}
.perk-photos{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.perk-photos img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.perk-photos img.wide{grid-column:1/-1;aspect-ratio:425/315;object-position:center top}
.perk-photos figcaption{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.8}
.perk-msg{margin:64px 0 0;padding:40px 44px;background:var(--navy);color:#fff}
.perk-msg h3{margin:0 0 18px;font-family:var(--mincho);font-size:20px;font-weight:600;letter-spacing:.08em;color:var(--gold-soft)}
.perk-msg p{margin:0 0 14px;line-height:2.05;color:var(--navy-text)}
.perk-msg .sign{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;font-size:13px;color:#fff}
.perk-msg .sign a{color:var(--gold-soft)}
.perk-cta{margin-top:40px;text-align:center}
@media (max-width:900px){.perk .wrap{padding-top:88px;padding-bottom:88px}.perk-grid{grid-template-columns:1fr;gap:36px}.perk-msg{padding:28px 22px}}
@media (max-width:480px){.perk-steps{grid-template-columns:1fr}.perk-spec div{grid-template-columns:1fr;gap:2px}}
/* 代表写真の下の資格一覧（2026-10-31） */
.about-side{flex:1 1 320px;min-width:0;max-width:420px}
.about-side .about-photo{display:block;max-width:none}
.about-quals{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.18)}
.about-quals li{padding:9px 0 9px 16px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.7;color:var(--navy-text);position:relative}
.about-quals li::before{content:"";position:absolute;left:0;top:1.15em;width:6px;height:1px;background:var(--gold-soft)}
@media (max-width:900px){.about-side{max-width:420px;margin:0 auto}}

/* ヒーローの特典案内（2026-10-31追加） */
.perk-hero{display:flex;align-items:center;gap:14px;max-width:560px;margin:20px 0 22px;padding:11px 16px;border:1px solid #C8B88F;border-left:4px solid #9C8455;background:#fff;color:#1A1E26;text-decoration:none;line-height:1.55;text-align:left;box-sizing:border-box}
.perk-hero:hover{background:#FBF8F1}
.perk-hero .ph-tag{flex:0 0 auto;padding:3px 9px;background:#16233A;color:#fff;font-size:11.5px;letter-spacing:.12em;white-space:nowrap}
.perk-hero .ph-body{display:flex;flex-direction:column;min-width:0}
.perk-hero b{font-family:'Shippori Mincho B1','Hiragino Mincho ProN','Yu Mincho',serif;font-size:15.5px;font-weight:600;letter-spacing:.03em;color:#1A1E26}
.perk-hero small{font-size:12px;color:#6A707A}
.perk-hero .ph-arrow{margin-left:auto;color:#7D6738}
@media (max-width:480px){.perk-hero{gap:10px;padding:10px 12px}.perk-hero b{font-size:14px}}

/* 2026-11-06 ヒーロー特典バナーを控えめなテキストリンクに／#perk圧縮 */
.perk-hero-mini{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:620px;margin:20px 0 22px;font-size:13px;color:#6A707A;text-decoration:none;line-height:1.6;text-align:left}
.perk-hero-mini b{color:#1A1E26;font-weight:600}
.perk-hero-mini .phm-tag{flex:0 0 auto;padding:2px 8px;border:1px solid #C8B88F;color:#7D6738;font-size:10.5px;letter-spacing:.12em}
.perk-hero-mini .phm-arrow{color:#7D6738}
.perk-hero-mini:hover{color:#1A1E26}
.perk-hero-mini:hover .phm-tag{background:#C8B88F;color:#fff}
@media (max-width:480px){.perk-hero-mini{font-size:12px;gap:6px}}

.perk-more{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.perk-more summary{cursor:pointer;color:var(--gold-text);font-size:13.5px;font-weight:500;list-style:none}
.perk-more summary::-webkit-details-marker{display:none}
.perk-more summary::after{content:"＋";margin-left:8px;font-size:15px;color:var(--gold-text)}
.perk-more[open] summary::after{content:"－"}
.perk-more-body{margin-top:16px}

/* ダーク背景（.hero）用の色調整 */
.hero .perk-hero-mini{color:var(--navy-text)}
.hero .perk-hero-mini b{color:#fff}
.hero .perk-hero-mini .phm-tag{border-color:var(--gold-soft);color:var(--gold-soft)}
.hero .perk-hero-mini .phm-arrow{color:var(--gold-soft)}
.hero .perk-hero-mini:hover{color:#fff}
.hero .perk-hero-mini:hover .phm-tag{background:var(--gold-soft);color:var(--navy)}