body, h1, h2, h3, h4, h5, p, ul, ol, li, a, dl, dt, dd, table, tr, th, td, span, figure {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: inherit;
  list-style: none;
  outline: none;
}

* {
  line-height: 1.2;
  letter-spacing: 0;
  box-sizing: border-box;
}

.slick-slide:focus {
  outline: none;
}

picture {
  display: block;
}

button, input, select, textarea {
  background-color: unset;
  border: none;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  color: var(--c-main);
  font-weight: var(--f-main_w);
  font-family: var(--f-main_ff);
}

table {
  border-collapse: collapse;
}

select::-ms-expand {
  display: none;
}

@font-face {
  font-family: noto-serif;
  src: url(../fonts/Noto_Serif_JP/NotoSerifJP-Medium.otf) format("opentype");
  font-weight: normal;
}
@font-face {
  font-family: noto-serif;
  src: url(../fonts/Noto_Serif_JP/NotoSerifJP-Bold.otf) format("opentype");
  font-weight: bold;
}
@font-face {
  font-family: noto-sans;
  src: url(../fonts/NotoSansJP/NotoSansJP-Regular.otf) format("opentype");
  font-weight: normal;
}
@font-face {
  font-family: bas;
  src: url(../fonts/Baskervville/static/Baskervville-Medium.ttf) format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: bas;
  src: url(../fonts/Baskervville/static/Baskervville-SemiBold.ttf) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: bas;
  src: url(../fonts/Baskervville/static/Baskervville-MediumItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: rob;
  src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  #a3-9 {
    --rate: calc(500 / 750) * var(--rate-pc);
  }
}
@media screen and (min-width: 1400px) {
  #a3-9 {
    --rate-pc: 1px;
  }
}

:root {
  --c-main: #B99C62;
  --c-000: #000;
  --c-fff: #fff;
  --c-1E1111: #1E1111;
  --c-EEEAE7: #EEEAE7;
  --c-2D2D2D: #2D2D2D;
  --c-662432: #662432;
  --c-294466: #294466;
  --c-4B2E66: #4B2E66;
  --c-BEA13A: #BEA13A;
  --c-D8B892: #D8B892;
  --c-48281E: #48281E;
  --f-main_ff: noto-serif, sans-serif;
  --f-bas: bas, sans-serif;
  --f-rob: rob, sans-serif;
  --f-notsans: noto-sans, sans-serif;
  --bg-splash: radial-gradient(50% 50% at 40.67% 40.53%, #FFF 50%, #EAE2E2 100%);
  --bg-splash2: radial-gradient(50% 50% at 50% 50%, #4D4D4D 0%, #2D2D2D 100%);
  --easing-splash-opacity: cubic-bezier(0.46, 0.14, 0.72, 0.36);
}

@media (max-width: 767px) {
  :root {
    --m-page_mvtop: 2.8rem;
    --m-page_topsec: 6.4rem;
  }
}
html, body {
  font-size: 0.6944444444vw;
  font-family: var(--f-main_ff);
  position: relative;
  color: var(--c-main);
  background-color: var(--c-EEEAE7);
}

a {
  display: inline-block;
  color: var(--c-main);
  transition: all 0.2s;
}

input {
  transition: all 0.2s;
}

a:hover, input[type=checkbox]:hover, [type=submit]:hover, [type=reset]:hover {
  opacity: 0.6;
  transition: all 0.2s;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

img, svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  html, body {
    font-size: 2.5641025641vw;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
@media (max-width: 767px) {
  #a3-9::after {
    content: "";
    display: block;
    width: 100%;
    height: 100svh;
    background-color: var(--c-000);
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s var(--easing-splash-opacity);
  }
}
@media (max-width: 767px) {
  #a3-9:has(.open)::after {
    opacity: 1;
    visibility: visible;
  }
}
#a3-9 .header {
  position: fixed;
  right: 0;
  left: 0;
  top: 1.6rem;
  z-index: 10;
  margin: auto;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  #a3-9 .header {
    top: 0;
    transform: translateY(-100%);
    transition: transform 1.2s cubic-bezier(0.4, 0.69, 0.55, 0.96);
  }
}
#a3-9 .header .inner .headerNav {
  width: 100%;
  max-width: 93.6rem;
  margin: 0 auto;
  background: url(../img/header_bg01.png) center center/contain no-repeat;
  padding-block: 0.8rem 1.6rem;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav {
    background: rgba(238, 234, 231, 0.9);
    padding-block: 7.8svh 9.8svh;
    overflow: scroll;
  }
}
#a3-9 .header .inner .headerNav .list {
  display: grid;
  grid-template-columns: 12rem 12rem 12rem 18.6rem 12rem 12rem 12rem;
  justify-content: center;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav .list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav .list .blk {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav .list .blk.logo {
    order: -1;
    margin-bottom: 2.9svh;
  }
}
#a3-9 .header .inner .headerNav .list .blk .link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: center;
  margin-top: -0.7rem;
  position: relative;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav .list .blk .link {
    width: auto;
    display: inline-flex;
    margin-top: 0;
    font-size: 1.4rem;
    padding-block: 3svh;
  }
}
#a3-9 .header .inner .headerNav .list .blk .link::after {
  content: "";
  width: 1px;
  height: 2.4rem;
  background-color: var(--c-main);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav .list .blk .link::after {
    width: 1.8rem;
    height: 1px;
    top: auto;
    left: 0;
  }
}
#a3-9 .header .inner .headerNav .list .blk .link.logo {
  width: 100%;
  max-width: 4.9rem;
  margin: 0 auto;
  padding-top: 0;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .headerNav .list .blk .link.logo {
    padding: 0;
    max-width: 7.3rem;
  }
}
#a3-9 .header .inner .headerNav .list .blk .link.logo::after {
  display: none;
}
#a3-9 .header .inner .headerNav .list .blk .link.bdn::after {
  display: none;
}
#a3-9 .header .inner .headerNav .list .blk .link.bd-sp::after {
  display: block;
}
#a3-9 .header .inner .hamburgerIcon {
  display: none;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .hamburgerIcon {
    display: block;
    width: 5.6rem;
    height: 5.6rem;
    background: url(../img/btn_menu-sp.png) center center/contain no-repeat;
    position: absolute;
    bottom: -5.6rem;
    right: 1.6rem;
  }
}
#a3-9 .header .inner .hamburgerIcon .line {
  display: none;
}
@media (max-width: 767px) {
  #a3-9 .header .inner .hamburgerIcon .line {
    display: block;
    width: 100%;
    max-width: 2.4rem;
    height: 2px;
    background-color: var(--c-main);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: transform 0.6s ease;
  }
}
#a3-9 .header .inner .hamburgerIcon .line._01 {
  top: 2.2rem;
}
#a3-9 .header .inner .hamburgerIcon .line._02 {
  top: 3rem;
}
@media (max-width: 767px) {
  #a3-9 .header.open {
    transform: translateY(0);
  }
}
#a3-9 .header.open .hamburgerIcon .line._01 {
  transform: rotate(-30deg);
  top: 0;
  bottom: 0;
}
#a3-9 .header.open .hamburgerIcon .line._02 {
  transform: rotate(30deg);
  top: 0;
  bottom: 0;
}

