/* ヘッダー
================================================== */
.header_ly_box {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.header_ly_inner {
  display: table;
  width: 100%;
  height: 100%;
}

.header_ly_inner h1 {
  width: 100%;
  height: 100%;
}

/* ロゴ */
.header_bl_logoBox {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}


.header_bl_logoBox img {
  width: 100%;
  height: 100%;
  aspect-ratio: 258 / 58;
}


/*===============================================
●スマホ用（896px未満）
===============================================*/
@media screen and (max-width:896px) {

  .header_ly_box {
    height: 80px;
  }

  .header_ly_inner {
    padding: 15px 20.5px;
  }

  /* ロゴ */
  .header_bl_logoBox {
    width: var(--width_logoSP);
  }

  .header_bl_logoBox__inner {
    width: var(--width_logoSP);
    height: var(--height_logoSP);
  }

  /* PC用グローバルメニュー */
  .header_ly_inner>nav {
    display: none;
  }

}

/*===============================================
●PC・タブレット用（897px以上）
===============================================*/
@media screen and (min-width:897px) {

  .header_ly_box {
    max-width: 1440px;
    height: 150px;
  }

  .header_ly_inner {
    padding-left: 41px;
  }

  /* ロゴ */
  .header_bl_logoBox {
    width: clamp(var(--width_logoSP), var(--width_logoPC), var(--width_logoPC));
    height: clamp(var(--height_logoSP), var(--height_logoPC), var(--height_logoPC));
  }

  .header_bl_logoBox__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    width: 100%;
    height: 100%;
  }

  /* PC用グローバルメニュー */
  .header_ly_inner>nav {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - (var(--width_logoPC)) - 40px - 132px);
  }


}