@charset "utf-8";
/* ============================================================
   トップページ 明るい配色への切り替え（2026-09-20 株式会社きびだんご）
   参考にした見せ方: 白基調＋淡いミントの面、角の丸いカード、ピル型のボタン。
   home-warm.css（クリーム＋濃い青緑）の上に重ねて、トップだけ色とあしらいを差し替える。
   ヘッダー・フッター・スマホ下部の固定ボタンには触らない。
   ============================================================ */

/* ---- 色と基本の決めごと ---- */
.rnw .mt-home-design{
  --ink:#1a293d;          /* 文字の基本色（濃い紺） */
  --ink-2:#4a5a6e;
  --navy:#1a293d;
  --navy-d:#121f30;
  --navy-p:#eef5f7;
  --mint:#00c5b0;         /* アクセント（面の線・印） */
  --mint-d:#00a294;
  --mint-p:#e2f4f2;       /* 淡いミントの面 */
  --mint-p2:#f3fbfa;
  --orange:#ff9900;       /* 申し込みボタン */
  --orange-d:#ef8b00;
  --green:#00b554;        /* 電話・LINEなど */
  --green-p:#eaf7ef;
  --line:#e3ebee;
  --bg-2:#ffffff;
  --mt-cream:#ffffff;
  --mt-yellow:var(--mint);
  --km-black:#1a293d;
  --r:16px;
  color:var(--ink);
  background:#fff;
}
.rnw .mt-home-design :is(h2,h3,h4){color:var(--ink);}
.rnw .mt-home-design p,.rnw .mt-home-design li,.rnw .mt-home-design dd{color:var(--ink);}
.rnw .mt-home-design.sec{padding:100px 0;}

/* ---- 見出し ---- */
.rnw .mt-home-design .km-heading{font-family:"Noto Sans JP",var(--font-head);font-size:44px;font-weight:700;letter-spacing:.01em;}
.rnw .mt-home-design .km-lockup{font-family:"Noto Sans JP",var(--font-head);font-weight:700;}
/* 見出し脇の黄色い斜め線はやめて、下に短い線を1本引く */
.rnw .mt-home-design .km-lockup::before{content:"";position:absolute;top:auto;bottom:-18px;left:50%;right:auto;transform:translateX(-50%);width:56px;height:4px;border-radius:4px;background:var(--mint);}
.rnw .mt-home-design .km-lockup::after{display:none;}
.rnw .mt-home-design .km-line-0{color:var(--mint-d);font-weight:700;}
.rnw .mt-home-design .h2-lead{margin-top:40px;color:var(--ink-2);}

