/* 玄関ドア見積ページ（2026-10 作り直し・C案「明るいモダン」）。door/view-estimate.php からだけ読み込む。
   年齢層が高い方にも読みやすく：本文はスマホ17px・PC18px、濃紺の文字、押せる範囲を大きく、選んだものははっきり色を変える。
   既存の計算JSが使うクラス名（.ColorSec_SelectImg など）は変えず、見た目だけ上書きする。 */
:root {
  --d26-ink: #1b2436;      /* 本文 */
  --d26-navy: #1d2f57;     /* 見出し・枠 */
  --d26-sub: #4b5568;      /* 補足（白地で 7:1 以上） */
  --d26-line: #d5dbe5;
  --d26-bg: #f2f5f9;       /* 薄い灰青の面 */
  --d26-card: #ffffff;
  --d26-accent: #0b7a64;   /* 主ボタン（白文字で 5:1 以上） */
  --d26-accent-dk: #086652;
  --d26-pick: #e7f4f0;     /* 選んだ項目の面 */
  --d26-warn: #b42318;
  --d26-radius: 14px;
  --sitenav: 0px;
}

/* ---- 全体 ---- */
body { color: var(--d26-ink); font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; font-size: 17px; line-height: 1.8; background: #fff; }
@media (min-width: 992px) { body { font-size: 18px; } }
.small, small { font-size: .9em; }
a { color: var(--d26-navy); }

/* ヘッダー：緑の帯をやめ、白地に濃紺の文字 */
header .GlobalNav { background: #fff !important; border-top: 1px solid var(--d26-line); border-bottom: 1px solid var(--d26-line); margin-bottom: 0 !important; }
header .GlobalNav li { border-left: 0 !important; border-right: 1px solid var(--d26-line) !important; }
header .GlobalNav li:first-child { border-left: 1px solid var(--d26-line) !important; }
header .GlobalNav li > a { color: var(--d26-navy) !important; font-weight: 700; padding: 14px 8px; background: transparent !important; }
header .GlobalNav li > a:hover { background: var(--d26-bg) !important; }
header .text-danger { color: var(--d26-navy) !important; }
/* ロゴ（280×46）の場所を読み込み前から確保する（読み込み後に下が押し下げられる表示のずれを防ぐ） */
header .row > p img[src$="header_logo.gif"] { width: 280px; max-width: 100%; height: auto; aspect-ratio: 280 / 46; }
/* スマホ：最初の画面で金額まで見えるように、ヘッダーのあいさつ文と検索欄を出さない（検索は下部ナビ・PCで使える） */
@media (max-width: 767.98px) {
  header.mt-3 { margin-top: 6px !important; }
  header > .container > p.small { display: none !important; }
  header .row > div:has(> form[action*="google"]) { display: none !important; }   /* :has() 非対応のブラウザでは検索欄が残るだけ（上の行は効く） */
  header .row > p { margin-bottom: 6px; }
  header .row > p img { max-height: 44px; width: auto; }
  header .row > p img[src$="header_logo.gif"] { height: 44px; width: auto; }
  header .GlobalNav li > a { padding: 10px 6px; font-size: 16px; }
}

main.container { max-width: 1240px; }
.Content { margin-left: 0 !important; margin-right: 0 !important; }
.breadcrumb { font-size: 14px; margin: 14px 0 6px; }
.breadcrumb a { color: var(--d26-sub); }
h1.Title { margin: 4px 0 18px; padding: 0; border: 0; background: none; }
h1.Title, h1.Title span { color: var(--d26-navy); font-size: 24px; line-height: 1.45; font-weight: 800; letter-spacing: .01em; background: none !important; border: 0 !important; padding: 0 !important; }
h1.Title::before, h1.Title::after, h1.Title span::before, h1.Title span::after { display: none !important; }
@media (min-width: 992px) { h1.Title, h1.Title span { font-size: 32px; } }

/* ---- 最初の画面 ---- */
.D26Top { margin: 0 0 40px; }
.D26Top-grid { display: grid; gap: 18px; }
@media (min-width: 992px) { .D26Top-grid { grid-template-columns: 0.95fr 1.05fr; gap: 36px; align-items: start; } }
.D26Top-photo { margin: 0; }
.D26Top-photoBox { background: var(--d26-bg); border-radius: var(--d26-radius); padding: 10px; display: flex; align-items: center; justify-content: center; height: 200px; }
.D26Top-photoBox img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; }
@media (min-width: 992px) { .D26Top-photoBox { height: 560px; padding: 32px; } }
.D26Top-photo figcaption { font-size: 14px; color: var(--d26-sub); margin-top: 6px; line-height: 1.6; }
.D26Top-photo figcaption .D26-pc { display: none; }
@media (min-width: 992px) { .D26Top-photo figcaption .D26-pc { display: inline; } }
@media (max-width: 991.98px) { .D26Top-eyebrow { display: none !important; } .breadcrumb-item.active { display: none; } h1.Title { margin-bottom: 12px; } }
.D26Top-eyebrow { display: inline-block; margin: 0 0 10px; padding: 4px 14px; border-radius: 999px; background: var(--d26-navy); color: #fff; font-size: 15px; font-weight: 700; }
.D26Top-eyebrow span { margin: 0 .3em; opacity: .7; }
.D26Top-price { background: var(--d26-card); border: 2px solid var(--d26-line); border-radius: var(--d26-radius); padding: 18px 18px 14px; min-height: 300px; }
@media (min-width: 992px) { .D26Top-price { padding: 24px 26px 18px; min-height: 270px; } }
.D26Top-label { margin: 0; font-weight: 700; color: var(--d26-navy); }
.D26Top-label span { font-weight: 400; color: var(--d26-sub); font-size: .9em; }
.D26Top-total { margin: 0; color: var(--d26-navy); font-weight: 800; line-height: 1.15; min-height: 53px; display: flex; align-items: baseline; }   /* 「計算中」→金額で高さが変わらないように（46px×1.15） */
.D26Top-total #DT_Total { font-size: 46px; letter-spacing: .01em; font-variant-numeric: tabular-nums; }
.D26Top-total small { font-size: 24px; margin-left: 2px; }
@media (min-width: 992px) { .D26Top-total { min-height: 67px; } .D26Top-total #DT_Total { font-size: 58px; } }
.D26Top-price.is-loading #DT_Total, .D26Top-price.is-error #DT_Total { font-size: 26px; color: var(--d26-sub); }
.D26Top-price.is-error #DT_Total { color: var(--d26-warn); }
.D26Top-break { margin: 6px 0 12px; font-size: 15px; color: var(--d26-sub); line-height: 1.6; min-height: 4.8em; }   /* 内訳が出たときに下が押し下げられないように（スマホ3行・PC2行） */
@media (min-width: 768px) { .D26Top-break { min-height: 3.2em; } }
.D26Top-chipsLabel { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--d26-navy); border-top: 1px solid var(--d26-line); padding-top: 10px; }
.D26-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 8px; min-height: 174px; }   /* チップが入ったときに下が押し下げられないように（スマホ5段・PC3段の高さ） */
@media (min-width: 768px) { .D26-chips { min-height: 102px; } }
.D26-chips li { background: var(--d26-bg); color: var(--d26-ink); border-radius: 8px; padding: 3px 10px; font-size: 15px; line-height: 1.6; }
.D26-chips li b { font-weight: 700; color: var(--d26-navy); margin-right: .35em; }
.D26Top-change { display: inline-block; margin-top: 10px; font-weight: 700; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }

.D26Top-btns { display: grid; gap: 10px; margin: 16px 0 8px; }
@media (min-width: 992px) { .D26Top-btns { grid-template-columns: 1fr 1fr; } }
.D26-btn { display: flex; align-items: center; justify-content: center; gap: .4em; min-height: 60px; padding: 12px 16px; border-radius: 12px; font-size: 18px; font-weight: 800; line-height: 1.35; text-align: center; text-decoration: none !important; cursor: pointer; transition: background .15s, transform .05s; }
.D26-btn:active { transform: translateY(1px); }
.D26-btn--main { background: var(--d26-accent); color: #fff !important; border: 2px solid var(--d26-accent); }
.D26-btn--main:hover { background: var(--d26-accent-dk); }
.D26-btn--sub { background: #fff; color: var(--d26-navy) !important; border: 2px solid var(--d26-navy); }
.D26-btn--sub:hover { background: var(--d26-bg); }
.D26-btn[disabled] { opacity: .45; cursor: not-allowed; }
.D26-btn--block { width: 100%; }
.D26Top-note { font-size: 14px; color: var(--d26-sub); margin: 4px 0 0; line-height: 1.6; }

/* 安心の要点 */
.D26Points { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (min-width: 992px) { .D26Points { grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 28px; } }
.D26Points li { background: var(--d26-bg); border-radius: 12px; padding: 14px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.D26Points svg { width: 38px; height: 38px; fill: none; stroke: var(--d26-navy); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.D26Points b { color: var(--d26-navy); font-size: 16px; line-height: 1.45; }
.D26Points small { font-weight: 400; font-size: .85em; }

/* 当社の施工例 */
.D26Cases { margin-top: 36px; }
.D26Cases h2 { font-size: 22px; font-weight: 800; color: var(--d26-navy); margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--d26-navy); }
.D26Cases h2 small { display: block; font-size: 15px; font-weight: 400; color: var(--d26-sub); margin-top: 2px; }
.D26Cases-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
@media (min-width: 992px) { .D26Cases-list { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
.D26Cases-list > li { background: var(--d26-card); border: 1px solid var(--d26-line); border-radius: var(--d26-radius); padding: 12px; }
.D26Cases-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px; }
.D26Cases-pair figure { margin: 0; position: relative; }
.D26Cases-pair img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; display: block; background: var(--d26-bg); }
.D26Cases-pair figcaption { position: absolute; left: 6px; bottom: 6px; background: rgba(29, 47, 87, .9); color: #fff; font-size: 13px; font-weight: 700; padding: 1px 8px; border-radius: 6px; }
.D26Cases-arrow { color: var(--d26-navy); font-weight: 800; font-size: 20px; }
.D26Cases-list p { margin: 8px 2px 0; font-size: 16px; }
.D26Cases-list blockquote { margin: 6px 2px 0; font-size: 15px; color: var(--d26-sub); line-height: 1.6; }
.D26Cases-list cite { display: block; font-style: normal; font-size: 13px; margin-top: 2px; }
.D26Cases-more { margin: 14px 0 0; text-align: right; font-weight: 700; }

/* ---- 本体（PCは右に合計の欄） ---- */
.D26-body { display: block; }
@media (min-width: 992px) {
  .D26-body { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; align-items: start; }
  .D26-side { position: sticky; top: 84px; }
}
.D26-side { display: none; }
@media (min-width: 992px) { .D26-side { display: block; } }
.D26-sideCard { background: var(--d26-card); border: 2px solid var(--d26-navy); border-radius: var(--d26-radius); padding: 18px; }
.D26-sideLabel { margin: 0; font-weight: 700; color: var(--d26-navy); font-size: 16px; }
.D26-sideLabel span { font-weight: 400; color: var(--d26-sub); font-size: 14px; }
.D26-sideTotal { margin: 0 0 10px; font-size: 36px; font-weight: 800; color: var(--d26-navy); line-height: 1.2; font-variant-numeric: tabular-nums; }
.D26-sideTotal small { font-size: 18px; }
.D26-chips--side { min-height: 0; margin-bottom: 14px; }
.D26-chips--side li { font-size: 14px; }
.D26-sideNote { font-size: 13px; color: var(--d26-sub); margin: 10px 0 0; line-height: 1.6; }

/* 説明文 */
.D26-main > p.mb-5 { font-size: 16px; color: var(--d26-sub); }

/* 見出し（緑の帯・灰色の帯をやめる） */
.D26-main h2.Heading { background: none !important; border: 0 !important; padding: 0 0 10px !important; margin: 0 0 22px !important; color: var(--d26-navy) !important; font-size: 24px; font-weight: 800; border-bottom: 3px solid var(--d26-navy) !important; }
.D26-main h2.Heading::before, .D26-main h2.Heading::after, .D26-main h3.SubHeading::before, .D26-main h3.SubHeading::after { display: none !important; }
.D26-main h3.SubHeading { background: none !important; border: 0 !important; border-left: 6px solid var(--d26-accent) !important; padding: 2px 0 2px 12px !important; margin: 0 0 16px !important; color: var(--d26-navy) !important; font-size: 21px; font-weight: 800; }
.D26-main h4 { font-size: 18px; font-weight: 700; color: var(--d26-navy); }
.D26-main section.SelectSec { background: var(--d26-card); border: 1px solid var(--d26-line); border-radius: var(--d26-radius); padding: 22px 16px; }
@media (min-width: 992px) { .D26-main section.SelectSec { padding: 30px 30px; } }

/* 商品仕様・オプション：項目（サイズ・カラー…）ごとに独立したカードにして、見出しに番号を付ける。
   PCで項目の区切りが分かりにくいという本人指摘（10/28）への対応 */
.D26-main { counter-reset: d26step; }
.D26-main section.ProductSec, .D26-main section.OptionSec { background: var(--d26-bg); border: 0; border-radius: var(--d26-radius); padding: 22px 12px 4px; --d26-cardpad: 14px; }
@media (min-width: 992px) { .D26-main section.ProductSec, .D26-main section.OptionSec { padding: 30px 28px 10px; --d26-cardpad: 28px; } }
.D26-main .ProductSec > div[class*="Sec"], .D26-main .OptionSec > div[class*="Sec"] { background: #fff; border: 2px solid var(--d26-line); border-radius: var(--d26-radius); padding: 0 var(--d26-cardpad) 22px; margin: 0 0 22px !important; overflow: hidden; }
.D26-main .ProductSec > div[class*="Sec"] > h3.SubHeading, .D26-main .OptionSec > div[class*="Sec"] > h3.SubHeading { display: flex; align-items: center; gap: 12px; margin: 0 calc(-1 * var(--d26-cardpad)) 20px !important; padding: 14px var(--d26-cardpad) !important; background: #e8edf6 !important; border: 0 !important; border-bottom: 2px solid var(--d26-line) !important; font-size: 22px; }
.D26-main .ProductSec > div[class*="Sec"] > h3.SubHeading::before, .D26-main .OptionSec > div[class*="Sec"] > h3.SubHeading::before { counter-increment: d26step; content: counter(d26step) !important; display: inline-flex !important; position: static !important; flex: 0 0 auto; width: 34px !important; height: 34px !important; border-radius: 50%; background: var(--d26-navy) !important; color: #fff; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; border: 0 !important; margin: 0 !important; }

/* 商品タイプ欄：商品の写真（決まった色）。説明文の上に、大きすぎない大きさで */
.D26-main .SelectSec > p:has(> img) { padding: 0 !important; margin-bottom: 18px !important; }
.D26-main .SelectSec > p:has(> img) img { max-height: 320px; width: auto; max-width: 100%; }
.D26-main .SelectSec > p:has(> img)::after { content: "写真はイメージです。色は、下の「カラー」で選べます。"; display: block; margin-top: 6px; font-size: 14px; color: var(--d26-sub); }
.D26-main .SelectSec .Estimate_Name { font-size: 20px; color: var(--d26-navy); background: none !important; border-left: 6px solid var(--d26-accent); padding: 2px 0 2px 12px !important; }
.D26-main .SelectSec .BreakSec { background: var(--d26-bg) !important; border: 0 !important; border-radius: 10px; }
.D26-main .SelectSec .btn-danger { background: #fff !important; border: 2px solid var(--d26-navy) !important; color: var(--d26-navy) !important; font-weight: 700; border-radius: 10px; padding: 10px 18px; }

/* 選び方のヒント（door26.js が差し込む） */
.D26-hint { background: #fff8e6; border-left: 5px solid #d99a0b; border-radius: 8px; padding: 10px 14px; margin: 0 0 14px; font-size: 16px; line-height: 1.7; }
.D26-hint b { display: block; color: #7a4f00; font-size: 14px; letter-spacing: .05em; }

/* 選択肢：大きなカード。選んだものは色と太字ではっきり */
.D26-main .Estimate_Select .list-group { gap: 8px; border-radius: 0; }
.D26-main .Estimate_Select .list-group-item { border: 2px solid var(--d26-line) !important; border-radius: 12px !important; padding: 14px 14px 14px 16px; font-size: 17px; background: #fff; display: flex; align-items: center; gap: 10px; min-height: 56px; }
.D26-main .Estimate_Select .list-group-item + .list-group-item { border-top-width: 2px !important; }
.D26-main .Estimate_Select .list-group-item:has(input:checked) { border-color: var(--d26-accent) !important; background: var(--d26-pick); font-weight: 700; }
.D26-main .Estimate_Select .list-group-item .form-check-input { width: 22px; height: 22px; margin: 0 !important; flex: 0 0 auto; border: 2px solid var(--d26-sub); }
.D26-main .Estimate_Select .list-group-item .form-check-input:checked { background-color: var(--d26-accent); border-color: var(--d26-accent); }
.D26-main .Estimate_Select .list-group-item label { color: var(--d26-ink); }
.D26-main .Estimate_Select .list-group-item label a { font-weight: 700; }
.D26-main .Estimate_Select .list-group-item span.disabled, .D26-main .Estimate_Select .list-group-item .text-danger { color: var(--d26-warn) !important; font-weight: 700; }
.D26-main .Estimate_Select h4 { margin-top: 6px; }
.D26-main .ColorSec_SelectImg img, .D26-main .HandleSec_SelectImg img, .D26-main .EKeySec_SelectImg img { max-height: 360px; width: auto; max-width: 100%; }
.D26-main .ColorSec_SelectName, .D26-main .HandleSec_SelectName, .D26-main .EKeySec_SelectName { font-weight: 700; color: var(--d26-navy); }
.D26-main table.table { font-size: 15px; }

/* ---- 計算結果 ---- */
.D26-main .Estimate_Result { background: var(--d26-bg) !important; border: 2px solid var(--d26-navy) !important; border-radius: var(--d26-radius); padding: 22px 16px !important; color: var(--d26-ink); }
@media (min-width: 992px) { .D26-main .Estimate_Result { padding: 30px !important; } }
.D26-main .Estimate_Result > h3 { background: var(--d26-navy) !important; color: #fff !important; border-radius: 10px; font-size: 22px; font-weight: 800; text-align: center; padding: 10px; margin: 0 0 18px; }
.D26-main .Estimate_Result h4 { background: none !important; color: var(--d26-navy) !important; border-bottom: 2px solid var(--d26-navy); padding: 0 0 6px !important; border-radius: 0; }
.D26-main .Estimate_Result .border-secondary { background: #fff; border-radius: 10px; border-color: var(--d26-line) !important; }
.D26-main .Estimate_Result .fs-5.text-danger { color: var(--d26-navy) !important; font-size: 18px !important; }
.D26-main .Estimate_Result ul.small { font-size: 15px; }
.D26-main #ResultFixTotal { font-size: 34px !important; color: var(--d26-navy); }
.D26-main .Estimate_ResultSubmit { text-align: center; margin-top: 18px; }
.D26-main .Estimate_ResultSubmit > p { font-weight: 700; color: var(--d26-navy); }
.D26-main .EstimateForm_Submit button, .D26-main .ProposalSec button[type=submit] { background: var(--d26-accent) !important; border: 2px solid var(--d26-accent) !important; color: #fff !important; font-weight: 800; font-size: 19px !important; border-radius: 12px; padding: 16px 26px !important; min-height: 64px; width: 100%; max-width: 520px; }
.D26-main .EstimateForm_Submit button:hover, .D26-main .ProposalSec button[type=submit]:hover { background: var(--d26-accent-dk) !important; }

/* ---- 当社の価値基準 ---- */
.D26-main .ProposalSec { background: var(--d26-card); border-radius: var(--d26-radius); padding: 22px 12px; }
.D26-main .ProposalSec .Highlighter-S { background: none !important; color: var(--d26-navy); }
.D26-main .ProposalSec .fs-2 { font-size: 24px !important; color: var(--d26-navy); }
.D26-main .ProposalSec a.btn-secondary { display: none !important; }   /* 「いいえ（前のページへ戻る）」は出さない */

/* 古い浮かぶ「現在の合計」は、新しい固定バー・右の欄と重なるので出さない */
.Estimate_SimpleBreakdown { display: none !important; }

/* ---- スマホの下部固定バー ---- */
.DoorBar { position: fixed; left: 0; right: 0; bottom: var(--sitenav); z-index: 1030; display: flex; align-items: center; gap: 10px; background: #fff; border-top: 2px solid var(--d26-navy); padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); box-shadow: 0 -4px 16px rgba(0, 0, 0, .12); }
.DoorBar[hidden] { display: none; }
.DoorBar-total { flex: 1 1 auto; text-decoration: none !important; color: var(--d26-navy) !important; line-height: 1.2; }
.DoorBar-total > span { display: block; font-size: 13px; font-weight: 700; }
.DoorBar-total > span small { font-weight: 400; }
.DoorBar-total b { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.DoorBar-total b small { font-size: 14px; }
.DoorBar-cta { flex: 0 0 auto; background: var(--d26-accent); color: #fff; border: 0; border-radius: 10px; font-weight: 800; font-size: 16px; padding: 12px 14px; min-height: 52px; }
.DoorBar-cta[disabled] { opacity: .45; }
@media (min-width: 992px) { .DoorBar { display: none !important; } }

/* 小さな通知 */
#DoorToast { position: fixed; left: 50%; bottom: calc(var(--sitenav) + 90px); transform: translateX(-50%); z-index: 2000; background: var(--d26-navy); color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 16px; max-width: 92vw; }
#DoorDebugLog { position: fixed; top: 0; right: 0; z-index: 3000; width: 360px; max-height: 40vh; overflow: auto; white-space: pre; background: rgba(0, 0, 0, .85); color: #9f9; font: 11px/1.4 monospace; padding: 6px; }

/* サイト共通の「ページの先頭へ」を濃紺に */
#page-top { background: var(--d26-navy) !important; }
#page-top a { color: #fff !important; }

/* ---- スクロール後に上に出る細いバー（ロゴと電話）。サイト共通のヘッダーが画面から消えたら出す（SCの上部ヘッダーと同じ役割） ---- */
.D26Head { position: fixed; top: 0; left: 0; right: 0; z-index: 1040; background: rgba(255, 255, 255, .97); border-bottom: 2px solid var(--d26-navy); box-shadow: 0 2px 12px rgba(0, 0, 0, .1); transform: translateY(0); transition: transform .2s ease; }
.D26Head[hidden] { display: block; transform: translateY(-110%); visibility: hidden; }
.D26Head-in { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 58px; max-width: 1240px; margin: 0 auto; padding: 0 12px; }
.D26Head-logo { color: var(--d26-navy) !important; text-decoration: none !important; font-weight: 800; font-size: 20px; letter-spacing: .02em; line-height: 1.1; }
.D26Head-logo img { height: 32px; width: auto; display: block; }
/* 項目へ移動したとき、見出しが上のバーに隠れないように */
html { scroll-padding-top: 76px; }
.D26Head-tel { display: inline-flex; align-items: center; gap: 6px; text-decoration: none !important; color: #fff !important; background: var(--d26-navy); border-radius: 10px; padding: 9px 16px; font-weight: 800; font-size: 17px; white-space: nowrap; }
.D26Head-tel svg { width: 18px; height: 18px; fill: currentColor; flex: 0 0 auto; }
.D26Head-pc { display: none; }
@media (min-width: 992px) {
  .D26Head-in { height: 64px; padding: 0 24px; }
  .D26Head-sp { display: none; }
  .D26Head-pc { display: inline; line-height: 1.15; text-align: left; }
  .D26Head-pc b { font-size: 21px; display: block; }
  .D26Head-pc small { font-size: 12px; font-weight: 400; }
}