#a3-9 .footer {
  background-color: var(--c-000);
  padding-block: 4rem 2.6rem;
}
@media (max-width: 767px) {
  #a3-9 .footer {
    padding-block: 2.4rem;
  }
}
#a3-9 .footer .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .footer .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .footer .inner .linkBlk {
  display: grid;
  grid-template-columns: auto 18.4rem 18.4rem;
  align-items: center;
  justify-content: center;
  gap: 8rem;
}
@media (max-width: 767px) {
  #a3-9 .footer .inner .linkBlk {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
#a3-9 .footer .inner .linkBlk .snsBlk .snsBox {
  display: grid;
  grid-template-columns: 5.4rem auto;
  align-items: center;
  gap: 1.6rem;
}
#a3-9 .footer .inner .linkBlk .snsBlk .snsBox:not(:first-of-type) {
  margin-top: 2.4rem;
}
#a3-9 .footer .inner .linkBlk .snsBlk .snsBox .txt {
  font-size: 1.4rem;
  font-weight: bold;
}
#a3-9 .footer .inner .linkBlk .snsBlk .snsBox .list {
  display: grid;
  grid-template-columns: repeat(3, 4rem);
  gap: 1.6rem;
}
#a3-9 .footer .inner .linkBlk .snsBlk .snsBox .list .blk .link {
  display: block;
}
@media (max-width: 767px) {
  #a3-9 .footer .inner .linkBlk .mainLogo {
    width: 100%;
    max-width: 18.4rem;
    margin: 3.2rem auto 0;
  }
}
#a3-9 .footer .inner .linkBlk .mainLogo .link {
  display: block;
}
@media (max-width: 767px) {
  #a3-9 .footer .inner .linkBlk .anniversaryLogo {
    width: 100%;
    max-width: 18.4rem;
    margin: 0 auto;
  }
}
#a3-9 .footer .inner .linkBlk .anniversaryLogo .link {
  display: block;
}
#a3-9 .footer .inner .txtBlk {
  text-align: center;
  font-family: var(--f-notsans);
  margin-top: 4.2rem;
}
#a3-9 .footer .inner .txtBlk .copy {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  #a3-9 .footer .inner .txtBlk .copy {
    font-size: 1.2rem;
  }
}
#a3-9 .footer .inner .txtBlk .notes {
  font-size: 0.9rem;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .footer .inner .txtBlk .notes {
    font-size: 0.8rem;
    margin-top: 1.2rem;
  }
}

