@charset "UTF-8";

/* =========================================================
   フォント読み込み（源ノ角ゴシック = Noto Sans JP・自己ホスト）
   ========================================================= */
@font-face{ font-family:"Noto Sans JP"; font-weight:400; font-style:normal;
  font-display:swap; src:url("../fonts/noto-sans-jp-400.woff2") format("woff2"); }
@font-face{ font-family:"Noto Sans JP"; font-weight:500; font-style:normal;
  font-display:swap; src:url("../fonts/noto-sans-jp-500.woff2") format("woff2"); }
@font-face{ font-family:"Noto Sans JP"; font-weight:700; font-style:normal;
  font-display:swap; src:url("../fonts/noto-sans-jp-700.woff2") format("woff2"); }
@font-face{ font-family:"Noto Sans JP"; font-weight:900; font-style:normal;
  font-display:swap; src:url("../fonts/noto-sans-jp-900.woff2") format("woff2"); }

/* =========================================================
   デザイントークン（このプロジェクトの基準値）
   ※あとで既存テーマのCSS変数に合わせて微調整します
   ========================================================= */
:root {
  /* --- 基準幅・レイアウト --- */
  --design-width: 1500px;   /* デザインの基準幅（イラレのカンバス幅） */
  --container:    1280px;   /* コンテンツの最大幅（左右余白 約110px） */

  /* --- カラー --- */
  --c-blue:      #2F56AB;   /* ブランド青（上部バー・ナビ・業務用ボタン） */
  --c-red:       #CA2927;   /* CTA赤（ルームエアコンボタン） */
  --c-orange:    #F46A25;   /* ロゴ */
  --c-tel:       #F14826;   /* 電話番号（赤オレンジ） */
  --c-yellow:    #EBF053;   /* ボタン内の強調文字（黄） */
  --c-badge:     #43649E;   /* 通常/夏季バッジの青 */
  --c-black-bar: #0E0F0E;   /* 黒帯（電話1本で〜） */
  --c-white:     #FFFFFF;
  --c-text:      #333333;   /* 本文テキスト */
  --c-text-sub:  #555555;   /* 補足テキスト */

  /* --- フォント --- */
  /* 源ノ角ゴシック（Noto Sans JP）を基本にする */
  --font-base: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;

  /* --- ヘッダー各段の高さ --- */
  --h-topbar: 47px;
  --h-header: 124px;
  --h-nav:    61px;
}

/* =========================================================
   ベース
   ========================================================= */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font-base);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  /* PC版はデザイン基準幅1500pxの固定レイアウト。
     画面が狭くても広くても伸縮・折り返しをせず、常にこの幅で正確に再現する
     （min-widthだけだと1500pxより広い画面でbodyが伸びてしまい、
      width:100%の背景画像とpx固定のオーバーレイ<a>がズレるため、
      widthで固定し中央寄せする）
     （スマホ専用デザインは後日メディアクエリで別途対応） */
  width: var(--design-width);
  margin: 0 auto;
}

