/* =====================================================
   遺品整理・片付けサービス 専用CSS
   対象ページID：2737
   ===================================================== */

.ihin-page{
  background:#FCFBF8;
}

.ihin-section{
  padding:72px 0;
}

.ihin-bg-white{
  background:#FFFFFF;
}

.ihin-bg-base{
  background:#FCFBF8;
}

.ihin-bg-light{
  background:#F8F3EB;
}

.ihin-bg-deep{
  background:#EFE5D6;
}

.ihin-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* ヘッダー */
.ihin-top-header{
  background:#FCFBF8;
  padding:30px 0;
}

.ihin-header-inner{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1.3fr 1.2fr 220px;
  gap:40px;
  align-items:center;
  padding:0 24px;
}

.ihin-logo img{
  width:100%;
  max-width:380px;
  height:auto;
}

.ihin-license p{
  margin:6px 0;
  font-size:15px;
  line-height:1.7;
}

.ihin-tel{
  text-align:left;
}

.tel-number{
  font-size:42px;
  color:#23374d;
  font-weight:700;
}

.tel-time{
  margin-top:8px;
  font-size:18px;
}

.ihin-buttons{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ihin-buttons a{
  display:block;
  text-align:center;
  color:#fff;
  text-decoration:none;
  padding:16px;
  font-size:18px;
  font-weight:700;
  border-radius:6px;
  transition:.25s;
}

.btn-orange{
  background:#F4A62A;
}

.btn-green{
  background:#5F7F50;
}

.ihin-buttons a:hover{
  opacity:.85;
}

/* ヒーロー内 3ポイント */
.hero-point-wrap{
  display:flex;
  gap:14px;
  margin-top:24px;
}

.hero-point-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:74px;
  padding:12px 18px;
  background:#fff;
  border:1px solid #e6ded2;
  border-radius:6px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

.hero-point-box img{
  width:28px !important;
  height:28px !important;
  object-fit:contain;
}

.hero-point-box p{
  margin:0;
  color:#174062;
  font-size:15px;
  font-weight:600;
  line-height:1.55;
  letter-spacing:.04em;
}

.orange,
.accent{
  color:#D89B42 !important;
  font-weight:600;
}

@media(max-width:900px){
  .ihin-header-inner{
    grid-template-columns:1fr;
    text-align:center;
    gap:25px;
  }

  .ihin-logo img{
    margin:auto;
  }

  .ihin-tel{
    text-align:center;
  }

  .tel-number{
    font-size:30px;
  }
}

@media(max-width:600px){
  .ihin-section{
    padding:48px 0;
  }

  .hero-point-wrap{
    gap:8px;
  }

  .hero-point-box{
    gap:8px;
    padding:10px 8px;
    min-height:64px;
  }

  .hero-point-box img{
    width:22px !important;
    height:22px !important;
  }

  .hero-point-box p{
    font-size:12px;
    line-height:1.45;
  }
}