@charset "UTF-8";

/*
//  2025.9 追加
//  修正・追加スタイルの記述用
// ============================================= */

/*
//  2025.9 追加
//  カスタム変数
// --------------------------------------------- */
:root {
  /* 色
  // --------------------------------------------- */
  --blue: #0057aa;
  --blue-gradient-dark: #0e5293;
  --blue-gradient-light: #1273ad;
  --red: #dc000c;
  --white: #fff;
  --light-gray: #cacaca;
  --medium-gray: #ededed;
  --dark-gray: #404040;
  --black: #000;
}



/*
//  2025.9 更新
//  共通ヘッダー リンクボタン追加
// --------------------------------------------- */

/*  リンクボタン
// --------------------------------------------- */
/* 基本設定 */
.l-Header__externalLink {
  display: grid;
  grid-template-columns: 1fr 1em;
  align-items: center;
  gap: 0 0.5em;
  background: transparent;
  border: 1px solid rgb(255 255 255 / 0.4);
  color: #fff;
  line-height: 1.3;
}
.l-Header__externalLink:visited {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .l-Header__externalLink:hover {
    border-color: var(--medium-gray);
    background-color: var(--blue);
  }
  .l-Header__externalLink svg {
    translate: 10rem 0;
  }
}
.l-Header__externalLink svg {
  rotate: -45deg;
  transition: translate 0.16s ease;
  width: 1em;
}

/* PCの設定 */
.l-Header__options .l-Header__externalLink {
  padding: 0.5em 2em;
}
.l-Header__options .l-Header__externalLink > span {
  justify-self: center;
}
/* スマホの設定 */
.l-Header__NaviSp .l-Header__externalLink {
  padding: 1em 1.25em;
  margin-block-start: 46rem;
  margin-inline: 32rem;
  font-size: 12rem;
}

/*  レイアウトの修正
// --------------------------------------------- */
.l-Header__Sns {
  margin-left: 0;
}

/* 既存設定のリセット */
.l-Header__options .l-Header__Sns,
.l-Header__options .l-Header__Search,
.l-Header__options .l-Header__Lang,
.l-Header__Btn {
  margin-left: unset;
}

/* オプション部分の配置・PC */
.l-Header__options {
  position: relative;
  z-index: 1;
  align-items: center;
  gap: 0 20rem;
}
.l-Header__options > * {
  z-index: revert;
}
@media screen and (min-width: 835px) {
  .l-Header__options {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, auto);
    margin-inline-start: 40rem;
  }
  .l-Header__options .l-Header__Sns {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .l-Header__options .l-Header__Search {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .l-Header__options .l-Header__Lang {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }
}
@media screen and (max-width: 834px) {
  .l-Header__options {
    display: flex;
  }
}

/* 検索フォーム調整 */
@media screen and (min-width: 601px) {
  .l-Header__SearchForm {
    top: 24rem;
  }
}

/* HDサイトへのリンク */
@media screen and (min-width: 835px) {
  .l-Header__externalLinkArea {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
    margin-block-start: 14rem;
  }
}
.l-Header__options .l-Header__externalLink {
  font-size: 12rem;
}

/*  英語版の調整
// --------------------------------------------- */
html[lang*="en"] .l-Header__NaviItemText--Jp {
  font-size: 17rem;
}
@media screen and (min-width: 835px) {
  html[lang*="en"] .l-Header__options {
    margin-inline-start: 70rem;
  }
}
@media screen and (max-width: 1024px) {
  html[lang*="en"] .l-Header__NaviItemText--Jp {
    font-size: 15rem;
  }
  html[lang*="en"] .l-Header__options {
    margin-inline-start: 50rem;
  }
}