/* ---- ボタン ---- */
.rnw .mt-home-design .btn{border-radius:999px;padding:16px 42px;min-height:56px;font-weight:700;font-size:17px;background:var(--mint);border:2px solid var(--mint);color:#fff;transition:background .2s,border-color .2s,color .2s;}
.rnw .mt-home-design .btn:hover{background:var(--mint-d);border-color:var(--mint-d);transform:none;}
.rnw .mt-home-design .btn-b{background:var(--ink);border-color:var(--ink);color:#fff;}
.rnw .mt-home-design .btn-b:hover{background:var(--navy-d);border-color:var(--navy-d);}
.rnw .mt-home-design .btn-cv{background:var(--orange);border-color:var(--orange);color:#fff;}
.rnw .mt-home-design .btn-cv:hover{background:var(--orange-d);border-color:var(--orange-d);}
.rnw .mt-home-design .btn-gh{background:#fff;border-color:var(--mint);color:var(--mint-d);}
.rnw .mt-home-design .btn-gh:hover{background:var(--mint-p);color:var(--mint-d);}
.rnw .mt-home-design .btn:focus-visible{outline:3px solid var(--orange);outline-offset:4px;}

/* ============ メインビュー ============ */
.rnw .mt-home-design.mt-hp-hero{background:#fff;padding:0;overflow:hidden;}
.rnw .mt-home-design.mt-hp-hero::before{display:none;}
.rnw .mt-hp-hero .hp-hero-in{
  position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:end;
  max-width:1240px;padding:28px 24px 0;gap:0;
}
.rnw .mt-hp-hero .hp-hero-copy{padding:10px 0 calc(var(--bnr-over) + 20px);position:relative;z-index:2;}
.rnw .mt-hp-hero .hp-hero-note{
  display:inline-flex;align-items:center;gap:14px;font-size:17px;font-weight:700;color:var(--mint-d);margin-bottom:14px;
}
.rnw .mt-hp-hero .hp-hero-note::before,.rnw .mt-hp-hero .hp-hero-note::after{content:"";width:3px;height:22px;border-radius:3px;background:var(--mint);}
.rnw .mt-hp-hero .hp-hero-note::before{transform:rotate(-24deg);}
.rnw .mt-hp-hero .hp-hero-note::after{transform:rotate(24deg);}
.rnw .mt-hp-hero .hp-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.rnw .mt-hp-hero .hp-hero-tags li{
  background:var(--mint);color:#fff;font-size:19px;font-weight:700;letter-spacing:.02em;
  padding:8px 22px;border-radius:6px;
}
.rnw .mt-hp-hero .hp-hero-catch{margin:0 0 20px;}
.rnw .mt-hp-hero .hp-hero-catch img{width:min(100%,470px);height:auto;}
.rnw .mt-hp-hero .hp-hero-area{
  display:inline-flex;align-items:center;gap:16px;background:var(--mint-p);border-radius:6px;
  padding:12px 24px 12px 0;font-size:18px;font-weight:700;color:var(--ink);margin-bottom:24px;
}
.rnw .mt-hp-hero .hp-hero-area .lbl{
  position:relative;background:var(--orange);color:#fff;font-size:15px;letter-spacing:.06em;
  padding:12px 26px 12px 20px;border-radius:6px 0 0 6px;
}
.rnw .mt-hp-hero .hp-hero-area .lbl::after{content:"";position:absolute;top:0;right:-14px;border:0 solid transparent;border-width:24px 0 24px 14px;border-left-color:var(--orange);}
.rnw .mt-hp-hero .hp-hero-stats{display:flex;align-items:center;gap:28px;}
.rnw .mt-hp-hero .hp-hero-stats li{
  display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:baseline;
  justify-content:start;column-gap:4px;line-height:1.3;
  padding-right:28px;border-right:1px solid var(--line);
}
.rnw .mt-hp-hero .hp-hero-stats li>span:first-child{grid-column:1/-1;}
.rnw .mt-hp-hero .hp-hero-stats li:last-child{border-right:0;padding-right:0;}
.rnw .mt-hp-hero .hp-hero-stats span{font-size:15px;font-weight:700;color:var(--ink-2);}
.rnw .mt-hp-hero .hp-hero-stats strong{font-size:38px;font-weight:900;color:var(--mint-d);letter-spacing:.01em;}
.rnw .mt-hp-hero .hp-hero-stats .unit{font-size:20px;font-weight:700;color:var(--mint-d);}
.rnw .mt-hp-hero .hp-hero-photo{position:relative;align-self:end;padding-bottom:calc(var(--bnr-over) * .45);}
.rnw .mt-hp-hero .hp-hero-photo::before{
  content:"";position:absolute;left:6%;bottom:0;width:88%;aspect-ratio:1;border-radius:50%;background:var(--mint-p);z-index:0;
}
.rnw .mt-hp-hero .hp-hero-photo img{position:relative;z-index:1;width:100%;margin:0 auto;}
.rnw .mt-hp-hero .hp-hero-news{
  position:absolute;right:24px;bottom:calc(var(--bnr-over) + 16px);z-index:3;display:flex;align-items:center;gap:18px;
  background:#fff;border-radius:10px;padding:18px 26px;box-shadow:0 6px 24px rgba(26,41,61,.1);max-width:440px;
}
.rnw .mt-hp-hero .hp-hero-news .lbl{background:var(--mint-p);color:var(--mint-d);font-size:14px;font-weight:700;letter-spacing:.08em;padding:10px 16px;border-radius:6px;}
.rnw .mt-hp-hero .hp-hero-news .body{display:flex;flex-direction:column;gap:4px;}
.rnw .mt-hp-hero .hp-hero-news time{font-size:14px;color:var(--ink-2);}
.rnw .mt-hp-hero .hp-hero-news .t{font-size:16px;font-weight:700;color:var(--ink);}
.rnw .mt-hp-hero .hp-hero-news:hover{background:var(--mint-p2);}

/* 丸バナーの地は透かして、上はFVの白・下は帯のミントが見えるようにする */
.rnw .rnw-bnr{background:transparent;}
.rnw .rnw-bnr .bnr-row a{border-color:#fff;}

/* ============ 相談導線の帯 ============ */
.rnw .mt-home-design.mt-hp-band{background:var(--mint-p);padding:44px 0;}
.rnw .rnw-bnr + .mt-home-design.mt-hp-band{margin-top:calc(var(--bnr-ext) * -1);padding-top:calc(var(--bnr-ext) + 44px);}
.rnw .mt-hp-band .hp-band-in{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.rnw .mt-hp-band .hp-band-copy h2{font-size:30px;font-weight:700;line-height:1.5;}
.rnw .mt-hp-band .hp-band-copy p{margin-top:10px;font-size:16px;color:var(--ink-2);}
.rnw .mt-hp-band .hp-band-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.rnw .mt-hp-band .btn-tel{
  display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:2px solid var(--green);
  border-radius:999px;padding:12px 34px;text-align:center;
}
.rnw .mt-hp-band .btn-tel .num{font-size:26px;font-weight:900;color:var(--green);letter-spacing:.02em;}
.rnw .mt-hp-band .btn-tel .hours{font-size:13px;color:var(--ink-2);}
.rnw .mt-hp-band .btn-tel:hover{background:var(--green-p);}

/* ============ 社長からのメッセージ ============ */
.rnw .mt-home-design.pres{background:var(--mint-p2);color:var(--ink);padding:100px 0;}
.rnw .mt-home-design.pres::after{display:none;}
.rnw .mt-home-design .pres-catch{color:var(--ink);}
.rnw .mt-home-design .pres-catch strong{color:var(--mint-d);}
.rnw .mt-home-design .pres-body{background:#fff;border-radius:20px;padding:40px;}
.rnw .mt-home-design .pres-body p{color:var(--ink);font-size:17px;line-height:1.9;}
.rnw .mt-home-design .pres-body b{color:var(--mint-d);}
.rnw .mt-home-design .pres-body .btn{background:var(--orange);border-color:var(--orange);color:#fff;}
.rnw .mt-home-design .pres-body .btn:hover{background:var(--orange-d);border-color:var(--orange-d);}

/* ============ 選ばれる理由 ============ */
.rnw .mt-home-design .reason{border:1px solid var(--line);border-radius:20px;background:#fff;}
.rnw .mt-home-design .r-num .no{background:var(--mint);color:#fff;}
.rnw .mt-home-design .evi{background:var(--mint-p);border-radius:14px;}
.rnw .mt-home-design .evi dt{background:var(--mint-d);color:#fff;}
.rnw .mt-home-design .pickup{background:var(--green-p);}

/* ============ サービス一覧・お客様の声（黄色の面をやめる） ============ */
.rnw .mt-home-design#menu,.rnw .mt-home-design#voice{background:var(--mint-p);border-radius:0;}
.rnw .mt-home-design#menu .km-lockup::before,.rnw .mt-home-design#voice .km-lockup::before{background:var(--mint-d);}
.rnw .mt-home-design .menu-item{background:#fff;border-radius:16px;border-color:transparent;}
.rnw .mt-home-design .menu-item:hover{border-color:var(--mint);}
.rnw .mt-home-design .menu-item h3 svg{background:var(--mint);}
.rnw .mt-home-design .voice{background:#fff;border-radius:16px;}
.rnw .mt-home-design .voice blockquote{color:var(--ink);}
.rnw .mt-home-design .voice .stars{color:var(--orange);}
.rnw .mt-home-design .vs-btn{background:var(--orange);color:#fff;}

/* ============ 比較表 ============ */
.rnw .mt-home-design .cost-tbl{border-color:var(--line);border-radius:16px;}
.rnw .mt-home-design .cost-tbl :is(th,td){border-right-color:var(--line);border-bottom-color:var(--line);}
.rnw .mt-home-design .cost-tbl thead th{background:var(--ink);color:#fff;}
.rnw .mt-home-design .cost-tbl tbody th{background:var(--mint-p2);}
.rnw .mt-home-design .cost-extra{background:#fff;border-color:var(--mint);border-radius:16px;}

/* ============ 施工実績（濃紺の面をやめて白地に） ============ */
.rnw .mt-home-design#works{background:#fff;--ink:#1a293d;--km-black:#1a293d;}
.rnw .mt-home-design#works .km-heading{color:var(--ink);}
.rnw .mt-home-design#works .lp-slider-02__lead{color:var(--ink-2);}
.rnw .mt-home-design#works .lp-slider-02__card{background:#fff;border:1px solid var(--line);border-radius:16px;}
.rnw .mt-home-design#works .btn-gh{color:var(--mint-d);border-color:var(--mint);}
.rnw .mt-home-design#works .lp-slider-02__arrow{background:var(--mint);color:#fff;border-color:var(--mint);}
.rnw .mt-home-design#works .lp-slider-02__arrow::before{border-color:#fff;}
.rnw .mt-home-design .ba .lb{background:var(--ink);}
.rnw .mt-home-design .ba .lb.a{background:var(--mint-d);}

/* ============ 解体の流れ ============ */
.rnw .mt-home-design .step{background:#fff;border-color:var(--line);border-radius:16px;}
.rnw .mt-home-design .step .no{background:var(--mint);color:#fff;}
.rnw .mt-home-design .step p{color:var(--ink-2);}

/* ============ 対応エリア・お知らせ・お役立ち情報 ============ */
.rnw .mt-home-design .area-in{background:var(--mint-p2);border-radius:20px;}
.rnw .mt-home-design .area-tags a.main{background:#fff;color:var(--mint-d);border-color:var(--mint);}
.rnw .mt-home-design#news{background:var(--mint-p);}
.rnw .mt-home-design .news-line{border-radius:16px;}
.rnw .mt-home-design .cols.cols-3 .col-a{border-color:var(--line);border-radius:16px;}

/* ============ お問い合わせ ============ */
.rnw .mt-home-design.mt-contact-scope .rnw-contact{background:var(--mint-p);}
.rnw .mt-home-design .rnw-contact>.wrap{background:#fff;border:0;border-radius:24px;box-shadow:0 6px 28px rgba(26,41,61,.08);}
.rnw .mt-home-design .rnw-contact .ct{background:var(--mint-p2);border-radius:16px;}
.rnw .mt-home-design .rnw-contact .ct .num{color:var(--green);}
.rnw .mt-home-design .rnw-contact .ct .btn{background:var(--orange);border-color:var(--orange);color:#fff;}
.rnw .mt-home-design .shoot{background:var(--mint-p2);}

/* ============ 画面が狭いとき ============ */
@media(max-width:960px){
  .rnw .mt-home-design.sec{padding:72px 0;}
  .rnw .mt-hp-hero .hp-hero-in{grid-template-columns:1.06fr .94fr;padding:20px 20px 0;}
  .rnw .mt-hp-hero .hp-hero-catch img{width:min(100%,420px);}
  .rnw .mt-hp-hero .hp-hero-news{position:static;margin:0 0 24px;max-width:none;grid-column:1/-1;}
  .rnw .mt-hp-hero .hp-hero-copy{padding-bottom:32px;}
  .rnw .mt-home-design.pres{padding:72px 0;}
  .rnw .mt-home-design .pres-body{padding:28px;}
  .rnw .mt-hp-band .hp-band-in{flex-direction:column;align-items:stretch;text-align:center;}
  .rnw .mt-hp-band .hp-band-btns{justify-content:center;}
}
@media(max-width:620px){
  .rnw .mt-home-design.sec{padding:56px 0;}
  .rnw .mt-home-design .km-heading{font-size:28px;}
  .rnw .mt-hp-hero .hp-hero-in{grid-template-columns:1fr;padding:16px 16px 0;}
  .rnw .mt-hp-hero .hp-hero-copy{padding-bottom:0;}
  .rnw .mt-hp-hero .hp-hero-note{font-size:15px;}
  .rnw .mt-hp-hero .hp-hero-tags li{font-size:16px;padding:6px 16px;}
  .rnw .mt-hp-hero .hp-hero-catch img{width:min(100%,340px);margin:0 auto;}
  .rnw .mt-hp-hero .hp-hero-area{font-size:15px;gap:12px;padding-right:16px;width:100%;}
  .rnw .mt-hp-hero .hp-hero-area .lbl{font-size:13px;padding:10px 18px 10px 14px;}
  .rnw .mt-hp-hero .hp-hero-area .lbl::after{border-width:21px 0 21px 12px;right:-12px;}
  .rnw .mt-hp-hero .hp-hero-stats{gap:18px;}
  .rnw .mt-hp-hero .hp-hero-stats strong{font-size:30px;}
  .rnw .mt-hp-hero .hp-hero-photo{max-width:340px;margin:0 auto;}
  .rnw .mt-hp-hero .hp-hero-news{padding:14px 18px;gap:12px;}
  .rnw .mt-hp-hero .hp-hero-news .t{font-size:15px;}
  .rnw .mt-home-design.mt-hp-band{padding:32px 0;}
  .rnw .mt-hp-band .hp-band-copy h2{font-size:22px;}
  .rnw .mt-hp-band .btn-tel{padding:10px 24px;}
  .rnw .mt-hp-band .btn-tel .num{font-size:22px;}
  .rnw .mt-home-design .pres-body{padding:22px;}
}