@charset "utf-8";

/* ===== メインビジュアル ===== */
.mv{
  display:flex;
  align-items:center;
  min-height:31.25rem;
  padding:4rem 0;
}
.mv-bg{
  width:60%;
}
.mv-in{
  width:88%;
}
.mv-eye{
  margin-bottom:1rem;
}
.mv-ttl{
  margin-bottom:1.5rem;
}
.mv-sub{
  margin-bottom:1.25rem;
}
.mv-lead{
  width:60%;
  max-width:34rem;
  margin-bottom:2.25rem;
}
.mv-pt{
  gap:1rem;
  width:60%;
  max-width:34rem;
}
.mv-pt li{
  width:33.333%;
  padding:1rem .5rem;
}

/* ----- ワイド画面対策 ----- */
@media screen and (min-width:1440px){
  .mv{
    min-height:35rem;
  }
  .mv-bg{
    width:58%;
  }
}
@media screen and (min-width:1800px){
  .mv{
    min-height:40rem;
  }
  .mv-bg{
    width:56%;
  }
}

/* ===== 管理会社の見直し訴求 ===== */
.mrv{
  padding:4.5rem 0 4rem;
}
.mrv-eye{
  margin-bottom:1rem;
}
.mrv-ttl{
  margin-bottom:2rem;
}
.mrv-tx{
  margin-bottom:2rem;
}
.mrv-q{
  margin-bottom:2rem;
  padding:1.75rem 2rem;
}
.mrv-tag{
  gap:2rem;
  margin-bottom:2.25rem;
}
.mrv-tag li{
  padding:1rem 1.25rem;
}

/* ===== 管理会社変更の流れ ===== */
.flow{
  padding:4.5rem 0 5rem;
}
.flow-eye{
  margin-bottom:1rem;
}
.flow-ttl{
  margin-bottom:1.5rem;
}
.flow-lead{
  margin-bottom:3rem;
}
.flow-list{
  gap:1.5rem;
}
.flow-list li{
  width:calc(50% - .75rem);
  padding:1.75rem 1.75rem 2rem;
}
.flow-num{
  margin-bottom:1rem;
}
.flow-st{
  margin-bottom:1rem;
}

/* ===== 選ばれる理由 ===== */
.reason{
  padding:4.5rem 0 5rem;
}
.reason-eye{
  margin-bottom:1rem;
}
.reason-ttl{
  margin-bottom:2.5rem;
}
.reason-list{
  gap:1.75rem;
  align-items:stretch;
}
.card{
  width:calc(50% - .875rem);
  padding:2.5rem 2rem 2.75rem;
}
.card-w{
  width:100%;
  padding:2.5rem 2.5rem;
}
.num{
  margin-bottom:1.25rem;
}
.card-ttl{
  margin-bottom:1rem;
}
.card-sub{
  margin-bottom:.75rem;
}
.card-w .card-tx{
  margin-bottom:2rem;
}

/* ----- 実績データ ----- */
.data{
  width:88%;
  margin-inline:auto;
  gap:1.75rem;
}
.data-it{
  padding:1.5rem 1rem 1.75rem;
}
.data-it dt{
  margin-bottom:.25rem;
}

/* ===== お問い合わせ誘導 ===== */
.cta{
  padding:4rem 0 4.5rem;
}
.cta-box{
  padding:3.5rem 4% 4rem;
}
.cta-ttl{
  margin-bottom:1.5rem;
}
.cta-tx{
  width:70%;
  margin:0 auto 2.5rem;
}
.cta-btn{
  min-width:28rem;
  padding:1.375rem 3rem;
}

/* ===== 大規模修繕：ページ見出し ===== */
.phead{
  display:flex;
  align-items:center;
  min-height:31.25rem;
  padding:4rem 0;
}
.phead-bg{
  width:60%;
}
.phead-in{
  width:88%;
}
.phead-body{
  width:60%;
  max-width:34rem;
}
.phead-eye{
  margin-bottom:1.25rem;
}
.phead-ttl{
  margin-bottom:1.75rem;
}

/* ----- ワイド画面対策 ----- */
@media screen and (min-width:1440px){
  .phead{
    min-height:35rem;
  }
  .phead-bg{
    width:58%;
  }
}
@media screen and (min-width:1800px){
  .phead{
    min-height:40rem;
  }
  .phead-bg{
    width:56%;
  }
}

/* ===== 大規模修繕：中間マージンのカット ===== */
.mrg{
  padding:4.5rem 0 5rem;
}
.mrg-eye{
  margin-bottom:1rem;
}
.mrg-ttl{
  margin-bottom:1.75rem;
}
.mrg-tx + .mrg-tx{
  margin-top:.5rem;
}

/* ----- 関係図 ----- */
.rel{
  width:70%;
  margin:3rem auto 0;
  padding:2.5rem 4% 3rem;
}
.rel-box{
  width:60%;
  padding:1.125rem 1.5rem;
}
.rel-arw{
  width:60%;
  gap:1rem;
  padding:1rem 0;
}
.rel-out{
  width:100%;
  gap:1.5rem;
  margin-top:.5rem;
}
.rel-out li{
  padding:1rem 1.25rem;
}

/* ===== 大規模修繕：長期修繕計画 ===== */
.plan{
  padding:4.5rem 0 5rem;
}
.plan-eye{
  margin-bottom:1rem;
}
.plan-ttl{
  margin-bottom:1.75rem;
}
.plan-sub{
  margin:0 auto 2.75rem;
  padding:.875rem 2.75rem;
}
.plan-list{
  gap:1.75rem;
}
.pcard{
  width:calc(33.333% - 1.166rem);
  padding:2.25rem 1.75rem 2.5rem;
}
.pnum{
  margin-inline:auto;
  margin-bottom:1.25rem;
}
.pcard-ttl{
  text-align:center;
  margin-bottom:.875rem;
}
.plan-img{
  width:100%;
  margin:3rem auto 0;
}
.plan-msg{
  margin-top:2.5rem;
}

/* ===== 上部へ戻る ===== */
.ptop{
  right:2rem;
  bottom:2rem;
  width:3.5rem;
  height:3.5rem;
}