/* アーバンフォース 管理相談LP */
*{box-sizing:border-box}
body{margin:0;background:#ffffff}
a{color:#0b2f86}a:hover{color:#06205e}
.lp{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:#312f2d;line-height:1.8;font-size:16px}
.mr{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif}
.inner{max-width:1200px;margin:0 auto;padding-inline:40px;box-sizing:content-box}
.sec{padding-block:88px}
.sec.blue{background:#e6f3fc}
.head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:48px}
.h2{margin:0;display:inline-block;background:#0b2f86;color:#ffffff;border-radius:6px;padding:10px 32px;font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;font-weight:700;font-size:28px;line-height:1.5}
.lead{margin:0;font-size:17px;color:#4a4744}
.orange{color:#ea5703}
.navy{color:#0b2f86}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:420px;min-height:72px;padding:0 40px;border-radius:12px;background:#ea5703;color:#ffffff;font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;font-weight:700;font-size:23px;text-decoration:none;box-sizing:border-box;box-shadow:0 4px 0 rgba(0,0,0,0.25)}
.cta:hover{background:#cf4d02;color:#ffffff}
.cta-arrow{width:26px;height:26px;border-radius:50%;background:#ffffff;color:#ea5703;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.card{background:#ffffff;border-radius:12px;box-shadow:0 2px 10px rgba(11,47,134,0.08)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g2--split{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr)}
details{background:#ffffff;border-radius:10px;padding:20px 24px;box-shadow:0 2px 10px rgba(11,47,134,0.06)}
summary{cursor:pointer;font-weight:700;font-size:17px}
.co th,.co td{text-align:left;padding:16px 20px;border-bottom:1px solid #dfe6ee;vertical-align:top;font-size:15px}
.co th{width:220px;background:#f5f8fb;font-weight:700}
.sticky{position:sticky;bottom:0;z-index:5;background:rgba(11,47,134,0.94);padding:12px 20px;display:flex;justify-content:center;align-items:center;gap:24px}
.sticky .msg{color:#ffffff;font-weight:700;font-size:18px}
.sticky .cta{min-height:56px;min-width:320px;font-size:19px}
.consultation{display:grid;grid-template-columns:44% 56%;min-height:480px;background:#ffffff;overflow:hidden;border-radius:20px;box-shadow:0 12px 35px rgba(13,34,66,.08);color:#102540}
.consultation__photo{background:url("images/consultation-photo.jpg") center center/cover no-repeat;min-height:450px}
.consultation__content{padding:clamp(28px,4vw,65px);display:flex;flex-direction:column;justify-content:center}
.consultation__eyebrow{color:#f35a08;font-weight:700;font-size:14px;letter-spacing:.05em}
.consultation__title{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;font-size:clamp(28px,3.3vw,49px);line-height:1.4;letter-spacing:-.025em;margin:15px 0 20px;font-weight:900}
.consultation__title strong{color:#f35a08;font-weight:900}
.consultation__description{font-size:clamp(14px,1.25vw,17px);line-height:1.9;margin:0 0 26px}
.consultation__button{background:linear-gradient(180deg,#ff7a28,#f04b00);color:#ffffff;text-decoration:none;font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;font-size:clamp(17px,1.7vw,23px);font-weight:900;border-radius:12px;min-height:72px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 5px 0 #d94100;transition:filter .2s,transform .2s}
.consultation__button:hover{filter:brightness(1.06);transform:translateY(-2px);color:#ffffff}
.consultation__button:focus-visible,.consultation a:focus-visible{outline:3px solid #2367db;outline-offset:4px}
.consultation__phone{margin:28px 0 15px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:14px}
.consultation__phone a{font-size:clamp(20px,2vw,27px);font-weight:800;color:#11439a;text-decoration:none}
.consultation__tenant{font-size:14px;margin:0;padding-top:17px;border-top:1px solid #e5eaf1}
.steps{list-style:none;margin:0 auto;padding:0;max-width:860px;display:flex;flex-direction:column}
.steps li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;position:relative;padding-bottom:24px}
.steps li:last-child{padding-bottom:0}
.steps li:not(:last-child)::before{content:"";position:absolute;left:37px;top:66px;bottom:2px;width:2px;background:#c9d3df}
.steps__no{width:76px;height:66px;border-radius:12px;background:#0b2f86;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.1}
.steps__no b{font-size:28px;font-weight:900;letter-spacing:0}
.steps li.is-owner .steps__no{background:#ffffff;color:#0b2f86;border:2px solid #0b2f86;box-sizing:border-box}
.steps li.is-owner .steps__body{background:#eef4ff;border-radius:10px;padding:12px 16px}
.steps__body{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:6px}
.steps__head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.steps__title{font-weight:900;font-size:18px;line-height:1.5}
.steps__body > div:last-child{font-size:15px !important}
.tag{display:inline-block;border-radius:999px;padding:1px 12px;font-size:12px;font-weight:700;line-height:1.6}
.tag--uf{background:#ea5703;color:#ffffff}
.tag--owner{background:#ffffff;color:#0b2f86;border:2px solid #0b2f86}
@media (max-width:600px){
.steps li{grid-template-columns:60px minmax(0,1fr);gap:14px}
.steps__no{width:60px;height:56px}
.steps__no b{font-size:22px}
.steps li:not(:last-child)::before{left:29px;top:56px}
.steps__title{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.consultation__button{transition:none}}
@media (max-width:800px){
.consultation{grid-template-columns:1fr;border-radius:15px}
.consultation__photo{min-height:270px;background-position:center 30%}
.consultation__content{padding:28px 22px 34px}
.consultation__title{font-size:clamp(27px,7vw,37px)}
.consultation__button{min-height:64px}
.consultation__phone{margin-top:24px}
}
@media (max-width:900px){
.inner{padding-inline:20px}
.sec{padding-block:56px}
.head{margin-bottom:32px}
.h2{font-size:21px;padding:8px 20px}
.g3,.g2,.g2--split{grid-template-columns:minmax(0,1fr)}
.cta{min-width:0;width:100%;font-size:19px;min-height:64px;padding:0 20px}
.sticky .msg{display:none}
.sticky .cta{min-width:0;width:100%}
.hero-h{font-size:28px !important}
.big{font-size:44px !important}
.co th{width:110px}
.svc{grid-template-columns:minmax(0,1fr) !important}
}

.lp-header__logo {
  display: block;
  width: clamp(110px, 22vw, 280px);
  height: auto;
  transform: translateY(-3px);
}
.lp-header__phone {
  font-size: 26px;
  font-weight: 900;
  text-decoration: none;
  color: #0b2f86;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .lp-header__phone {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .lp-header__logo {
    width: clamp(130px, 50vw, 180px);
    min-width: 0;
    object-fit: contain;
    transform: translateY(-2px);
  }
}