@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* -----------------
NEW header
-------------------- */
:root {
  --header-height: 90px;
}

html {
	scroll-padding-top: 90px;
}

@media screen and (max-width: 979px) {
	html {
		scroll-padding-top: 60px;
	}
}

@media screen and (max-width: 979px) {
  :root {
    --header-height: 60px;
  }
}
.l-header {
  height: var(--header-height);
  background: #fff;
}
.l-header a,
.l-header button {
  transition: color 0.3s, opacity 0.3s;
}
.l-header__inner {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  padding-left: 6.0761346999vw;
  width: 100%;
  height: var(--header-height);
  background: #1A1D22;
}
@media screen and (max-width: 979px) {
  .l-header__inner {
    padding-left: 0;
    background: #fff;
  }
}
@media print {
  .l-header__inner {
    position: static;
  }
}
.l-header__logo {
  margin-right: auto;
  width: min(206px, 16.09375vw);
}
@media screen and (max-width: 979px) {
  .l-header__logo {
    width: min(152px, 38.9743589744vw);
  }
}
.l-header__logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0 0 min(4px, 0.3125vw);
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 979px) {
  .l-header__logo-link {
    padding: min(5px, 1.2820512821vw) min(18px, 4.6153846154vw) 0;
  }
}
.l-header__logo-image {
  width: 100%;
}
@media screen and (min-width: 980px) {
  .l-header__logo-image {
    max-width: min(122px, 9.53125vw);
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav {
    display: flex;
    padding: 14px min(5px, 0.390625vw) 0;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav {
    display: none;
    position: fixed;
    inset: var(--header-height) 0 0;
  }
}
.l-header__gnav-inner {
  display: flex;
}
@media screen and (min-width: 980px) {
  .l-header__gnav-inner {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-inner {
    flex-direction: column;
    padding-block: 33px 80px;
    height: 100%;
    background: #000;
    overflow: auto;
  }
}
.l-header__gnav-lang {
  line-height: 1;
}
@media screen and (min-width: 980px) {
  .l-header__gnav-lang {
    position: relative;
    margin-bottom: auto;
    padding: 0 10px;
  }
  .l-header__gnav-lang:hover .l-header__gnav-lang-text, .l-header__gnav-lang:focus-visible .l-header__gnav-lang-text {
    opacity: 0;
    pointer-events: none;
  }
  .l-header__gnav-lang:hover .l-header__gnav-lang-list, .l-header__gnav-lang:focus-visible .l-header__gnav-lang-list {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-lang {
    order: 0;
  }
}
.l-header__gnav-lang-text {
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3rem;
  line-height: 1.4615384615;
  color: #ccc;
  position: relative;
  padding-left: 15px;
  transition: opacity 0.3s;
}
@media screen and (max-width: 979px) {
  .l-header__gnav-lang-text {
    display: none;
  }
}
.l-header__gnav-lang-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M8.374,3.375H8.357a5,5,0,0,0,0,10h.017a5,5,0,1,0,0-10ZM12.7,8.037H10.84A9.464,9.464,0,0,0,10.6,6.206,7.321,7.321,0,0,0,11.8,5.7,4.306,4.306,0,0,1,12.7,8.037Zm-4.667,0H6.552a8.542,8.542,0,0,1,.211-1.661,7.312,7.312,0,0,0,1.274.171Zm0,.673V10.2a7.343,7.343,0,0,0-1.274.171A8.541,8.541,0,0,1,6.552,8.71Zm.673,0h1.473a8.492,8.492,0,0,1-.211,1.656A7.173,7.173,0,0,0,8.71,10.2Zm0-.673V6.547a7.343,7.343,0,0,0,1.262-.168,8.517,8.517,0,0,1,.211,1.658ZM11.339,5.2a6.676,6.676,0,0,1-.913.373,4.962,4.962,0,0,0-.637-1.31A4.349,4.349,0,0,1,11.339,5.2Zm-1.548.546a6.764,6.764,0,0,1-1.081.144V4.13A2.912,2.912,0,0,1,9.792,5.749ZM8.037,4.12V5.891a6.647,6.647,0,0,1-1.093-.147A2.91,2.91,0,0,1,8.037,4.12Zm-1.1.154a5,5,0,0,0-.632,1.3,6.827,6.827,0,0,1-.9-.37A4.284,4.284,0,0,1,6.941,4.274ZM4.949,5.7a7.176,7.176,0,0,0,1.182.5A9.083,9.083,0,0,0,5.9,8.035H4.046A4.283,4.283,0,0,1,4.949,5.7ZM4.043,8.71H5.894a9.44,9.44,0,0,0,.236,1.831,7.614,7.614,0,0,0-1.182.5A4.306,4.306,0,0,1,4.043,8.71Zm1.363,2.833a6.726,6.726,0,0,1,.9-.37,5.019,5.019,0,0,0,.632,1.3A4.39,4.39,0,0,1,5.406,11.544ZM6.944,11a6.682,6.682,0,0,1,1.093-.147v1.774A2.906,2.906,0,0,1,6.944,11ZM8.71,12.618V10.852A6.764,6.764,0,0,1,9.792,11,2.911,2.911,0,0,1,8.71,12.618Zm1.081-.137a4.962,4.962,0,0,0,.637-1.31,6.566,6.566,0,0,1,.913.375A4.4,4.4,0,0,1,9.792,12.481ZM11.8,11.044a7.321,7.321,0,0,0-1.194-.5A9.415,9.415,0,0,0,10.84,8.71H12.7A4.287,4.287,0,0,1,11.8,11.044Z" transform="translate(-3.375 -3.375)" fill="%23ccc"/></svg>') center/contain no-repeat;
}
.l-header__gnav-lang-list {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
}
@media screen and (min-width: 980px) {
  .l-header__gnav-lang-list {
    position: absolute;
    top: 50%;
    right: 10px;
    translate: 0 -50%;
    width: max-content;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-lang-list {
    column-gap: 22px;
  }
}
.l-header__gnav-lang-list-link {
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3rem;
  line-height: 1.4615384615;
  color: #ccc;
  text-decoration: none;
  display: block;
  padding: 5px;
}
.l-header__gnav-lang-list-link:active, .l-header__gnav-lang-list-link:focus-visible {
  color: #bbb;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header__gnav-lang-list-link:hover {
    color: #bbb;
    opacity: 1;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-lang-list-link {
    font-weight: 500;
    font-size: 1.6rem;
    display: grid;
    place-content: center;
    padding: 0;
    width: 39px;
    height: 39px;
    border: 1px solid transparent;
    border-radius: 50%;
  }
}
.l-header__gnav-lang-list-link.is-current {
  color: #666;
}
@media screen and (max-width: 979px) {
  .l-header__gnav-lang-list-link.is-current {
    color: #D02E1D;
    border-color: #D02E1D;
  }
}
.l-header__gnav-item {
  line-height: 1;
}
@media screen and (min-width: 980px) {
  .l-header__gnav-item {
    margin-bottom: auto;
    padding: 0 10px;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-item {
    order: 2;
    border-top: 1px solid #808080;
  }
}
.l-header__gnav-item-link {
  font-size: 1.3rem;
  line-height: 1.4615384615;
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #ccc;
  text-decoration: none;
  display: block;
}
.l-header__gnav-item-link:active, .l-header__gnav-item-link:focus-visible {
  color: #bbb;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header__gnav-item-link:hover {
    color: #bbb;
    opacity: 1;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-item-link {
    font-size: 1.5rem;
    line-height: 1.4666666667;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding: 21px 55px 21px 24px;
  }
  .l-header__gnav-item-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 20px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g transform="translate(-8657 -916)"><rect width="20" height="20" rx="10" transform="translate(8657 916)" fill="white"/><path d="M0,6.146,5.147,1H1.854V0h5V5h-1V1.707L.707,6.854Z" transform="translate(8663.5 923)" fill="%23e30701"/></g></svg>') center/contain no-repeat;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list {
    order: 1;
    margin-top: 17px;
  }
}
.l-header__gnav-list-item {
  flex-shrink: 0;
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-item {
    border-top: 1px solid #808080;
  }
}
.l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle) {
  position: relative;
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle)::after {
    content: "";
    position: absolute;
    top: 22px;
    right: 30px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
  }
  .l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle).is-open .l-header__gnav-list-link--toggle::before {
    rotate: -90deg;
    opacity: 0 !important;
  }
  .l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle).is-open .l-header__gnav-list-link--toggle::after {
    rotate: 0deg;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle):hover .l-header__gnav-list-link--toggle::before {
    opacity: 1;
  }
  .l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle):hover .l-header__gnav-list-link--toggle-box,
  .l-header__gnav-list-item:has(.l-header__gnav-list-link--toggle):hover .l-header__gnav-list-link--toggle-list {
    opacity: 1;
    pointer-events: all;
  }
}
.l-header__gnav-list-link {
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: min(1.4rem, 1.09375vw);
  line-height: 1.4285714286;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 min(10px, 0.78125vw) min(22px, 1.71875vw);
}
.js-accordion__button .l-header__gnav-list-link {
  padding: 0;
}
.l-header__gnav-list-link:active, .l-header__gnav-list-link:focus-visible {
  color: #bbb;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header__gnav-list-link:hover {
    color: #bbb;
    opacity: 1;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link {
    font-size: 1.5rem;
    line-height: 1.4666666667;
    position: relative;
    padding: 21px 55px 21px 24px;
  }
  .l-header__gnav-list-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 20px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g transform="translate(-8657 -916)"><rect width="20" height="20" rx="10" transform="translate(8657 916)" fill="white"/><path d="M0,6.146,5.147,1H1.854V0h5V5h-1V1.707L.707,6.854Z" transform="translate(8663.5 923)" fill="%23e30701"/></g></svg>') center/contain no-repeat;
  }
}
.l-header__gnav-list-link--toggle {
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: min(1.4rem, 1.09375vw);
  line-height: 1.4285714286;
  color: #fff;
  position: relative;
  padding: 0 min(10px, 0.78125vw) min(22px, 1.71875vw);
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list-link--toggle {
    pointer-events: none;
  }
  a.l-header__gnav-list-link--toggle {
    pointer-events: auto;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle {
    font-size: 1.5rem;
    line-height: 1.4666666667;
    text-align: left;
    padding: 21px 55px 21px 24px;
    width: 100%;
  }
}
.l-header__gnav-list-link--toggle:hover {
  opacity: 1;
}
.l-header__gnav-list-link--toggle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #DA1100;
  opacity: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle::before {
    left: auto;
    right: 35px;
    bottom: 50%;
    translate: 0 50%;
    width: 10px;
    height: 1px;
    opacity: 1;
    transition: opacity 0.3s, rotate 0.3s;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle::after {
    content: "";
    position: absolute;
    right: 35px;
    bottom: 50%;
    z-index: 1;
    translate: 0 50%;
    width: 10px;
    height: 1px;
    background: #DA1100;
    rotate: 90deg;
    transition: rotate 0.3s;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list-link--toggle-list {
    position: absolute;
    top: calc(100% - 3px);
    left: 50%;
    translate: -50% 0;
    padding: 15px 37px;
    width: max-content;
    min-width: 158px;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle-list {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle-list-item {
    margin: auto;
    width: 94%;
    border-top: 1px solid #808080;
  }
}
.l-header__gnav-list-link--toggle-list-link {
  font-size: 1.4rem;
  line-height: 2.1428571429;
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  text-decoration: none;
}
.l-header__gnav-list-link--toggle-list-link:active, .l-header__gnav-list-link--toggle-list-link:focus-visible {
  color: #bbb;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header__gnav-list-link--toggle-list-link:hover {
    color: #bbb;
    opacity: 1;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle-list-link {
    display: block;
    position: relative;
    padding: 24px 55px 24px 40px;
  }
  .l-header__gnav-list-link--toggle-list-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 35px;
    width: 12px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g transform="translate(-1905.012 -774)"><rect width="12" height="12" transform="translate(1905.012 774)" fill="none"/><path d="M0,9.228,7.728,1.5H2.784V0h7.508V7.508H8.79V2.563L1.062,10.291Z" transform="translate(1905.751 775.502)" fill="%23e30701"/></g></svg>') center/contain no-repeat;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list-link--toggle-box {
    position: fixed;
    top: var(--header-height);
    left: 0;
    padding: 30px 10px;
    width: 100%;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle-box {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list-link--toggle-box-item {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-list-link--toggle-box-list {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 25px 50px;
    margin-inline: auto;
    width: fit-content;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle-box-item {
    margin: auto;
    width: 94%;
    border-top: 1px solid #333333;
  }
}
.l-header__gnav-list-link--toggle-box-button {
	margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 979px) {
	.l-header__gnav-list-link--toggle-box-button {
		margin-top: 0;
		margin-bottom: 0;
	}
}
.l-header__gnav-list-link--toggle-box-button + .l-header__gnav-list-link--toggle-box-button {
  margin-top: 0;
}
.l-header__gnav-list-link--toggle-box-button.nonchor,
.l-header__gnav-list-link--toggle-box-button-link {
	margin-top: 0;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 979px) {
.l-header__gnav-list-link--toggle-box-button + .l-header__gnav-list-link--toggle-box-button {
  margin-top: 0;
  border-top: 1px solid #333333;
}
  .l-header__gnav-list-link--toggle-box-button.nonchor,
  .l-header__gnav-list-link--toggle-box-button-link {
    line-height: 1.2307692308;
    display: block;
    position: relative;
    padding: 25px 30px;
  }
  .l-header__gnav-list-link--toggle-box-button-link::after,
  .l-header__gnav-list-link--toggle-box-detail-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    width: 12px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g transform="translate(-1905.012 -774)"><rect width="12" height="12" transform="translate(1905.012 774)" fill="none"/><path d="M0,9.228,7.728,1.5H2.784V0h7.508V7.508H8.79V2.563L1.062,10.291Z" transform="translate(1905.751 775.502)" fill="%23e30701"/></g></svg>') center/contain no-repeat;
  }
}
.l-header__gnav-list-link--toggle-box-button-link:active, .l-header__gnav-list-link--toggle-box-button-link:focus-visible {
  color: #bbb;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header__gnav-list-link--toggle-box-button-link:hover {
    color: #bbb;
    opacity: 1;
  }
}
.l-header__gnav-list-link--toggle-box-detail {
  padding-left: 12px;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 979px) {
  .l-header__gnav-list-link--toggle-box-detail {
    padding-left: 50px;
    border-left: none;
  }
  .l-header__gnav-list-link--toggle-box-detail-item {
    position: relative;
    margin-top: 0 !important;
    padding: 20px 30px 20px 0;
    border-top: 1px solid #333333;
  }
}
.l-header__gnav-list-link--toggle-box-detail-item:nth-child(n+2) {
  margin-top: 10px;
}
.l-header__gnav-list-link--toggle-box-detail-link {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  text-decoration: none;
}
.l-header__gnav-list-link--toggle-box-detail-link:active, .l-header__gnav-list-link--toggle-box-detail-link:focus-visible {
  color: #bbb;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header__gnav-list-link--toggle-box-detail-link:hover {
    color: #bbb;
    opacity: 1;
  }
}
.l-header__gnav-list-link--toggle-box-dl {
}
.l-header__gnav-list-link--toggle-box-dl-theme {
  padding-top: 20px;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
}
.l-header__gnav-list-link--toggle-box-dl-des {
}
.l-header__gnav-list-link--toggle-box-dl-list-item:nth-child(n+2) {
  margin-top: 15px;
}
.l-header__gnav-list-link--toggle-box-dl-list-link {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 5px;
  width: 170px;
  background: #fff;
}
@media screen and (min-width: 980px) {
  .l-header__gnav-detail {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-detail {
    order: 3;
  }
  .l-header__gnav-detail-item:nth-child(n+2) {
    margin-top: 15px;
  }
  .l-header__gnav-detail-other {
    margin-top: 10px;
  }
  .l-header__gnav-detail-other-text-link {
    font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
    color: #fff;
    text-decoration: none;
  }
  .l-header__gnav-detail-other-button {
    margin-top: 10px;
  }
  .l-header__gnav-detail-other-button-link {
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 10px;
    background: #fff;
  }
  .l-header__gnav-detail-level01-link {
    font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    padding-right: 20px;
  }
  .l-header__gnav-detail-level01-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g transform="translate(-8408 -828)"><rect width="30" height="30" transform="translate(8408 828)" fill="%23c1272d"/><path d="M16.077,11.423l4.077-4.077H0v-2H20.154L16.077,1.269,17.347,0l6.346,6.346-6.346,6.347Z" transform="translate(8408 836.65)" fill="white"/></g></svg>') center/contain no-repeat;
  }
  .l-header__gnav-detail-level02 {
    padding: 5px 0 5px 14px;
  }
  .l-header__gnav-detail-level02-item:nth-child(n+2) {
    margin-top: 5px;
  }
  .l-header__gnav-detail-level02-link {
    font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-right: 16px;
  }
  .l-header__gnav-detail-level02-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2px;
    translate: 0 -50%;
    rotate: 45deg;
    width: 8px;
    height: 8px;
    border-top: solid 1px #c1272d;
    border-right: solid 1px #c1272d;
  }
  .l-header__gnav-list-link--toggle-box-dl {
    padding: 20px 30px 20px 50px;
    border-top: 1px solid #333333;
  }
  .l-header__gnav-list-link--toggle-box-dl-list-item {
    padding-top: 10px;
  }
  .l-header__gnav-list-link--toggle-box-dl-list-link {
    padding: 10px;
    width: auto;
  }
}
.l-header__button {
  display: grid;
  width: min(101px, 7.890625vw);
  flex-shrink: 0;
}
@media screen and (max-width: 979px) {
  .l-header__button {
    width: 20vw;
  }
}
.l-header__button-link {
  font-family: "Roboto", "Noto Sans JP", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: min(1.2rem, 0.9375vw);
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: grid;
  place-content: center;
  position: relative;
}
@media screen and (min-width: 980px) {
  .l-header__button-link::before {
    content: "";
    margin-inline: auto;
  }
}
@media screen and (max-width: 979px) {
  .l-header__button-link {
    font-size: min(10px, 2.5641025641vw);
    line-height: 1.3;
    white-space: nowrap;
  }
}
.l-header__button--recruit-link {
  background: #000;
}
@media screen and (min-width: 980px) {
  .l-header__button--recruit-link {
    row-gap: min(10px, 0.78125vw);
  }
  .l-header__button--recruit-link::before {
    width: min(29px, 2.265625vw);
    height: min(29px, 2.265625vw);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 29"><g transform="translate(-3.5 -3.501)"><path d="M2313.5,83.5a4,4,0,0,1-4-4v-6a1,1,0,1,1,2,0v6a2,2,0,0,0,2,2h21a2,2,0,0,0,2-2v-6a1,1,0,1,1,2,0v6a4,4,0,0,1-4,4Zm10.475-9h-.048l-.022,0h0a.992.992,0,0,1-.631-.31l-7.479-7.478a1,1,0,0,1,1.414-1.414L2323,71.086V55.5a1,1,0,0,1,2,0V71.085l5.792-5.791a1,1,0,1,1,1.414,1.414l-7.481,7.48a.992.992,0,0,1-.63.308h0l-.02,0h-.1Z" transform="translate(-2306 -51)" fill="white"/></g></svg>') center/contain no-repeat;
  }
}
.l-header__button--contact-link {
  background: #DA1100;
}
@media screen and (min-width: 980px) {
  .l-header__button--contact-link {
    row-gap: min(16px, 1.25vw);
  }
  .l-header__button--contact-link::before {
    width: min(32px, 2.5vw);
    height: min(22px, 1.71875vw);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 22"><path d="M.072,24.119V6.017q0-.031.093-.6l10.461,9.114L.2,24.748a2.707,2.707,0,0,1-.123-.629ZM1.461,4.162a1.308,1.308,0,0,1,.525-.094H30.159a1.719,1.719,0,0,1,.555.094L20.222,13.308l-1.389,1.131-2.746,2.294-2.746-2.294-1.389-1.131Zm.031,21.811L12.014,15.7l4.073,3.363L20.161,15.7,30.683,25.974a1.458,1.458,0,0,1-.525.094H1.985a1.375,1.375,0,0,1-.494-.094Zm20.058-11.44,10.43-9.114a1.908,1.908,0,0,1,.093.6v18.1a2.45,2.45,0,0,1-.093.629Z" transform="translate(-0.072 -4.068)" fill="white"/></svg>') center/contain no-repeat;
  }
}
@media screen and (min-width: 980px) {
  .l-header__gnav-button {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-button {
    display: grid;
    place-content: center;
    row-gap: 6px;
    padding: 0;
    width: min(60px, 15.3846153846vw);
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .l-header__gnav-button.is-active .l-header__gnav-button-line {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .l-header__gnav-button.is-active .l-header__gnav-button-line::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  }
  .l-header__gnav-button.is-active .l-header__gnav-button-line::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media screen and (max-width: 979px) {
  .l-header__gnav-button-line {
    position: relative;
    width: 20px;
    height: 2px;
    background: #585757;
    transition-property: transform;
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .l-header__gnav-button-line::before, .l-header__gnav-button-line::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #585757;
  }
  .l-header__gnav-button-line::before {
    top: -8px;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  }
  .l-header__gnav-button-line::after {
    bottom: -8px;
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
}

/* -----------------
main
-------------------- */
/* NEW headerに伴い変更 */
#container {
  padding: 0 !important;
}

/*# sourceMappingURL=header.css.map */


.show_pc {
	display: block;
}
.show_sp {
	display: none;
}
@media screen and (max-width: 979px) {
	.show_pc {
		display: none;
	}
	.show_sp {
		display: block;
	}
}