@charset "utf-8";
/* =========================================================
   spacecreat-v5 共通パーツ（2026-08-07 打合せの指摘対応）
   1) 全ページ上部への「戻る」ボタン
   2) スマートフォンのハンバーガーメニュー
   3) ヘッダーの追従（sticky）
   ========================================================= */

/* --- 3) ヘッダー追従 --- */
header{position:-webkit-sticky;position:sticky;top:0;z-index:900}

/* =========================================================
   2026-10-01 AUN/MTG対応（H1〜H8）：グロナビ刷新・ヘッダー2段化
   header.php / footer.php 側で項目を追加・入替したため、グロナビ／ヘッダーの
   見た目ルールをここに集約する（v5-common.css は header.php 内で各ページ専用CSSの
   あとに読み込まれるため、同じセレクタならこちらが勝つ＝各ページ専用CSS内に残っている
   「===== global nav ===== 」ブロックは以後無効。見た目は変えていない＝既存の色・フォント・
   ボタンの指定値をそのまま踏襲）。
   ========================================================= */
header{background:#fff;border-bottom:1px solid var(--line)}
.hd{max-width:1240px;margin:0 auto;padding:8px 18px;display:flex;align-items:center;gap:16px}
.hd .logo{display:flex;align-items:center;gap:8px}
.hd .logo img{height:34px}

/* 2026-10-02 指摘1対応：背景色が1240px幅の内側で切れる問題の修正。
   .hd-row＝画面幅いっぱいの帯（背景色の器）。.hd＝今までどおり最大幅1240pxで中央寄せ（ロゴ・メニューの位置は変更なし）。
   header.php 側で .hd を .hd-row で包んだだけなので、.hd 自体・.hd の子孫セレクタ（.hd .tel/.hd .cta/.hd nav 等）はすべて変更不要。 */
.hd-row.hd-row-top{background:#f5f8fc;border-bottom:1px solid var(--line)}
.hd-row.hd-row-main{background:#fff}

/* 上段＝CTA（電話・資料請求・お問い合わせ・来場予約） */
.hd.hd-top{justify-content:flex-end;padding-top:6px;padding-bottom:6px}
.hd.hd-top .tel{margin-left:0}

/* 下段＝ロゴ＋メニュー */
.hd nav{display:flex;gap:0;margin-left:auto;align-items:center}
.hd nav a{font-size:11.5px;font-weight:600;padding:8px 7px;border-radius:3px;white-space:nowrap}
.hd nav a:hover{background:var(--bluel)}
.hd nav>a,.hd nav>.hasdd{display:flex;align-items:center}
.hd nav>.hasdd>a,.hd nav>.hasdd>.ddhead{display:flex;align-items:center}

/* プルダウンの見出し（リンク無し＝H2「サービス」の子「ユニットハウスを購入する」の親／H6「会社情報」） */
.hd nav .ddhead{font:inherit;color:inherit;background:none;border:0;cursor:pointer;font-size:11.5px;font-weight:600;padding:8px 7px;border-radius:3px;white-space:nowrap}
.hd nav .ddhead:hover{background:var(--bluel)}

.hd nav .hasdd{position:relative}
.hd nav .hasdd>.dd{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;display:none;z-index:950}
.hd nav .hasdd:hover>.dd,.hd nav .hasdd:focus-within>.dd{display:block}
/* 2026-10-02 指摘2対応：Escキーで閉じる。マウスが乗ったまま（:hover継続）でも強制的に隠す。
   footer.php のJSがEscキー押下時にだけ付与し、そのメニューからマウスが離れた時点で外す（次回のhoverは通常どおり）。 */
.hd nav .hasdd.force-closed>.dd{display:none!important}
.hd nav .hasdd>.dd a{display:block;font-size:12px;font-weight:600;padding:9px 12px;border-radius:4px;white-space:nowrap;color:var(--navy)}
.hd nav .hasdd>.dd a:hover{background:var(--bluel)}
/* プルダウン内の見出しラベル（リンク無し＝H2「ユニットハウスを購入する」）
   2026-10-02 指摘対応：文字色が灰色（var(--sub)）で他の項目だけ沈んで見えたため、
   他のリンク項目と同じ文字色（var(--navy)）に戻す。クリックできる見た目にはしない＝
   下線・hoverの背景色は付けない（リンク無しの見出しのまま）。
   2026-10-03 AUN 8：お客様指示で「ユニットハウスを購入する」は /service/buy/ へのリンク（クラスなしの普通の a）に戻した。
   現在このクラスを使う要素は無い（PC・SPとも他の項目と同じ .dd a の見た目になる）。 */
.hd nav .hasdd>.dd .ddhead-sub{display:block;font-size:11px;font-weight:700;padding:9px 12px 4px;color:var(--navy);letter-spacing:.02em;white-space:nowrap}
/* 2026-10-02 指摘3対応：製品情報プルダウンの2行表示（名前＋TOPページと同じサブタイトル） */
.hd nav .hasdd>.dd a .ddname{display:block}
.hd nav .hasdd>.dd a .ddsub{display:block;margin-top:2px;font-size:10px;font-weight:500;color:var(--sub);white-space:normal}
/* 右端寄りのプルダウン（会社情報）は右寄せにして画面外にはみ出さないようにする */
.hd nav .hd-company>.dd{left:auto;right:0}
/* 矢印トグル（PCでは不要。開閉はhover/focus-withinのため） */
.hd nav .ddtgl{display:none}

.hd .tel{text-align:right;line-height:1.2;margin-left:8px}
.hd .tel b{font-size:19px;color:var(--navy);font-family:Oswald,'Noto Sans JP',sans-serif;font-weight:600;white-space:nowrap}
.hd .tel span{font-size:9px;color:var(--sub);display:block}
.hd .cta{display:flex;gap:7px}
.hd .cta a{font-size:11.5px;font-weight:700;padding:9px 13px;border-radius:3px;white-space:nowrap}
.hd .cta .doc{background:var(--navy);color:#fff}
.hd .cta .visit{border:1.5px solid var(--navy);color:var(--navy)}

@media print{header{position:static}}
@media(max-width:900px){
  .hd nav{display:none}
  /* ハンバーガーボタン（fixed/右上）と上段CTAが重ならないよう右側に余白を確保 */
  .hd.hd-top{padding-right:60px}
}
@media(max-width:560px){
  .hd .tel{display:none}
  .hd{flex-wrap:wrap;padding:7px 14px;gap:8px}
  .hd .logo{margin-right:auto}
  .hd .cta{width:100%;margin-left:0;gap:6px}
  .hd .cta a{flex:1 1 0;min-width:0;text-align:center;padding:9px 4px;font-size:10.5px;overflow:hidden;text-overflow:ellipsis}
}

/* --- 1) ページ上部へ戻るボタン --- */
.sc-pagetop{
  position:fixed;right:18px;bottom:18px;z-index:950;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;
  background:#0b4da2;color:#fff;text-decoration:none;
  font-size:13px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.22);
  opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,background .2s;
}
.sc-pagetop span{font-size:9px;letter-spacing:.06em;margin-top:3px}
.sc-pagetop.on{opacity:1;visibility:visible}
.sc-pagetop:hover{background:#083d80}
@media(max-width:767px){
  .sc-pagetop{right:12px;bottom:12px;width:46px;height:46px}
}

/* --- 2) ハンバーガーメニュー（SPのみ） --- */
.sc-nav-toggle{display:none}
@media(max-width:900px){
  .sc-nav-toggle{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    position:fixed;top:10px;right:10px;z-index:1000;
    width:46px;height:46px;padding:0 11px;
    background:#0b4da2;border:0;border-radius:8px;cursor:pointer;
  }
  .sc-nav-toggle span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}
  .sc-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .sc-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .sc-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  header nav{
    position:fixed;top:0;right:0;bottom:0;width:82%;max-width:320px;
    background:#fff;box-shadow:-6px 0 22px rgba(0,0,0,.18);
    padding:64px 18px 32px;overflow-y:auto;z-index:999;
    display:block!important;
    transform:translateX(100%);transition:transform .28s ease;
  }
  body.sc-nav-open header nav{transform:translateX(0)}
  header nav a{display:block;padding:13px 6px;border-bottom:1px solid #e6ebf2;font-size:15px}
  header nav .hasdd{display:block}
  /* 各ページCSSに `.hd nav>a,.hd nav>.hasdd{display:flex}`（PCの縦位置調整・2026-07-31）が
     あり、ドロワーでも効いて親リンクと子メニューが横並びになる。同じ形で block に戻す。 */
  .hd nav>a,.hd nav>.hasdd{display:block}
  .hd nav>.hasdd>a{display:block}
  header nav .dd{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;
    box-shadow:none!important;background:#f5f8fc;padding:0 0 0 12px;transform:none!important}
  header nav .dd a{font-size:13.5px;padding:11px 6px}
  body.sc-nav-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:998}
  body.sc-nav-open{overflow:hidden}
  /* 2026-09-08 B01対応：header が position:sticky / z-index:900 で独自の重ね合わせ文脈を
     作るため、ドロワー（header nav の z-index:999）が body::after のオーバーレイ（998）の
     下に潜り、灰色の膜がかかってリンクも押せない状態になっていた。
     メニューを開いている間だけ header 自体をオーバーレイより前に出して解消する。 */
  /* オーバーレイ（998）より前、ハンバーガーボタン（1000）より後ろに置く。
     1001 にすると header が✕ボタンを覆ってメニューを閉じられなくなる。 */
  body.sc-nav-open header{z-index:999}
  header nav a{color:var(--navy);background:#fff}
  header nav .dd a{background:#f5f8fc}
  /* ドロワー内ではPC用の min-width:230px と nowrap を外す（320px幅に収める）。
     PC側の指定が `.hd nav .hasdd>.dd` で詳細度が高いので、同じ形で上書きする。 */
  .hd nav .hasdd>.dd{min-width:0}
  .hd nav .hasdd>.dd a{white-space:normal}
}

/* --- 2026-10-01 H8対応：SPのグロナビはタップで開閉（アコーディオン） ---
   footer.php の JS が .hasdd に .open を付け外しする。矢印（.ddtgl）はSPのみ表示。 */
@media(max-width:900px){
  header nav .hasdd{position:relative}
  header nav .ddhead{
    display:block!important;width:100%;text-align:left;padding:13px 44px 13px 6px;
    border-bottom:1px solid #e6ebf2;font-size:15px;color:var(--navy);background:#fff;
  }
  header nav .hasdd>a{padding-right:44px}
  header nav .ddtgl{
    display:flex!important;align-items:center;justify-content:center;
    position:absolute;top:0;right:0;width:46px;height:46px;
    background:none;border:0;padding:0;cursor:pointer;
  }
  header nav .ddtgl span{
    display:block;width:8px;height:8px;
    border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);
    transform:rotate(45deg);transition:transform .2s;
  }
  header nav .hasdd.open>.ddtgl span{transform:rotate(-135deg)}
  /* 既定は閉じる（9/25以前の「常に展開」から、タップ開閉に変更） */
  header nav .hasdd:not(.open)>.dd{display:none!important}
  header nav .hasdd.open>.dd{display:block!important}
  /* 2026-10-02: SP（ハンバーガー内）も同様に文字色を他の項目と揃える */
  header nav .dd .ddhead-sub{display:block;padding:11px 6px;font-size:12px;font-weight:700;color:var(--navy)}
  /* 2026-10-02 指摘3対応：SP（ハンバーガー内）も製品情報の2行表示に合わせてサブタイトルの文字サイズを調整 */
  header nav .dd a .ddsub{font-size:11.5px;margin-top:2px}
}

/* --- 注目製品：簡易住宅の訴求強化（2026-08-07 打合せ「タイトル文字が小さすぎる」） --- */
.pickup .fcard.pk-strong .cat{
  font-size:17px;font-weight:900;letter-spacing:.06em;
  padding:7px 18px;border-radius:4px;line-height:1;
}
.pickup .fcard.pk-strong h3{
  font-size:24px;line-height:1.45;font-weight:900;margin-top:12px;
}
.pickup .fr img{transition:transform .3s}
.pickup .fr a:hover img{transform:scale(1.02)}
@media(max-width:767px){
  .pickup .fcard.pk-strong .cat{font-size:15px;padding:6px 14px}
  .pickup .fcard.pk-strong h3{font-size:19px}
}

/* =========================================================
   Contact Form 7 を v5 デザインに合わせる
   （フォーム定義そのものは変更していないため、見た目だけCSSで整える）
   ========================================================= */
.frm-cf7 .form-box{width:100%}
.frm-cf7 .form-box table{width:100%;border-collapse:collapse;table-layout:fixed}
.frm-cf7 .form-box th,
.frm-cf7 .form-box td{
  display:block;width:100%;text-align:left;padding:0;border:0;
}
.frm-cf7 .form-box tr{
  display:block;padding:13px 0 15px;border-bottom:1px solid #e6ebf2;
}
.frm-cf7 .form-box tr:first-child{padding-top:0}
.frm-cf7 .form-box th{
  font-size:12.5px;font-weight:700;color:#173a63;margin-bottom:7px;line-height:1.5;
}
.frm-cf7 .form-box .req{
  display:inline-block;margin-left:7px;padding:2px 8px;border-radius:3px;
  background:#d70000;color:#fff;font-size:10px;font-weight:700;vertical-align:1px;
}
.frm-cf7 input[type=text],
.frm-cf7 input[type=email],
.frm-cf7 input[type=tel],
.frm-cf7 input[type=number],
.frm-cf7 select,
.frm-cf7 textarea{
  width:100%;padding:10px 12px;font-size:14px;line-height:1.6;
  border:1px solid #ccd6e2;border-radius:6px;background:#fff;
  font-family:inherit;color:#111;box-sizing:border-box;
}
.frm-cf7 input:focus,.frm-cf7 select:focus,.frm-cf7 textarea:focus{
  outline:none;border-color:#0b4da2;box-shadow:0 0 0 3px rgba(11,77,162,.12);
}
.frm-cf7 textarea{min-height:140px;resize:vertical}
.frm-cf7 input.m{max-width:260px}
.frm-cf7 .flex-box{display:flex;gap:10px;flex-wrap:wrap}
.frm-cf7 .name-box .name-col{flex:1 1 0;min-width:0}
.frm-cf7 .box{margin-top:8px}
.frm-cf7 .box:first-child{margin-top:0}
.frm-cf7 .box .s{font-size:11px;color:#6b7a8d;margin-bottom:4px}
.frm-cf7 .date-box{align-items:center}
.frm-cf7 .date-box .date-col{flex:1 1 55%;min-width:0}
.frm-cf7 .date-box .time-col{flex:1 1 35%;min-width:0}
.frm-cf7 .wpcf7-list-item{display:inline-flex;align-items:center;margin:0 14px 6px 0}
.frm-cf7 .wpcf7-list-item label{display:inline-flex;align-items:center;font-size:13px;font-weight:400;cursor:pointer}
.frm-cf7 .wpcf7-list-item input{width:auto;margin-right:6px}
.frm-cf7 input[type=file]{font-size:12.5px}
.frm-cf7 .mar-b{margin-bottom:8px}
.frm-cf7 .mar-t{margin-top:8px}
.frm-cf7 p.s{font-size:11.5px;color:#6b7a8d;line-height:1.7}
.frm-cf7 .submit-list{justify-content:center;margin-top:22px}
.frm-cf7 input[type=submit],
.frm-cf7 button[type=submit]{
  min-width:280px;padding:15px 30px;border:0;border-radius:8px;cursor:pointer;
  background:#e8760c;color:#fff;font-size:16px;font-weight:800;letter-spacing:.04em;
  box-shadow:0 3px 10px rgba(232,118,12,.28);transition:background .2s,transform .15s;
}
.frm-cf7 input[type=submit]:hover{background:#cf6708;transform:translateY(-1px)}
.frm-cf7 .wpcf7-not-valid-tip{color:#d70000;font-size:11.5px;margin-top:4px}
.frm-cf7 .wpcf7-response-output{
  margin:16px 0 0;padding:12px 14px;border-radius:6px;font-size:13px;border:1px solid #e0b4b4;background:#fff5f5;
}
@media(min-width:768px){
  .frm-cf7 .form-box tr{display:grid;grid-template-columns:210px 1fr;gap:0 22px;align-items:start;padding:15px 0 16px}
  .frm-cf7 .form-box th{margin-bottom:0;padding-top:10px}
}

/* --- 費用ページ：対応エリアは選択式でなく表示に（2026-08-07 打合せ） --- */
.atabs.area-fixed{display:block}
.atabs.area-fixed .on{
  display:inline-block;padding:9px 18px;border-radius:6px;
  background:#0b4da2;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;
}
@media(max-width:600px){ .atabs.area-fixed .on{font-size:12px;padding:8px 12px;line-height:1.6} }

/* --- こだわり詳細：2026-08-07 打合せ対応 --- */
/* スタイル別：メイン＋俯瞰パース3枚＝4枚 */
.styles3.styles4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.styles3.styles4 .sset{display:block}
.styles3.styles4 .sset > .s{margin:0}
.sty-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.sty-sub img{width:100%;height:74px;object-fit:contain;background:#f2f5f9;border:1px solid #e3e9f1;border-radius:4px;display:block}
@media(max-width:900px){
  .styles3.styles4{grid-template-columns:1fr;gap:16px}
  .sty-sub img{height:92px}
}
/* 組み立て6項目：写真ありきのレイアウトへ */
.kf6 .f.has-ph{display:flex;gap:12px;align-items:flex-start}
.kf6 .f.has-ph .fph{flex:0 0 96px}
.kf6 .f.has-ph .fph img{width:96px;height:72px;object-fit:cover;border-radius:5px;display:block}
@media(max-width:600px){
  .kf6 .f.has-ph .fph{flex:0 0 76px}
  .kf6 .f.has-ph .fph img{width:76px;height:58px}
}
/* 増設・移設：作業の様子がわかる写真3枚 */
.zosetsu-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 18px}
.zosetsu-photos figure{margin:0}
.zosetsu-photos img{width:100%;height:168px;object-fit:cover;border-radius:6px;display:block}
.zosetsu-photos figcaption{margin-top:6px;font-size:11.5px;color:#6b7a8d;text-align:center}
@media(max-width:700px){
  .zosetsu-photos{grid-template-columns:1fr}
  .zosetsu-photos img{height:200px}
}

/* --- 「カタログを見る」ボタン（2026-08-07 打合せ） --- */
.catalog-btn{margin-top:20px;text-align:center}
.catalog-btn a{
  display:inline-block;padding:13px 34px;border-radius:7px;
  background:#0b4da2;color:#fff;font-size:14px;font-weight:700;text-decoration:none;
  box-shadow:0 3px 10px rgba(11,77,162,.24);transition:background .2s,transform .15s;
}
.catalog-btn a:hover{background:#083d80;transform:translateY(-1px)}
.catalog-btn span{display:block;margin-top:8px;font-size:11px;color:#6b7a8d}

/* =========================================================
   2026-08-07 打合せ：SP表示の重なり修正
   （こだわりページの文字の重なり／縦並び時の矢印マークの重なり）
   ========================================================= */

/* 1) こだわり・こだわり詳細：番号バッジ（扇形）と見出しの重なり
      → SPでは見出しをバッジの下まで下げ、バッジも少し小さくする */
@media(max-width:700px){
  .kb{padding-top:78px!important}
  .kb .kno{width:74px;height:74px;padding:11px 0 0 10px}
  .kb .kno b{font-size:19px}
  .kb .kno small{font-size:9px;margin-bottom:5px}
}
@media(max-width:420px){
  .kb{padding-top:70px!important}
  .kb .kno{width:66px;height:66px;padding:9px 0 0 9px}
  .kb .kno b{font-size:17px}
}

/* 2) 工法比較（縦並び時）：矢印マークが上下の見出し・説明に被る
      → 回転をやめ、下向き矢印として行内に収める */
@media(max-width:640px){
  .vscmp .arw{
    transform:none!important;
    font-size:0!important;
    height:30px;display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .vscmp .arw::after{
    content:"\25BC";font-size:22px;line-height:1;
    font-family:"Noto Sans JP",sans-serif;color:var(--gold);
  }
}

/* --- 追従ヘッダーの下に見出しが隠れないようにする（アンカー移動時） ---
   2026-10-01：ヘッダーが2段＋プルダウン追加で高さが可変になったため、
   footer.php のスクリプトが実測して --sc-hdh にセットする値を使う（固定値はJS未実行時のフォールバック）。 */
:target,[id]{scroll-margin-top:calc(var(--sc-hdh, 118px) + 10px)}
@media(max-width:900px){ :target,[id]{scroll-margin-top:calc(var(--sc-hdh, 92px) + 10px)} }

/* =========================================================
   下層ページ v5化（2026-08-19）で不足していた分のみ追記
   ※既存の規則は変更していません
   ========================================================= */

/* --- 記事本文・規約文などの長文（single.php / page-privacy.php） --- */
.sc-prose{font-size:13.5px;line-height:1.95;color:#1e2730}
.sc-prose > *:first-child{margin-top:0}
.sc-prose h2{
  font-size:16px;font-weight:700;color:#004d92;line-height:1.6;
  margin:26px 0 9px;padding-bottom:7px;border-bottom:1px solid #dfe5ec;
}
.sc-prose h3{font-size:14.5px;font-weight:700;color:#173a63;margin:20px 0 7px;line-height:1.6}
.sc-prose h4{font-size:13.5px;font-weight:700;color:#173a63;margin:16px 0 6px}
.sc-prose p{margin-bottom:14px}
.sc-prose a{color:#1a66ad;font-weight:700;text-decoration:underline}
.sc-prose strong,.sc-prose b{font-weight:700;color:#004d92}
.sc-prose ul,.sc-prose ol{margin:0 0 16px 1.5em}
.sc-prose ul{list-style:disc}
.sc-prose ol{list-style:decimal}
.sc-prose li{margin-bottom:9px;list-style:inherit}
.sc-prose img{max-width:100%;height:auto;border-radius:5px;margin:10px 0}
.sc-prose blockquote{
  margin:0 0 16px;padding:12px 16px;background:#f4f6f8;border-radius:6px;
  font-size:13px;color:#5b6878;
}
.sc-prose table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:16px}
.sc-prose th,.sc-prose td{border:1px solid #dfe5ec;padding:8px 10px;text-align:left;vertical-align:top}
.sc-prose th{background:#f4f6f8;font-weight:700;color:#173a63}
@media(max-width:600px){
  .sc-prose{font-size:13px}
  .sc-prose h2{font-size:15px}
}

/* --- YouTube 埋め込み（functions.php の iframe_in_div が付与する .youtube 用） --- */
.youtube{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:6px;overflow:hidden}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}

/* --- 汎用固定ページ（エディタ本文）の最低限のタイポグラフィ --- */
.wpcontent{font-size:14px;line-height:1.95;color:#333}
.wpcontent h2{font-size:20px;font-weight:800;color:#173a63;margin:28px 0 10px;padding-left:12px;border-left:4px solid #0b4da2}
.wpcontent h3{font-size:16.5px;font-weight:800;color:#173a63;margin:22px 0 8px}
.wpcontent h4{font-size:14.5px;font-weight:700;margin:18px 0 6px}
.wpcontent p{margin:0 0 14px}
.wpcontent ul,.wpcontent ol{margin:0 0 14px 1.4em}
.wpcontent li{margin:4px 0}
.wpcontent a{color:#0b4da2;text-decoration:underline}
.wpcontent img{max-width:100%;height:auto}
.wpcontent table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13.5px}
.wpcontent th,.wpcontent td{border:1px solid #e3e9f1;padding:10px 12px;text-align:left;vertical-align:top}
.wpcontent th{background:#f4f7fb;font-weight:700;color:#173a63;white-space:nowrap}
.wpcontent dl{margin:0 0 14px}
.wpcontent dt{font-weight:700;color:#173a63;margin-top:12px}
.wpcontent .youtube{position:relative;padding-top:56.25%;margin:0 0 16px}
.wpcontent .youtube iframe{position:absolute;inset:0;width:100%;height:100%}

/* --- フォームの細部調整（2026-08-19） --- */
/* 必須マークの「※」を「必須」と読める表示に（フォーム定義は変更せずCSSで対応） */
.frm-cf7 .form-box .req{font-size:0;line-height:0}
.frm-cf7 .form-box .req::after{content:"必須";font-size:10px;line-height:1.6;font-weight:700}
/* ご希望の連絡時間：「時〜」「時」を横並びにする */
.frm-cf7 input[name^="contact_time"]{max-width:110px;display:inline-block}
.frm-cf7 .fin br{display:none}
.frm-cf7 input[name="contact_time_from"],
.frm-cf7 input[name="contact_time_to"]{margin-right:4px}
/* ファイル選択を見やすく */
.frm-cf7 input[type=file]{
  display:block;margin:6px 0;padding:8px 10px;background:#f7f9fc;
  border:1px dashed #ccd6e2;border-radius:6px;width:100%;max-width:420px;
}

/* A37-uploads */
/* アイキャッチ（管理画面で登録した画像）を背景に使うカードは、写真の全体を見せる。
   テーマに同梱しているブランド写真（/wp-content/themes/ 配下）はデザインどおり
   枠いっぱいのままにしたいので、URLに /wp-content/uploads/ を含むものだけを対象にする。
   クラス名に依存しないので、一覧・関連カード・注目枠のどこでも同じ見え方になる。 */
.ph[style*="/wp-content/uploads/"],
.sph[style*="/wp-content/uploads/"],
.g0[style*="/wp-content/uploads/"],
.gi[style*="/wp-content/uploads/"]{
  background-size:contain!important;background-repeat:no-repeat;background-position:center;
  background-color:#eef2f6;
}
.card img[src*="/wp-content/uploads/"],
.excard img[src*="/wp-content/uploads/"],
.exlist-thumb img,
.pcard .pph{object-fit:contain;background-color:#eef2f6}

/* 2026-10-23 コラム記事: 表がスマホ幅からはみ出さないよう横スクロール */
@media(max-width:700px){
  .sc-prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .sc-prose th,.sc-prose td{white-space:normal;min-width:7em}
}