img { max-width: 100%; height: auto; vertical-align: bottom; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

/* 中央寄せコンテナ */
.container {
  width: var(--container);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 20px;
}

/* =========================================================
   No.1 ヘッダー
   ========================================================= */

/* --- 上部バー --- */
.topbar {
  background: var(--c-blue);
  color: var(--c-white);
  height: var(--h-topbar);
  display: flex;
  align-items: center;
}
.topbar .container {
  text-align: center;
}
.topbar__text {
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.36em;   /* 実測: 字送り約23.5pt（デザインは字間が広い） */
}
.topbar__num {
  font-size: 30px;          /* 実測: 40,000 の文字高 約23.8pt */
  font-weight: 900;
  letter-spacing: 0.02em;
  margin: 0 4px;
}

/* --- ヘッダー本体（白） --- */
.header-main {
  background: var(--c-white);
}
.header-inner {
  min-height: var(--h-header);
  display: flex;
  align-items: center;
  gap: 0;
  padding-block: 10px;
  padding-inline: 0;      /* 実測: 内容幅1274pxを1280内に収める */
}

/* ブランド（ロゴ＋許可番号） */
.brand { flex: 0 0 auto; }
.brand__logo { width: 226px; }
.brand__permit {
  font-size: 12px;
  color: var(--c-text);
  margin-top: 4px;
  white-space: nowrap;
}

/* 連絡先（電話） */
.contact { flex: 0 0 auto; margin-left: 32px; }  /* 実測: ロゴ右→フリーダイヤル左 32px */
.contact__tel {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contact__freedial { width: 31px; }
.contact__num {
  font-size: 42px;
  font-weight: 900;
  color: var(--c-tel);
  line-height: 1;
  letter-spacing: -0.005em;   /* 源ノ角ゴシックで実測幅281pxに合わせる */
}
.contact__note {
  margin-top: 4px;
  background: var(--c-black-bar);
  color: var(--c-white);
  font-size: 13px;
  text-align: center;
  padding: 4px 6px;
  border-radius: 3px;
  white-space: nowrap;
}
.contact__note strong {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .25em;
  margin-left: 4px;
}

/* 営業時間 */
.hours {
  flex: 0 0 auto;
  margin-left: 13px;   /* 実測: 連絡先→営業時間 13px */
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 10px;     /* 実測: 営業時間ブロック幅191pxに合わせる */
  color: var(--c-text);
  line-height: 1.35;
}
.hours__row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hours__badge {
  flex: 0 0 auto;
  background: var(--c-badge);
  color: var(--c-white);
  font-size: 13px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  line-height: 1;
  white-space: nowrap;
}

/* ヘッダーCTAボタン */
.head-btns {
  flex: 0 0 auto;
  margin-left: 24px;   /* 実測: 営業時間→ボタン群 24px */
  display: flex;
  gap: 11px;           /* 実測: 赤→青 11px */
}
.head-btn {
  flex: 0 0 225px;     /* 実測: 各ボタン幅 225px */
  width: 225px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 24px 8px 10px;
  border-radius: 8px;
  color: var(--c-white);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
  position: relative;
  box-shadow: 0 3px 0 rgba(0,0,0,.25);
}
.head-btn::after {
  content: "";
  position: absolute;
  right: 11px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--c-white);
  border-right: 2px solid var(--c-white);
  transform: translateY(-50%) rotate(45deg);
}
.head-btn--red  { background: var(--c-red); }
.head-btn--blue { background: var(--c-blue); }
.head-btn__icon        { flex: 0 0 auto; width: 31px; }  /* 実測: 壁掛け 31px */
.head-btn__icon--ceiling { width: 34px; }                /* 実測: 天井 34px */
.head-btn__hl { color: var(--c-yellow); }                /* 商品名（黄） */

/* --- グローバルナビ（青は全幅・項目は1280コンテナ内） --- */
.gnav {
  background: var(--c-blue);
}
.gnav__inner { padding-inline: 0; }   /* コンテナ内側1280pxをフルに使う */
.gnav__list {
  display: flex;
  width: 100%;
  height: var(--h-nav);
}
.gnav__item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(255,255,255,.4);
}
.gnav__item:first-child { border-left: none; }
/* 実測した各セル幅（合計1280px＝コンテナ幅、区切り線どおり） */
.gnav__item:nth-child(1) { width:  85px; }  /* トップ */
.gnav__item:nth-child(2) { width: 229px; }  /* サービス特徴（管理） */
.gnav__item:nth-child(3) { width: 205px; }  /* 選ばれる8つの理由 */
.gnav__item:nth-child(4) { width: 136px; }  /* お客様の声 */
.gnav__item:nth-child(5) { width: 197px; }  /* 10年保証について */
.gnav__item:nth-child(6) { width: 156px; }  /* ご利用の流れ */
.gnav__item:nth-child(7) { width: 194px; }  /* お支払いについて */
.gnav__item:nth-child(8) { width:  78px; }  /* ブログ */
.gnav__item a {
  color: var(--c-white);
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: background .2s;
}
.gnav__item a:hover { background: rgba(255,255,255,.12); }

/* =========================================================
   No.2 ファーストビュー（基準幅1500pxの帯・画像で忠実再現）
   ========================================================= */
