.direction {
  background-color: rgb(252, 207, 15);

  /*height: 90px;
  margin-top: 88px;*/
  height: 150px;
  margin-top: 88px;
}

.img-arrow-direction {
  margin-top: 4px;
  padding-bottom: 30px;
}

.direction-content-item > a:hover {
  text-decoration: none;
}

.direction-content-item p {
  font-size: 22px;
  font-weight: bold;
  margin: 60px 0 5px 0;
}

.detail-phone-text {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-top: 40px;
  border-radius: 35px;
  background-color: rgb(252, 207, 15);
}
.detail-phone-text .small {
  font-size: 14px;
}

.phone-flex-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 17px;
}

.phone-flex-content p {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.phones-gia {
  width: 90%;
  max-width: 760px;
  /* margin-left: 5%; */
  /* margin-top: 13px; */
  margin: 20px auto 0;
}

.phone-fix {
  font-size: 20px;
  width: 86%;
  margin: 40px auto 50px auto;
}

.phone-fix-text {
  font-size: 20px;
  margin: 0 0 30px;
  /*text-align: center;
  text-align: left;*/
}

.fix-item-name {
  font-weight: bold;
  font-size: 16px;
  max-width: 258px;
  margin: 20px auto 5px;
}
.fix-item-name--left {
  text-align: left;
}

.fix-text-under {
  font-size: 13px;
  text-align: center;
  margin-top: 25px;
}

.header-special {
  position: fixed;
}

.fix-text-desc,
.fix-3 {
  font-size: 20px;
}

.bt_banner {
	text-align: center;
  position: relative;
	margin: 0 0 80px 0;
}




@media only screen and (max-width: 979px) {
  .detail-phone-text {
    font-size: 20px;
    width: 94%;
    margin: 30px auto 15px auto;
  }
  .detail-phone-text {
    padding: 7px;
  }

  .phone-fix {
    font-size: 18px;
  }

  .phone-fix-text {
    font-size: 17px;
  }

  .phone-fix-sp-img {
    margin: 25px auto;
  }

  .text-column-3-sp {
    font-weight: bold;
    background-color: rgb(225, 237, 196);
    padding: 4px 20px;
    text-align: center;
    font-size: 12px;
  }

  .fix-text-desc,
  .fix-3 {
    font-size: 17px;
  }

  .direction {
    margin-top: 60px;
    height: 120px;
  }
	
.bt_banner-img {
	text-align: center;
	width: 90%;
}
}
/* ===== スマホもしも保険：中間幅（1100px〜769px）用 ヘッダー注釈文2行調整 ===== */
@media screen and (max-width: 1100px) and (min-width: 769px) {
  header.header-update .header-left-sub {
    font-size: 11px !important;      /* 小さめに固定 */
    line-height: 1.35 !important;    /* 行間をやや詰める */
    max-width: 380px;                /* 2行になる幅を確保（家財版基準） */
    margin-top: 4px;                 /* タイトルとの余白を自然に */
    display: block;
    text-align: left !important;     /* 左寄せを維持 */
    white-space: normal;             /* 強制改行を許可 */
    transform: translateY(-2px);     /* わずかに上げてバランス調整 */
  }

  header.header-update.header-special {
    height: auto !important;         /* 内容に応じた高さ確保 */
    padding-bottom: 10px;
  }
}
/* ===== 中間幅（1100px〜769px）：マイページ上下間隔の完全調整 ===== */
@media screen and (max-width: 1100px) and (min-width: 769px) {
  header.header-update.header-special .child2 .con-link__item {
    line-height: 1.1 !important;     /* 行間を詰める（最重要） */
    min-height: auto !important;     /* 不要な高さ制約を解除 */
    padding-bottom: 0 !important;
  }

  header.header-update.header-special .child2 .note {
    margin-top: -4px !important;     /* テキストとの間を密着 */
  }

  header.header-update.header-special .child2 .note__text {
    line-height: 1.2 !important;     /* 下の説明テキストも自然に */
  }
}