:root{--brand:#063e82;--brand-deep:#061c36;--accent:#ffe000;--cta:#e22922;--pale:#fff8e7;--ink:#10151b}
html{background-color:var(--brand-deep)}
.sec_02{background-color:var(--brand)}
.sec_03{background-color:color-mix(in srgb,var(--accent) 38%,white)}
.sec_04{background-color:var(--pale)}
#sec_07{background-color:var(--pale)}
.ansin{background-color:var(--pale)}
.step_title{color:var(--brand)}
.sec_06_h2,.q_box{background-color:var(--brand-deep)}
.qa_contents{border-color:var(--brand-deep)}
#sec_07 h2{background-color:var(--brand-deep)}
.form_lead,.form_fallback a{color:var(--brand-deep)}
.footer{background-color:var(--brand-deep)}

/* ヘッダーの既存ロゴ */
.header_logo{width:42%;padding:0;flex-grow:0}
.header_logo img{width:100%;height:auto}
.header_right{width:58%}
.header_mail strong{font-size:clamp(10px,2.3vw,14px);white-space:nowrap}
.header_tel strong{font-size:clamp(12px,2.9vw,18px)}

/* ④ お問い合わせから点検・修理までの流れ */
.step_box{display:grid;grid-template-columns:38% minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:1rem;align-items:center;width:100%;padding:2.75rem 1rem 1.5rem;text-align:left;writing-mode:horizontal-tb}
.step_number{position:absolute;top:0;left:20%;width:20%;transform:translate(-50%,-50%);font-size:clamp(1.45rem,6vw,2.7rem);line-height:1;text-align:center;white-space:nowrap;writing-mode:horizontal-tb}
.step_box img{grid-column:1;grid-row:1 / 3;width:100%;margin:0;writing-mode:horizontal-tb}
.step_box h3{grid-column:2;grid-row:1;margin:0 0 .5rem;font-size:clamp(1.35rem,5vw,2.2rem);line-height:1.35;word-break:normal;writing-mode:horizontal-tb}
.step_box p{grid-column:2;grid-row:2;margin:0;word-break:normal;writing-mode:horizontal-tb}

/* FV */
.fv .fv-copy-top h1{padding:clamp(12px,2.2vw,16px) 10px clamp(14px,2.5vw,18px);font-size:clamp(26px,6.5vw,42px)}
.fv-copy-side{width:46%;max-width:46%}
.fv-lead{font-size:clamp(11px,2.2vw,15px)!important;word-break:keep-all;overflow-wrap:normal}
.fv-tags{grid-template-columns:repeat(2,minmax(0,1fr))}
.fv-tags li{font-size:clamp(8px,1.8vw,12px)}
.fv-tags li,.fv-tags li:nth-child(n+4){grid-column:auto}
.fv-tags li:last-child{grid-column:span 2}
.laurel strong{position:relative;z-index:2;max-width:62%;color:var(--brand-deep);font-size:clamp(10px,2.8vw,18px);font-weight:900;line-height:1.15;word-break:keep-all}

/* 共通電話CTA */
.tel_btn{background:linear-gradient(to bottom,color-mix(in srgb,var(--cta) 84%,white) 0%,var(--cta) 52%,color-mix(in srgb,var(--cta) 78%,black) 100%);box-shadow:0 5px 0 color-mix(in srgb,var(--cta) 55%,black)}
.tel_btn strong{color:#fff;font-size:clamp(30px,8vw,52px);font-weight:900;line-height:1.12;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:clamp(1px,.3vw,2px) var(--ink)}
.tel_btn strong i{color:#fff;font-style:normal;-webkit-text-stroke:0}
.tel_btn small{display:block;font-size:clamp(9px,2.6vw,14px);line-height:1.3;letter-spacing:-.02em;white-space:nowrap}

/* ① 悩み */
.trouble-title{word-break:keep-all;overflow-wrap:normal}
.trouble-break-narrow{display:none}
.nayami_grid figcaption{min-height:4.2em;display:flex;align-items:center;justify-content:center;line-height:1.35}
.omakase>div{width:72%;padding-top:24px}
.omakase strong{font-size:clamp(23px,5.4vw,38px);word-break:keep-all;overflow-wrap:normal}

/* ② 事例 */
.jirei_sub_icon{padding:.4rem 1.2rem;font-size:14px}
.other-services{margin:0 0 2rem;padding:1.2rem;background:#fff;border:4px solid var(--ink);border-radius:18px}
.other-services h3{margin:0 0 1rem;text-align:center;font-size:clamp(20px,5vw,28px)}
.other-services ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:0;padding:0;list-style:none}
.other-services li{padding:.45rem .8rem;background:var(--accent);border:2px solid var(--ink);border-radius:999px;font-size:clamp(12px,3.1vw,16px);font-weight:900}

/* ③ 理由 */
.reason_box h3{line-height:1.35}
.reason_box p{flex:1}

/* ⑤ 準備情報 */
.prep-inner img{width:62%}
.prep-list{margin:1rem 0 1.2rem;padding:0;list-style:none;text-align:left}
.prep-list li{position:relative;margin:.65rem 0;padding:.65rem .7rem .65rem 2.5rem;background:var(--pale);border:2px solid var(--brand-deep);border-radius:10px;font-size:clamp(15px,3.6vw,20px);font-weight:800;line-height:1.4}
.prep-list li::before{position:absolute;left:.75rem;color:var(--brand);content:"✓";font-weight:900}

/* ⑦ フォーム */
.form_frame iframe{display:block;width:100%;border:0;background:#fff}
.form-phone-inline:link,.form-phone-inline:visited,.form-phone-inline:hover,.form-phone-inline:active{color:var(--brand-deep);text-decoration:underline}

/* フッター */
.footer-logo{display:block;width:50%;height:auto;margin:0 auto 1rem}
.footer p{margin:0 0 .75rem!important}

@media(max-width:480px){
  .trouble-break-narrow{display:block}
  .header_logo{width:45%}
  .header_right{width:55%}
  .header_mail{width:34%}
  .header_tel{width:66%}
  .header_tel strong{font-size:12px}
  .header_tel span{font-size:9px}
  .fv-copy-side{width:52%;max-width:52%}
  .fv-tags{width:91%}
  .omakase>div{width:76%;padding-top:16px}
  .omakase strong{font-size:clamp(17px,4.6vw,22px)}
  .web_cta{font-size:clamp(17px,5.1vw,22px)!important}
  #sec_07 .form-title{font-size:clamp(32px,9vw,40px)}
  .form_frame iframe{height:820px}
}