.price-hero{padding:65px 0;background:linear-gradient(120deg,#252e54,#172c43);color:#fff}.price-hero h1{font-size:clamp(26px,4vw,52px)}.price-hero .eyebrow{color:#cfb67e}.price-hero .label{color:#a5d6d1}.price-hero .lead{color:#d9e2ef;font-size:15px}.hero-link{color:white;font-size:13px;font-weight:700}.hero-note{font-size:12px;margin:22px 0;color:#cfdae7}.hero-assurance{display:flex;gap:30px;margin-top:35px}.hero-assurance span{border-left:2px solid #b9944b;padding-left:15px;font-size:12px}.why-grid,.cost-grid,.operations,.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.why-grid article{padding:25px 0;border-top:1px solid #dce4e9}.why-grid span{font-size:10px;color:#aa8540;letter-spacing:.12em}.why-grid h3{font-size:21px;margin-top:20px}.why-grid p,.cost-grid li,.operations p,.situations p{font-size:14px}.cost-grid article{background:white;padding:28px;border-top:3px solid #07878b}.cost-grid article:nth-child(2){border-top-color:#b18b43}.cost-grid article:nth-child(3){border-top-color:#7e8aa9}.cost-grid .label{font-size:12px}.cost-grid h3{font-size:26px}.cost-grid ul{padding-left:18px;color:#637087}.cost-grid li{padding:7px 0}.cost-check{font-size:11px;color:#718096;border-top:1px solid #e1e8ed;padding-top:17px;margin-top:23px}.scope{padding:24px 28px;border-left:3px solid #b18b43;background:#eaf0f2;margin-top:30px}.scope b{font-size:14px}.scope p{margin:12px 0 0;font-size:13px}.driver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.driver-grid article{padding:24px;background:#f5f7f9}.driver-grid h3{font-size:18px}.driver-grid p{font-size:13px;margin:0}.comparison-band{background:#252e54;color:white}.comparison-band .eyebrow{color:#ccb17a}.comparison-band p{color:#cbd7e7}.operations article{padding-top:25px;border-top:1px solid #5d6987}.operations h3{font-size:20px}.operations a{color:#b8e2dc}.situations article{padding:28px;border:1px solid #dce4e9}.situations .label{font-size:11px}.situations h3{font-size:20px}.quote-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0;margin:35px 0;list-style:none}.quote-flow li{border-top:2px solid #07878b;padding-top:17px}.quote-flow span{font:27px Georgia,serif;color:#b08a40}.quote-flow h3{font-size:18px;margin-top:15px}.quote-flow p{font-size:13px}.flow-note{padding:20px 25px;background:white;font-size:13px;border-left:3px solid #b18b43}.consult-area{background:#edf5f4}.quote-brief{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin-top:35px}.quote-brief h3{font-size:21px}.quote-brief ul{padding-left:20px;color:#637087;font-size:14px;margin:25px 0}.quote-brief li{padding:8px 0}.quote-brief>div>p{font-size:14px}.quote-brief .fine{font-size:11px}.memo-box{background:white;padding:30px;border-top:3px solid #07878b}input{font:inherit;width:100%;border:1px solid #c9d4dc;padding:12px;color:#252e54;border-radius:0;font-size:13px}select,textarea{font-size:13px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.memo-copy{margin-top:20px;padding:13px 19px;font:inherit;font-size:13px;font-weight:700;border:1px solid #07878b;background:white;color:#07878b;cursor:pointer}.memo-copy:hover{background:#edf5f4}.price-hero .button{background:#fff;color:#252e54}@media(max-width:900px){.why-grid,.cost-grid,.operations,.situations{gap:17px}.driver-grid{grid-template-columns:1fr 1fr}.quote-flow{grid-template-columns:1fr 1fr}.quote-brief{gap:25px}.memo-box{padding:23px}}@media(max-width:640px){.price-hero{padding:40px 0}.price-hero .lead{font-size:14px}.price-hero .actions{flex-direction:column;align-items:flex-start}.hero-assurance{flex-wrap:wrap;gap:15px}.why-grid,.cost-grid,.operations,.situations,.driver-grid,.quote-brief{grid-template-columns:1fr}.why-grid{gap:10px}.cost-grid article,.situations article{padding:25px}.quote-flow{grid-template-columns:1fr}.quote-brief{gap:30px}.field-pair{grid-template-columns:1fr;gap:0}.intro{font-size:14px}.quote-brief .button{width:100%}}.pricing-examples-entry{background:#f3f7f7}.model-caution{font-size:12px;color:#8c692b;border-left:3px solid #b18b43;padding-left:15px}.entry-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:30px}.entry-cards>a{background:white;border:1px solid #dce4e9;border-top:3px solid #07878b;padding:25px}.entry-cards small{font-size:10px;color:#8c692b}.entry-cards h3{font-size:20px;margin-top:14px}.entry-cards p{font-size:11px}.entry-cards strong{display:block;font:37px Georgia,serif;color:#252e54;margin-top:5px}.entry-cards strong span{font:12px sans-serif;margin-left:7px}.entry-cards>a>span{font-size:11px;color:#07878b;font-weight:700}@media(max-width:640px){.entry-cards{grid-template-columns:1fr}.pricing-examples-entry>div>p{font-size:14px}.pricing-examples-entry>div>.model-caution{font-size:11px}}.tco-lead{max-width:950px;font-size:16px}.tco-definition{background:#ffffff0c;border-left:3px solid #c1a263;padding:23px 28px;margin:30px 0}.tco-definition b{font-size:18px}.tco-definition p{font-size:14px;margin:12px 0 0}.tco-equation{display:flex;gap:15px;align-items:center;margin:30px 0 45px}.tco-equation span{background:#fff;color:#252e54;padding:20px 13px;text-align:center;flex:1;font-size:13px;font-weight:700}.tco-equation b{color:#c9b17b}.tco-subhead{font-size:24px;line-height:1.7}.tco-table{overflow:auto;margin-top:40px}.tco-table table{width:100%;border-collapse:collapse;min-width:630px;font-size:13px;text-align:left}.tco-table caption{text-align:left;font-weight:700;font-size:18px;margin-bottom:20px}.tco-table th,.tco-table td{border:1px solid #65718e;padding:18px 22px}.tco-table thead{background:#ffffff13}.tco-table tbody th{width:230px;color:#fff}.tco-table td{color:#d1dceb}.tco-tip{margin:30px 0 20px;background:#ffffff0c;padding:25px 28px;border-left:3px solid #9bc9c3}.tco-tip b{font-size:15px}.tco-tip p{font-size:13px;margin:12px 0 0}.tco-cta{background:white;color:#252e54;margin-top:15px}@media(max-width:640px){.tco-lead{font-size:14px}.tco-definition,.tco-tip{padding:22px}.tco-equation{display:grid;grid-template-columns:1fr;gap:8px}.tco-equation span{padding:15px}.tco-equation b{text-align:center}.tco-subhead{font-size:22px}.tco-table caption{font-size:16px}.tco-cta{width:100%;font-size:12px}}
/* 2026-10-23　料金の数字（案B・阪本さんご選択）。
   元は Georgia（欧文の明朝）で、和文と並ぶと形が合わず浮いていた。
   **サイトの見出しと同じ和文の明朝**にそろえ、桁の幅も tabular-nums で
   そろえている。単位の「円」だけはゴシックのまま小さく添える。 */
.entry-cards strong{
  display:block; margin-top:5px; color:#252e54;
  font:600 38px/1.15 "Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  font-feature-settings:"tnum" 1; font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.entry-cards strong span{
  font:500 12px/1 "Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
  margin-left:7px;
}
.quote-flow span{
  font:600 27px/1.15 "Noto Serif JP","Yu Mincho",serif;
  font-variant-numeric:tabular-nums; color:#b08a40;
}

/* ── FVに画像を敷く（2026-10-24） ── */
.price-hero{position:relative;isolation:isolate;overflow:hidden}
.price-hero .wrap{position:relative;z-index:1}
.price-hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:none;object-fit:cover;object-position:center center;z-index:-2}
/* 暗くする処理は画像側に焼き込み済み。ここは文字を読みやすくする分だけ */
.price-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(0deg,rgba(18,26,48,.78) 0%,rgba(18,26,48,.44) 13%,rgba(18,26,48,.1) 26%,rgba(18,26,48,0) 40%),
  linear-gradient(90deg,rgba(18,26,48,.72) 0%,rgba(18,26,48,.64) 28%,rgba(18,26,48,.38) 46%,
  rgba(18,26,48,.12) 60%,rgba(18,26,48,0) 74%)}
