@charset "UTF-8";
/* AGA料金ページ リニューアル(2026-08) ページ固有スタイル
   共通(ヘッダー/フッター/追従CTA)は /operation/aga/common/202607/css/style.css */

:root{
  --pr-gold:#bba171; --pr-gold-dk:#9e8045; --pr-gold-light:#d4b98a;
  --pr-dark:#1a1a1a; --pr-gray:#6b6b6b; --pr-muted:#9a9a9a;
  --pr-line:#e6e1d8; --pr-block:#f5f3ef; --pr-tile:#f5f1ea;
  --pr-band:#b30d23; --pr-red:#b30d23; --pr-tabidle:#ededea;
  --pr-h1:24px; --pr-h2:22px; --pr-h3:18px; --pr-h4:14px; --pr-p:13px;
  --pr-num:"din-2014","DIN 2014","Noto Sans JP",sans-serif;
}
.pr_amt{font-family:var(--pr-num);font-feature-settings:"tnum";}


/* フォント方針: 英数字=din-2014 / 日本語=Noto Sans JP（dinに和文グリフが無いためフォールバックで実現） */
.pr_main{font-family:"din-2014","Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;}

/* ── ヒーロー ── */

/* ── メインビジュアル: 画像はCSS背景1枚(アスペクト連動高さ)・文字は本番(common.css)と同スタイル ── */
.pr_hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:66.67vw;background:linear-gradient(180deg,rgba(20,18,15,.30),rgba(20,18,15,.55)),url(/operation/aga/price/img/pic_visual_sp.webp) center/cover no-repeat,#201c17;text-align:center;padding:40px 20px;}
@media (min-width:768px){.pr_hero{min-height:27.03vw;background:linear-gradient(180deg,rgba(20,18,15,.30),rgba(20,18,15,.55)),url(/operation/aga/price/img/pic_visual.webp) center/cover no-repeat,#201c17;}}
.pr_hero .pg_title{color:#0077e1;}
.pr_hero .pg_title .pg_eng_title{font-size:30px;font-weight:bold;margin:0;}
.pr_hero .pg_title_en{display:block;padding-top:6px;font-size:32px;font-weight:500;line-height:1.65;color:#fff;margin:0;}
.pr_hero .copy{margin:20px 0 0;font-size:12px;color:#fff;}
@media (max-width:767px){
  .pr_hero .pg_title_en{padding-top:0;font-size:23px;}
  .pr_hero .copy{font-size:11px;margin-top:13px;}
}

/* ── レイアウト ── */
.pr_main{background:#fff;color:var(--pr-dark);line-height:1.7;}
.pr_wrap{max-width:480px;margin:0 auto;padding:0 18px;}
.pr_sec{padding:36px 0 8px;}
.pr_copy{text-align:center;font-size:11px;letter-spacing:.16em;color:var(--pr-gold);font-weight:700;margin-bottom:4px;}
/* h2はAGAトップ(common/202607)のheadingと同値: 24px / 700 / line-height 32px */
.pr_main h2{text-align:center;font-size:24px;font-weight:700;line-height:32px;color:#333;letter-spacing:.03em;margin:0 0 12px;}
.pr_lead{font-size:var(--pr-p);color:#444;line-height:1.85;margin:0 0 20px;}
.pr_more{display:flex;justify-content:center;margin-top:14px;}
.pr_note{font-size:11px;color:var(--pr-gray);margin:10px 2px 0;line-height:1.7;text-align:right;}
.pr_tbd{color:var(--pr-red);font-weight:700;font-size:11px;background:#f7e3e2;border-radius:5px;padding:1px 6px;}

/* ── プランタブ ── */
.pr_plantabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;}
.pr_ptab{border:none;font-family:inherit;background:#cfcfcf;color:#7d7d7d;border-radius:7px;padding:14px 4px;font-size:14px;font-weight:800;cursor:pointer;transition:all .15s;}
.pr_ptab.on{background:#000;color:var(--pr-gold);}

/* ── 薬剤トグル ── */
.pr_drugs{display:flex;gap:9px;margin-bottom:14px;}
.pr_drug{border:1px solid var(--pr-gold);font-family:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:9px 22px;cursor:pointer;background:#fff;color:var(--pr-gold-dk);}
.pr_drug.on{background:var(--pr-gold);color:#fff;}

/* ── 期間限定バンド ── */
/* font-weightは700に統一（Noto Sans JPは800未読込のため和文だけ細く見える不均一を回避） */
.pr_band{background:var(--pr-band);color:#fff;text-align:center;font-size:14px;font-weight:700;border-radius:6px;padding:12px;letter-spacing:.06em;margin-bottom:16px;}

/* ── コースブロック ── */
.pr_pane{display:none;} .pr_pane.on{display:block;}
.pr_dset{display:none;} .pr_dset.on{display:grid;gap:16px;}
.pr_cblock{border:none;border-radius:10px;padding:20px 16px;background:var(--pr-block);}
/* h3はAGAトップ .approach-card-title と同値: 18px / 700 / #3e3a39 / line-height 22.1px */
.pr_main h3.pr_ch{text-align:center;font-size:18px;font-weight:700;color:#3e3a39;line-height:22.1px;letter-spacing:.02em;margin:0;}
.pr_dname{text-align:center;font-size:var(--pr-h4);font-weight:700;color:var(--pr-gray);margin:2px 0 12px;}
.pr_tx{background:transparent;padding:0 2px;font-size:12px;color:#444;margin-bottom:12px;line-height:1.7;}
.pr_tx b{display:block;color:var(--pr-gold-dk);font-weight:800;font-size:11px;margin-bottom:2px;}
.pr_prow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-radius:8px;}
.pr_prow + .pr_prow{margin-top:8px;}

.pr_prow .pr_pl{font-size:var(--pr-h4);font-weight:700;line-height:1.4;}
.pr_prow .pr_pr{text-align:right;white-space:nowrap;}
.pr_prow .pr_v{font-family:var(--pr-num);font-feature-settings:"tnum";font-size:20px;font-weight:900;}
.pr_prow .pr_per{font-family:var(--pr-num);font-size:10.5px;color:var(--pr-gray);margin-top:1px;}
.pr_prow.tri .pr_v{color:var(--pr-red);}
.pr_ph{border:1px dashed var(--pr-line);border-radius:10px;padding:30px;text-align:center;color:var(--pr-gray);font-size:13px;}

/* ── 治療別タブ ── */
.pr_cattabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:16px;}
.pr_ctab{border:none;font-family:var(--pr-num);background:#cfcfcf;color:#7d7d7d;border-radius:6px;padding:15px 2px;font-size:14px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:all .15s;}
.pr_ctab.on{background:#000;color:var(--pr-gold);}
.pr_mpane{display:none;} .pr_mpane.on{display:block;}
.pr_mblock{margin-bottom:16px;background:var(--pr-block);border-radius:10px;padding:18px 16px;}
.pr_main h3.pr_mh{font-size:18px;font-weight:700;color:#3e3a39;line-height:22.1px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 8px;}
.pr_mh .pr_msub{font-size:11.5px;font-weight:600;color:var(--pr-gray);}
.pr_new{display:inline-block;font-family:var(--pr-num);font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:#b30d23;border-radius:3px;padding:2px 8px;vertical-align:middle;}
.pr_cpf{font-size:10px;font-weight:800;color:#fff;background:var(--pr-band);border-radius:999px;padding:2px 9px;}
.pr_mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#fff;border-radius:8px;}
.pr_mrow + .pr_mrow{margin-top:8px;}
.pr_mrow .pr_mnm{font-size:var(--pr-h4);font-weight:700;}
.pr_mrow .pr_mnm small{display:block;font-weight:400;color:var(--pr-gray);font-size:11px;margin-top:1px;}
.pr_mrow .pr_mval{text-align:right;white-space:nowrap;}
.pr_mrow .pr_mv{font-family:var(--pr-num);font-feature-settings:"tnum";font-size:18px;font-weight:900;}
.pr_mrow .pr_mper{font-family:var(--pr-num);font-size:10px;color:var(--pr-gray);}
.pr_mrow.tri .pr_mv{color:var(--pr-red);}

/* ── 安心・割引・支払い ── */
.pr_assure{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pr_acard{background:var(--pr-tile);border-radius:9px;padding:15px 13px;}
.pr_acard .pr_at{font-size:var(--pr-h4);font-weight:800;color:var(--pr-gold-dk);margin-bottom:6px;}
.pr_acard p{font-size:11.5px;color:#555;line-height:1.65;margin:0;}
.pr_disc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.pr_dcard{background:linear-gradient(155deg,#20201c,#3a332a);color:#fff;border-radius:9px;padding:15px 14px;}
.pr_dcard .pr_dn{font-size:var(--pr-h4);font-weight:800;}
.pr_dcard .pr_dr{font-size:12px;color:var(--pr-gold-light);font-weight:700;margin:2px 0 7px;}
.pr_dcard p{font-size:11px;color:rgba(255,255,255,.74);line-height:1.6;margin:0;}
.pr_payh{font-size:var(--pr-h3);font-weight:800;margin:26px 0 10px;text-align:center;}
.pr_pay{width:100%;border-collapse:collapse;font-size:12px;border:1px solid var(--pr-line);border-radius:9px;overflow:hidden;}
.pr_pay th,.pr_pay td{padding:11px 12px;border-bottom:1px solid var(--pr-line);text-align:left;vertical-align:top;}
.pr_pay th{background:var(--pr-block);font-weight:800;white-space:nowrap;width:92px;font-size:var(--pr-h4);}
.pr_pay td{color:#444;line-height:1.65;}
.pr_pay tr:last-child th,.pr_pay tr:last-child td{border-bottom:none;}
.pr_pay .pr_s{font-size:10.5px;color:var(--pr-gray);display:block;margin-top:3px;}

/* ── FAQ ── */
.pr_faq details{border:1px solid var(--pr-line);border-radius:8px;margin:9px 0;overflow:hidden;background:#fff;}
.pr_faq summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:var(--pr-h4);font-weight:700;display:flex;gap:10px;align-items:flex-start;}
.pr_faq summary::-webkit-details-marker{display:none;}
.pr_faq summary::before{content:"Q";color:var(--pr-gold);font-weight:900;}
.pr_faq summary::after{content:"＋";margin-left:auto;color:var(--pr-gold);font-weight:400;}
.pr_faq details[open] summary::after{content:"−";}
.pr_faq .pr_a{padding:0 16px 15px 38px;font-size:12px;color:#555;line-height:1.75;}

.pr_foot-note{padding:26px 0 40px;font-size:11px;color:var(--pr-gray);line-height:1.8;}
.pr_foot-note li{margin:4px 0 4px 1.2em;}

/* SPで追従CTA分の余白 */
@media (max-width:767px){ .pr_foot-note{padding-bottom:80px;} }

/* ═══ PCレイアウト（768px〜） ═══ */
@media (min-width:768px){
  .pr_hero{padding:80px 20px 70px;}
      .pr_wrap{max-width:1280px;padding:0 24px;}
  .pr_sec{padding:56px 0 12px;}
  /* PCでは1行に収める（長文は自然に折り返す） */
  .pr_lead{text-align:center;max-width:none;margin:0 auto 26px;}
  .pr_plantabs{max-width:640px;margin:0 auto 18px;}
  .pr_ptab{padding:15px 4px;font-size:15px;}
  .pr_drugs{justify-content:center;}
  .pr_band{max-width:640px;margin:0 auto 20px;}
  /* コースブロックを横並び（2枚なら2列、1枚なら中央1列） */
  /* カード高さを行内で揃え、価格行を均等配分して底面も揃える */
  .pr_dset.on{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;}
  .pr_dset.on > .pr_cblock{display:flex;flex-direction:column;}
  .pr_dset.on > .pr_cblock > .pr_prow{flex:1;}
  .pr_dset.on > .pr_cblock:only-child{max-width:520px;margin:0 auto;width:100%;}
  /* コースブロックが1枚のとき、直後の注釈もそのブロック幅に合わせて右寄せ */
  .pr_pane:has(.pr_dset.on > .pr_cblock:only-child) > .pr_note{max-width:520px;margin-left:auto;margin-right:auto;}
  .pr_cblock{padding:20px 20px 8px;}
  .pr_pane > .pr_note{text-align:right;}
  /* 治療別 */
  .pr_cattabs{max-width:640px;margin:0 auto 20px;}
  .pr_ctab{padding:13px 2px;font-size:14px;}
  .pr_mpane{max-width:680px;margin:0 auto;}
  /* 安心・割引 */
  .pr_assure{grid-template-columns:repeat(4,1fr);}
  .pr_acard{padding:18px 16px;}
  .pr_disc{gap:14px;}
  .pr_pay{max-width:680px;margin:0 auto;display:table;}
  .pr_payh{margin-top:32px;}
  .pr_faq{max-width:680px;margin:0 auto;}
  .pr_foot-note{max-width:680px;margin:0 auto;}
}