html #t2-pagehead#t2-pagehead {
  position: relative; z-index: 2; width: 100%; max-width: none; height: auto; min-height: 0; margin: 0;
  background: #fff; color: #15171b; overflow: visible;
}
html #t2-pagehead#t2-pagehead .t2-ph,
html #t2-pagehead#t2-pagehead .t2-ph__en,
html #t2-pagehead#t2-pagehead .t2-ph-dq { display: none; }
html #t2-pagehead#t2-pagehead .c-header__inner { display: contents; }
html #t2-pagehead#t2-pagehead h1.c-header__en {
  position: relative; z-index: 1; order: 0; margin: 0; font-family: "Arial", "Helvetica Neue", sans-serif; font-weight: 700;
  font-size: min(11vw, 176px); line-height: 1; letter-spacing: 1px; color: #15171b;
}
html #t2-pagehead#t2-pagehead .c-header__jp { order: 0; position: relative; z-index: 1; }
html #t2-pagehead#t2-pagehead .c-header__index {
  order: 0; position: relative; z-index: 1; top: auto; right: auto; left: auto;
  display: flex; flex-wrap: wrap; gap: 12px 34px; width: auto; min-width: 0; height: auto; margin: 0; padding: 0;
}
html #t2-pagehead#t2-pagehead .c-header__index__item { margin: 0; font-size: 13px; }
@media screen and (max-width: 800px) {
html #t2-pagehead#t2-pagehead h1.c-header__en { font-size: 13vw; letter-spacing: 0.5px; }
html #t2-pagehead#t2-pagehead:not(.c-header-contact) .c-header__index { display: none; }
html .c-header-contact#t2-pagehead#t2-pagehead .c-header__index { display: flex; flex-wrap: wrap; gap: 8px 20px; }
html .c-header-contact#t2-pagehead#t2-pagehead .c-header__index__item { margin: 0; font-size: 11px; white-space: nowrap; }
}
html #t2-pagehead#t2-pagehead {
  z-index: 2; height: 100vh; min-height: 640px; padding: 101px max(7.3vw, calc((100vw - 1700px) / 2 + 124px)) 0; overflow: hidden; background: #15171b; color: #fff;
  display: grid; grid-template-columns: 40px minmax(0, 32%) minmax(0, 1fr); grid-template-rows: 1fr auto auto auto 1fr;
}
html #t2-pagehead#t2-pagehead .t2-ph {
  display: block; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;
}
html #t2-pagehead#t2-pagehead .t2-ph__img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
html #t2-pagehead#t2-pagehead .t2-ph__img::before {
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: var(--t2-ph) center / cover no-repeat; animation: t2-ph2-in 0.8s 0.2s cubic-bezier(0.7, 0.3, 0.3, 0.9) both;
}
html #t2-pagehead#t2-pagehead .t2-ph__img::after {
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #15171b; opacity: 0.5;
}
html #t2-pagehead#t2-pagehead h1.c-header__en,
html #t2-pagehead#t2-pagehead .t2-ph2-fill {
  font-family: "Arial", "Helvetica Neue", sans-serif; font-weight: 700; font-size: min(212px, 11.7vw); line-height: 1.05; letter-spacing: 2px;
}
html #t2-pagehead#t2-pagehead h1.c-header__en {
  grid-column: 1 / -1; grid-row: 2; justify-self: start; max-width: 84%;
  color: transparent; -webkit-text-stroke: 1.5px #fff;
}
html #t2-pagehead#t2-pagehead .t2-ph2-fill {
  display: block; grid-column: 1 / -1; grid-row: 3; justify-self: end; margin: 0 16% 0 0; color: #fff; white-space: nowrap;
}
html #t2-pagehead#t2-pagehead .t2-ph-dq {
  display: block; grid-column: 1; grid-row: 4; align-self: start; width: 40px; height: 30px; margin-top: calc(8.1vh + 1px);
  fill: none; stroke: #fff; stroke-width: 1px;
}
html #t2-pagehead#t2-pagehead .c-header__jp {
  grid-column: 2; grid-row: 4; align-self: start; margin-top: calc(8.1vh + 20px); padding: 0 24px 0 0;
  font-size: 30px; font-weight: 700; line-height: 1.6; letter-spacing: 1.5px; color: #fff;
}
html #t2-pagehead#t2-pagehead .c-header__index {
  grid-column: 3; grid-row: 4; align-self: start; display: block; margin-top: calc(8.1vh + 28px); color: #fff;
}
html #t2-pagehead#t2-pagehead .c-header__index__item { margin-bottom: 14px; font-size: 14px; line-height: 1.6; }
html #t2-pagehead#t2-pagehead .c-header__index__item::before { top: 10px; background-color: #fff; }
html #t2-pagehead#t2-pagehead .c-header__index:has(> :nth-child(6)) { columns: 2; column-gap: 48px; }
html #t2-pagehead#t2-pagehead .c-header__index:has(> :nth-child(6)) .c-header__index__item { break-inside: avoid; }
@media screen and (min-width: 801px) {
html #t2-pagehead#t2-pagehead .c-header__index__item:hover { color: rgba(255, 255, 255, 0.7); }
html .l-breadCrumb,
html .l-breadCrumb a { color: #fff; }
html .l-breadCrumb svg { fill: #fff; stroke: #fff; }
}
@media screen and (max-width: 800px) {
html #t2-pagehead#t2-pagehead {
    height: auto; min-height: 600px; padding: 113px 5% 64px; grid-template-columns: 30px minmax(0, 1fr); grid-template-rows: 1fr auto auto auto auto;
  }
html #t2-pagehead#t2-pagehead h1.c-header__en,
html #t2-pagehead#t2-pagehead .t2-ph2-fill { font-size: 15.5vw; letter-spacing: 1px; }
html #t2-pagehead#t2-pagehead h1.c-header__en { max-width: 98%; -webkit-text-stroke: 1px #fff; }
html #t2-pagehead#t2-pagehead .t2-ph2-fill { margin-right: 2%; }
html #t2-pagehead#t2-pagehead .t2-ph-dq { width: 20px; height: 20px; margin-top: 34px; }
html #t2-pagehead#t2-pagehead .c-header__jp { margin-top: 30px; padding: 0; font-size: 22px; }
html #t2-pagehead#t2-pagehead .c-header__index { grid-column: 2; grid-row: 5; margin-top: 18px; }
}
@keyframes t2-ph2-in { from { opacity: 0; transform: scale(1.12); } to { opacity: 1; transform: scale(1); } }
html .t2-ph-long#t2-pagehead#t2-pagehead h1.c-header__en,
html .t2-ph-long#t2-pagehead#t2-pagehead .t2-ph2-fill { font-size: min(8vw, 128px); }
@media screen and (max-width: 800px) {
html .t2-ph-long#t2-pagehead#t2-pagehead h1.c-header__en,
html .t2-ph-long#t2-pagehead#t2-pagehead .t2-ph2-fill { font-size: 10.4vw; }
}
html #t2-pagehead#t2-pagehead .t2-ph__img::after {
  opacity: 1;
  background: linear-gradient(180deg, rgba(21, 23, 27, 0.5) 0%, rgba(21, 23, 27, 0.5) 10%, rgba(21, 23, 27, 0.66) 20%, rgba(21, 23, 27, 0.66) 88%, rgba(21, 23, 27, 0.56) 100%);
}
@media screen and (max-width: 800px) {
html #t2-pagehead#t2-pagehead .t2-ph__img::after {
    background: linear-gradient(180deg, rgba(21, 23, 27, 0.5) 0%, rgba(21, 23, 27, 0.5) 30%, rgba(21, 23, 27, 0.66) 45%, rgba(21, 23, 27, 0.66) 100%);
  }
}
@media screen and (min-width: 801px) {
html .l-breadCrumb .l-breadCrumb__first a, html .l-breadCrumb .l-breadCrumb__second a, html .l-breadCrumb .l-breadCrumb__third a,
html .l-breadCrumb .l-breadCrumb__first svg, html .l-breadCrumb .l-breadCrumb__second svg, html .l-breadCrumb .l-breadCrumb__third svg { opacity: 0.85; }
}