.firstview { width: 100%; position: relative; }  /* relative: 画像上にリンクを重ねられる */
.firstview__img {
  display: block;
  width: 100%;   /* 1500px幅いっぱい。元画像は2倍解像度で鮮明 */
  height: auto;
}

/* 画像で忠実再現するセクション共通（No.3以降のフラットな図版） */
.imgsec { width: 100%; position: relative; }  /* relative: 画像上にリンクを重ねられる */
.imgsec__img {
  display: block;
  width: 100%;   /* 1500px幅いっぱい。元画像は2倍解像度で鮮明 */
  height: auto;
}

/* =========================================================
   No.7 ご好評の一番の理由・10の強み ＋ サイドバー（2カラム）
   左＝大枠画像 / 右＝ボタンを1個ずつ配置（後で個別リンク差し込み）
   ========================================================= */
.strengths {
  position: relative;
  width: 100%;
  height: 1110px;   /* 実測: No.7の高さ（修理10年保証まで） */
}
.strengths__box {
  position: absolute;
  left: 210px;
  top: 45px;
  width: 770px;
  height: auto;
}
.strengths__side a {
  position: absolute;
  left: 1030px;
  width: 262px;
  display: block;
  transition: opacity .2s;
}
.strengths__side a:hover { opacity: .85; }
.strengths__side a img { display: block; width: 100%; height: auto; }
/* 左枠内「詳しく見てみる」ボタン（画像の上に透明リンクを重ねる。別ページへ） */
.strengths__more {
  position: absolute;
  display: block;
  z-index: 2;
  border-radius: 8px;
  transition: background .2s;
}
.strengths__more:hover { background: rgba(255,255,255,.18); }

/* =========================================================
   No.8 お悩み解決（画像1枚＋FAQの詳しく見てみるリンク）
   ========================================================= */
.troubles { position: relative; width: 100%; }
.troubles > img { display: block; width: 100%; height: auto; }
/* 画像の上に重ねる透明リンク（別ページへ・後でURL差し込み） */
.link-overlay {
  position: absolute;
  display: block;
  z-index: 2;
  border-radius: 6px;
  transition: background .2s;
}
.link-overlay:hover { background: rgba(255,255,255,.2); }

/* =========================================================
   レスポンシブ切替（768px以下＝スマホ版 / 769px以上＝PC版）
   ========================================================= */
.sp-view { display: none; }          /* PCではスマホ版を隠す */

@media (max-width: 768px) {
  body { width: 100%; margin: 0; }   /* PC固定幅(1500px)を解除してSP幅に追従 */
  .pc-view { display: none; }        /* スマホではPC版を隠す */
  .sp-view { display: block; }
}

/* --- スマホ版セクション（番号画像1枚＝1セクション） --- */
.sp-view { width: 100%; }
.sp-sec {
  position: relative;                /* 画像の上にリンクを重ねられる */
  width: 100%;
}
.sp-sec > img {
  display: block;
  width: 100%;                       /* SP幅いっぱい。元画像は約2倍解像度で鮮明 */
  height: auto;
}