#a3-9.wider .splashWrap .content .inner .txtImg {
  transform: translateY(1.5vh);
}
#a3-9.wider .splashWrap .content .inner .txtImg._01 {
  top: 24.7vh;
  left: 17.4vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._02 {
  top: 49.6vh;
  left: 3.2vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._03 {
  top: 69.6vh;
  left: 11.1vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._04 {
  top: 21.5vh;
  left: 42.1vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._05 {
  top: 46.9vh;
  left: 9.1vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._06 {
  top: 67.3vh;
  left: 22.4vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._07 {
  top: 22.8vh;
  left: 17.9vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._08 {
  top: 50.3vh;
  left: 2.4vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._09 {
  top: 75.1vh;
  left: 30.9vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._10 {
  top: 20.8vh;
  left: 9.4vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._11 {
  top: 46.9vh;
  left: 11.5vw;
}
#a3-9.wider .splashWrap .content .inner .txtImg._12 {
  top: 71.6vh;
  left: 31.4vw;
}
#a3-9.wider .splashWrap .content .inner .img._01 {
  top: 2.8vh;
}
#a3-9.wider .splashWrap .content .inner .img._02 {
  top: -18vh;
}
#a3-9.wider .splashWrap .content .inner .img._03 {
  top: -5vh;
}
#a3-9.wider .splashWrap .content .inner .img._04 {
  top: 10.7vh;
}
#a3-9.wider .container .sec01 {
  height: 140vh;
}
#a3-9.wider .container .sec01 .bg::after {
  height: 130vh;
}
#a3-9.wider .container .sec01 .content {
  padding-block: 32.1vh 0;
}
#a3-9.wider .container .sec01 .inner .ttl {
  font-size: 10vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap {
  margin-top: 4vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk {
  max-width: 99vh;
  height: 40vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .line {
  right: -3.3vh;
  height: 40vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .cir {
  right: -3.8vh;
  width: 1vh;
  height: 1vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt {
  font-size: 3vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt .big {
  font-size: 4vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt + .txt {
  margin-top: 3.5vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead {
  font-size: 2vh;
  margin-top: 2.6vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead:first-child {
  margin-top: 0;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead + .txt {
  margin-top: 2.8vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead + .lead {
  margin-top: 2.9vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._01 {
  max-width: 87.5vh;
  top: -66.5vh;
  left: 25.1vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._02 {
  max-width: 37.9vh;
  top: -24.9vh;
  left: -38.5vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._03 {
  max-width: 58vh;
  top: -11.5vh;
  left: -34.5vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._04 {
  max-width: 54.9vh;
  top: 32.3vh;
  left: -31.5vh;
}
#a3-9.wider .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._05 {
  max-width: 90vh;
  top: 15vh;
  left: 59.5vh;
}

.is-booting {
  visibility: hidden;
}

.is-splash #a3-9 {
  overflow: hidden;
  overscroll-behavior: none;
  height: 100vh;
}
@media (max-width: 767px) {
  .is-splash #a3-9 {
    height: 100svh;
  }
}

#a3-9.is-scroll-locked {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}
#a3-9 .splashWrap {
  position: relative;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap {
    height: 100svh;
  }
}
#a3-9 .splashWrap .content {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content {
    height: 100svh;
  }
}
#a3-9 .splashWrap .content._01 {
  background: var(--bg-splash);
}
#a3-9 .splashWrap .content._02 {
  background: var(--bg-splash2);
  opacity: 0;
  visibility: hidden;
}
#a3-9 .splashWrap .content._03 {
  background: var(--bg-splash);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
#a3-9 .splashWrap .content .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner {
    padding-inline: 2.4rem;
  }
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner {
    height: 100svh;
    position: absolute;
    top: 0;
    left: 0;
  }
}
#a3-9 .splashWrap .content .inner .txtImg {
  position: absolute;
  width: 100%;
  z-index: 1;
  transform: translateY(1.2rem);
  opacity: 0;
  visibility: hidden;
}
#a3-9 .splashWrap .content .inner .txtImg._01 {
  max-width: 78rem;
  top: 19.8rem;
  left: 25rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._01 {
    max-width: 38.5svh;
    top: 19.7svh;
    left: 4.8rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._02 {
  max-width: 50.3rem;
  top: 39.7rem;
  left: 4.6rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._02 {
    max-width: 30.3svh;
    top: 41.5svh;
    left: 2.5rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._03 {
  max-width: 108rem;
  top: 55.7rem;
  left: 16rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._03 {
    max-width: 29.6svh;
    top: 64.7svh;
    left: 8.8rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._04 {
  max-width: 54rem;
  top: 17.2rem;
  left: 60.6rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._04 {
    max-width: 33.2svh;
    top: 22.4svh;
    left: 8.8rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._05 {
  max-width: 89.8rem;
  top: 37.5rem;
  left: 13.1rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._05 {
    max-width: 33.9svh;
    top: 43.7svh;
    left: 3.3rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._06 {
  max-width: 45.5rem;
  top: 53.8rem;
  left: 23.2rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._06 {
    max-width: 34.4svh;
    top: 71svh;
    left: 4.9rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._07 {
  max-width: 75.3rem;
  top: 18.2rem;
  left: 25.8rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._07 {
    max-width: 31.1svh;
    top: 19svh;
    left: 10rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._08 {
  max-width: 84.6rem;
  top: 40.2rem;
  left: 3.5rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._08 {
    max-width: 36.4svh;
    top: 43.3svh;
    left: 4.2rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._09 {
  max-width: 69.9rem;
  top: 60.1rem;
  left: 44.5rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._09 {
    max-width: 29.5svh;
    left: 9.7rem;
    top: 68.5svh;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._10 {
  max-width: 103.8rem;
  top: 16.6rem;
  left: 13.5rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._10 {
    max-width: 34.4svh;
    top: 18.1svh;
    left: 6.5rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._11 {
  max-width: 56.8rem;
  top: 37.5rem;
  left: 16.5rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._11 {
    max-width: 35.9svh;
    top: 46.1svh;
    left: 2.5rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._12 {
  max-width: 72.4rem;
  top: 57.3rem;
  left: 45.2rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._12 {
    max-width: 33.8svh;
    top: 63.3svh;
    left: 8rem;
  }
}
#a3-9 .splashWrap .content .inner .txtImg._13 {
  max-width: 97.4rem;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .txtImg._13 {
    max-width: 36.6svh;
  }
}
#a3-9 .splashWrap .content .inner .star {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 63.4rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#a3-9 .splashWrap .content .inner .star svg {
  transform-origin: 50% 50%;
  transform: scale(0) translateY(0);
  opacity: 0;
}
#a3-9 .splashWrap .content .inner .img {
  position: absolute;
  width: 100%;
  max-width: 88rem;
  opacity: 0;
  visibility: hidden;
}
#a3-9 .splashWrap .content .inner .img._01 {
  top: 2.2rem;
  left: 53.7rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .img._01 {
    top: auto;
    bottom: 0;
    left: 0;
  }
}
#a3-9 .splashWrap .content .inner .img._02 {
  top: -14.4rem;
  left: -13.7rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .img._02 {
    top: 8.3svh;
    left: 0;
  }
}
#a3-9 .splashWrap .content .inner .img._03 {
  top: -4rem;
  left: 58rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .img._03 {
    top: auto;
    left: 0;
    bottom: 1.6svh;
  }
}
#a3-9 .splashWrap .content .inner .img._04 {
  top: 8.6rem;
  left: -14.8rem;
}
@media (max-width: 767px) {
  #a3-9 .splashWrap .content .inner .img._04 {
    top: auto;
    bottom: 0;
    left: 0;
  }
}
#a3-9 .splashWrap .content .inner._05 {
  height: 100%;
}
#a3-9 .splashWrap .btnSkip {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  width: 6rem;
  height: 6rem;
  border: 1px solid var(--c-main);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#a3-9 .container {
  opacity: 0;
  visibility: hidden;
}
#a3-9 .container .mv {
  width: 100%;
  height: 88rem;
  background: url(../img/mv.jpg) top center/cover no-repeat;
  position: relative;
  padding-top: 55rem;
}
@media (max-width: 767px) {
  #a3-9 .container .mv {
    background-image: url(../img/mv-sp.jpg);
    height: 72rem;
    padding-top: 50.7rem;
  }
}
#a3-9 .container .mv::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 42.6rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, #000 100%);
}
@media (max-width: 767px) {
  #a3-9 .container .mv::before {
    height: 34.8rem;
  }
}
#a3-9 .container .mv::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 8rem;
  background: url(../img/mv_obj01.svg) center center/contain no-repeat;
  position: absolute;
  bottom: 4.4rem;
  right: 0;
  left: 0;
  margin: auto;
  animation: scroll 2s infinite;
}
@media (max-width: 767px) {
  #a3-9 .container .mv::after {
    width: 0.6rem;
    height: 6rem;
    bottom: 4svh;
  }
}
#a3-9 .container .mv .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .mv .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .mv .inner .ttl {
  width: 100%;
  max-width: 69.3rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #a3-9 .container .mv .inner .ttl {
    max-width: 34rem;
  }
}
#a3-9 .container .mv .inner .txt {
  font-size: 2.2rem;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  #a3-9 .container .mv .inner .txt {
    font-size: 1.6rem;
    margin-top: 0.7rem;
  }
}
#a3-9 .container .sec01 {
  position: relative;
  height: 139vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 {
    height: 118.2svh;
  }
}
#a3-9 .container .sec01 .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/sec01_bg01.png) top center/cover no-repeat;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .bg {
    background-image: url(../img/sec01_bg01-sp.png);
  }
}
#a3-9 .container .sec01 .bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 104rem;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 65.38%, #000 100%);
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .bg::after {
    height: 99svh;
  }
}
#a3-9 .container .sec01 .content {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-block: 20rem 0;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .content {
    padding-top: 12.8svh;
  }
}
#a3-9 .container .sec01 .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .sec01 .inner .ttl {
  font-size: 8rem;
  letter-spacing: 0.02em;
  font-family: var(--f-bas);
  font-style: italic;
  text-align: center;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .ttl {
    font-size: 6.4rem;
    color: var(--c-D8B892);
  }
}
#a3-9 .container .sec01 .inner .txtWrap {
  text-align: center;
  margin-top: 3.2rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap {
    margin-top: 4.9svh;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 79.2rem;
  height: 32rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk {
    height: 60svh;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .line {
  display: block;
  position: absolute;
  top: 0;
  right: -2.6rem;
  width: 1px;
  height: 32rem;
  background-color: var(--c-main);
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .line {
    height: 47.3svh;
    top: 6svh;
    right: -1rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .cir {
  display: block;
  position: absolute;
  top: 0;
  right: -3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--c-main);
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .cir {
    top: 6svh;
    right: -1.4rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: var(--c-fff);
  letter-spacing: 0.02em;
  opacity: 0;
  visibility: hidden;
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox._01 {
  opacity: 1;
  visibility: visible;
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox._04 {
  color: var(--c-1E1111);
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt {
  font-size: 2.4rem;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt {
    font-size: 2.2rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt .big {
  font-size: 3.2rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt .big {
    font-size: 2.8rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt + .txt {
  margin-top: 2.8rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .txt + .txt {
    margin-top: 4.1svh;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 2.1rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead {
    font-size: 1.4rem;
    margin-top: 3.1svh;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead:first-child {
  margin-top: 0;
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead + .txt {
  margin-top: 2.2rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead + .txt {
    margin-top: 3.1svh;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead + .lead {
  margin-top: 2.3rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .lead + .lead {
    margin-top: 3.4svh;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj {
  display: block;
  width: 100%;
  position: absolute;
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._01 {
  max-width: 70rem;
  top: -53.2rem;
  left: 20.1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._01 {
    max-width: 35rem;
    top: -23.9svh;
    left: auto;
    right: 0;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._02 {
  max-width: 30.3rem;
  top: -19.9rem;
  left: -30.8rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._02 {
    max-width: 15.2rem;
    top: 16.4svh;
    left: -12.8rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._03 {
  max-width: 46.4rem;
  top: -9.2rem;
  left: -27.6rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._03 {
    max-width: 23.2rem;
    top: 24.9svh;
    left: -12.5rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._04 {
  max-width: 43.9rem;
  top: 25.8rem;
  left: -25.2rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._04 {
    max-width: 21.9rem;
    top: 51.7svh;
    left: -10.2rem;
  }
}
#a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._05 {
  max-width: 72rem;
  top: 12rem;
  left: 47.6rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec01 .inner .txtWrap .txtBlk .txtBox .obj._05 {
    max-width: 36rem;
    top: 41.6svh;
    left: 12rem;
  }
}
#a3-9 .container .sec02 .ttl {
  background: linear-gradient(90deg, #867147 0%, #B99C62 50%, #867147 100%);
  padding-block: 0.7rem 2rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .ttl {
    padding-block: 0.3rem 1rem;
  }
}
#a3-9 .container .sec02 .ttl span {
  display: block;
  text-align: center;
  color: var(--c-000);
  letter-spacing: 0.02em;
  line-height: 1;
}
#a3-9 .container .sec02 .ttl span.txt {
  font-size: 12rem;
  font-family: var(--f-bas);
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .ttl span.txt {
    font-size: 5.6rem;
  }
}
#a3-9 .container .sec02 .ttl span.copy {
  font-size: 1.2rem;
  font-family: var(--f-rob);
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .ttl span.copy {
    font-size: 0.6rem;
  }
}
#a3-9 .container .sec02 .content {
  position: relative;
  width: 100%;
  height: 72rem;
  background: url(../img/sec02_img01.jpg) top center/cover no-repeat;
  background-size: 100% 100%;
  transition: background-size 1s linear;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content {
    height: 44rem;
    background-size: 100%;
  }
}
#a3-9 .container .sec02 .content.is-hover {
  cursor: none;
}
#a3-9 .container .sec02 .content.is-hover .cursor {
  opacity: 1;
}
#a3-9 .container .sec02 .content:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/sec02_tex01.png) top center/cover no-repeat;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content:before {
    height: 19.5rem;
    background-image: url(../img/sec02_tex01-sp.png);
  }
}
#a3-9 .container .sec02 .content::after {
  content: "";
  display: block;
  width: 72rem;
  height: 72rem;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 65.38%, #000 100%);
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content::after {
    width: 100%;
    height: 24.5rem;
    background-color: var(--c-000);
    top: auto;
    bottom: 0;
  }
}
#a3-9 .container .sec02 .content .movieClick {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: none;
}
#a3-9 .container .sec02 .content .movieClick:hover {
  opacity: 1;
}
#a3-9 .container .sec02 .content .movieClick .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .movieClick .inner {
    padding-inline: 2.4rem;
  }
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .movieClick .inner {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .movieClick .inner::before {
    content: "";
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    background: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.125' fill='black' stroke='%23B99C62' stroke-width='0.75'/%3E%3Cpath d='M31 22.5L18.25 28.0209V16.9791L31 22.5Z' fill='%23B99C62'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    top: 7.5rem;
    right: 0;
    left: 0;
    z-index: 1;
    margin: auto;
  }
}
#a3-9 .container .sec02 .content .movieClick .inner .txtBlk {
  position: relative;
  z-index: 1;
  padding-top: 19.9rem;
  padding-right: 3.7rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .movieClick .inner .txtBlk {
    padding-top: 16.9rem;
    padding-right: 0;
    padding-left: 1.6rem;
  }
}
#a3-9 .container .sec02 .content .movieClick .inner .txtBlk .txt {
  font-size: 6.2rem;
  letter-spacing: 0.02em;
  line-height: 1.296875;
  font-family: var(--f-bas);
  font-style: italic;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .movieClick .inner .txtBlk .txt {
    font-size: 4rem;
  }
}
#a3-9 .container .sec02 .content .movieClick .inner .txtBlk .lead {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-top: 2.6rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .movieClick .inner .txtBlk .lead {
    font-size: 1.4rem;
    margin-top: 1.5rem;
  }
}
#a3-9 .container .sec02 .content .cursor {
  position: absolute;
  width: 12rem;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--c-000);
  border: 0.2rem solid var(--c-main);
  opacity: 0;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: opacity 0.4s var(--easing-splash-opacity);
  pointer-events: none;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .content .cursor {
    display: none;
  }
}
#a3-9 .container .sec02.is-active .content {
  background-size: 120% 120%;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02.is-active .content {
    background-size: 120%;
  }
}
#a3-9 .container .sec02 .movieModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100svh;
  background-color: rgba(30, 17, 17, 0.9);
  display: none;
}
#a3-9 .container .sec02 .movieModal .modalCont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#a3-9 .container .sec02 .movieModal .modalCont .inner {
  width: 100%;
  max-width: 96rem;
  height: 54rem;
  position: relative;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .movieModal .modalCont .inner {
    height: 22.2rem;
  }
}
#a3-9 .container .sec02 .movieModal .modalCont .inner .batsu {
  position: absolute;
  z-index: 2;
  top: -5.8rem;
  right: 0;
  width: 5.4rem;
  height: 5.4rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  #a3-9 .container .sec02 .movieModal .modalCont .inner .batsu {
    top: auto;
    right: 0;
    left: 0;
    bottom: -5.7rem;
    margin: auto;
  }
}
#a3-9 .container .sec02 .movieModal .modalCont .inner .batsu::before, #a3-9 .container .sec02 .movieModal .modalCont .inner .batsu::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: var(--c-fff);
}
#a3-9 .container .sec02 .movieModal .modalCont .inner .batsu::before {
  transform: rotate(45deg);
}
#a3-9 .container .sec02 .movieModal .modalCont .inner .batsu::after {
  transform: rotate(-45deg);
}
#a3-9 .container .sec02 .movieModal .modalCont .inner iframe {
  width: 100%;
  height: 100%;
}
#a3-9 .container .sec03 {
  background: url(../img/sec03_bg01.jpg) top center/cover no-repeat;
  padding-block: 11.1rem 36.2rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 {
    background-image: url(../img/sec03_bg01-sp.jpg);
    padding-block: 7.4rem 20rem;
  }
}
#a3-9 .container .sec03 .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .sec03 .inner .ttl {
  font-size: 8rem;
  letter-spacing: 0.02em;
  text-align: center;
  font-family: var(--f-bas);
  font-style: italic;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner .ttl {
    font-size: 6.4rem;
  }
}
#a3-9 .container .sec03 .inner .list {
  padding-inline: 22.3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
  margin-top: 3.1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner .list {
    padding-inline: 0;
    gap: 1.6rem;
    margin-top: 3.2rem;
  }
}
#a3-9 .container .sec03 .inner .list .blk .link {
  background-color: var(--c-000);
  display: grid;
  align-items: center;
  grid-template-columns: 9.4rem 1fr 9.6rem;
  gap: 2.4rem;
  padding: 0.6rem 2.8rem 0.6rem 0.8rem;
  border: 0.2rem solid var(--c-main);
  cursor: pointer;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner .list .blk .link {
    grid-template-columns: 4.7rem 1fr 4.8rem;
    gap: 0.8rem;
    padding: 0.4rem 0.8rem 0.4rem 0.4rem;
  }
}
#a3-9 .container .sec03 .inner .list .blk .link.comingsoon {
  pointer-events: none;
}
#a3-9 .container .sec03 .inner .list .blk .link.comingsoon .more {
  display: none;
}
#a3-9 .container .sec03 .inner .list .blk .link .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.4rem;
  height: 11.4rem;
  background-color: var(--c-main);
  font-size: 5.2rem;
  font-weight: bold;
  color: var(--c-000);
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner .list .blk .link .num {
    width: 4.7rem;
    height: 8rem;
    font-size: 2.6rem;
  }
}
#a3-9 .container .sec03 .inner .list .blk .link .txt {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner .list .blk .link .txt {
    font-size: 1.6rem;
    line-height: 1.4;
    padding-left: 0.8rem;
  }
}
#a3-9 .container .sec03 .inner .list .blk .link .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.6rem;
  height: 9.6rem;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  border: 0.2rem solid var(--c-main);
  border-radius: 50%;
}
@media (max-width: 767px) {
  #a3-9 .container .sec03 .inner .list .blk .link .more {
    width: 4.8rem;
    height: 4.8rem;
    font-size: 0.8rem;
  }
}
#a3-9 .container .sec04 {
  position: relative;
  background-color: var(--c-2D2D2D);
  z-index: 1;
}
#a3-9 .container .sec04::before, #a3-9 .container .sec04::after {
  content: "";
  display: block;
  width: 100%;
  height: 12.3rem;
  position: absolute;
  left: 0;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04::before, #a3-9 .container .sec04::after {
    height: 8rem;
  }
}
#a3-9 .container .sec04::before {
  background: url(../img/sec04_bg01.png) top center/cover no-repeat;
  top: -12.3rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04::before {
    background-image: url(../img/sec04_bg01-sp.png);
    top: -8rem;
  }
}
#a3-9 .container .sec04::after {
  background: url(../img/sec04_bg02.png) top center/cover no-repeat;
  bottom: -12.3rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04::after {
    background-image: url(../img/sec04_bg02-sp.png);
    bottom: -8rem;
  }
}
#a3-9 .container .sec04 .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .sec04 .inner .ttl {
  font-size: 8rem;
  letter-spacing: 0.02em;
  text-align: center;
  font-family: var(--f-bas);
  font-style: italic;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .inner .ttl {
    font-size: 6.4rem;
  }
}
#a3-9 .container .sec04 .inner .list {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .inner .list {
    margin-top: 0.9rem;
  }
}
#a3-9 .container .sec04 .inner .list .blk {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-align: center;
  padding: 0.1rem 8.6rem;
  border: 0.1rem solid var(--c-main);
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .inner .list .blk {
    font-size: 1.2rem;
    padding: 0 5.4rem;
  }
}
#a3-9 .container .sec04 .castWrap {
  margin-top: 5.7rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .castWrap {
    margin-top: 4.8rem;
  }
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand {
  display: flex;
  align-items: center;
  padding-block: 0.6rem 0.4rem;
  overflow: hidden;
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 2.5rem;
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName span {
  display: inline-block;
  letter-spacing: 0.02em;
  font-family: var(--f-bas);
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName .kingdom {
  font-size: 3.2rem;
  margin-right: 0.9rem;
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName .of {
  font-size: 2.4rem;
  margin-right: 0.8rem;
  padding-top: 0.8rem;
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName .name {
  font-size: 3.2rem;
  font-weight: 500;
  margin-right: 2.4rem;
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName .jp {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-family: var(--f-main_ff);
}
#a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName .jp::before, #a3-9 .container .sec04 .castWrap .teamList .blk .teamNameBand .teamName .jp::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 1px;
  background-color: var(--c-main);
}
#a3-9 .container .sec04 .castWrap .teamList .blk.unus .teamNameBand {
  background-color: var(--c-662432);
}
#a3-9 .container .sec04 .castWrap .teamList .blk.unus .teamNameBand .teamName {
  animation: infinity-scroll-left 10s infinite linear 0.5s both;
}
#a3-9 .container .sec04 .castWrap .teamList .blk.unus .castBlk::before {
  background: linear-gradient(180deg, #662432 0%, rgba(102, 36, 50, 0) 100%);
}
#a3-9 .container .sec04 .castWrap .teamList .blk.duo .teamNameBand {
  background-color: var(--c-294466);
  justify-content: flex-end;
}
#a3-9 .container .sec04 .castWrap .teamList .blk.duo .teamNameBand .teamName {
  animation: infinity-scroll-right 10s infinite linear 0.5s both;
}
#a3-9 .container .sec04 .castWrap .teamList .blk.duo .castBlk::before {
  background: linear-gradient(180deg, #294466 0%, rgba(41, 68, 102, 0) 100%);
}
#a3-9 .container .sec04 .castWrap .teamList .blk.tres .teamNameBand {
  background-color: var(--c-4B2E66);
}
#a3-9 .container .sec04 .castWrap .teamList .blk.tres .teamNameBand .teamName {
  animation: infinity-scroll-left 10s infinite linear 0.5s both;
}
#a3-9 .container .sec04 .castWrap .teamList .blk.tres .castBlk::before {
  background: linear-gradient(180deg, #4B2E66 0%, rgba(75, 46, 102, 0) 100%);
}
#a3-9 .container .sec04 .castWrap .teamList .blk.quattuor .teamNameBand {
  background-color: var(--c-BEA13A);
  color: var(--c-48281E);
  justify-content: flex-end;
}
#a3-9 .container .sec04 .castWrap .teamList .blk.quattuor .teamNameBand .teamName {
  animation: infinity-scroll-right 10s infinite linear 0.5s both;
}
#a3-9 .container .sec04 .castWrap .teamList .blk.quattuor .castBlk::before {
  background: linear-gradient(180deg, #BEA13A 0%, rgba(190, 161, 58, 0) 100%);
}
#a3-9 .container .sec04 .castWrap .castBlk {
  position: relative;
  padding-bottom: 3.7rem;
}
#a3-9 .container .sec04 .castWrap .castBlk::before {
  content: "";
  display: block;
  width: 100%;
  height: 21rem;
  position: absolute;
  top: 0;
  left: 0;
}
#a3-9 .container .sec04 .castWrap .castBlk .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .castWrap .castBlk .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  gap: 3.6rem 4rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .castWrap .castBlk .inner .castList {
    grid-template-columns: 1fr;
  }
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .imgBlk {
  display: grid;
  grid-template-columns: repeat(2, 16rem);
  gap: 1.6rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--c-main);
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .imgBlk .name {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  text-align: center;
  font-family: var(--f-notsans);
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .imgBlk .name {
    margin-top: 0.5rem;
  }
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .imgBlk .img {
  aspect-ratio: 160/210;
  height: 21rem;
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .role {
  text-align: center;
  margin-top: 1.3rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .role {
    margin-top: 1.5rem;
  }
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .role .txt {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
#a3-9 .container .sec04 .castWrap .castBlk .inner .castList .blk .role .name {
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  margin-top: 0.2rem;
}
#a3-9 .container .sec05 {
  background-color: var(--c-EEEAE7);
  padding-block: 23.5rem 16rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  #a3-9 .container .sec05 {
    padding-block: 15.3rem 12rem;
  }
}
#a3-9 .container .sec05::after {
  content: "";
  display: block;
  width: 88rem;
  height: 88rem;
  background: url(../img/sec05_img02.png) center center/contain no-repeat;
  position: absolute;
  right: -8rem;
  bottom: -8rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec05::after {
    width: 66rem;
    height: 66rem;
    right: auto;
    left: -3.6rem;
    bottom: -19.6rem;
  }
}
#a3-9 .container .sec05 .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
  z-index: 1;
}
@media (max-width: 767px) {
  #a3-9 .container .sec05 .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .sec05 .inner .ttl {
  font-size: 8rem;
  letter-spacing: 0.02em;
  text-align: center;
  font-family: var(--f-bas);
  font-style: italic;
  color: var(--c-48281E);
}
@media (max-width: 767px) {
  #a3-9 .container .sec05 .inner .ttl {
    font-size: 6.4rem;
  }
}
@media (max-width: 767px) {
  #a3-9 .container .sec05 .inner .ttl {
    color: var(--c-main);
  }
}
#a3-9 .container .sec05 .inner .img {
  width: 100%;
  max-width: 91.6rem;
  margin: 5.4rem auto 0;
  aspect-ratio: 916/352;
}
@media (max-width: 767px) {
  #a3-9 .container .sec05 .inner .img {
    aspect-ratio: 342/604;
    margin-top: 3.8rem;
  }
}
#a3-9 .container .sec05 .inner .btnBlk {
  text-align: center;
  margin-top: 6.4rem;
}
#a3-9 .container .sec05 .inner .btnBlk .btn {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  font-weight: bold;
  background-color: var(--c-000);
  border: 0.2rem solid var(--c-main);
  padding: 2.3rem 7.7rem;
}
#a3-9 .container .textBannerWrap {
  background: linear-gradient(90deg, #867147 0%, #B99C62 50%, #867147 100%);
  padding-block: 2.8rem;
}
@media (max-width: 767px) {
  #a3-9 .container .textBannerWrap {
    padding-block: 1.3rem;
  }
}
#a3-9 .container .textBannerWrap .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .textBannerWrap .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .textBannerWrap .inner .lead {
  font-size: 4rem;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-align: center;
  font-family: var(--f-bas);
  color: var(--c-000);
}
@media (max-width: 767px) {
  #a3-9 .container .textBannerWrap .inner .lead {
    font-size: 1.4rem;
  }
}
#a3-9 .container .sec06 {
  background: url(../img/sec06_bg01.png) top center/cover no-repeat;
  padding-block: 11.9rem 16rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 {
    background-image: url(../img/sec06_bg01-sp.png);
    padding-block: 7.5rem 12rem;
  }
}
#a3-9 .container .sec06 .inner {
  position: relative;
  width: 100%;
  max-width: 125.8rem;
  margin: 0 auto;
  padding-inline: 1rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .container .sec06 .inner .ttl {
  font-size: 8rem;
  letter-spacing: 0.02em;
  text-align: center;
  font-family: var(--f-bas);
  font-style: italic;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .ttl {
    font-size: 6.4rem;
  }
}
#a3-9 .container .sec06 .inner .list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22rem;
  margin-top: 5.8rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .list {
    margin-top: 4.5rem;
    gap: 17.1rem;
  }
}
#a3-9 .container .sec06 .inner .list .blk {
  text-align: center;
  position: relative;
}
#a3-9 .container .sec06 .inner .list .blk:not(:first-of-type)::before {
  content: "";
  display: block;
  width: 120rem;
  height: 0.8rem;
  background: url(../img/sec06_obj01.svg) center center/contain no-repeat;
  position: absolute;
  top: -11.7rem;
  right: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .list .blk:not(:first-of-type)::before {
    background-image: url(../img/sec06_obj01-sp.svg);
    width: 34.2rem;
    height: 0.8rem;
    top: -9.3rem;
  }
}
#a3-9 .container .sec06 .inner .list .blk .subTtl {
  font-size: 2rem;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .list .blk .subTtl {
    font-size: 2.4rem;
  }
}
#a3-9 .container .sec06 .inner .list .blk .lead, #a3-9 .container .sec06 .inner .list .blk .txt {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  font-family: var(--f-notsans);
}
#a3-9 .container .sec06 .inner .list .blk .lead {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .list .blk .lead {
    margin-top: 2.7rem;
  }
}
#a3-9 .container .sec06 .inner .list .blk .txt {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .list .blk .txt {
    margin-top: 1.6rem;
  }
}
#a3-9 .container .sec06 .inner .list .blk .link {
  display: block;
  width: 100%;
  max-width: 65.6rem;
  margin: 4rem auto 0;
}
@media (max-width: 767px) {
  #a3-9 .container .sec06 .inner .list .blk .link {
    margin-top: 1.6rem;
  }
}
#a3-9 .js-modal_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding-block: 10.4rem;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: none;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap {
    padding-block: 2.4rem 7.2rem;
    height: 100svh;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] {
  background-color: rgba(30, 17, 17, 0.9);
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap {
  max-width: 91rem;
  padding-block: 4rem 8rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap {
    max-width: 34.2rem;
    padding-block: 2.4rem 4.8rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .snsList {
  display: none;
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner {
  padding-inline: 16rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner {
    padding-inline: 2.4rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.4rem;
  height: 11.4rem;
  background-color: var(--c-main);
  font-size: 5.2rem;
  font-weight: bold;
  color: var(--c-000);
  width: 9.6rem;
  height: 9.6rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .num {
    width: 4.7rem;
    height: 8rem;
    font-size: 2.6rem;
  }
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .num {
    width: 4.8rem;
    height: 4.8rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .ttl {
  font-size: 5.2rem;
  text-align: center;
  font-weight: bold;
  margin-top: 3.3rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .ttl {
    font-size: 2.2rem;
    letter-spacing: 0.02em;
    margin-top: 1.8rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .img {
  margin-top: 3.3rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .img {
    margin-top: 1.7rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .lead {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  font-family: var(--f-notsans);
  color: var(--c-000);
  margin-top: 3.4rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .lead {
    margin-top: 1.5rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .txtlink {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  font-family: var(--f-notsans);
  text-decoration: underline;
  display: inline-block;
  margin-top: 2.4rem;
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .dsc {
  margin-top: 2.6rem;
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .dsc .dscTtl {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  font-family: var(--f-notsans);
  color: var(--c-000);
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .dsc .dscTxt {
  margin-top: 0.5rem;
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .dsc .dscTxt .txtlink {
  margin-top: 0;
}
#a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .list {
  padding-inline: 1.1rem;
  display: grid;
  grid-template-columns: repeat(6, 8.8rem);
  gap: 0.8rem;
  margin-top: 2.8rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=news] .modalWrap .modalCont .inner .list {
    grid-template-columns: repeat(3, 8.8rem);
  }
}
#a3-9 .js-modal_wrap[data-active-modal=cast] .modalWrap {
  max-width: 120rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap[data-active-modal=cast] .modalWrap {
    max-width: 34.2rem;
  }
}
#a3-9 .js-modal_wrap[data-active-modal=cast] .modalWrap .batsu {
  right: 2.4rem;
  left: auto;
}
#a3-9 .js-modal_wrap[data-active-id=siegfried], #a3-9 .js-modal_wrap[data-active-id=reinhardt], #a3-9 .js-modal_wrap[data-active-id=marius] {
  background-color: var(--c-662432);
}
#a3-9 .js-modal_wrap[data-active-id=christoph], #a3-9 .js-modal_wrap[data-active-id=joseph], #a3-9 .js-modal_wrap[data-active-id=herman] {
  background-color: var(--c-294466);
}
#a3-9 .js-modal_wrap[data-active-id=frederick], #a3-9 .js-modal_wrap[data-active-id=emil], #a3-9 .js-modal_wrap[data-active-id=charles] {
  background-color: var(--c-4B2E66);
}
#a3-9 .js-modal_wrap[data-active-id=daniel], #a3-9 .js-modal_wrap[data-active-id=lucio], #a3-9 .js-modal_wrap[data-active-id=federico] {
  background-color: var(--c-BEA13A);
}
#a3-9 .js-modal_wrap .modalWrap {
  width: 100%;
  margin: 0 auto;
  background-color: var(--c-EEEAE7);
  border: 0.2rem solid var(--c-main);
  position: relative;
}
#a3-9 .js-modal_wrap .modalWrap .batsu {
  position: absolute;
  z-index: 2;
  top: -5.8rem;
  right: 0;
  width: 5.4rem;
  height: 5.4rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .batsu {
    top: auto;
    right: 0;
    left: 0;
    bottom: -5.7rem;
    margin: auto;
  }
}
#a3-9 .js-modal_wrap .modalWrap .batsu::before, #a3-9 .js-modal_wrap .modalWrap .batsu::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: var(--c-fff);
}
#a3-9 .js-modal_wrap .modalWrap .batsu::before {
  transform: rotate(45deg);
}
#a3-9 .js-modal_wrap .modalWrap .batsu::after {
  transform: rotate(-45deg);
}
#a3-9 .js-modal_wrap .modalWrap .snsList {
  display: grid;
  grid-template-columns: repeat(3, 4rem);
  gap: 1.6rem;
  position: absolute;
  top: -5.8rem;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .snsList {
    top: auto;
    bottom: -5.8rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .snsList .blk .link {
  display: block;
}
#a3-9 .js-modal_wrap .modalWrap .content {
  text-align: center;
  color: var(--c-1E1111);
  padding-block: 9.2rem 9.4rem;
  position: relative;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content {
    padding-block: 62rem 6.6rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content::before {
  font-size: 20rem;
  font-family: var(--f-bas);
  position: absolute;
  top: -2.2rem;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0.1;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content::before {
    font-size: 10rem;
    top: -1.1rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content::after {
  content: "";
  display: block;
  width: 94.6rem;
  height: 56rem;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content::after {
    width: 34.2rem;
    height: 43.8rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content.unus::before {
  content: "UNUS";
  color: var(--c-662432);
}
#a3-9 .js-modal_wrap .modalWrap .content.unus::after {
  background: url(../img/cast_modal_unus.png) center center/contain no-repeat;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content.unus::after {
    background-image: url(../img/cast_modal_unus-sp.png);
  }
}
#a3-9 .js-modal_wrap .modalWrap .content.duo::before {
  content: "DUO";
  color: var(--c-294466);
}
#a3-9 .js-modal_wrap .modalWrap .content.duo::after {
  background: url(../img/cast_modal_duo.png) center center/contain no-repeat;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content.duo::after {
    background-image: url(../img/cast_modal_duo-sp.png);
  }
}
#a3-9 .js-modal_wrap .modalWrap .content.tres::before {
  content: "TRES";
  color: var(--c-294466);
}
#a3-9 .js-modal_wrap .modalWrap .content.tres::after {
  background: url(../img/cast_modal_tres.png) center center/contain no-repeat;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content.tres::after {
    background-image: url(../img/cast_modal_tres-sp.png);
    height: 46rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content.quattuor::before {
  content: "QUATTUOR";
  color: var(--c-BEA13A);
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content.quattuor::before {
    content: "QUA\aTTUOR";
    font-size: 8rem;
    line-height: 1;
    top: 0.9rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content.quattuor::after {
  background: url(../img/cast_modal_quattuor.png) center center/contain no-repeat;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content.quattuor::after {
    background-image: url(../img/cast_modal_quattuor-sp.png);
    height: 46rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .roleBlk {
  position: relative;
  z-index: 2;
}
#a3-9 .js-modal_wrap .modalWrap .content .roleBlk .txt {
  font-size: 2.2rem;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .roleBlk .txt {
    font-size: 1.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .roleBlk .role {
  font-size: 5.6rem;
  font-weight: bold;
  margin-top: 0.8rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .roleBlk .role {
    font-size: 3.2em;
    margin-top: 0.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .roleBlk .lead {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  font-family: var(--f-notsans);
  margin-top: 2.3rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .roleBlk .lead {
    font-size: 1.4rem;
    margin-top: 1.8rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .nameBlk {
  position: relative;
  z-index: 2;
  margin-top: 7.6rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .nameBlk {
    margin-top: 4.6rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .nameBlk::before {
  content: "";
  display: block;
  position: absolute;
  top: -3.8rem;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  max-width: 38.4rem;
  height: 1px;
  background-color: var(--c-1E1111);
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .nameBlk::before {
    max-width: 29.4rem;
    top: -2.2rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .nameBlk .txt {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  font-family: var(--f-notsans);
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .nameBlk .txt {
    font-size: 1.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .nameBlk .nameBox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .nameBlk .nameBox {
    font-size: 1.6rem;
    margin-top: 0.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .nameBlk .nameBox .name {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .nameBlk .nameBox .name {
    font-size: 1.6rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .btnBlk {
  position: relative;
  z-index: 2;
  margin-top: 3.6rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .btnBlk {
    position: absolute;
    margin-top: 0;
    top: 55.7rem;
    left: 2.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .btnBlk .btn {
  display: block;
  width: 100%;
  max-width: 8rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .btnBlk .btn {
    max-width: 6rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .btnBlk .btn:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .picBlk::before, #a3-9 .js-modal_wrap .modalWrap .content .picBlk::after {
    content: "";
    display: block;
    position: absolute;
  }
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .picBlk::before {
    width: 6rem;
    height: 6.5rem;
    top: 5.4rem;
    left: 15.9rem;
    background: url("data:image/svg+xml,%3Csvg width='63' height='68' viewBox='0 0 63 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.4092 17.112V16.152L38.6492 16.128C39.0492 16.08 39.3612 16 39.5852 15.888C39.8092 15.76 40.0252 15.504 40.2332 15.12C40.4412 14.736 40.7052 14.152 41.0252 13.368L46.5212 0H49.2092L54.7052 14.568C54.9292 15.128 55.1532 15.512 55.3772 15.72C55.6012 15.928 55.9532 16.056 56.4332 16.104L56.9132 16.152V17.112L53.0012 17.04L49.1612 17.112V16.152L49.6892 16.104C50.2012 16.056 50.5452 15.848 50.7212 15.48C50.8972 15.096 50.8812 14.632 50.6732 14.088L46.0412 1.8H47.1932L42.5132 13.2C42.2892 13.76 42.1772 14.256 42.1772 14.688C42.1932 15.104 42.3212 15.44 42.5612 15.696C42.8172 15.936 43.1692 16.072 43.6172 16.104L44.3372 16.152V17.112L41.0972 17.064L38.4092 17.112ZM42.9212 11.448L43.2332 10.152H50.3852L50.6732 11.448H42.9212Z' fill='%231E1111'/%3E%3Cpath d='M32.667 25.04V24.54H32.417L32.267 24.74L32.667 25.04ZM0.000325441 65.04C0.000325441 66.5128 1.19423 67.7067 2.66699 67.7067C4.13975 67.7067 5.33366 66.5128 5.33366 65.04C5.33366 63.5673 4.13975 62.3734 2.66699 62.3734C1.19423 62.3734 0.000325441 63.5673 0.000325441 65.04ZM62.667 25.04V24.54H32.667V25.04V25.54H62.667V25.04ZM32.667 25.04L32.267 24.74L2.26699 64.74L2.66699 65.04L3.06699 65.34L33.067 25.34L32.667 25.04Z' fill='%231E1111'/%3E%3C/svg%3E") center center/contain no-repeat;
  }
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .picBlk::after {
    width: 6rem;
    height: 4rem;
    top: 52.1rem;
    left: 12.4rem;
    background: url("data:image/svg+xml,%3Csvg width='63' height='44' viewBox='0 0 63 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.03613 34.7387V33.7547L7.51613 33.7067C7.96413 33.6587 8.30013 33.5707 8.52413 33.4427C8.74813 33.3147 8.90013 33.0987 8.98013 32.7947C9.06013 32.4907 9.10013 32.0507 9.10013 31.4747V20.8187C9.10013 20.2427 9.06013 19.8027 8.98013 19.4987C8.90013 19.1787 8.74013 18.9547 8.50013 18.8267C8.27613 18.6827 7.94813 18.5947 7.51613 18.5627L7.03613 18.5147V17.5547L10.8281 17.6267H14.0921C16.7001 17.6267 18.6121 17.9707 19.8281 18.6587C21.0441 19.3307 21.6521 20.4027 21.6521 21.8747C21.6521 23.0267 21.2761 23.9627 20.5241 24.6827C19.7881 25.3867 18.6761 25.8747 17.1881 26.1467L17.1401 25.5467C18.9641 25.6747 20.3481 26.1067 21.2921 26.8427C22.2521 27.5627 22.7321 28.5547 22.7321 29.8187C22.7321 31.3387 22.0761 32.5307 20.7641 33.3947C19.4681 34.2427 17.6601 34.6667 15.3401 34.6667H10.9721L7.03613 34.7387ZM15.1001 33.4667H15.3401C16.4921 33.4667 17.3241 33.1787 17.8361 32.6027C18.3481 32.0267 18.6041 31.0907 18.6041 29.7947C18.6041 28.8987 18.4681 28.2027 18.1961 27.7067C17.9401 27.2107 17.4921 26.8587 16.8521 26.6507C16.2281 26.4427 15.3561 26.3387 14.2361 26.3387H11.9561V25.1387H14.1881C15.4361 25.1387 16.3081 24.8987 16.8041 24.4187C17.3161 23.9387 17.5721 23.1147 17.5721 21.9467C17.5721 20.8907 17.3241 20.1067 16.8281 19.5947C16.3321 19.0827 15.5721 18.8267 14.5481 18.8267H12.8201V31.4747C12.8201 32.2747 12.9721 32.8107 13.2761 33.0827C13.5801 33.3387 14.1881 33.4667 15.1001 33.4667Z' fill='%231E1111'/%3E%3Cpath d='M30 42.667V43.167H30.25L30.4 42.967L30 42.667ZM62.6667 2.66699C62.6667 1.19423 61.4728 0.000320435 60 0.000320435C58.5272 0.000320435 57.3333 1.19423 57.3333 2.66699C57.3333 4.13975 58.5272 5.33366 60 5.33366C61.4728 5.33366 62.6667 4.13975 62.6667 2.66699ZM0 42.667V43.167H30V42.667V42.167H0V42.667ZM30 42.667L30.4 42.967L60.4 2.96699L60 2.66699L59.6 2.36699L29.6 42.367L30 42.667Z' fill='%231E1111'/%3E%3C/svg%3E") center center/contain no-repeat;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .img {
  display: block;
  width: 100%;
  max-width: 43.2rem;
  position: absolute;
  z-index: 1;
  top: -6.4rem;
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s var(--easing-splash-opacity);
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .img {
    max-width: 32.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .img._01 {
  left: 3.8rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .img._01 {
    top: 0;
    left: -7.4rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .img._01.out {
  transform: translateX(-10%);
}
#a3-9 .js-modal_wrap .modalWrap .content .img._02 {
  right: 3.8rem;
}
@media (max-width: 767px) {
  #a3-9 .js-modal_wrap .modalWrap .content .img._02 {
    top: 8.2rem;
    left: 9rem;
  }
}
#a3-9 .js-modal_wrap .modalWrap .content .img._02.out {
  transform: translateX(10%);
}
#a3-9 .js-modal_wrap .modalWrap .content .img.img9th {
  opacity: 0;
}
#a3-9 .js-modal_wrap .modalWrap .content .img.img6th {
  opacity: 0;
}
#a3-9 .js-modal_wrap .modalWrap .content .img.img6th._01 {
  transform: translateX(-10%);
}
#a3-9 .js-modal_wrap .modalWrap .content .img.img6th._02 {
  transform: translateX(10%);
}
#a3-9 .js-modal_wrap .modalWrap .content .img.img6th.in {
  opacity: 1;
  transform: translateX(0);
}
#a3-9 .js-modal_wrap.is-open .modalWrap .content .img.img9th {
  opacity: 1;
}
#a3-9 .js-modal_wrap.is-open .modalWrap .content .img.img9th.out {
  opacity: 0;
}
#a3-9 .js-modal_wrap.is-forward .modalWrap .content .img6th {
  transition-delay: 0.3s;
}
#a3-9 .js-modal_wrap.is-back .modalWrap .content .img9th {
  transition-delay: 0.3s;
}

@keyframes infinity-scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes scroll {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  50% {
    clip-path: inset(0);
  }
  51% {
    clip-path: inset(0);
  }
  100% {
    clip-path: inset(100% 0 0 0);
  }
}/*# sourceMappingURL=style.css.map */