/*
 * header
 * ----------------------------------------------------------------------------
 *
 */
.header-accent {
  display: none;
}

.header-layout {
  display: none;
}

.header-box {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 250;
  height: 56px;
  color: var(--ion-color-custom-black);
  background: var(--ion-color-custom-white);
  border-bottom: 1px solid var(--ion-header-border-color);
}

.header-box .content-inner {
  display: flex;
  justify-content: space-between;
}

.header-logo {
  width: 76.8px;
  height: 34.3px;
  margin-left: var(--space-size-16);
  margin-top: var(--space-size-12);
  vertical-align: bottom;
}

/* TODO:↓↓↓ 旧ヘッダーを使用している画面で崩れないよう存置。実装フェーズで不要になったら削除する ↓↓↓ */
.header-box-sp {
  position: sticky;
  top: 0;
  z-index: 250;
  height: 56px;
  background: var(--ion-color-custom-white);
  border-bottom: 1px solid var(--ion-header-border-color);
}

.header-logo-sp {
  width: 211.36px;
  height: 34.3px;
  margin-left: var(--space-size-16);
  vertical-align: bottom;
}

.header-box-sp .content-inner {
  padding: 11px 0;
}
/* TODO:↑↑↑ 旧ヘッダーを使用している画面で崩れないよう存置。実装フェーズで不要になったら削除する ↑↑↑ */

/* お問い合わせボタン */
.header-content-sp {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65px;
  padding: var(--space-size-8) 0 var(--space-size-10);
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--ion-header-border-color);
}

.header-content-sp span {
  padding-top: var(--space-size-4);
  color: var(--ion-color-custom-black);
  font-weight: bold;
  font-size: var(--font-size-10);
  font-family: var(--hiragino-font-6);
  line-height: 10px;
}