/* --- ハンバーガーメニュー（開閉・JSなし／チェックボックス方式） --- */
.spmenu-toggle { display: none; }
.spmenu-open {                       /* section01の[menu]ボタンに重ねる開くボタン */
  position: absolute;
  display: block;
  z-index: 5;
  cursor: pointer;
}
.sp-menu {                           /* 開いたメニュー画面（全画面オーバーレイ） */
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: #0954A5;               /* メニュー背景の濃紺 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.spmenu-toggle:checked ~ .sp-menu { display: block; }
.sp-menu__inner {
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
.sp-menu__inner > img { display: block; width: 100%; height: auto; }
.sp-menu a,
.sp-menu .spmenu-close {
  position: absolute;
  display: block;
  z-index: 2;
  cursor: pointer;
}


/* ===== 管理ページ No.1（テキスト化） ===== */
.k01{width:100%;}
.k01__hero img{display:block;width:100%;height:auto;}
.k01__body{padding:0 0 60px;}
.k01__bubbles{display:flex;justify-content:center;gap:34px;margin-top:14px;}
.k01 .bubble{position:relative;background:#fff;border:2px solid #0954A5;border-radius:9px;color:#0954A5;font-weight:700;font-size:20px;line-height:1.42;text-align:center;padding:14px 8px;min-width:172px;}
.k01 .bubble::after{content:"";position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid #0954A5;}
.k01 .bubble::before{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);z-index:1;border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid #fff;}
.k01__lead{margin-top:56px;text-align:center;color:#0954A5;font-weight:700;font-size:20px;line-height:2.05;letter-spacing:.02em;}


/* ===== 管理ページ No.2（テキスト化） ===== */
.k02{width:100%;}
.k02__wrap{max-width:1200px;margin:0 auto;display:flex;gap:44px;align-items:flex-start;padding:44px 10px 0;box-sizing:border-box;}
.k02__main{flex:1 1 auto;min-width:0;}
.k02__side{flex:0 0 368px;max-width:368px;width:368px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;overflow:hidden;}
.k02__side>*{width:368px;min-width:0;box-sizing:border-box;}
.k02__side>a{display:block;line-height:0;transition:opacity .2s;}
.k02__side>a:hover{opacity:.88;}
.k02__side .k02__narrow{width:264px;}
.k02__side img{display:block;width:100%;height:auto;}
.k02__faq{position:relative;margin-top:6px;line-height:0;width:264px;}
.k02__faq img{display:block;width:100%;height:auto;}
.k02__banner img{display:block;width:100%;height:auto;}
.k02__note{margin:9px 0 26px;font-size:12px;color:#333;}
.k02__cards{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;}
.k02__cards li{border:1.5px solid #4a86cf;border-radius:9px;background:#fff;color:#0e4f9c;font-weight:700;font-size:16px;line-height:1.45;text-align:center;padding:12px 8px;display:flex;align-items:center;justify-content:center;min-height:74px;}
.k02__arrow{width:0;height:0;margin:16px auto 8px;border-left:22px solid transparent;border-right:22px solid transparent;border-top:24px solid #0954A5;}
.k02__lead-h{text-align:center;color:#0954A5;font-weight:900;font-size:30px;line-height:1.55;margin:6px 0 22px;letter-spacing:0;}
.k02__lead{text-align:center;color:#0954A5;font-weight:500;font-size:18px;line-height:2.0;margin:0 0 34px;}
.k02__system{background:#cdeefb;border-radius:10px;padding:44px 40px 40px;}
.k02__sys-h{text-align:center;color:#0954A5;font-weight:900;font-size:33px;line-height:1.55;margin:0 0 28px;}
.k02__sys-img img{display:block;width:100%;height:auto;border-radius:4px;}
.k02__badges{list-style:none;display:flex;justify-content:space-between;gap:8px;margin:32px 0 24px;padding:0;}
.k02__badges li{width:112px;height:112px;border-radius:50%;background:#0954A5;color:#fff;font-weight:700;font-size:15px;line-height:1.35;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;}
.k02__sys-body{text-align:center;color:#0954A5;font-weight:500;font-size:16px;line-height:1.9;margin:0;}


/* ===== 管理ページ No.3（テキスト化） ===== */
.k03{width:100%;padding:58px 24px 64px;}
.k03__inner{max-width:882px;margin:0 auto;}
.k03__photo img{display:block;width:100%;height:auto;}
.k03__h{text-align:center;color:#0954A5;font-weight:900;font-size:36px;margin:46px 0 20px;letter-spacing:.01em;}
.k03__lead{text-align:center;color:#333;font-weight:500;font-size:17px;line-height:1.9;margin:0 0 40px;}
.k03__tags{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px 18px;margin:0 0 46px;padding:0;}
.k03__tags li{border:1.5px solid #0954A5;border-radius:4px;color:#0954A5;font-weight:500;font-size:16px;text-align:center;padding:12px 6px;min-height:56px;display:flex;align-items:center;justify-content:center;line-height:1.35;background:#fff;}
.k03__tags li.is-active{background:#0954A5;color:#fff;font-weight:700;}
.k03__btn{display:block;width:max-content;max-width:100%;margin:0 auto 26px;background:#0954A5;color:#fff;font-weight:900;font-size:24px;text-align:center;padding:17px 52px;border-radius:999px;box-shadow:0 5px 0 rgba(6,50,110,.35),0 9px 16px rgba(0,0,0,.18);letter-spacing:.02em;}
.k03__foot{text-align:center;color:#333;font-weight:500;font-size:17px;line-height:1.9;margin:22px 0 0;}


/* ===== 管理ページ No.4（5つのポイント／テキスト化） ===== */
.k04{background:#d8effc;width:100%;padding:52px 0 58px;}
.k04__inner{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.k04__h{text-align:center;color:#0954A5;font-weight:900;font-size:36px;margin:0 0 34px;letter-spacing:.02em;}
.k04__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
.k04__card{background:#fff;border-radius:8px;padding:22px 36px;display:flex;align-items:center;gap:24px;}
.k04__num{flex:none;color:#b7d2ee;font-weight:700;font-size:46px;line-height:1;min-width:64px;text-align:center;}
.k04__cbody{border-left:1px solid #6f9dcf;padding-left:24px;}
.k04__t{color:#0954A5;font-weight:700;font-size:21px;margin:0 0 8px;}
.k04__p{color:#555;font-weight:500;font-size:15px;line-height:1.75;margin:0;}


/* ===== 管理ページ No.5（「任せやすい」と言われる理由／写真＋4番カード流用） ===== */
.k05{background:#fff;width:100%;padding:0 0 24px;}
.k05__photo{max-width:872px;margin:0 auto;padding:44px 24px 0;box-sizing:border-box;}
.k05__photo img{display:block;width:100%;height:auto;}
.k05__inner{max-width:1200px;margin:0 auto;padding:30px 24px 0;box-sizing:border-box;}
.k05 .k04__h{margin-bottom:30px;}
.k05 .k04__card{border:1px solid #e3e3e8;}


/* ===== 管理ページ No.6（数字で見る管理体制／運用体制・2カラム） ===== */
.k06{background:#d8effc;width:100%;padding:46px 0 50px;}
.k06__inner{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;box-sizing:border-box;}
.k06__col{flex:1;box-sizing:border-box;}
.k06__col--l{padding-right:44px;border-right:1px solid #aacae9;}
.k06__col--r{padding-left:44px;}
.k06__photo img{display:block;max-width:100%;height:auto;border-radius:2px;}
.k06__h{color:#0954A5;font-weight:900;font-size:30px;margin:24px 0 20px;}
.k06__stats{list-style:none;margin:0;padding:0;}
.k06__stats li{display:flex;align-items:baseline;gap:18px;margin-bottom:16px;}
.k06__snum{color:#0954A5;font-weight:700;font-size:22px;min-width:148px;flex:none;}
.k06__sdesc{color:#555;font-weight:500;font-size:15px;}
.k06__bullets{display:flex;gap:28px;margin:0 0 20px;}
.k06__bullets ul{list-style:none;margin:0;padding:0;}
.k06__bullets li{color:#333;font-weight:500;font-size:15px;line-height:1.95;}
.k06__note{color:#555;font-weight:500;font-size:14px;line-height:1.7;margin:0;}


/* ===== 管理ページ No.7（管理ステッカー＋修理対応の流れ・複合） ===== */
.k07{background:#d8effc;width:100%;padding:26px 24px;box-sizing:border-box;}
.k07__card{background:#fff;border-radius:14px;max-width:1180px;margin:0 auto;padding:44px 60px 54px;box-sizing:border-box;}
.k07__center{text-align:center;}
.k07__pill{display:inline-block;background:#0954A5;color:#fff;font-weight:700;font-size:20px;padding:11px 38px;border-radius:26px;box-shadow:0 3px 6px rgba(0,0,0,.18);}
.k07__h{text-align:center;color:#0954A5;font-weight:900;font-size:26px;margin:30px 0 20px;}
.k07__row{display:flex;gap:34px;align-items:flex-start;margin-bottom:6px;}
.k07__rowtext{flex:1;min-width:0;}
.k07__p{color:#333;font-weight:500;font-size:15px;line-height:1.85;margin:0;}
.k07__p--center{text-align:center;}
.k07__note{color:#888;font-weight:500;font-size:12px;line-height:1.6;margin:12px 0 0;}
.k07__sticker{flex:none;}
.k07__sticker img{display:block;width:221px;height:auto;}
.k07__divider{border-top:1px solid #9cc0e8;position:relative;margin:30px 0 32px;}
.k07__divider::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #4a86cf;}
.k07__flow{display:flex;gap:21px;justify-content:center;margin:24px 0 40px;}
.k07__step{flex:1 1 0;max-width:172px;background:#dae1eb;padding:20px 16px;box-sizing:border-box;}
.k07__step h3{color:#0954A5;font-weight:700;font-size:16px;text-align:center;margin:0 0 14px;line-height:1.4;}
.k07__step p{color:#555;font-weight:500;font-size:13px;line-height:1.75;margin:0;letter-spacing:.04em;}
.k07__long{border:1px solid #cfe0f0;border-radius:6px;padding:28px 40px;display:flex;gap:34px;align-items:center;}
.k07__longtext{flex:1;min-width:0;}
.k07__h--left{text-align:left;font-size:23px;margin:0 0 14px;}
.k07__longphoto{flex:none;}
.k07__longphoto img{display:block;width:200px;height:auto;border-radius:2px;}


/* ===== 管理ページ No.8（楽に頼めて、あとからも困らない／白地・青見出し＋全幅写真） ===== */
.k08{background:#fff;width:100%;padding:78px 0 42px;}
.k08__h{text-align:center;color:#0954A5;font-weight:900;font-size:46px;margin:0 0 92px;letter-spacing:.02em;}
.k08__photos img{display:block;width:100%;height:auto;}


/* ===== 管理ページ No.9（ご相談CTA：オレンジバナー＋3連絡方法） ===== */
.k09{background:#fff;width:100%;padding:40px 0 50px;}
.k09__inner{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.k09__banner{position:relative;max-width:760px;margin:0 auto;background:linear-gradient(90deg,#f24d00,#f7930d);color:#fff;font-weight:700;font-size:24px;text-align:center;padding:20px 24px;border-radius:8px;}
.k09__banner::after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-top:15px solid #f5850c;}
.k09__features{text-align:center;color:#4a4746;font-weight:700;font-size:22px;letter-spacing:.06em;margin:44px 0 30px;}
.k09__box{background:#f1f1f4;border-radius:12px;padding:26px 24px;display:flex;gap:22px;justify-content:center;}
.k09__card{flex:1 1 0;background:#fff;border-radius:10px;padding:0 0 18px;border:2px solid;box-sizing:border-box;}
.k09__card--tel{border-color:#f2a559;}
.k09__card--line{border-color:#66cf93;}
.k09__card--web{border-color:#6fabde;}
.k09__chead{color:#fff;font-weight:700;font-size:18px;text-align:center;padding:9px 10px;border-radius:22px;margin:14px 16px 16px;}
.k09__chead--tel{background:#f5820a;}
.k09__chead--line{background:#06c755;}
.k09__chead--web{background:#1f7fd4;}
.k09__tel{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;}
.k09__tel img{width:28px;height:auto;}
.k09__tel span{color:#16365c;font-weight:900;font-size:35px;letter-spacing:-.01em;}
.k09__hours{display:flex;align-items:center;gap:8px;justify-content:center;margin:0 16px 8px;}
.k09__hbadge{flex:none;border:1px solid #333;color:#333;font-size:11px;padding:2px 5px;border-radius:3px;white-space:nowrap;}
.k09__hbadge--s{background:#333;color:#fff;border-color:#333;}
.k09__htxt{color:#333;font-size:12px;line-height:1.4;}
.k09__imgbtn{display:block;}
.k09__imgbtn img{display:block;width:86%;max-width:280px;margin:0 auto 10px;height:auto;}
.k09__lnote{text-align:center;color:#1a9a52;font-weight:700;font-size:14px;margin:4px 0 0;}
.k09__clabel{margin:14px 16px 0;text-align:center;font-weight:700;font-size:14px;padding:8px;border-radius:5px;}
.k09__clabel--tel{background:#f6820a;color:#fff;}
.k09__clabel--line{background:#e2f6ea;color:#1a9a52;}
.k09__clabel--web{background:#dcebf8;color:#1f6fc0;}