@media(max-width:860px){
  .price-hero-photo{object-position:66% center}
  .price-hero::after{background:
    linear-gradient(180deg,rgba(18,26,48,.8) 0%,rgba(18,26,48,.72) 45%,rgba(18,26,48,.66) 100%)}
}

/* 見出しが端末幅であふれて「で。」が落ちるのを防ぐ */
@media(max-width:780px){ .price-hero h1{font-size:clamp(26px,6.6vw,42px)} }

/* 「す。」だけが次の行に落ちるのを防ぐ */
.price-hero .lead,.price-hero .hero-note{text-wrap:pretty}

/* 2026-11-02　「条件を整理し、内訳をご案内。」の4つの手順を、トップの「導入までの流れ」と
   同じ「横に並べ、上の線に丸＋Step」の見た目にした（阪本さん。いったん個別通信設計と同じ縦にしたが、左に寄って見えるため）。
   下はトップ（testsite/styles.css の .flow と fv-e.css の t7・t8）の指定を写したもの。色もトップと同じ */
.step-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:60px 0 0;
           list-style:none;border-top:2px solid #dce0e9}
.step-flow li{position:relative;padding:30px 10px;text-align:center}
.step-flow li:before{content:"";position:absolute;width:12px;height:12px;top:-8px;left:50%;
                     transform:translateX(-50%);border:3px solid #fff;border-radius:50%;
                     background:#00a6a6;box-shadow:0 0 0 1px #00a6a6}
.step-flow li:nth-child(2n):before{background:#c9a55c;box-shadow:0 0 0 1px #c9a55c}
.step-flow li span{display:block;font-size:12px;font-weight:700;line-height:1.6;
                   letter-spacing:.04em;color:#147f82;margin-bottom:20px}
.step-flow li b{display:block;font-size:18px;color:#252e54}
.step-flow li p{margin:8px 0 0;font-size:13px;color:#657087;text-wrap:pretty}
/* スマホ・タブレット（900px以下）はトップと同じく縦に並べ、左に線 */
@media(max-width:900px){
  .step-flow{grid-template-columns:1fr;border-top:0;border-left:2px solid #dce0e9;margin:35px 0 0 8px}
  .step-flow li{padding:12px 15px 25px 28px;text-align:left}
  .step-flow li:before{top:18px;left:-8px;transform:none}
  .step-flow li span{margin-bottom:2px}
}
/* 手順のすぐ下の注記は、前の横並び（.quote-flow の下の余白 35px）と同じだけ離す */
.step-flow + .flow-note{margin-top:35px}