:root {
  --txt-base: #000000;
  --border-base: #999999;
  --primary-blue: #001e60;
  --primary-white: #ffffff;
  --secondary-blue: #4c6c85;
  --secondary-green: #6ea200;
  --secondary-yellow: #dade1a;
}
.p-top main {
  background: unset;
}
.p-top-mv {
  position: relative;
  width: 100vw;
  height: 100dvh;
}
.p-top-mv__video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease;
  filter: blur(0px);
  transform: scale(1);
  transform-origin: center center;
  transition:
    filter 0.3s ease,
    opacity 0.5s ease,
    visibility 0.5s ease;
  background-color: #000;
}
.p-top-mv__video.is-blur {
  overflow: hidden;
}
.p-top-mv__video.is-blur {
  filter: blur(20px);
}
.p-top-mv__video.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.p-top-mv__video video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  object-fit: cover;
  background-color: #000;
  object-position: center center;
}
.p-top-mv__video.is-blur video {
  transform: translate(-50%, -50%) scale(0.9);
}
.p-top-mv__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-2rem);
}
@media screen and (min-width: 769px) {
  .p-top-mv__ttl {
    display: flex;
    flex-direction: row;
    gap: 0 9rem;
    transform: translateY(0) translateX(1rem);
  }
}
.p-top-mv__ttl-en {
  width: 23.8rem;
  height: auto;
  transform: translateX(-1.5rem);
}
@media screen and (min-width: 769px) {
  .p-top-mv__ttl-en {
    width: 41.8rem;
    transform: translateX(0);
  }
}
.p-top-mv__ttl-jp {
  width: 30rem;
  height: auto;
  transform: translateX(0.5rem);
}
@media screen and (min-width: 769px) {
  .p-top-mv__ttl-jp {
    width: 52.4rem;
    transform: translateX(0);
  }
}
.p-top-mv__scroll {
  height: fit-content;
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-260%);
  writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .p-top-mv__scroll {
    display: none;
  }
}
.p-top-mv__scroll::before {
  animation: scroll-down 2s infinite;
  background-color: var(--primary-white);
  bottom: -18rem;
  content: "";
  height: 15.8rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
  z-index: 2;
}
.p-top-mv__scroll::after {
  background-color: var(--primary-white);
  opacity: 0.5;
  bottom: -18rem;
  content: "";
  height: 15.8rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
.p-top-mv__scroll span {
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  color: var(--primary-white);
}
@keyframes scroll-down {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.p-top-mv__sns {
  display: grid;
  gap: 3.3rem;
  position: absolute;
  right: 2rem;
  bottom: 3rem;
}
@media screen and (min-width: 769px) {
  .p-top-mv__sns {
    right: 2.5rem;
  }
}
.p-top-mv__sns-link {
  display: block;
  aspect-ratio: 1/1;
  width: 3.7rem;
  height: auto;
  background-color: var(--primary-white);
}
.p-top-mv__sns-link.--xxx {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227"><path d="M714.1630249,519.2839966L1160.8900146,0h-105.8599854l-387.8930054,450.8869934L357.3280029,0H0l468.4920044,681.8209839L0,1226.3699951h105.8659973l409.6250305-476.1519775,327.1809692,476.1519775h357.3280029l-485.8629761-707.0859985h.026001ZM569.164978,687.8280029l-47.4679565-67.8939819L144.0110016,79.694397h162.6039886l304.7969971,435.9906006,47.4680176,67.8939819,396.1999512,566.7210693h-162.6039429l-323.3110352-462.4460449v-.026001Z" /></svg>')
    no-repeat center/contain;
  aspect-ratio: 1200/1227;
}
.p-top-mv__sns-link.--insta {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)" /></svg>')
    no-repeat center/contain;
  aspect-ratio: 1/1;
}
.p-top-bg {
  background: rgba(255, 255, 255, 0.8);
}
.p-top-concept {
  position: relative;
  padding-bottom: 7.5rem;
}
@media screen and (min-width: 769px) {
  .p-top-concept {
    padding-bottom: 14.5rem;
  }
}
.p-top-concept__box {
  margin-inline: auto;
  display: grid;
  gap: 1.5rem 0;
}
@media screen and (min-width: 769px) {
  .p-top-concept__box {
    gap: 1.5rem 0;
  }
}
.p-top-concept__txt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--primary-white);
}
@media screen and (min-width: 769px) {
  .p-top-concept__txt {
    font-size: 2.8rem;
  }
}
.p-top-concept__txt.--mt {
  margin-top: 3rem;
}
@media screen and (min-width: 769px) {
  .p-top-concept__txt.--mt {
    margin-top: 6rem;
  }
}
.p-top-concept__txt span {
  display: inline-block;
  opacity: 0;
  transform: translate(-150px, 0) scale(0.3);
}
.p-top-concept__txt span:nth-of-type(2) {
  animation-delay: 0.02s;
}
.p-top-concept__txt span:nth-of-type(3) {
  animation-delay: 0.04s;
}
.p-top-concept__txt span:nth-of-type(4) {
  animation-delay: 0.06s;
}
.p-top-concept__txt span:nth-of-type(5) {
  animation-delay: 0.08s;
}
.p-top-concept__txt span:nth-of-type(6) {
  animation-delay: 0.1s;
}
.p-top-concept__txt span:nth-of-type(7) {
  animation-delay: 0.12s;
}
.p-top-concept__txt span:nth-of-type(8) {
  animation-delay: 0.14s;
}
.p-top-concept__txt span:nth-of-type(9) {
  animation-delay: 0.16s;
}
.p-top-concept__txt span:nth-of-type(10) {
  animation-delay: 0.18s;
}
.p-top-concept__txt span:nth-of-type(11) {
  animation-delay: 0.2s;
}
.p-top-concept__txt span:nth-of-type(12) {
  animation-delay: 0.22s;
}
.p-top-concept__txt span:nth-of-type(13) {
  animation-delay: 0.24s;
}
.p-top-concept__txt span:nth-of-type(14) {
  animation-delay: 0.26s;
}
.p-top-concept__txt span:nth-of-type(15) {
  animation-delay: 0.28s;
}
.p-top-concept__txt span:nth-of-type(16) {
  animation-delay: 0.3s;
}
.p-top-concept__txt span:nth-of-type(17) {
  animation-delay: 0.32s;
}
.p-top-concept__txt span:nth-of-type(18) {
  animation-delay: 0.34s;
}
.p-top-concept__txt span:nth-of-type(19) {
  animation-delay: 0.36s;
}
.p-top-concept__txt span:nth-of-type(20) {
  animation-delay: 0.38s;
}
.p-top-concept__txt span:nth-of-type(21) {
  animation-delay: 0.4s;
}
.p-top-concept__txt span:nth-of-type(22) {
  animation-delay: 0.42s;
}
.p-top-concept__txt span:nth-of-type(23) {
  animation-delay: 0.44s;
}
.p-top-concept__txt span:nth-of-type(24) {
  animation-delay: 0.46s;
}
.p-top-concept__txt span:nth-of-type(25) {
  animation-delay: 0.48s;
}
.p-top-concept__txt span:nth-of-type(26) {
  animation-delay: 0.5s;
}
.p-top-concept__txt span:nth-of-type(27) {
  animation-delay: 0.52s;
}
.p-top-concept__txt span:nth-of-type(28) {
  animation-delay: 0.54s;
}
.p-top-concept__txt span:nth-of-type(29) {
  animation-delay: 0.56s;
}
.p-top-concept__txt span:nth-of-type(30) {
  animation-delay: 0.58s;
}
.p-top-concept__txt span:nth-of-type(31) {
  animation-delay: 0.6s;
}
.p-top-concept__txt.is-move span {
  animation-name: txtMove;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
@keyframes txtMove {
  40% {
    transform: translate(50px, 0) scale(0.8);
    opacity: 1;
    color: #fff;
  }
  60% {
    color: #fff;
  }
  80% {
    transform: translate(0) scale(3);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}
.p-top-concept__movie {
  margin-top: 6rem;
}
@media screen and (min-width: 769px) {
  .p-top-concept__movie {
    margin-top: 12rem;
  }
}
.p-top-concept__movie p {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--primary-white);
  margin-top: 1.5rem;
}
@media screen and (min-width: 769px) {
  .p-top-concept__movie p {
    font-size: 1.6rem;
    margin-top: 2.5rem;
  }
}
.p-top-concept__movie .movie-wrap {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.p-top-concept__movie .movie-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-top-concept__movie .movie-btn {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-top-concept__movie .movie-btn {
    width: 10rem;
    height: 10rem;
  }
}
.p-top-concept__movie .movie-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-top-concept__copy {
  width: fit-content;
  margin-inline: auto;
  margin-top: 7rem;
}
@media screen and (min-width: 769px) {
  .p-top-concept__copy {
    margin-top: 15rem;
  }
}
.p-top-concept__copy img {
  width: 80vw;
  max-width: 76.2rem;
  height: auto;
}
.p-top-concept__scroll {
  height: fit-content;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
}
.p-top-concept__scroll::before {
  animation: scroll-down 2s infinite;
  background-color: var(--primary-white);
  bottom: 0;
  content: "";
  height: 6rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .p-top-concept__scroll::before {
    height: 12.2rem;
  }
}
.p-top-concept__scroll::after {
  background-color: var(--primary-white);
  opacity: 0.5;
  bottom: 0;
  content: "";
  height: 6rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
@media screen and (min-width: 769px) {
  .p-top-concept__scroll::after {
    height: 12.2rem;
  }
}
@keyframes scroll-down {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.p-top-history {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-history__block {
    display: flex;
  }
}
.p-top-history__img {
  aspect-ratio: 802/451;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-history__img {
    width: 55.6944444444%;
  }
}
.p-top-history__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top-history__box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 1rem 0 2rem;
}
@media screen and (min-width: 769px) {
  .p-top-history__box {
    width: 44.3055555556%;
    padding: 0 0 0 7.5rem;
  }
}
.p-top-history__box .c-btn {
  margin-top: 3rem;
}
.p-top-product__head {
  margin-bottom: 4rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__head {
    margin-bottom: 4.5rem;
    padding-left: 4rem;
  }
}
.p-top-product__head .c-btn {
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__head .c-btn {
    margin-top: 3.5rem;
  }
}
.p-top-product__list {
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
  }
}
.p-top-product__item {
  position: relative;
  aspect-ratio: 335/550;
  overflow: hidden;
  padding: 2rem 2.2rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item {
    aspect-ratio: 686/453;
    padding: 3rem 3rem;
  }
}
.p-top-product__item.--large {
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--large {
    aspect-ratio: 1380/453;
    grid-column: 1/3;
    padding: 4.5rem 3.5rem;
  }
}
.p-top-product__item.--s {
  background: url("/assets/img/common/series_bg_s.webp") no-repeat center/cover;
}
.p-top-product__item.--x {
  background: url("/assets/img/common/series_bg_x.webp") no-repeat center/cover;
}
.p-top-product__item.--f {
  background: url("/assets/img/common/series_bg_f.webp") no-repeat center/cover;
}
.p-top-product__item.--e {
  background:
    linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url("/assets/img/common/series_bg_e.webp") no-repeat center/cover;
}
.p-top-product__item.--n {
  background: url("/assets/img/common/series_bg_n.webp") no-repeat center/cover;
}
.p-top-product__item.--g {
  background: url("/assets/img/common/series_bg_g.webp") no-repeat center/cover;
}
.p-top-product__item .item-ttl {
  position: relative;
  width: fit-content;
  height: 6.2rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-ttl {
    height: 9.3rem;
  }
}
.p-top-product__item.--g .item-ttl {
  width: fit-content;
  height: 7.5rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--g .item-ttl {
    height: 14.3rem;
  }
}
.p-top-product__item .item-ttl img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.p-top-product__item .item-copy-l {
  position: relative;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-copy-l {
    margin-top: 5.5rem;
  }
}
.p-top-product__item .item-copy-l img {
  width: auto;
  height: 2.9rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-copy-l img {
    height: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .p-top-product__item.--g .item-copy-l img {
    height: 6.4rem;
  }
}
.p-top-product__item.--g .item-copy-l {
  margin-top: 3rem;
}
.p-top-product__item .item-copy-s {
  position: relative;
  margin-top: 1rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-copy-s {
    margin-top: 1.5rem;
  }
}
.p-top-product__item .item-copy-s img {
  width: auto;
  height: 1.68rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-copy-s img {
    height: 1.96rem;
  }
}
.p-top-product__item .c-btn {
  position: absolute;
  bottom: 3.5rem;
  left: 0;
  right: 0;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .c-btn {
    position: relative;
    bottom: unset;
    margin-top: 4.5rem;
    margin-inline: unset;
  }
}
.p-top-product__item .item-btn-wrap {
  position: absolute;
  display: grid;
  gap: 2rem 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  bottom: 1rem;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-btn-wrap {
    position: relative;
    display: flex;
    gap: 0 2rem;
    margin-inline: unset;
    margin-top: 2.5rem;
  }
}
.p-top-product__item .item-comingsoon {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  text-align: center;
  color: #b3b3b3;
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-comingsoon {
    font-size: 4.4rem;
  }
}
.p-top-product__item .item-img {
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .p-top-product__item .item-img {
    left: auto;
  }
}
.p-top-product__item.--s .item-img {
  aspect-ratio: 994/1433;
  width: 16rem;
  transform: translate(-0.2rem, 3.8rem);
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--s .item-img {
    width: 21rem;
    right: 5rem;
    transform: translate(0, 0);
  }
}
.p-top-product__item.--x .item-img {
  aspect-ratio: 1369/1614;
  width: 20.5rem;
  transform: translate(-0.5rem, 5rem);
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--x .item-img {
    width: 26.5rem;
    right: 6rem;
    transform: translate(0, 0);
  }
}
.p-top-product__item.--e .item-img {
  aspect-ratio: 1193/1167;
  width: 25.2rem;
  transform: translate(-0.3rem, 5.7rem);
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--e .item-img {
    width: 35.4rem;
    right: 3rem;
    transform: translate(0, 0);
  }
}
.p-top-product__item.--f .item-img {
  aspect-ratio: 1193/1167;
  width: 25.2rem;
  transform: translate(-0.3rem, 5.7rem);
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--f .item-img {
    width: 35.4rem;
    right: 3rem;
    transform: translate(0, 0);
  }
}
.p-top-product__item.--n .item-img {
  aspect-ratio: 433/356;
  width: 27.5rem;
  transform: translate(0rem, 3rem);
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--n .item-img {
    aspect-ratio: 1118/661;
    width: 56.5rem;
    right: 12rem;
    transform: translateY(1.5rem);
  }
}
.p-top-product__item.--g .item-img {
  aspect-ratio: 551/292;
  width: 27.7rem;
  transform: translate(0rem, 7rem);
}
@media screen and (min-width: 769px) {
  .p-top-product__item.--g .item-img {
    aspect-ratio: 1500/597;
    width: 63rem;
    right: 11rem;
    transform: translateY(0.5rem);
  }
}
.p-top-product__item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-top-links__list {
  display: grid;
  gap: 10.5rem 0;
}
@media screen and (min-width: 769px) {
  .p-top-links__list {
    gap: 10rem 0;
  }
}
.p-top-links__item {
  display: grid;
  gap: 2rem 0;
}
@media screen and (min-width: 769px) {
  .p-top-links__item {
    grid-template-columns: 59% 1fr;
    grid-template-rows: 55% 1fr;
    margin-left: calc(50% - 50vw);
    gap: 5rem 0;
  }
}
@media screen and (min-width: 769px) {
  .p-top-links__item:nth-child(even) {
    grid-template-columns: 1fr 59%;
    margin-left: auto;
    margin-right: calc(50% - 50vw);
  }
}
.p-top-links__item .item-img {
  aspect-ratio: 802/451;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-links__item .item-img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 769px) {
  .p-top-links__item:nth-child(even) .item-img {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.p-top-links__item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top-links__item .c-title {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-top-links__item .c-title {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-left: 7rem;
    max-width: 55.8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 769px) {
  .p-top-links__item:nth-child(even) .c-title {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-left: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .p-top-links__item .c-btn {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-left: 7rem;
  }
}
@media screen and (min-width: 769px) {
  .p-top-links__item:nth-child(even) .c-btn {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-left: 2rem;
  }
}
.p-top-links__lounge {
  width: 100vw;
  background: url("/assets/img/top/links_lounge_bg.webp") no-repeat center/cover;
  padding: 8rem 1rem 12rem;
  margin-top: 9rem;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 769px) {
  .p-top-links__lounge {
    margin-top: 20rem;
    padding: 8rem 8rem;
  }
}
.p-top-links__lounge-box {
  display: grid;
  gap: 4.2rem 0;
}
.p-top-links__lounge-box .box-ttl {
  width: 29.4rem;
  height: auto;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-top-links__lounge-box .box-ttl {
    width: 41.4rem;
  }
}
.p-top-links__lounge-box .box-ttl img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-top-links__lounge-box .box-txt {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  color: var(--primary-white);
}
.p-top-links__lounge-box .c-btn {
  margin-inline: auto;
}
.p-top-information {
  padding: 2.5rem 0 8rem;
}
@media screen and (min-width: 769px) {
  .p-top-information {
    padding: 6rem 0 19rem;
  }
}
.p-top-information .container {
  width: min(100%, 134rem);
  padding: 0 2rem;
}
@media screen and (min-width: 769px) {
  .p-top-information .container {
    padding: 0 3rem;
    margin-inline: auto;
  }
}
.p-top-information__ttl {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.03em;
  color: var(--primary-blue);
  margin-bottom: 4.5rem;
}
@media screen and (min-width: 769px) {
  .p-top-information__ttl {
    font-size: 5.4rem;
    text-align: center;
    margin-bottom: 5rem;
  }
}
.p-top-information .c-btn {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .p-top-information .c-btn {
    margin-top: 5rem;
    margin-inline: auto;
  }
}
.p-top-information__list {
  border-top: 1px solid var(--border-base);
}
.p-top-information__item {
  border-bottom: 1px solid var(--border-base);
}
.p-top-information__link {
  position: relative;
  display: grid;
  padding: 1.8rem 2rem 1.8rem 0rem;
}
@media screen and (min-width: 769px) {
  .p-top-information__link {
    gap: 1rem 0;
    padding: 3rem 8rem 3rem 4rem;
  }
}
.p-top-information__link .link-time {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
}
.p-top-information__link .link-ttl {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.7;
}
.p-top-information__link span.icon {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-top-information__link span.icon {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2rem;
    margin-block: auto;
  }
}

/* TGSバナー設置 */
.bnr-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 5rem;
  margin-inline: auto;
}
.bnr-wrap .bnr {
  width: 75%;
}
@media screen and (min-width: 769px) {
  .bnr-wrap {
    flex-direction: row;
  }
  .bnr-wrap .bnr {
    width: 25%;
  }
}