@charset "UTF-8";

/*---------------------------------*
* foundation
*----------------------------------*/
/* base
----------------------------------*/
:root {
  --liquid-htmlroot: calc(100vw / 375);
  --color-black: #231815;
}
@media (min-width: 769px) {
  :root {
    --liquid-htmlroot: calc(100vw / 1440);
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: var(--liquid-htmlroot);
  line-height: 1.5;
  height: 100%;
  scroll-behavior: smooth;
}

html.is-fixed,
html.is-fixed body {
  overflow: hidden;
  position: fixed;
}

body {
  color: #231815;
  font-family: "Noto Sans", sans-serif;
  font-size: 16rem;
  font-weight: 400;
  min-width: 320px;
  width: 100%;
  overflow-x: hidden;
  color: var(--color-black);
}

img,
video {
  max-width: 100%;
  width: 100%;
  height: auto;
  border: none;
  display: block;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

main {
  width: 100%;
}

/*---------------------------------*
* layout
*----------------------------------*/
.l-header {
  width: 100%;
  background-color: #203740;
  padding-top: 1.87%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

@media (min-width: 769px) {
  .l-header {
    padding: 0;
    /* padding: 0.834% 0 0; */
  }
}

@media (min-width: 769px) {
  .l-header.header-margin {
    padding: 0 0 0.834%;
  }
}

.l-header__content {
  width: 100%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.l-header__content--logo {
  margin: 2.13% 0 2.67% 4.8%;
  width: 37.33%;
}

@media (min-width: 769px) {
  .l-header__content--logo {
    margin: 1.11% 0 1.11% 3.13%;
    width: 13.82%;
  }
}

.l-header__content--link {
  margin-right: 6.4%;
  width: 41%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 769px) {
  .l-header__content--link {
    margin-right: 3.13%;
    width: 25.56%;
  }
}
.l-header__content--link.teaser {
  justify-content: flex-end;
}

.l-header__content--link p {
  text-align: center;
  font-family: Inter;
  font-size: 3.73vw;
  font-weight: 700;
}

@media (min-width: 769px) {
  .l-header__content--link p {
    color: #231815;
    font-family: "Noto Sans";
    font-size: 1.11vw;
    white-space: pre;
    line-height: 1.7;
    cursor: pointer;
  }
}

@media (min-width: 769px) {
  .l-header__content--link p:nth-of-type(3) a {
    font-size: 0.97vw;
  }
}

.l-header__content--link p:nth-of-type(1)::before {
  display: none;
}

@media (min-width: 769px) {
  .l-header__content--link p:nth-of-type(1)::before {
    content: "";
    margin-right: 15.7%;
    width: 50%;
    aspect-ratio: 1/1;
    display: inline-block;
    background-image: url(./assets/img/icon_search.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(10%);
  }
}

.l-header__content--link p:nth-of-type(2)::before {
  content: "";
  margin-right: 7.8%;
  width: 20%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_alert.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(20%);
}

@media (min-width: 769px) {
  .l-header__content--link p:nth-of-type(2)::before {
    content: "";
    margin-right: 3.8%;
    width: 10%;
    aspect-ratio: 1/1;
    display: inline-block;
    background-image: url(./assets/img/icon_alert.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(20%);
  }
}

.l-header__content--link-search {
  display: none;
}

@media (min-width: 769px) {
  .l-header__content--link-search {
    display: block;
  }

}

.l-header__content--link-pcItem {
  display: none;
}

@media (min-width: 769px) {
  .l-header__content--link-pcItem {
    display: block;
  }
}

.l-header__content--link-notice {
  width: 51%;
}

.l-header__content--link-sns {
  width: 37.18%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 769px) {
  .l-header__content--link-sns {
    display: none;
  }
}

.l-header__content--link-sns img {
  width: 100%;
  aspect-ratio: 1/1;
}

.l-header__menu {
  width: 100%;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 25.87% 25.87% 23.73% 23.73%;
  grid-template-rows: 1fr;
  align-items: center;
  gap: 0 1px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  border-top: solid 1px #fff;
}

@media (min-width: 769px) {
  .l-header__menu {
    display: none;
  }
}

.l-header__menu li {
  padding: 0;
  width: 100%;
  height: 16.55vw;
  background-color: #231815;
  color: #FFFFFF;
  text-align: center;
  font-size: 3.73vw;
  line-height: 1.07;
  position: relative;
}

/* 追加コード */
.l-header__menu li a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0.12em 0 0.08em;
  box-sizing: border-box;
}

.l-header__menu--item1::before,
.l-header__menu--item2::before,
.l-header__menu--item3::before {
  margin-bottom: 8%;
}

.l-header__menu--item1 span,
.l-header__menu--item2 span,
.l-header__menu--item3 span {
  margin-top: 0;
}

.l-header__menu--item1,
.l-header__menu--item2,
.l-header__menu--item3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 0.32em;
  padding-bottom: 0.79em;
}

.l-header__menu li.menu-comingsoon::after {
  content: "coming\A soon";
  white-space: pre;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 5;
  letter-spacing: normal;
}

.l-header__menu li.menu-comingsoon::after a {
  pointer-events: none;
}

.l-header__menu li:nth-of-type(1) {
  letter-spacing: -0.08em;
}

.l-header__menu li:nth-of-type(3) {
  letter-spacing: 0.1em;
}

.l-header__menu--item1::before {
  content: "";
  margin: 0 auto;
  width: 20.51%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url(./assets/img/icon_spmenu_time.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.l-header__menu--item2::before {
  content: "";
  margin: 0 auto;
  width: 15.4%;
  aspect-ratio: 5/6;
  display: block;
  background-image: url(./assets/img/icon_spmenu_pdf.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.l-header__menu--item3::before {
  content: "";
  margin: 0 auto;
  width: 22.37%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url(./assets/img/icon_spmenu_search-wt.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.l-header__menu .l-header__hamburgerMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ac2626;
}

li .l-header__menu--hamburger {
  margin: 0 auto;
  width: 55.91%;
  aspect-ratio: 13/7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.l-header__menu--hamburger span {
  margin: 13% auto;
  width: 100%;
  height: 7%;
  display: block;
  background-color: #FFFFFF;
  transition: all 0.1s;
}

.l-header__menu--hamburger.is-active span:nth-of-type(1) {
  transform: translateY(1.05em) rotate(-40deg);
}

.l-header__menu--hamburger.is-active span:nth-of-type(2) {
  opacity: 0;
}

.l-header__menu--hamburger.is-active span:nth-of-type(3) {
  transform: translateY(-1.05em) rotate(40deg);
}

.l-header__navigation {
  padding-bottom: 40%;
  width: 100%;
  height: 100dvh;
  background: #203740;
  display: block;
  position: absolute;
  transition: all 0.25s ease-in-out;
  scrollbar-width: none;
  transform: translateX(100%);
}

@media (min-width: 769px) {
  .l-header__navigation {
    margin: 0;
    padding: 0 0;
    width: 100%;
    height: auto;
    background: #203740;
    display: block;
    position: static;
    transform: translateX(0);
  }
}

.l-header__navigation.is-active {
  opacity: 1;
  overflow-y: auto;
  transform: translateX(0);
}

.l-header__navigation--container {
  margin-top: 14.1%;
  width: 100%;
}

@media (min-width: 769px) {
  .l-header__navigation--container {
    margin: 0 auto;
    width: 92.22%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.l-header__navigation--container-ls {
  width: 100%;
}

@media (min-width: 769px) {
  .l-header__navigation--container-ls {
    width: 79.44%;
  }
}

.l-header__navigation--container-ls ul {
  margin: 0 auto;
  width: 89.33%;
  display: block;
}

@media (min-width: 769px) {
  .l-header__navigation--container-ls ul {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 36rem;
  }
}
@media (min-width: 769px) {
  .l-header__navigation--container-ls.teaser ul {
    justify-content: flex-end;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--container-ls ul .has-child:hover>.l-header__navigation--sublists {
    opacity: 1;
    visibility: visible;
    z-index: 200;
  }
}

.l-header__navigation--container-ls ul li {
  margin-top: 6%;
  padding-bottom: 4.48%;
  color: #FFFFFF;
  font-family: Inter;
  font-size: 3.73vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-bottom: solid 1px #FFFFFF;
}

.l-header__navigation--container-ls ul li.has-child.is-active {
  padding-bottom: 0;
}

@media (min-width: 769px) {
  .l-header__navigation--container-ls ul li {
    margin-top: 0;
    padding-bottom: 0;
    width: 125rem;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 0.83vw;
    line-height: 3.81;
    border-bottom: 0;
    position: relative;
  }
}

.l-header__navigation--container-ls ul li a,
.l-header__navigation--container-ls ul li .l-header__navigation--parent {
  display: flex;
  align-items: center;
  position: relative;
}

@media (min-width: 769px) {

  .l-header__navigation--container-ls ul li a,
  .l-header__navigation--container-ls ul li .l-header__navigation--parent {
    flex-direction: column;
  }
}

.l-header__navigation--container-ls ul li a span,
.l-header__navigation--container-ls ul li .l-header__navigation--parent span {
  margin-left: 3%;
  width: 25.7%;
  font-size: 4.27vw;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}

@media (min-width: 769px) {

  .l-header__navigation--container-ls ul li a span,
  .l-header__navigation--container-ls ul li .l-header__navigation--parent span {
    display: none;
  }
}

.l-header__navigation--container-ls ul li a span.l-header__navigation--btn,
.l-header__navigation--container-ls ul li .l-header__navigation--parent span.l-header__navigation--btn {
  position: absolute;
  width: 4.48%;
  aspect-ratio: 1/1;
  top: 0;
  right: 5.97%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 769px) {

  .l-header__navigation--container-ls ul li a span.l-header__navigation--btn,
  .l-header__navigation--container-ls ul li .l-header__navigation--parent span.l-header__navigation--btn {
    display: none;
  }
}

.l-header__navigation--container-ls ul li a span.l-header__navigation--btn::before,
.l-header__navigation--container-ls ul li .l-header__navigation--parent span.l-header__navigation--btn::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #FFFFFF;
}

.l-header__navigation--container-ls ul li a span.l-header__navigation--btn::after,
.l-header__navigation--container-ls ul li .l-header__navigation--parent span.l-header__navigation--btn::after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background-color: #FFFFFF;
  transition: all 0.1s;
  transform: translateX(-0.45em);
  opacity: 1;
}

.l-header__navigation--container-ls ul li a span.l-header__navigation--btn.is-active::after,
.l-header__navigation--container-ls ul li .l-header__navigation--parent span.l-header__navigation--btn.is-active::after {
  opacity: 0;
}

.l-header__navigation--container-ls ul li a p,
.l-header__navigation--container-ls ul li .l-header__navigation--parent p {
  margin-left: 4.48%;
}

@media (min-width: 769px) {

  .l-header__navigation--container-ls ul li a p,
  .l-header__navigation--container-ls ul li .l-header__navigation--parent p {
    margin-top: 3%;
    margin-left: 0;
  }
}

.l-header__navigation--container-ls ul li a p::before,
.l-header__navigation--container-ls ul li .l-header__navigation--parent p::before {
  display: none;
}

@media (min-width: 769px) {

  .l-header__navigation--container-ls ul li a p::before,
  .l-header__navigation--container-ls ul li .l-header__navigation--parent p::before {
    content: attr(data-navMenu);
    margin-left: 0;
    width: auto;
    font-size: 1.39vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    display: block;
    transform: translateY(50%);
  }
}

.l-header__navigation--sns {
  display: none;
}

@media (min-width: 769px) {
  .l-header__navigation--sns {
    margin-left: 0.76%;
    width: 6.4%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--sns img {
    width: 100%;
    aspect-ratio: 1/1;
    display: inline-block;
    cursor: pointer;
  }
}

.l-header__navigation--sublists {
  display: none;
  width: 71.64%;
  background-color: #231815;
  margin-left: auto;
}

@media (min-width: 769px) {
  .l-header__navigation--sublists {
    width: 130%;
    border: solid 2px #231815;
    display: block;
    position: absolute;
    top: 100%;
    left: -10%;
    opacity: 0;
    visibility: hidden;
    z-index: 200;
  }
}

.l-header__navigation--sublists.is-active {
  display: block;
}

.l-header__navigation--sublists.is-active ul {
  margin-left: 5.84%;
}

@media (min-width: 769px) {
  .l-header__navigation--sublists.is-active ul {
    margin-left: 1%;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--sublists.is-active {
    display: none;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul {
    margin-top: -3%;
    padding: 6.84% 5% 6.84% 6%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.l-header__navigation--sublists ul li {
  color: #FFFFFF;
  margin-top: 7%;
  padding-bottom: 0;
  font-weight: 400;
  border: 0;
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul li {
    margin-top: 5.26%;
    padding-left: 3%;
    width: 100%;
    font-family: "Noto Sans";
    font-size: 1.11vw;
    text-align: left;
    line-height: 1.2;
    border-left: solid 2px #231815;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul li:hover {
    border-left: solid 2px #AD2626;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul li:hover a {
    color: #A6A3A3;
  }
}

.l-header__navigation--sublists ul li:first-of-type {
  padding-top: 0.97%;
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul li:first-of-type {
    margin-top: 0;
    padding-top: 1%;
    border-top: 0;
  }
}

.l-header__navigation--sublists ul li:last-of-type {
  padding-bottom: 9.34%;
  border-bottom: 0;
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul li:last-of-type {
    padding-bottom: 0;
  }
}

@media (min-width: 769px) {
  .l-header__navigation--sublists ul li a {
    padding: 0.3em 0;
    color: #FFFFFF;
    font-family: "Noto Sans";
    font-size: 1.11vw;
    display: block;
  }

  .l-header__navigation--sublists ul li a::before {
    display: none;
  }
}
/* 
.l-header__navigation--banner {
  margin: 4.53% auto 0;
  padding: 2.9%;
  width: 92%;
  background-color: #FFFFFF;
}

@media (min-width: 769px) {
  .l-header__navigation--banner {
    display: none;
  }
}

.l-header__navigation--banner-txt {
  width: 100%;
  border: solid 1px #231815;
  font-family: "Noto Sans";
  text-align: center;
  font-weight: 700;
  line-height: normal;
}

.l-header__navigation--banner-txt p {
  margin-top: 2.15%;
  color: #231815;
  font-size: 3.73vw;
}

.l-header__navigation--banner-txt a {
  margin: 1.24% auto 2.17%;
  padding-bottom: 0.83%;
  width: 86.6%;
  color: #FFFFFF;
  font-size: 3.73vw;
  display: block;
  background-color: #AD2626;
  border: solid 1px #FFFFFF;
  border-radius: 50rem;
}

.l-header__navigation--banner-txt a::after {
  content: "";
  margin-left: 4.17%;
  width: 7.25%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external-wt.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(20%);
} */

@media (min-width: 769px) {
  .l-header__navigation.disappear {
    display: none;
  }
}

.l-footer {
  background-color: #203740;
  padding-bottom: 18.4%;
}

@media (min-width: 769px) {
  .l-footer {
    padding: 1.04% 0 0;
    background-color: #FFFFFF;
    border-top: solid 3px #203740;
  }
}

.l-footer__logo {
  margin: 0 auto;
  padding-top: 16%;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .l-footer__logo {
    padding: 2.92% 0;
    width: 100%;
    border-block: solid 1.5px #203740;
  }
}

.l-footer__logo img {
  margin: 0 auto;
  width: 56.8%;
  display: block;
}

@media (min-width: 769px) {
  .l-footer__logo img {
    width: 22.43%;
  }
}

.l-footer-content {
  margin-top: 13.33%;
}

@media (min-width: 769px) {
  .l-footer-content {
    margin: 1.04% auto 0;
    padding-top: 4.17%;
    background-color: #203740;
  }
}

.l-footer-content__navigation {
  display: none;
}

@media (min-width: 769px) {
  .l-footer-content__navigation {
    margin: 0 auto;
    width: 86.11%;
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--catch {
    width: 37.02%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.l-footer-content__navigation--catch img {
  width: 381.03rem;
}

@media (min-width: 769px) {
  .l-footer-content__navigation--catch-txt {
    margin-top: 8.71%;
    width: 36.82%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 769px) {
  .l-footer-content__navigation--catch-txt.hidden {
    display: none;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--catch-txt p {
    color: #FFFFFF;
    text-align: left;
    font-size: 0.97vw;
    font-weight: 700;
    display: block;
    cursor: pointer;
  }
}

.l-footer-content__navigation--catch-txt p:first-of-type {
  width: 100%;
}

@media (min-width: 769px) {
  .l-footer-content__navigation--catch-txt p:first-of-type::before {
    content: "";
    margin-right: 6%;
    width: 27%;
    aspect-ratio: 1/1;
    display: inline-block;
    background-image: url(./assets/img/icon_search-wt.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(25%);
  }
}

.l-footer-content__navigation--catch-txt p:last-of-type {
  width: 100%;
}

@media (min-width: 769px) {
  .l-footer-content__navigation--catch-txt p:last-of-type::before {
    content: "";
    margin-right: 6%;
    width: 25%;
    aspect-ratio: 1/1;
    display: inline-block;
    background-image: url(./assets/img/icon_alert-wt.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(25%);
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--lists {
    width: 43.06%;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  .l-footer-content__navigation--lists.teaser {
    width: 126rem;
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--lists ul {
    width: 30%;
  }
}
@media (min-width: 769px) {
  .l-footer-content__navigation--lists.teaser ul {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--lists ul li {
    margin-top: 12.5%;
    color: #FFFFFF;
    font-size: 1.11vw;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--lists ul li:first-of-type {
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--lists ul li ul {
    margin-top: 6.3%;
    width: 100%;
  }
}

@media (min-width: 769px) {
  .l-footer-content__navigation--lists ul li ul li {
    margin-top: 6.3%;
    font-size: 0.97vw;
    font-weight: 400;
    line-height: 1.5;
  }
}

.l-footer-content__navigation--lists ul li ul li:last-of-type {
  margin-bottom: 18.7%;
}

@media (min-width: 769px) {
  .l-footer-content__partner {
    margin: 5.56% auto 0;
    padding-bottom: 2.1%;
    width: 86.11%;
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 769px) {
  .l-footer-content__partner ul {
    width: 55%;
    /* teaser */
    /* display: flex;
    align-items: flex-end; */
    /* /teaser */
  }
}

.l-footer-content__partner ul li {
  margin: 12rem auto 0;
  width: 213rem;
  display: block;
  color: #FFFFFF;
  font-family: "Noto Sans";
  font-size: 3.2vw;
  line-height: 1.5;
  text-align: left;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .l-footer-content__partner ul li {
    margin: 12rem auto 0 0;
    width: auto;
    font-size: 0.83vw;
    font-weight: 400;
    text-align: left;
    line-height: 1;
  }
}

.l-footer-content__partner ul li:first-of-type {
  margin-top: 50rem;
} 

.l-footer-content__partner ul li:first-of-type {
  margin-top: 0;
}

@media (min-width: 769px) {
  .l-footer-content__partner--copyright {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.l-footer-content__partner--copyright-sns {
  display: none;
}

@media (min-width: 769px) {
  .l-footer-content__partner--copyright-sns {
    margin-left: auto;
    width: 19.36%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 769px) {
  .l-footer-content__partner--copyright-sns img {
    width: 100%;
    cursor: pointer;
  }
}

a.l-footer-content__partner--2025 {
  margin: 50rem auto 0;
  width: fit-content;
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 0;
  color: white;
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  a.l-footer-content__partner--2025 {
    margin: 20.5rem 0 0;
  }

}

a.l-footer-content__partner--2025::after {
  content: '';
  margin-left: 5rem;
  width: 18rem;
  height: 18rem;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external-wt.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.l-footer-content__partner--copyright p {
  margin: 18rem 0 15rem;
  padding: 10rem 0 8rem;
  color: #FFFFFF;
  font-family: "Noto Sans";
  font-size: 3.33vw;
  text-align: center;
  border-top: solid 0.8px #FFFFFF;
}

@media (min-width: 769px) {
  .l-footer-content__partner--copyright p {
    margin: 20rem 0 0;
    padding: 0;
    font-size: 0.88vw;
    text-align: right;
    line-height: 1;
    letter-spacing: 0.2px;
    border-top: 0;
  }
}

/*---------------------------------*
* object
*----------------------------------*/
/*---------------------------------*
* component
*----------------------------------*/
.c-inner {
  margin: 0 auto;
  width: 92%;
}

@media (min-width: 769px) {
  .c-inner {
    margin: 0 auto;
    width: 86.11%;
  }
}

.c-button__map a {
  margin: 0 auto;
  display: block;
  background-color: #FFFFFF;
  border: solid 1px #231815;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}

.c-button__map a span {
  position: relative;
  z-index: 3;
  color: #231815;
}

@media (min-width: 769px) {
  .c-button__map a:hover span {
    color: #FFFFFF;
  }
}

@media (min-width: 769px) {
  .c-button__map a.bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__map a.bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__about a {
  margin: 0 auto;
  display: block;
  background-color: #FFFFFF;
  border: solid 1px #231815;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}

.c-button__about a span {
  position: relative;
  z-index: 3;
  color: #231815;
}

@media (min-width: 769px) {
  .c-button__about a:hover span {
    color: #FFFFFF;
  }
}

@media (min-width: 769px) {
  .c-button__about a.bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__about a.bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__artist--ticket {
  width: 100%;
}

.c-button__artist--ticket a {
  display: block;
  background-color: #FFFFFF;
  border: solid 1px #231815;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}

.c-button__artist--ticket a span {
  position: relative;
  z-index: 3;
  color: #231815;
}

@media (min-width: 769px) {
  .c-button__artist--ticket a:hover span {
    color: #FFFFFF;
  }
}

@media (min-width: 769px) {
  .c-button__artist--ticket a.bgleft::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__artist--ticket a.bgleft:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__back a {
  display: block;
  background-color: #FFFFFF;
  border: solid 1px #231815;
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}

.c-button__back a span {
  position: relative;
  z-index: 3;
  color: #231815;
}

@media (min-width: 769px) {
  .c-button__back a:hover span {
    color: #FFFFFF;
  }
}

@media (min-width: 769px) {
  .c-button__back a.bgleft::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__back a.bgleft:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

@media (min-width: 769px) {
  .c-button__header--ticket {
    padding: 0% 10% 0% 4%;
    border: solid 2px #231815;
    border-radius: 50rem;
    position: relative;
    overflow: hidden;
    transition: ease 0.2s;
  }
}

@media (min-width: 769px) {
  .c-button__header--ticket a {
    font-size: 1.11vw;
    font-weight: 700;
    position: relative;
    z-index: 3;
    line-height: 1.5;
  }
}

.c-button__header--ticket::after {
  display: none;
}

@media (min-width: 769px) {
  .c-button__header--ticket::after {
    content: "";
    margin-left: 10.5%;
    width: 14.8%;
    aspect-ratio: 1/1;
    display: inline-block;
    position: relative;
    background-image: url(./assets/img/icon_link-external.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(1%);
    z-index: 3;
  }
}

@media (min-width: 769px) {
  .c-button__header--ticket:hover::after {
    content: "";
    margin-left: 10.5%;
    width: 16.8%;
    aspect-ratio: 1/1;
    display: inline-block;
    position: relative;
    background-image: url(./assets/img/icon_link-external-wt.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(10%);
    z-index: 3;
  }
}

@media (min-width: 769px) {
  .c-button__header--ticket:hover a {
    color: #FFFFFF;
  }
}

@media (min-width: 769px) {
  .c-button__header--ticket-bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__header--ticket-bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__tanbo--subtitle {
  margin: 0 auto;
  padding: 0.3em 1.43em;
  width: 51.03%;
  display: block;
  border: solid 1px #231815;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 769px) {
  .c-button__tanbo--subtitle {
    margin: 0 auto 0 0;
    padding: 0.35em 2em;
    width: 48.21%;
  }
}

@media (min-width: 769px) {
  .c-button__tanbo--subtitle-bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__tanbo--subtitle-bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__timetable--subtitle {
  margin: 0 auto;
  display: block;
  border: solid 1px #231815;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 769px) {
  .c-button__timetable--subtitle {
    margin: 0 auto 0 0;
  }
}

@media (min-width: 769px) {
  .c-button__timetable--subtitle-bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__timetable--subtitle-bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__document {
  display: none;
}

.c-button__hidden {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 769px) {
  .c-button__document {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    z-index: 200;
    position: fixed;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer {
    margin-top: 57vw;
    width: 6.94vw;
    height: 7.36vw;
    display: flex;
    align-items: center;
    background-color: #AD2626;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    border-radius: 0 0.97vw 0.97vw 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer svg {
    margin: 20% auto 0;
    width: 39%;
    aspect-ratio: 37/43;
    fill: #FFFFFF;
    display: block;
  }
}
@media (min-width: 769px) {
  .c-button__document--flyer a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 500;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer p {
    margin-top: 11%;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.83vw;
    line-height: 1;
    letter-spacing: 0.08em;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer:hover {
    border-top: solid 2px #AD2626;
    border-right: solid 2px #AD2626;
    border-bottom: solid 2px #AD2626;
    border-radius: 0 0.97vw 0.97vw 0;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer:hover svg {
    fill: #AD2626;
    z-index: 203;
    position: relative;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer:hover p {
    color: #AD2626;
    z-index: 203;
    position: relative;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 202;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__document--flyer:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable {
    margin-top: 14%;
    width: 6.94vw;
    height: 7.36vw;
    display: flex;
    align-items: center;
    background-color: #AD2626;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    border-radius: 0 0.97vw 0.97vw 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable svg {
    margin: 13% auto 0;
    width: 45%;
    aspect-ratio: 1/1;
    fill: #FFFFFF;
    display: block;
  }
}
@media (min-width: 769px) {
  .c-button__document--timetable a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 500;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable p {
    margin-top: 4%;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.83vw;
    line-height: 1.2;
    letter-spacing: 0.08em;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable:hover {
    border-top: solid 2px #AD2626;
    border-right: solid 2px #AD2626;
    border-bottom: solid 2px #AD2626;
    border-radius: 0 0.97vw 0.97vw 0;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable:hover svg {
    fill: #AD2626;
    z-index: 203;
    position: relative;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable:hover p {
    color: #AD2626;
    z-index: 203;
    position: relative;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 202;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__document--timetable:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__support a {
  margin: 13% auto 0;
  display: block;
  background-color: #FFFFFF;
  border: solid 1px #231815;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}

@media (min-width: 769px) {
  .c-button__support a {
    margin: 3.13em auto 0;
  }
}

.c-button__support a span {
  position: relative;
  z-index: 3;
  color: #231815;
}

@media (min-width: 769px) {
  .c-button__support a:hover span {
    color: #FFFFFF;
  }
}

@media (min-width: 769px) {
  .c-button__support a.bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #231815;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__support a.bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-button__top a {
  margin: 0 auto;
  display: block;
  background-color: #203740;
  border: solid 1px #203740;
  position: relative;
  overflow: hidden;
  transition: ease 0.2s;
}

.c-button__top a span {
  position: relative;
  z-index: 3;
  color: #FFFFFF;
}

@media (min-width: 769px) {
  .c-button__top a:hover span {
    color: #231815;
  }
}

@media (min-width: 769px) {
  .c-button__top a.bgleft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
}

@media (min-width: 769px) {
  .c-button__top a.bgleft:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.c-page-title {
  width: 100%;
  position: relative;
}

.c-page-title h2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 769px) {
  .c-page-title h2 {
    margin-top: 0;
  }
}

.c-page-title h2::after {
  content: "";
  width: 20%;
  height: 3px;
  display: block;
  background-color: #203740;
  position: absolute;
  bottom: 0;
  left: 40%;
}

@media (min-width: 769px) {
  .c-page-title h2::after {
    width: 5.9%;
    bottom: 0;
    left: 47.025%;
  }
}

.c-page-title h2 span:first-of-type {
  font-family: "Racing Sans One";
  font-size: 14.93vw;
  line-height: 1;
}

@media (min-width: 769px) {
  .c-page-title h2 span:first-of-type {
    font-size: 5vw;
  }
}

.c-page-title h2 span:last-of-type {
  margin: 1.45% 0;
  font-family: "Noto Sans";
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .c-page-title h2 span:last-of-type {
    margin: 0.35% 0;
    font-size: 1.39vw;
  }
}

.c-page-title__button {
  display: none;
}

@media (min-width: 769px) {
  .c-page-title__button {
    width: 100%;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    top: 0;
  }
}

@media (min-width: 769px) {
  .c-page-title__button img {
    width: 6.94%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
}

@media (min-width: 769px) {
  .c-page-title__button img:last-of-type {
    margin-top: 0.85%;
  }
}

ul>li.ico-eat {
  margin-right: 1.62%;
  width: 13.6vw;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #E18D60;
  border: solid 1px #E18D60;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-eat {
    width: 4.65vw;
    line-height: 1.68;
  }
}

ul>li.ico-drink {
  margin-right: 1.62%;
  width: 13.6vw;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #425E93;
  border: solid 1px #425E93;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-drink {
    width: 4.65vw;
    line-height: 1.68;
  }
}

ul>li.ico-fun {
  margin-right: 1.62%;
  width: 13.6vw;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #66B663;
  border: solid 1px #66B663;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-fun {
    width: 4.65vw;
    line-height: 1.68;
  }
}

ul>li.ico-others-event {
  margin-right: 1.62%;
  width: 13.6vw;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #86807E;
  border: solid 1px #86807E;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-others-event {
    width: 4.65vw;
    line-height: 1.68;
  }
}

ul>li.ico-stamp {
  margin-right: 1.62%;
  width: 35.6vw;
  color: #231815;
  text-align: center;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #231815;
}

@media (min-width: 769px) {
  ul>li.ico-stamp {
    width: 10.24vw;
    line-height: 1.68;
  }
}

ul>li.ico-station {
  width: 16.27vw;
  color: #425E93;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #425E93;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-station {
    width: 5.49vw;
    line-height: 1.68;
  }
}

ul>li.ico-northarea {
  width: 24.54vw;
  color: #E18D60;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #E18D60;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-northarea {
    width: 8.06vw;
    line-height: 1.68;
  }
}

ul>li.ico-parkarea {
  width: 21.6vw;
  color: #429381;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #429381;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-parkarea {
    width: 7.22vw;
    line-height: 1.68;
  }
}

ul>li.ico-tokyu {
  width: 30.93vw;
  color: #425E93;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #425E93;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-tokyu {
    width: 9.73vw;
    line-height: 1.68;
  }
}

ul>li.ico-marui {
  width: 20.8vw;
  color: #AD2626;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #AD2626;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-marui {
    width: 6.5vw;
    line-height: 1.68;
  }
}

ul>li.ico-inokashira {
  width: 24vw;
  color: #429381;
  text-align: center;
  line-height: 1.6;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 1px #429381;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-inokashira {
    width: 7.22vw;
    line-height: 1.68;
  }
}

ul>li.ico-event {
  margin-right: 1.62%;
  width: 16vw !important;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #66B663;
  border: solid 1px #66B663;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-event {
    width: 5.5vw !important;
    line-height: 1.68;
  }
}

ul>li.ico-stage {
  margin-right: 1.62%;
  width: 16vw !important;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #425E93;
  border: solid 1px #425E93;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-stage {
    width: 5.5vw !important;
    line-height: 1.68;
  }
}

ul>li.ico-food {
  margin-right: 1.62%;
  width: 13.34vw !important;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #E18D60;
  border: solid 1px #E18D60;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-food {
    width: 4.65vw !important;
    line-height: 1.68;
  }
}

ul>li.ico-market {
  margin-right: 1.62%;
  width: 18.67vw !important;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background-color: #E16090;
  border: solid 1px #E16090;
  border-radius: 50rem;
}

@media (min-width: 769px) {
  ul>li.ico-market {
    width: 6.32vw !important;
    line-height: 1.68;
  }
}

.acf-map {
  margin-top: 7.1%;
  width: 100%;
  aspect-ratio: 155/103;
  display: block;
}

@media (min-width: 769px) {
  .acf-map {
    margin-top: 7.14%;
    aspect-ratio: 350/103;
  }
}

/*---------------------------------*
* project
*----------------------------------*/
.p-archive-news {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-archive-news {
    margin-top: 20.9%;
    padding-bottom: 13.9%;
  }
}

.p-archive-news__content {
  margin: 11.59% auto 0;
  width: 97.1%;
}

@media (min-width: 769px) {
  .p-archive-news__content {
    margin: 6.45% auto 0;
    width: 56.45%;
  }
}

.p-archive-news__content ul li a {
  margin-top: 6%;
  padding: 1.51% 0;
  width: 100%;
  display: block;
  border-bottom: solid 1px #231815;
  position: relative;
}

@media (min-width: 769px) {
  .p-archive-news__content ul li a {
    margin-top: 2.86%;
    padding: 0.96% 0 1.35%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

.p-archive-news__content ul li a::after {
  content: "";
  margin: 0 0.9% 1.51% 0;
  width: 7.17%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-next.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (min-width: 769px) {
  .p-archive-news__content ul li a::after {
    margin: 0 0 1.35%;
    width: 3.43%;
  }
}

.p-archive-news__content ul li a time {
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-archive-news__content ul li a time {
    font-size: 1.39vw;
    font-weight: 700;
    line-height: 1.31;
  }
}

.p-archive-news__content ul li a h3 {
  color: #231815;
  font-family: "Noto Sans";
  font-size: 4.27vw;
  font-weight: 700;
  width: 84.93%;
}

@media (min-width: 769px) {
  .p-archive-news__content ul li a h3 {
    margin-left: 5%;
    font-size: 1.39vw;
    font-weight: 700;
    line-height: 1.31;
    width: 74.29%;
  }
}

.p-archive-news__content--text p {
  margin-top: 5.8%;
  color: #000;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-archive-news__content--text p {
    margin-top: 4.3%;
    font-size: 1.11vw;
    line-height: 1.5;
    letter-spacing: 0.32px;
  }
}

.p-archive-news__link {
  margin: 11.59% auto 0;
  padding: 3.2% 0;
  width: 67.83%;
  text-align: center;
  display: block;
  border: 1px solid #000;
  background: #FFF;
}

@media (min-width: 769px) {
  .p-archive-news__link {
    margin: 6.45% auto 0;
    padding: 0.75% 0;
    width: 28.79%;
    cursor: pointer;
  }
}

.p-archive-news__link a {
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-archive-news__link a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-archive-news__link a::before {
  content: "";
  margin-right: 4.28%;
  width: 6.9%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(8%);
}

@media (min-width: 769px) {
  .p-archive-news__link a::before {
    margin-right: 5.64%;
    width: 7%;
    transform: translateY(18%);
  }
}

.p-single-news {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-news {
    margin-top: 20.9%;
    padding-bottom: 9.73%;
  }
}

.p-single-news__content {
  margin-top: 11.59%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-news__content {
    margin: 6.45% auto 0;
    width: 56.45%;
  }
}

.p-single-news__content--text time {
  font-family: "Noto Sans";
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-news__content--text time {
    font-size: 1.39vw;
    font-weight: 700;
    letter-spacing: 1.2px;
  }
}

.p-single-news__content--text h3 {
  margin-top: 1.45%;
  font-family: "Noto Sans";
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-news__content--text h3 {
    margin-top: 0.71%;
    font-size: 1.67vw;
  }
}

.p-single-news__content--text p {
  margin-top: 5.8%;
  color: #000;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-news__content--text p {
    margin-top: 4.3%;
    font-size: 1.11vw;
    line-height: 1.5;
    letter-spacing: 0.32px;
  }
}

.p-single-news__content--text figure {
  padding-top: 5.8%;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-news__content--text figure {
    padding-top: 5.72%;
  }
}

.p-single-news__link {
  margin: 11.59% auto 0;
  padding: 0;
  width: 67.83%;
  text-align: center;
  display: block;
  background: #FFF;
}

@media (min-width: 769px) {
  .p-single-news__link {
    margin: 6.45% auto 0;
    padding: 0;
    width: 28.79%;
    cursor: pointer;
  }
}

.p-single-news__link a {
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.3;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-single-news__link a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    line-height: 2.88;
  }
}

.p-single-news__link a::before {
  content: "";
  margin-right: 4.28%;
  width: 6.9%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(8%);
}

@media (min-width: 769px) {
  .p-single-news__link a::before {
    margin-right: 5.64%;
    width: 7%;
    transform: translateY(18%);
  }
}

@media (min-width: 769px) {
  .p-single-news__link a:hover::before {
    background-image: url(./assets/img/icon_arrow-back-wt.svg);
    position: relative;
    z-index: 3;
  }
}

.p-single-event {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-event {
    margin-top: 20.9%;
    padding-bottom: 13.9%;
  }
}

.p-single-event__subtitle {
  margin-top: 5.8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-event__subtitle {
    margin: 4.84% auto 0;
    width: 56.45%;
  }
}

.p-single-event__subtitle p {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-single-event__subtitle p {
    margin-top: 0.71%;
    font-size: 1.67vw;
  }
}

.p-single-event__content {
  margin: 17.39% auto 0;
  width: 89.86%;
}

@media (min-width: 769px) {
  .p-single-event__content {
    margin-top: 4.84%;
    width: 56.45%;
  }
}

.p-single-event__content--image {
  margin: 17.39% auto 0;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-event__content--image {
    margin-top: 11.5%;
  }
}

.p-single-event__content--image img {
  width: 100%;
}

.p-single-event__content--image img.size-singleEventPortrait700 {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.p-single-event__content--subhead {
  width: 100%;
  margin-top: 19.35%;
}

@media (min-width: 769px) {
  .p-single-event__content--subhead {
    margin-top: 8.57%;
  }
}

.p-single-event__content--subhead span {
  font-size: 2.67vw;
  line-height: 1.8;
  letter-spacing: 0.2px;
  display: block;
}

@media (min-width: 769px) {
  .p-single-event__content--subhead span {
    margin-right: 1.6%;
    font-size: 0.83vw;
    font-weight: 500;
    letter-spacing: 0.24px;
  }
}

.p-single-event__content--subhead h3 {
  margin-top: 6.45%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-single-event__content--subhead h3 {
    margin-top: 4.3%;
    font-size: 2.08vw;
    border-left: solid 3px #203740;
    padding: 0.67em 0 0.67em 0.77em;
  }
}

.p-single-event__content--subhead h3::after {
  content: "";
  margin-top: 6.45%;
  width: 20.97%;
  aspect-ratio: 65/3;
  display: block;
  background-color: #203740;
}

@media (min-width: 769px) {
  .p-single-event__content--subhead h3::after {
    display: none;
  }
}

.p-single-event__content--subhead p {
  margin-top: 6.45%;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-event__content--subhead p {
    margin-top: 5.72%;
    font-size: 1.39vw;
    line-height: 1.8;
    letter-spacing: 0.4px;
  }
}

.p-single-event__content--text {
  margin-top: 12.9%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-event__content--text {
    margin-top: 11.5%;
  }
}

.p-single-event__content--text li {
  padding: 7.1% 0;
  width: 100%;
  border-top: solid 1px #231815;
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {
  .p-single-event__content--text li {
    padding: 5.06% 0;
  }
}

.p-single-event__content--text li.multiLine {
  align-items: flex-start;
}

.p-single-event__content--text li ul {
  width: 69.35%;
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {
  .p-single-event__content--text li ul {
    width: 78%;
    display: flex;
    align-items: center;
  }
}

.p-single-event__content--text li ul li {
  padding: 0;
  width: auto;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
  border-top: 0;
}

@media (min-width: 769px) {
  .p-single-event__content--text li ul li {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-single-event__content--text li ul span {
    margin: 0 3.76%;
  }
}

.p-single-event__content--text li:last-of-type {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}

.p-single-event__content--text li:last-of-type .p-single-event__content--address {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.p-single-event__content--text li:last-of-type .p-single-event__content--address p {
  width: 73.55%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-event__content--text li:last-of-type .p-single-event__content--address p {
    width: 74%;
    padding-right: 5.72%;
  }
}

.p-single-event__content--text li:last-of-type .p-single-event__content--map {
  margin: 9.68% auto 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-event__content--text li:last-of-type .p-single-event__content--map {
    margin: 5.73% auto 0;
  }
}

.p-single-event__content--text li:last-of-type a {
  width: 73.55%;
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 2.88;
  display: block;
}

@media (min-width: 769px) {
  .p-single-event__content--text li:last-of-type a {
    width: 50.17%;
    color: #231815;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-single-event__content--text li:last-of-type a::after {
  content: "";
  margin-left: 6.8%;
  width: 6.4%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(15%);
  z-index: 3;
  position: relative;
}

@media (min-width: 769px) {
  .p-single-event__content--text li:last-of-type a::after {
    margin-left: 5.8%;
    width: 5.4%;
    transform: translateY(15%);
  }
}

@media (min-width: 769px) {
  .p-single-event__content--text li:last-of-type a:hover::after {
    content: "";
    background-image: url(./assets/img/icon_link-external-wt.svg);
  }
}

.p-single-event__content--text li h4 {
  width: 30.65%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-single-event__content--text li h4 {
    margin-left: 3.5%;
    width: 20.86%;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-single-event__content--text li p,
.p-single-event__content--text li a {
  width: 69.35%;
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 769px) {

  .p-single-event__content--text li p,
  .p-single-event__content--text li a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    width: 78%;
  }
}

.p-single-event__content--text li .p-single-event__content--desc {
  width: 69.35%;
}

@media (min-width: 769px) {
  .p-single-event__content--text li .p-single-event__content--desc {
    width: 74%;
  }
}

.p-single-event__content--text li .p-single-event__content--desc p {
  width: 100%;
}

.p-single-event__content--text li .p-single-event__content--store {
  width: 69.35%;
}

@media (min-width: 769px) {
  .p-single-event__content--text li .p-single-event__content--store {
    width: 74%;
  }
}

@media (min-width: 769px) {
  .p-single-event__content--text li .p-single-event__content--store p {
    width: 93%;
  }
}

.p-single-event__content--text li .p-single-event__content--store ul.p-single-event__content--store-ls {
  margin-top: 4.65%;
  list-style: disc;
}

@media (min-width: 769px) {
  .p-single-event__content--text li .p-single-event__content--store ul.p-single-event__content--store-ls {
    margin-top: 3.9%;
  }
}

.p-single-event__content--text li .p-single-event__content--store ul.p-single-event__content--store-ls li {
  padding: 0;
  border-top: 0;
  font-size: 3.73vw;
  line-height: 1.5;
  display: flex;
  flex-direction: row;
}

@media (min-width: 769px) {
  .p-single-event__content--text li .p-single-event__content--store ul.p-single-event__content--store-ls li {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-single-event__content--text li .p-single-event__content--store ul.p-single-event__content--store-ls li::before {
  content: "・";
  display: inline-block;
  text-align: left;
}

.p-single-event__link {
  margin: 17.42% auto 0;
  width: 94.6%;
  text-align: center;
  display: block;
}

@media (min-width: 769px) {
  .p-single-event__link {
    margin: 11.3% auto 0;
    padding: 0;
    width: 38.52%;
    cursor: pointer;
  }
}

.p-single-event__link a {
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.3;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-single-event__link a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    line-height: 2.88;
  }
}

.p-single-event__link a::before {
  content: "";
  margin-right: 3.1%;
  width: 6.4%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(16%);
  position: relative;
}

@media (min-width: 769px) {
  .p-single-event__link a::before {
    margin-right: 4.26%;
    width: 5.46%;
    transform: translateY(18%);
  }
}

@media (min-width: 769px) {
  .p-single-event__link a:hover::before {
    background-image: url(./assets/img/icon_arrow-back-wt.svg);
    z-index: 3;
  }
}

.p-page-fun {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-fun {
    margin-top: 20.9%;
    padding-bottom: 10.42%;
  }
}

.p-page-fun__subtitle {
  margin-top: 5.8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-fun__subtitle {
    margin: 4.84% auto 0;
    width: 100%;
  }
}

.p-page-fun__subtitle h3 {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-fun__subtitle h3 {
    margin-top: 0;
    font-size: 1.67vw;
  }
}

.p-page-fun__subtitle--image {
  margin: 17.39% auto 0;
  width: 89.86%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-fun__subtitle--image {
    margin-top: 6.45%;
    width: 80.65%;
  }
}

.p-page-fun__subtitle p {
  margin-top: 10.14%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-fun__subtitle p {
    margin-top: 3.23%;
    text-align: center;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-fun__content {
  margin-top: 21.33%;
  font-size: 1vw;
}

@media (min-width: 769px) {
  .p-page-fun__content {
    margin-top: 9.72%;
  }
}

.p-page-fun__content section {
  scroll-margin-top: 23em;
}

@media (min-width: 769px) {
  .p-page-fun__content section {
    scroll-margin-top: 10em;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 0.4%;
}

@media (min-width: 769px) {
  .p-page-fun__content ul.p-page-fun__content--subhead {
    margin: 0 auto;
    width: 86.11%;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead li {
  width: 33.07%;
  padding: 3.13% 0;
  background-color: #86807E;
  text-align: center;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-fun__content ul.p-page-fun__content--subhead li {
    padding: 1.29% 0;
    height: auto;
    margin-bottom: 0.822%;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead li a {
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.66;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .p-page-fun__content ul.p-page-fun__content--subhead li a {
    font-size: 1.53vw;
    line-height: 1;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead li a span {
  font-size: 2.67vw;
}

@media (min-width: 769px) {
  .p-page-fun__content ul.p-page-fun__content--subhead li a span {
    font-size: 0.97vw;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead li a::after {
  content: "";
  margin-left: 6.5%;
  width: 5.5%;
  aspect-ratio: 2/1.7;
  display: inline-block;
  background-color: #FFFFFF;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

@media (min-width: 769px) {
  .p-page-fun__content ul.p-page-fun__content--subhead li a::after {
    margin-left: 2.5%;
    width: 4.5%;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead li.current {
  background-color: #231815;
  margin-bottom: 0;
  z-index: 2;
  line-height: 9.8;
}

@media (min-width: 769px) {

  .p-page-fun__content ul.p-page-fun__content--subhead li.current,
  .p-page-fun__content ul.p-page-fun__content--subhead li:hover {
    padding: 1.34% 0;
    background-color: #231815;
    line-height: 2;
  }
}

.p-page-fun__content ul.p-page-fun__content--subhead.is-fixed {
  position: fixed;
  left: 50%;
  z-index: 10;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

.p-page-fun__content #date0503 {
  margin-top: 0.1%;
  padding-top: 8.7%;
}

@media (min-width: 769px) {
  .p-page-fun__content #date0503 {
    padding-top: 9.13%;
  }
}

.p-page-fun__content #date0504,
.p-page-fun__content #date0505 {
  padding-top: 11.7%;
}

@media (min-width: 769px) {

  .p-page-fun__content #date0504,
  .p-page-fun__content #date0505 {
    padding-top: 9.13%;
  }
}

.p-page-fun__content--item {
  padding-top: 4.22%;
}

.p-page-fun__content--date {
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-fun__content--date {
    margin: 11.29% auto 0;
    width: 85.48%;
  }
}

@media (min-width: 769px) {
  .p-page-fun__content--date:first-of-type {
    margin-top: 0;
  }
}

.p-page-fun__content--date h4 {
  color: #231815;
  text-align: center;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-fun__content--date h4 {
    font-size: 3.33vw;
  }
}

.p-page-fun__content--date h4 span {
  font-size: 9.6vw;
}

@media (min-width: 769px) {
  .p-page-fun__content--date h4 span {
    font-size: 6.11vw;
  }
}

.p-page-fun__content--date p {
  margin-top: 1.45%;
  padding: 0.58% 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-fun__content--date p {
    font-size: 1.94vw;
  }
}

.p-page-fun__content--lists {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5.8% 1.6%;
}

.p-page-fun__content--lists::after {
  content: "";
  flex: 1 1 auto;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists {
    margin: 0 auto;
    width: 85.48%;
  }
}

.p-page-fun__content--lists li {
  margin-top: 5.8%;
  width: 48.7%;
  background-color: #FFFFFF;
  border: solid 0.5px #231815;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li {
    margin-top: 3.77%;
    width: 23.776%;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li:hover {
    opacity: 0.6;
  }
}

.p-page-fun__content--lists li img {
  width: 100%;
  height: 32.53vw;
  object-fit: cover;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li img {
    height: 12.57vw;
  }
}

.p-page-fun__content--lists li .p-page-fun__content--text {
  padding: 5.95% 8.93%;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li .p-page-fun__content--text {
    padding: 7.94% 5.95%;
  }
}

.p-page-fun__content--lists li .p-page-fun__content--text ul li {
  margin-top: 0;
  font-size: 2.67vw;
  font-weight: 400;
  letter-spacing: 0.2px;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li .p-page-fun__content--text ul li {
    font-size: 0.83vw;
    font-weight: 500;
    letter-spacing: 0.24px;
  }
}

.p-page-fun__content--lists li .p-page-fun__content--text h4 {
  margin-top: 7.34%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li .p-page-fun__content--text h4 {
    margin-top: 6.75%;
    font-size: 1.11vw;
    line-height: 1;
    letter-spacing: 0.32px;
  }
}

.p-page-fun__content--lists li .p-page-fun__content--text p {
  margin-top: 4.4%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .p-page-fun__content--lists li .p-page-fun__content--text p {
    margin-top: 2.7%;
    font-size: 0.83vw;
  }
}

.p-page-fun__link {
  margin-top: 4%;
  width: 100%;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-fun__link {
    margin-top: 4.2%;
  }
}

.p-page-fun__link a {
  width: 10.13%;
  aspect-ratio: 1/1;
  display: block;
  background-color: #231815;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  right: 4%;
}

@media (min-width: 769px) {
  .p-page-fun__link a {
    width: 5.12%;
    right: 2%;
  }
}

.p-page-fun__link a::after {
  content: "";
  width: 50%;
  aspect-ratio: 1/1;
  background-image: url(./assets/img/icon_link-top.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
}

.p-page-tanbo {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-tanbo {
    margin-top: 20.9%;
    padding-bottom: 10.42%;
  }
}

.p-page-tanbo__subtitle {
  margin-top: 5.8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-tanbo__subtitle {
    margin: 4.84% auto 0;
    width: 100%;
  }
}

.p-page-tanbo__subtitle h3 {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-tanbo__subtitle h3 {
    margin-top: 0.71%;
    font-size: 1.67vw;
  }
}

.p-page-tanbo__subtitle--image {
  margin: 17.39% auto 0;
  width: 89.86%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo__subtitle--image {
    margin-top: 6.45%;
    width: 80.65%;
  }
}

.p-page-tanbo__subtitle--txt {
  margin-top: 10.14%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-tanbo__subtitle--txt {
    margin-top: 3.23%;
    text-align: center;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-tanbo__description {
  margin: 17.39% auto 0;
  width: 94.15%;
}

@media (min-width: 769px) {
  .p-page-tanbo__description {
    margin: 6.45% auto 0;
    width: 85.48%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.p-page-tanbo__description img {
  margin: 0 auto;
  width: 90.14%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo__description img {
    margin: 0;
    width: 27.36vw;
  }
}

.p-page-tanbo__description--text {
  margin: 10.78% auto 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-tanbo__description--text {
    margin: 0;
    width: 59.2%;
  }
}

.p-page-tanbo__description--text h2 {
  width: 100%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.2px;
}

@media (min-width: 769px) {
  .p-page-tanbo__description--text h2 {
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-tanbo__description--text p {
  margin-top: 8.7%;
  width: 100%;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-tanbo__description--text p {
    margin-top: 6.46%;
    font-size: 1.11vw;
    letter-spacing: 0.1px;
  }
}

.p-page-tanbo__description--text-btn {
  margin-top: 10.14%;
  width: 100%;
  display: flex;
  gap: 0 3%;
}

@media (min-width: 769px) {
  .p-page-tanbo__description--text-btn {
    margin-top: 9.68%;
    width: 90.32%;
  }
}

.p-page-tanbo__description--text-btn a span {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo__description--text-btn a span {
    font-size: 1.39vw;
    letter-spacing: 0.4px;
    display: block;
    position: relative;
  }
}

.p-page-tanbo__description--text-btn a span::after {
  content: "view more";
  margin-top: 0.2em;
  color: #231815;
  font-size: 2.67vw;
  font-weight: 700;
  line-height: 1;
  display: block;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-tanbo__description--text-btn a span::after {
    margin-top: 0.14em;
    font-size: 0.97vw;
    letter-spacing: 0.28px;
  }
}

@media (min-width: 769px) {

  .p-page-tanbo__description--text-btn a:hover span,
  .p-page-tanbo__description--text-btn a:hover span::after {
    color: #FFFFFF;
    display: block;
    position: relative;
    z-index: 4;
  }
}

.p-page-tanbo .modal {
  display: none;
}

.p-page-tanbo .modal.is-appear {
  padding: 20.8% 5.33% 34.67%;
  width: 100%;
  height: 100dvh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  background: rgba(35, 24, 21, 0.75);
  overflow-y: hidden;
  overscroll-behavior-y: contain;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear {
    padding: 7.78% 15.28% 8.78%;
    overflow: hidden;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about {
  padding: 11.94% 0;
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
  height: 87vh;
  overflow-y: auto;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about {
    padding: 4.51% 9.01%;
    display: flex;
    height: auto;
    justify-content: space-between;
  }
}

.p-page-tanbo .modal.is-appear svg {
  width: 6.4%;
  aspect-ratio: 6/7;
  position: absolute;
  top: 4%;
  right: 6.5%;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear svg {
    width: 2.78%;
    top: 3%;
    right: 12%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text {
  margin: 0 auto;
  width: 82.99%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text {
    margin: 0 0;
    width: 62.59%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text h4 {
  padding-left: 3.6%;
  color: #231815;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
  border-left: solid 3px #AD2626;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text h4 {
    margin-top: 7%;
    padding-left: 5.06%;
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.64px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl {
  margin-top: 10.79%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl {
    margin-top: 5.85%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl dt {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl dt {
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl dd {
  margin-top: 5.4%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl dd {
    margin-top: 2.93%;
    font-size: 1.11vw;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl dd:first-of-type {
    margin-top: 5.85%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--text dl dd span {
  font-weight: 700;
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern {
  margin: 17.91% auto 0;
  width: 66.56%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern {
    margin: 4.88% 0 0;
    width: 28.67%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.84px;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p {
    font-size: 0.97vw;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p span {
  font-size: 4.8vw;
  font-weight: 600;
  letter-spacing: 1.08px;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p span {
    font-size: 1.25vw;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p:last-of-type::before {
  content: "\\";
  padding-right: 5.4%;
  display: inline-block;
  font-size: 6.67vw;
  font-weight: 200;
  line-height: 1;
  letter-spacing: 0.5px;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p:last-of-type::before {
    padding-right: 3.3%;
    font-size: 1.74vw;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p:last-of-type::after {
  content: "/";
  padding-left: 5.4%;
  display: inline-block;
  font-size: 6.67vw;
  font-weight: 200;
  line-height: 1;
  letter-spacing: 0.5px;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern p:last-of-type::after {
    padding-left: 3.3%;
    font-size: 1.74vw;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern picture {
  margin: 0 auto;
  width: 58.75%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__about--lantern picture {
    width: 100%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally {
  padding: 11.94% 0;
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
  overflow-y: auto;
  height: 87vh;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally {
    padding: 7.51% 12.35%;
    width: 100%;
    overflow-y: auto;
    height: 75vh;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally svg {
  width: 7.4%;
  aspect-ratio: 6/7;
  position: absolute;
  top: -2.5em;
  right: 0.5em;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally svg {
    width: 4.1%;
    top: -4em;
    right: -3.5em;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title {
  margin: 0 auto;
  width: 82.99%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title {
    margin: 0;
    width: 100%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title h4 {
  padding-left: 3.6%;
  color: #231815;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
  border-left: solid 3px #AD2626;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title h4 {
    padding-left: 3.15%;
    font-size: 2.22vw;
    line-height: 1;
    letter-spacing: 0.64px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title p {
  margin-top: 10.79%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title p {
    margin-top: 4.11%;
    font-size: 1.67vw;
    letter-spacing: 0.48px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title picture {
  margin: 14.39% auto 0;
  width: 69.1%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--title picture {
    margin-top: 4.57%;
    width: 58.8%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text {
  margin: 0 auto;
  width: 82.99%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text {
    margin: 0;
    width: 100%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists {
  width: 100%;
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li {
  margin-top: 14.39%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li {
    margin-top: 10.7%;
    width: 100%;
    display: flex;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li p {
  width: 33.09%;
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.9;
  text-align: center;
  display: block;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li p {
    width: 5.99em;
    height: 1.87em;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary {
  margin-top: 7.19%;
  margin-left: 7.19%;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary {
    margin-top: 0;
    margin-left: 4.13%;
    width: 85.51%;
    display: flex;
    flex-wrap: wrap;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary dt {
  margin-top: 5.4%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
  display: block;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary dt {
    margin-top: 0;
    width: 27.22%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary dt::after {
    content: ":";
    margin-right: 6.6%;
    display: inline-block;
    position: absolute;
    right: 0;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary dd {
  margin-top: 1.94%;
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.28px;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .summary dd {
    margin-top: 0;
    width: 65%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step {
    margin-left: 4.13%;
    width: 85.51%;
    display: block;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step dt {
  margin-top: 7.19%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step dt {
    margin-top: 4.95%;
    font-size: 1.25vw;
    letter-spacing: 0.36px;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step dt:first-of-type {
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step dt:nth-of-type(2) {
    margin-top: 7.92%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step dd {
  margin-top: 1.94%;
  margin-left: 9.71%;
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.28px;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step dd {
    margin-top: 0.83%;
    margin-left: 4.4%;
    width: 94%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn {
  margin: 7.19% auto 0;
  width: 84.53%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn {
    margin: 4.82% 0 0;
    width: 53.57%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p {
  background-color: transparent;
  width: 100%;
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p span {
  color: #231815;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 3.84;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p span {
    font-size: 1.11vw;
    line-height: 2.88;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p span::after {
  content: "";
  margin-left: 8.6%;
  width: 6.9%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_download.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p span::after {
    margin-left: 4.95%;
    width: 4.95%;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p:hover span {
    color: #FFFFFF;
    position: relative;
    z-index: 3;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li .step .download-btn p:hover span::after {
    background-image: url(./assets/img/icon_download-wt.svg);
    position: relative;
    z-index: 3;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul {
  margin-top: 7.19%;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul {
    margin: 3.43% 0 4%;
    width: 100%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li {
  margin-top: 5.4%;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li {
    margin-top: 0;
    text-align: left;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(1) {
  margin-top: 0;
  width: 47.84%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(1) {
    width: 21.52%;
    /* width: 31.74%; */
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(2) {
  /* margin-top: 0; */
  /* margin-left: 5.39%; */
  /* width: 46.76%; */
  width: 85.18%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(2) {
    margin-left: 1.87%;
    width: 35.4%;
    /* width: 24.54%; */
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(3) {
  width: 44.6%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(3) {
    margin-left: 1.87%;
    width: 18.56%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(4) {
  margin-left: 5.39%;
  width: 45%;
  /* width: 36.69%; */
  display: block;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li:nth-of-type(4) {
    margin-left: 1.87%;
    width: 18.4%;
  }
}

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p {
  margin-top: 0.84em;
  width: 100%;
  background-color: transparent;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p {
    margin-top: 0.58em;
    font-size: 0.97vw;
    letter-spacing: 0.28px;
  }
}

/* .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p.firstcome {
  margin-top: 0.84em;
  width: 100%;
  background-color: transparent;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p.firstcome {
    margin-top: 0.58em;
    font-size: 0.97vw;
    text-align: left;
    letter-spacing: 0.28px;
  }
} */

.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p:first-of-type {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p:first-of-type {
    margin-top: 1.43em;
    height: auto;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    text-align: left;
    line-height: 1;
  }
}
.p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p:first-of-type.firstcome {
  margin-top: 0.84em;
  width: 100%;
  background-color: transparent;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-tanbo .modal.is-appear .p-page-tanbo-modal__stamprally--text-lists li.voucher ul li p:first-of-type.firstcome {
    margin-top: 0.58em;
    font-size: 0.97vw;
    text-align: left;
    letter-spacing: 0.28px;
  }
}

.p-page-tanbo__content {
  margin-top: 16%;
}

@media (min-width: 769px) {
  .p-page-tanbo__content {
    margin-top: 9.9%;
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.4%;
}

@media (min-width: 769px) {
  .p-page-tanbo__content ul.p-page-tanbo__content--subhead {
    margin: 0 auto;
    width: 86.11%;
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead li {
  padding: 1.6% 0;
  background-color: #86807E;
  cursor: pointer;
  width: 49.8%;
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li {
    padding: 0.85% 0;
    height: auto;
    margin-bottom: 0.822%;
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead li p {
  color: #FFFFFF;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 2.38;
}

@media (min-width: 769px) {
  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li p {
    font-size: 1.74vw;
    line-height: 1.36;
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead li p::after {
  content: "";
  margin-left: 4.29%;
  width: 3.5%;
  aspect-ratio: 2/1.7;
  display: inline-block;
  background-color: #FFFFFF;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  vertical-align: middle;
  transform: translateY(-15%);
}

@media (min-width: 769px) {
  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li p::after {
    margin-left: 1.62%;
    width: 3%;
    vertical-align: middle;
    transform: translateY(-15%);
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead li.current {
  background-color: #231815;
  padding: 2.93% 0;
  margin-bottom: 0;
  z-index: 2;
}

@media (min-width: 769px) {

  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li.current,
  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li:hover {
    padding: 1.33% 0 1.2%;
    background-color: #231815;
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead li.current p::after {
  margin-top: 0.81%;
}

@media (min-width: 769px) {

  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li.current p::after,
  .p-page-tanbo__content ul.p-page-tanbo__content--subhead li:hover p::after {
    margin-top: 0.81%;
  }
}

.p-page-tanbo__content ul.p-page-tanbo__content--subhead.is-fixed {
  position: fixed;
  left: 50%;
  z-index: 10;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

.p-page-tanbo__content--item {
  font-size: 1vw;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--item {
    padding-top: 0;
  }
}

.p-page-tanbo__content--date {
  margin-top: 0.1%;
  padding-top: 11.6%;
  width: 100%;
  scroll-margin-top: 30em;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--date {
    margin: 0.1% auto;
    padding-top: 6.46%;
    width: 86.51%;
    scroll-margin-top: 15.3em;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo__content--date:last-of-type {
    margin-top: 3.23%;
  }
}

.p-page-tanbo__content--date h3 {
  padding-bottom: 2.9%;
  color: #231815;
  text-align: center;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1;
  border-bottom: solid 0.3em #231815;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--date h3 {
    padding-bottom: 1.9%;
    font-size: 3.33vw;
    border-bottom: solid 0.15em #231815;
  }
}

.p-page-tanbo__content--lists {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5.8% 1.6%;
}

.p-page-tanbo__content--lists::after {
  content: "";
  flex: 1 1 auto;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists {
    margin: 0 auto;
    width: 86.51%;
    gap: 5.8% 1.5%;
  }
}

.p-page-tanbo__content--lists li {
  margin-top: 5.8%;
  width: 48.7%;
  border: solid 0.5px #231815;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li {
    margin-top: 3.77%;
    width: 23.86%;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li:hover {
    opacity: 0.6;
  }
}

.p-page-tanbo__content--lists li img {
  width: 100%;
  height: 32.53vw;
  display: block;
  overflow: hidden;
  object-fit: cover;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li img {
    width: 100%;
    height: 12.57vw;
  }
}

.p-page-tanbo__content--lists li .p-page-tanbo__card--stamprally {
  width: 34.67vw;
  font-size: 2.67vw;
  text-align: center;
  line-height: 1.6;
  color: #231815;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 0.5px #231815;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.9;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li .p-page-tanbo__card--stamprally {
    width: 9.86vw;
    font-size: 0.69vw;
    letter-spacing: 0.2px;
    line-height: 2.22;
  }
}

.p-page-tanbo__content--lists li .p-page-tanbo__content--text {
  padding: 5.95% 8.93%;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li .p-page-tanbo__content--text {
    padding: 7.94% 5.95%;
  }
}

.p-page-tanbo__content--lists li .p-page-tanbo__content--text ul li {
  margin-top: 0;
  color: #FFFFFF;
  font-size: 2.67vw;
  letter-spacing: 0.2px;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li .p-page-tanbo__content--text ul li {
    font-size: 0.83vw;
    letter-spacing: 0.24px;
  }
}

.p-page-tanbo__content--lists li .p-page-tanbo__content--text h4 {
  margin-top: 7.34%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li .p-page-tanbo__content--text h4 {
    margin-top: 6.8%;
    font-size: 1.11vw;
    line-height: 1;
    letter-spacing: 0.32px;
  }
}

.p-page-tanbo__content--lists li .p-page-tanbo__content--text p {
  margin-top: 4.4%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.24px;
  overflow-wrap: break-word;
}

@media (min-width: 769px) {
  .p-page-tanbo__content--lists li .p-page-tanbo__content--text p {
    margin-top: 2.72%;
    font-size: 0.83vw;
  }
}

.p-page-tanbo__link {
  margin-bottom: 32%;
  margin-right: -1%;
  width: 100%;
  position: relative;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.p-page-tanbo__link.is-appear {
  opacity: 1;
}

@media (min-width: 769px) {
  .p-page-tanbo__link {
    margin-bottom: 10%;
    margin-right: -1%;
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .p-page-tanbo__link.is-appear {
    opacity: 1;
  }
}

.p-page-tanbo__link a {
  width: 10.13%;
  aspect-ratio: 1/1;
  display: block;
  background-color: #231815;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  right: 4%;
  border: solid 1px #fff;
}

@media (min-width: 769px) {
  .p-page-tanbo__link a {
    width: 4.12%;
    right: 4%;
  }
}

.p-page-tanbo__link a::after {
  content: "";
  width: 50%;
  aspect-ratio: 1/1;
  background-image: url(./assets/img/icon_link-top.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
}

.p-single-market {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-market {
    margin-top: 20.9%;
    padding-bottom: 13.9%;
  }
}

.p-single-market__content {
  margin: 17.39% auto 0;
  width: 89.86%;
}

@media (min-width: 769px) {
  .p-single-market__content {
    margin-top: 4.84%;
    width: 56.45%;
  }
}

.p-single-market__content--image {
  margin: 17.39% auto 0;
  width: 89.86%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-market__content--image {
    margin-top: 11.5%;
    width: 100%;
  }
}

.p-single-market__content--subhead {
  width: 100%;
  margin-top: 19.35%;
}

@media (min-width: 769px) {
  .p-single-market__content--subhead {
    margin-top: 11.43%;
  }
}

.p-single-market__content--subhead li {
  margin-right: 1%;
  font-size: 2.67vw;
  line-height: 1;
  letter-spacing: 0.2px;
}

@media (min-width: 769px) {
  .p-single-market__content--subhead li {
    margin-right: 1.6%;
    font-size: 0.83vw;
    font-weight: 500;
    letter-spacing: 0.24px;
  }
}

.p-single-market__content--subhead h3 {
  margin-top: 6.45%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-single-market__content--subhead h3 {
    margin-top: 4.3%;
    font-size: 2.08vw;
  }
}

.p-single-market__content--subhead h3::after {
  content: "";
  margin-top: 6.45%;
  width: 20.97%;
  aspect-ratio: 65/3;
  display: block;
  background-color: #AD2626;
}

@media (min-width: 769px) {
  .p-single-market__content--subhead h3::after {
    display: none;
  }
}

.p-single-market__content--subhead h3::before {
  display: none;
}

@media (min-width: 769px) {
  .p-single-market__content--subhead h3::before {
    content: "";
    margin-right: 3.3%;
    width: 0.43%;
    height: 2.7em;
    display: inline-block;
    background-color: #AD2626;
    transform: translateY(-0.2em);
    vertical-align: middle;
  }
}

.p-single-market__content--subhead p {
  margin-top: 6.45%;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-market__content--subhead p {
    margin-top: 5.72%;
    font-size: 1.39vw;
    line-height: 1.8;
    letter-spacing: 0.4px;
  }
}

.p-single-market__content--text {
  margin-top: 12.9%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-market__content--text {
    margin-top: 11.5%;
  }
}

.p-single-market__content--text li {
  padding: 7.1% 0;
  width: 100%;
  border-top: solid 1px #231815;
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {
  .p-single-market__content--text li {
    padding: 5.06% 0;
  }
}

.p-single-market__content--text li.multiLine {
  align-items: flex-start;
}

.p-single-market__content--text li ul {
  width: 78%;
  display: flex;
  align-items: center;
}

.p-single-market__content--text li ul li {
  padding: 0;
  width: auto;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
  border-top: 0;
}

@media (min-width: 769px) {
  .p-single-market__content--text li ul li {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-single-market__content--text li ul span {
    margin: 0 3.76%;
  }
}

.p-single-market__content--text li.market-map {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}

.p-single-market__content--text li.market-map .p-single-market__content--address {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.p-single-market__content--text li.market-map .p-single-market__content--address p {
  width: 73.55%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-market__content--text li.market-map .p-single-market__content--address p {
    width: 74%;
    padding-right: 5.72%;
  }
}

.p-single-market__content--text li.market-map .p-single-market__content--map {
  margin: 9.68% auto 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-market__content--text li.market-map .p-single-market__content--map {
    margin-top: 7.15%;
  }
}

.p-single-market__content--text li.market-map a {
  width: 73.55%;
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.29;
  display: block;
}

@media (min-width: 769px) {
  .p-single-market__content--text li.market-map a {
    margin-top: 5.71%;
    width: 50.17%;
    color: #231815;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-single-market__content--text li.market-map a::after {
  content: "";
  margin-left: 6.8%;
  width: 6.4%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(15%);
  z-index: 3;
  position: relative;
}

@media (min-width: 769px) {
  .p-single-market__content--text li.market-map a::after {
    margin-left: 5.8%;
    width: 5.4%;
    transform: translateY(15%);
  }
}

@media (min-width: 769px) {
  .p-single-market__content--text li.market-map a:hover::after {
    content: "";
    background-image: url(./assets/img/icon_link-external-wt.svg);
  }
}

.p-single-market__content--text li h4 {
  width: 30.65%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-single-market__content--text li h4 {
    margin-left: 3.5%;
    width: 20.86%;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-single-market__content--text li p,
.p-single-market__content--text li a {
  width: 78%;
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 769px) {

  .p-single-market__content--text li p,
  .p-single-market__content--text li a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    width: 78%;
  }
}

.p-single-market__content--text li p.p-single-market__content--url,
.p-single-market__content--text li a.p-single-market__content--url {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.p-single-market__content--text li .p-single-market__content--desc {
  width: 69.35%;
}

@media (min-width: 769px) {
  .p-single-market__content--text li .p-single-market__content--desc {
    width: 74%;
  }
}

.p-single-market__content--text li .p-single-market__content--store {
  width: 69.35%;
}

@media (min-width: 769px) {
  .p-single-market__content--text li .p-single-market__content--store {
    width: 74%;
  }
}

@media (min-width: 769px) {
  .p-single-market__content--text li .p-single-market__content--store p {
    width: 93%;
  }
}

.p-single-market__content--text li .p-single-market__content--store ul.p-single-market__content--store-ls {
  margin-top: 4.65%;
  list-style: disc;
}

@media (min-width: 769px) {
  .p-single-market__content--text li .p-single-market__content--store ul.p-single-market__content--store-ls {
    margin-top: 3.9%;
  }
}

.p-single-market__content--text li .p-single-market__content--store ul.p-single-market__content--store-ls li {
  padding: 0;
  border-top: 0;
  font-size: 3.73vw;
  line-height: 1.5;
  display: flex;
  flex-direction: row;
}

@media (min-width: 769px) {
  .p-single-market__content--text li .p-single-market__content--store ul.p-single-market__content--store-ls li {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-single-market__content--text li .p-single-market__content--store ul.p-single-market__content--store-ls li::before {
  content: "・";
  display: inline-block;
  text-align: left;
}

.p-single-market__link {
  margin: 17.42% auto 0;
  width: 94.6%;
  text-align: center;
  display: block;
}

@media (min-width: 769px) {
  .p-single-market__link {
    margin: 11.3% auto 0;
    padding: 0;
    width: 38.52%;
    cursor: pointer;
  }
}

.p-single-market__link a {
  margin: 0 auto;
  width: 76.91%;
  display: block;
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.3;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-single-market__link a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    line-height: 2.88;
  }
}

.p-single-market__link a::before {
  content: "";
  margin-right: 3.1%;
  width: 6.4%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(16%);
  position: relative;
}

@media (min-width: 769px) {
  .p-single-market__link a::before {
    margin-right: 4.26%;
    width: 5.46%;
    transform: translateY(18%);
  }
}

@media (min-width: 769px) {
  .p-single-market__link a:hover::before {
    background-image: url(./assets/img/icon_arrow-back-wt.svg);
    z-index: 3;
  }
}

.p-single-artist {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-artist {
    margin-top: 20.9%;
    padding-bottom: 13.9%;
  }
}

.p-single-artist__subtitle {
  margin-top: 5.8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-single-artist__subtitle {
    margin: 4.84% auto 0;
    width: 56.45%;
  }
}

.p-single-artist__subtitle p {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-single-artist__subtitle p {
    margin-top: 0.71%;
    font-size: 1.67vw;
  }
}

.p-single-artist__content {
  margin: 17.39% auto 0;
  width: 89.86%;
}

@media (min-width: 769px) {
  .p-single-artist__content {
    margin-top: 4.84%;
    width: 56.45%;
  }
}

.p-single-artist__content--image {
  margin: 17.39% auto 0;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-artist__content--image {
    margin-top: 11.5%;
    max-width: 100%;
    width: 100%;
  }
}

.p-single-artist__content--subhead {
  width: 100%;
  margin-top: 19.35%;
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead {
    margin-top: 8.57%;
  }
}

.p-single-artist__content--subhead h3 {
  margin-top: 19.36%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead h3 {
    margin-top: 4.3%;
    font-size: 2.08vw;
  }
}

.p-single-artist__content--subhead p {
  margin-top: 6.45%;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead p {
    margin-top: 5.72%;
    font-size: 1.39vw;
    line-height: 1.8;
    letter-spacing: 0.4px;
  }
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead-name {
    display: flex;
    border-left: solid 3px #AD2626;
  }
}

.p-single-artist__content--subhead-name p {
  margin-top: 1.62%;
  color: #231815;
  font-size: 3.2vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead-name p {
    margin-top: 5.72%;
    font-size: 1.39vw;
    line-height: 1.8;
    letter-spacing: 0.4px;
  }
}

.p-single-artist__content--subhead-name::after {
  content: "";
  margin-top: 6.45%;
  width: 20.97%;
  aspect-ratio: 65/3;
  display: block;
  background-color: #AD2626;
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead-name::after {
    display: none;
  }
}

.p-single-artist__content--subhead-name:first-of-type {
  margin-top: 1.62%;
}

@media (min-width: 769px) {
  .p-single-artist__content--subhead-name:first-of-type {
    margin-top: 11.44%;
    padding-left: 3.3%;
  }
}

.p-single-artist__content--text {
  margin-top: 12.9%;
  width: 100%;
  border-bottom: solid 1px #231815;
}

@media (min-width: 769px) {
  .p-single-artist__content--text {
    margin-top: 11.5%;
  }
}

.p-single-artist__content--text li {
  padding: 7.1% 0;
  width: 100%;
  border-top: solid 1px #231815;
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li {
    padding: 5.06% 0;
    align-items: center;
  }
}

.p-single-artist__content--text li.multiLine {
  align-items: flex-start;
}

.p-single-artist__content--text li ul {
  width: 69.35%;
  display: flex;
  align-items: center;
}

.p-single-artist__content--text li ul li {
  padding: 0;
  width: auto;
  color: #231815;
  font-size: 3.73vw;
  line-height: 1.5;
  border-top: 0;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li ul li {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-single-artist__content--text li ul span {
    margin: 0 3.76%;
  }
}

.p-single-artist__content--text li.link-item {
  align-items: flex-start;
}

.p-single-artist__content--text li .link-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li .link-list {
    align-items: center;
    justify-content: center;
    gap: 0.3em;
  }
}

.p-single-artist__content--text li .link-list li {
  margin-top: 4.66%;
  width: 100%;
  overflow-x: hidden;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li .link-list li {
    margin-top: 0;
  }
}

.p-single-artist__content--text li .link-list li:first-of-type {
  margin-top: 0;
}

.p-single-artist__content--text li .link-list li a {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li .link-list li a {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .p-single-artist__content--text li .link-list li a:hover {
    color: rgba(35, 24, 21, 0.7);
  }
}

.p-single-artist__content--text li:first-of-type {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-single-artist__content--text li:first-of-type .p-single-artist__content--stage {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li:first-of-type .p-single-artist__content--stage {
    align-items: flex-start;
  }
}

.p-single-artist__content--text li:first-of-type .p-single-artist__content--stage ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-single-artist__content--text li:first-of-type .p-single-artist__content--stage ul li {
  width: 100%;
}

.p-single-artist__content--text li:first-of-type p {
  width: 100%;
  color: #231815;
  text-align: center;
}

.p-single-artist__content--text li:first-of-type p a {
  margin: 6.45% auto 0;
  width: 100%;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li:first-of-type p a {
    margin: 1.43% auto 0;
    width: 56.86%;
    text-align: center;
  }
}

.p-single-artist__content--text li:first-of-type p a span {
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 3.84;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li:first-of-type p a span {
    text-align: center;
    font-size: 1.11vw;
    line-height: 2.88;
    letter-spacing: 0.32px;
  }
}

.p-single-artist__content--text li:first-of-type p a::before {
  content: "";
  margin-right: 3.3%;
  width: 5.52%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_ticket.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(25%);
  z-index: 3;
  position: relative;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li:first-of-type p a::before {
    margin-right: 5.8%;
    width: 6.06%;
    transform: translateY(25%);
  }
}

@media (min-width: 769px) {
  .p-single-artist__content--text li:first-of-type p a:hover::before {
    content: "";
    background-image: url(./assets/img/icon_ticket-wt.svg);
  }
}

.p-single-artist__content--text li a {
  width: 73.55%;
  color: #231815;
  text-align: left;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 2.88;
  display: block;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li a {
    width: 50.17%;
    color: #231815;
    text-align: left;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-single-artist__content--text li h4 {
  width: 30.65%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-single-artist__content--text li h4 {
    margin-left: 3.5%;
    width: 20.86%;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-single-artist__content--text li p,
.p-single-artist__content--text li a {
  width: 69.35%;
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 769px) {

  .p-single-artist__content--text li p,
  .p-single-artist__content--text li a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    width: 69.35%;
  }
}

ul.p-single-artist__schedule li {
  width: 25%;
}

.p-single-artist__link {
  margin: 17.42% auto 0;
  width: 83.5%;
  text-align: center;
  display: block;
}

@media (min-width: 769px) {
  .p-single-artist__link {
    margin: 6.46% auto 0;
    padding: 0;
    width: 37.34%;
    cursor: pointer;
  }
}

.p-single-artist__link a {
  color: #231815;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.3;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-single-artist__link a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    line-height: 2.88;
  }
}

.p-single-artist__link a::before {
  content: "";
  margin-right: 3.1%;
  width: 6.4%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(16%);
  position: relative;
}

@media (min-width: 769px) {
  .p-single-artist__link a::before {
    margin-right: 4.26%;
    width: 5.46%;
    transform: translateY(18%);
  }
}

@media (min-width: 769px) {
  .p-single-artist__link a:hover::before {
    background-image: url(./assets/img/icon_arrow-back-wt.svg);
    z-index: 3;
  }
}

.p-index {
  margin-top: 15.37%;
  padding: 21.87% 0 12.53%;
  width: 100%;
  background-image: url(./assets/img/img_404bg_sp.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .p-index {
    margin-top: 11.14%;
    padding: 6.04% 0 10.21%;
    background-image: url(./assets/img/img_404bg_pc.webp);
  }
}

.p-index-wrapper {
  padding: 13.33% 0;
  width: 89.33%;
  background-color: #fff;
}

@media (min-width: 769px) {
  .p-index-wrapper {
    padding: 5.55% 0;
    width: 62.5%;
  }
}

.p-index h2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 769px) {
  .p-index h2 {
    margin-top: 0;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
  }
}

.p-index h2 span {
  color: #231815;
  text-align: center;
  font-family: "Racing Sans One";
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 769px) {
  .p-index h2 span {
    line-height: 0.8;
  }
}

.p-index h2 span:first-of-type {
  font-size: 16.53vw;
}

@media (min-width: 769px) {
  .p-index h2 span:first-of-type {
    padding-left: 2.56%;
    border-left: solid 3px #AD2626;
    font-size: 5vw;
  }
}

.p-index h2 span:last-of-type {
  font-size: 11.2vw;
}

@media (min-width: 769px) {
  .p-index h2 span:last-of-type {
    font-size: 3.61vw;
  }
}

.p-index__content {
  margin: 6.57% auto 0;
  width: 81.2%;
}

@media (min-width: 769px) {
  .p-index__content {
    margin-top: 3.33%;
    width: 77%;
  }
}

.p-index__content p {
  color: #231815;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-index__content p {
    font-size: 1.39vw;
  }
}

.p-index__content p:nth-of-type(2) {
  margin-top: 1.45%;
}

.p-index__content--link {
  margin: 17.42% auto 0;
  width: 80.88%;
  text-align: center;
  display: block;
}

@media (min-width: 769px) {
  .p-index__content--link {
    margin: 5.78% auto 0;
    padding: 0;
    width: 44.88%;
    cursor: pointer;
  }
}

.p-index__content--link a {
  color: #231815;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 900;
  line-height: 2.88;
}

@media (min-width: 769px) {
  .p-index__content--link a {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    line-height: 2.88;
  }
}

.p-page {
  margin-top: 26.79%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page {
    margin-top: 20.9%;
  }
}

.p-page-support__subtitle {
  margin-top: 5.8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-support__subtitle {
    margin: 4.84% auto 0;
    width: 100%;
  }
}

.p-page-support__subtitle h3 {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-support__subtitle h3 {
    margin-top: 0;
    font-size: 2.08vw;
    line-height: 1.5;
  }
}

.p-page-support__subtitle--image {
  margin: 17.39% auto 0;
  width: 97.1%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-support__subtitle--image {
    margin-top: 6.45%;
    width: 80.65%;
  }
}

.p-page-support__subtitle p {
  margin-top: 10.14%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__subtitle p {
    margin-top: 3.23%;
    text-align: center;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-support__sponsor {
  margin-top: 3.8%;
  width: 97.1%;
  padding-bottom: 29%;
}

@media (min-width: 769px) {
  .p-page-support__sponsor {
    margin-top: 4.8%;
    padding-bottom: 11.3%;
  }
}

.p-page-sponsor__donation {
  margin-top: 17.92%;
  padding-top: 8.96%;
  width: 100%;
  display: block;
  border-top: solid 1px #231815;
}

@media (min-width: 769px) {
  .p-page-sponsor__donation {
    margin: 4.99% auto 0;
    padding: 4.99% 0 0 2.46%;
    width: 62.13%;
  }
}

.p-page-sponsor__donation p {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  text-align: left;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-sponsor__donation p {
    font-size: 1.11vw;
    font-weight: 400;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0.32px;
  }
}

.p-page-sponsor__donation p:first-of-type {
  margin-top: 0;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-sponsor__donation p:first-of-type {
    margin-top: 0;
  }
}

.p-page-sponsor__donation p:nth-of-type(2) {
  margin-top: 5.97%;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-sponsor__donation p:nth-of-type(2) {
    margin-top: 2.79%;
  }
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-sponsor__donation p:nth-of-type(2) span {
    margin-left: 1.155em;
  }
}

.p-page-sponsor__donation p:last-of-type {
  margin-top: 17.92%;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-sponsor__donation p:last-of-type {
    margin-top: 8.36%;
  }
}

.p-page-support__sponsor h3 {
  color: #231815;
  font-size: 4.27vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__sponsor h3 {
    text-align: center;
    font-size: 1.67vw;
  }
}

.p-page-support__sponsor h3::after {
  content: "";
  margin-top: 5.97%;
  width: 19.4%;
  aspect-ratio: 65/3;
  display: block;
  background-color: #AD2626;
}

@media (min-width: 769px) {
  .p-page-support__sponsor h3::after {
    display: none;
  }
}

.p-page-support__sponsor p {
  margin-top: 5.97%;
  color: #231815;
  font-size: 3.73vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__sponsor p {
    margin-top: 3.32%;
    text-align: center;
    font-size: 1.11vw;
    line-height: 1.8;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-page-support__sponsor p:first-of-type {
    margin-top: 5%;
  }
}

.p-page-support__sponsor .p-page-support__detail {
  margin: 17.91% auto 29.85%;
  padding: 8.96% 5.22%;
  width: 100%;
  display: block;
  border: solid 3px #231815;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail {
    margin: 6.65% auto 11.64%;
    padding: 4.15% 6.65%;
    width: 77%;
  }
}

.p-page-support__sponsor .p-page-support__detail--lists {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25em 0;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--lists {
    gap: 1.75em 0;
  }
}

.p-page-support__sponsor .p-page-support__detail--lists-item {
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--lists-item {
    flex-direction: row;
    align-items: center;
  }
}

.p-page-support__sponsor .p-page-support__detail--lists-item dt {
  width: 36.73%;
  color: #FFFFFF;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.71;
  letter-spacing: 0.28px;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--lists-item dt {
    width: 19.47%;
    font-size: 1.11vw;
    line-height: 2.07;
    letter-spacing: 0.32px;
  }
}

.p-page-support__sponsor .p-page-support__detail--lists-item dd {
  margin-top: 2.67%;
  width: 100%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--lists-item dd {
    margin-top: 0;
    margin-left: 3.29%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-support__sponsor .p-page-support__detail--lists-item dd.link {
  padding: 1% 1.7%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--lists-item dd.link {
    padding: 0;
  }
}

.p-page-support__sponsor .p-page-support__detail--lists-item dd.link a {
  color: #06C;
  border-bottom: solid 1px #06C;
}

.p-page-support__sponsor .p-page-support__detail--lists-item dd.link a::after {
  content: "";
  margin-left: 5.61%;
  width: 5.63%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external-bl.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--lists-item dd.link a::after {
    margin-left: 1.64%;
    width: 2.62%;
  }
}

.p-page-support__sponsor .p-page-support__detail p {
  margin-top: 1.7%;
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail p {
    margin-top: 3.95%;
  }
}

@media (min-width: 769px) {
  .p-page-support__sponsor .p-page-support__detail--text {
    font-size: 0.83vw;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.24px;
  }
}

.p-page-support__volunteer {
  margin-top: 17.4%;
  width: 97.1%;
}

@media (min-width: 769px) {
  .p-page-support__volunteer {
    margin-top: 6.46%;
  }
}

.p-page-support__volunteer--headline {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-page-support__volunteer--headline img {
  width: 25.97%;
}

@media (min-width: 769px) {
  .p-page-support__volunteer--headline img {
    width: 10.88%;
  }
}

.p-page-support__volunteer--headline span:first-of-type {
  margin-top: 3%;
  color: #AD2626;
  font-size: 4.27vw;
  font-weight: 700;
}

@media (min-width: 769px) {
  .p-page-support__volunteer--headline span:first-of-type {
    margin-top: 0.83%;
    color: #AD2626;
    font-size: 1.67vw;
    font-weight: 600;
  }
}

.p-page-support__volunteer--headline span:last-of-type {
  margin-top: 1.5%;
  color: #231815;
  font-size: 10.67vw;
  font-weight: 700;
  letter-spacing: 3.6px;
}

@media (min-width: 769px) {
  .p-page-support__volunteer--headline span:last-of-type {
    margin-top: 0.4%;
    font-size: 4.86vw;
    line-height: 1.2;
  }
}

.p-page-support__volunteer h3 {
  margin-top: 17.91%;
  color: #231815;
  font-size: 4.27vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__volunteer h3 {
    margin-top: 6.65%;
    text-align: center;
    font-size: 1.67vw;
  }
}

.p-page-support__volunteer h3::after {
  content: "";
  margin-top: 5.97%;
  width: 19.4%;
  aspect-ratio: 65/3;
  display: block;
  background-color: #AD2626;
}

@media (min-width: 769px) {
  .p-page-support__volunteer h3::after {
    display: none;
  }
}

.p-page-support__volunteer p {
  margin-top: 5.97%;
  color: #231815;
  font-size: 3.73vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__volunteer p {
    margin-top: 2.4%;
    text-align: center;
    font-size: 1.11vw;
    line-height: 1.8;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-page-support__volunteer p:first-of-type {
    margin-top: 2.9%;
  }
}

.p-page-support__volunteer .p-page-support__detail {
  margin: 17.91% auto 29.85%;
  padding: 8.96% 5.22%;
  width: 100%;
  display: block;
  border: solid 3px #231815;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail {
    margin: 6.65% auto 11.64%;
    padding: 4.15% 6.65%;
    width: 83.1%;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists {
  padding-bottom: 6.8%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25em 0;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists {
    padding-bottom: 0;
    gap: 1.75em 0;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists-item {
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item:first-of-type {
    align-items: flex-start;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists-item dt {
  width: 36.73%;
  color: #FFFFFF;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.71;
  letter-spacing: 0.28px;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item dt {
    width: 12.83%;
    font-size: 1.11vw;
    line-height: 2.07;
    letter-spacing: 0.32px;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists-item dd {
  margin-top: 2.67%;
  width: 100%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item dd {
    margin-top: 0;
    margin-left: 2.99%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists-item dd p {
  margin-top: 6.8%;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item dd p {
    margin-top: 1.8%;
    text-align-last: left;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists-item dd p:nth-of-type(1) {
  margin-top: 0;
}

.p-page-support__volunteer .p-page-support__detail--lists-item dd ul {
  margin-top: 6.8%;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item dd ul {
    margin-top: 1.8%;
  }
}

.p-page-support__volunteer .p-page-support__detail--lists-item dd ul li {
  margin-top: 3.4%;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--lists-item dd ul li {
    margin-top: 0;
  }
}

.p-page-support__volunteer .p-page-support__detail p {
  margin-top: 1.7%;
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail p {
    margin-top: 3.95%;
  }
}

@media (min-width: 769px) {
  .p-page-support__volunteer .p-page-support__detail--text {
    font-size: 0.83vw;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.24px;
  }
}

.p-page-support__volunteer--link {
  margin: 4% auto 0;
  width: 79%;
  position: relative;
  cursor: pointer;
  display: block;
}

@media (min-width: 769px) {
  .p-page-support__volunteer--link {
    margin-top: 4.2%;
    width: 35.6%;
  }
}

.p-page-support__volunteer--link a {
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.3;
}

@media (min-width: 769px) {
  .p-page-support__volunteer--link a {
    font-size: 1.11vw;
    line-height: 2.88;
  }
}

.p-page-support__volunteer--link a::after {
  content: "";
  margin-left: 6.94%;
  width: 8%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(20%);
}

@media (min-width: 769px) {
  .p-page-support__volunteer--link a::after {
    margin-left: 5.42%;
    width: 6.6%;
  }
}

@media (min-width: 769px) {
  .p-page-support__volunteer--link a:hover::after {
    content: "";
    background-image: url(./assets/img/icon_link-external-wt.svg);
    position: relative;
    z-index: 3;
  }
}

.p-page-support__link {
  margin: 4% auto 0;
  width: 79%;
  position: relative;
  cursor: pointer;
  display: block;
}

@media (min-width: 769px) {
  .p-page-support__link {
    margin-top: 4.2%;
    width: 30.5%;
  }
}

.p-page-support__link a {
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.3;
}

@media (min-width: 769px) {
  .p-page-support__link a {
    font-size: 1.11vw;
    line-height: 2.88;
  }
}

.p-page-support__link a::after {
  content: "";
  margin-left: 6.94%;
  width: 8%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(20%);
}

@media (min-width: 769px) {
  .p-page-support__link a::after {
    margin-left: 7%;
    width: 7.8%;
  }
}

@media (min-width: 769px) {
  .p-page-support__link a:hover::after {
    content: "";
    background-image: url(./assets/img/icon_link-external-wt.svg);
    position: relative;
    z-index: 3;
  }
}

/* ここからmap */
.p-page-map__wrapper {
  margin-top: 16%;
  margin-bottom: 26.67%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-map__wrapper {
    margin-top: 5.56%;
    margin-bottom: 13.89%;
    display: block;
  }
}

.p-page-map__wrapper picture {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-map__wrapper picture {
    margin: 0 auto;
    width: 70.65%;
  }
}

.p-page-map__content {
  margin-top: 11.59%;
}

@media (min-width: 769px) {
  .p-page-map__content {
    margin-top: 4.84%;
  }
}

.p-page-map__content--download {
  width: 100%;
  display: block;
}

.p-page-map__content--download p {
  color: #231815;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-map__content--download p {
    font-size: 0.97vw;
    letter-spacing: 0.28px;
  }
}

.p-page-map__content--download a {
  margin-top: 4.35%;
  width: 79.13%;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-map__content--download a {
    margin: 1.614% auto 0;
    width: 33.227%;
  }
}

.p-page-map__content--download a span {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 3.834;
  letter-spacing: 0.24px;
}

@media (min-width:769px) {
  .p-page-map__content--download a span {
    font-size: 1.11vw;
    font-weight: 700;
    line-height: 2.878;
    letter-spacing: 0.32px;
    z-index: 3;
    position: relative;
  }
}

@media (min-width:769px) {
  .p-page-map__content--download a:hover span {
    color: #fff;
  }
}

.p-page-map__content--download a span::after {
  content: '';
  margin-left: 7.385%;
  width: 5.905%;
  aspect-ratio: 1 / 1;
  display: inline-block;
  background-image: url(./assets/img/icon_download.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(25%);
}

@media (min-width: 769px) {
  .p-page-map__content--download a span::after {
    margin-left: 4.88%;
    width: 3.905%;
    transform: translateY(15%);
  }

}

.p-page-map__content--download a:hover span::after {
  background-image: url(./assets/img/icon_download-wt.svg);
  z-index: 3;
  position: relative;
}

.p-page-map__content--link {
  margin: 11.598% auto 0;
  width: 70.435%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 769px) {
  .p-page-map__content--link {
    margin: 4.03% auto 0;
    width: 63.06%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.p-page-map__content--link p {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-map__content--link p {
    width: 47.4%;
  }
}

.p-page-map__content--link p:last-of-type {
  margin-top: 8.235%;
}

@media (min-width: 769px) {
  .p-page-map__content--link p:last-of-type {
    margin-top: 0;
  }
}

.p-page-map__content--link a {
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.29;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-page-map__content--link a {
    font-size: 1.11vw;
    line-height: 2.878;
    letter-spacing: 0.32px;
  }
}

.p-page-map__content--link span::after {
  content: '';
  margin-left: 4.15%;
  width: 5.81%;
  aspect-ratio: 1 / 1;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-next.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(10%);
}

@media (min-width: 769px) {
  .p-page-map__content--link span::after {
    margin-left: 5.426%;
    width: 5.97%;
    transform: translateY(25%);
  }
}

@media (min-width: 769px) {
  .p-page-map__content--link a:hover span::after {
    background-image: url(./assets/img/icon_arrow-next-wt.svg);
    z-index: 3;
    position: relative;
  }
}

.p-page-notice__subtitle {
  margin: 5.8% auto;
  width: 97.1%;
}

@media (min-width: 769px) {
  .p-page-notice__subtitle {
    margin: 4.84% auto;
    width: 100%;
  }
}

.p-page-notice__subtitle p {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-notice__subtitle p {
    margin-top: 0;
    font-size: 2.08vw;
    line-height: 1.5;
  }
}

.p-page-notice__subtitle--image {
  margin: 17.91% auto 0;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-notice__subtitle--image {
    margin-top: 6.45%;
    width: 80.65%;
  }
}

.p-page-notice__content {
  padding-bottom: 29%;
  width: 89.3%;
}

@media (min-width: 769px) {
  .p-page-notice__content {
    padding-bottom: 11.29%;
  }
}

.p-page-notice__content h3 {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-page-notice__content h3 {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-notice__content h3 span {
  margin-top: 1.49%;
}

.p-page-notice__content h3 span:first-of-type {
  margin-top: 0;
}

@media (min-width: 769px) {
  .p-page-notice__content h3 span {
    margin-top: 0;
  }
}

.p-page-notice__content .p-page-notice__detail {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail {
    margin: 0 auto;
    width: 83.06%;
  }
}

.p-page-notice__content .p-page-notice__detail ul li {
  margin-top: 17.91%;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail ul li {
    margin-top: 12%;
  }
}

.p-page-notice__content .p-page-notice__detail ul li h4 {
  padding: 0.44em 0;
  width: 68.66%;
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.32px;
  display: block;
  background-color: #921E1E;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail ul li h4 {
    padding: 0.5em 0;
    width: 27%;
    font-size: 1.39vw;
    line-height: 1.25;
  }
}

.p-page-notice__content .p-page-notice__detail ul li dl {
  margin-top: 11.94%;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail ul li dl {
    margin-top: 4%;
  }
}

.p-page-notice__content .p-page-notice__detail ul li dl dt {
  margin-top: 7.46%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.32px;
}

.p-page-notice__content .p-page-notice__detail ul li dl dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail ul li dl dt {
    margin-top: 2.5%;
    font-size: 1.25vw;
    line-height: 1.5;
    letter-spacing: 0.36px;
  }
}

.p-page-notice__content .p-page-notice__detail ul li dl dd {
  margin-top: 1.49%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail ul li dl dd {
    margin-top: 0.5%;
    padding: 0 2%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-notice__content .p-page-notice__detail ul li:last-of-type {
  margin-top: 23.88%;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail ul li:last-of-type {
    margin-top: 12%;
  }
}

.p-page-notice__content .p-page-notice__detail p {
  margin-top: 11.94%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.78;
}

@media (min-width: 769px) {
  .p-page-notice__content .p-page-notice__detail p {
    margin-top: 6%;
    font-size: 0.97vw;
  }
}

.p-page-about {
  margin-top: 26.79%;
  padding-bottom: 100rem;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-about {
    margin-top: 20.9%;
    padding-bottom: 140rem;
  }
}

.p-page-about__content {
  margin-top: 5.8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-about__content {
    margin: 4.84% auto 0;
    width: 85.5%;
  }
}

.p-page-about__content h2 {
  margin-top: 8.7%;
  color: #231815;
  font-size: 16rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.03em;
}

@media (min-width: 769px) {
  .p-page-about__content h2 {
    margin-top: 0;
    font-size: 30rem;
    text-align: center;
  }
}

.p-page-about__content h2 strong {
  color: #231815;
  font-size: 16rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 769px) {
  .p-page-about__content h2 strong {
    font-size: 30rem;
    text-align: center;
  }
}

.p-page-about__content figure.p-about__image--title-sp {
  margin-top: 11.59%;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-about__content figure.p-about__image--title-sp {
    display: none;
  }
}

.p-page-about__content figure.p-about__image--title-sp img {
  width: 100%;
}

.p-page-about__content figure.p-about__image--title-pc {
  display: none;
}

@media (min-width: 769px) {
  .p-page-about__content figure.p-about__image--title-pc {
    margin: 7.55% auto 0;
    width: 100%;
    display: block;
  }
}

.p-page-about__content figure.p-about__image--title-pc img {
  width: 100%;
}

.p-page-about__content h3 {
  margin-top: 17.39%;
  color: #231815;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
}

@media (min-width: 769px) {
  .p-page-about__content h3 {
    margin: 13.21% auto 0;
    width: 96.04%;
    display: block;
    font-size: 2.78vw;
  }
}

.p-page-about__content h3::after {
  content: "";
  margin-top: 4.35%;
  width: 65rem;
  aspect-ratio: 65/3;
  display: block;
  background-color: #AD2626;
}

@media (min-width: 769px) {
  .p-page-about__content h3::after {
    margin-top: 1.89%;
    width: 78rem;
    aspect-ratio: 65/3;
  }
}

.p-page-about__content .is-layout-flex {
  margin: 4.35% auto 0;
  display: flex;
  flex-direction: column;
  gap: 2.5em 0;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex {
    margin: 20rem auto 0;
    width: 96.7%;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.p-page-about__content .is-layout-flex__image {
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__image {
    width: 41.16%;
  }
}

.p-page-about__content .is-layout-flex__image h4 {
  color: #231815;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__image h4 {
    width: 100%;
    font-size: 2.08vw;
    text-align: left;
    letter-spacing: -0.5px;
    display: block;
  }
}

.p-page-about__content .is-layout-flex__image figure.p-about__image--history-sp {
  margin-top: 5.8%;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__image figure.p-about__image--history-sp {
    display: none;
  }
}

.p-page-about__content .is-layout-flex__image figure.p-about__image--history-pc {
  display: none;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__image figure.p-about__image--history-pc {
    margin-top: 9.4%;
    width: 100%;
    display: block;
  }
}

.p-page-about__content .is-layout-flex__image p {
  margin: 1.45% 2.61% 0 0;
  color: #231815;
  font-size: 2.67vw;
  font-weight: 400;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__image p {
    display: none;
  }
}

.p-page-about__content .is-layout-flex__text {
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__text {
    width: 54.91%;
  }
}

.p-page-about__content .is-layout-flex__text p {
  margin-top: 5.8%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-about__content .is-layout-flex__text p {
    margin-top: 3.8%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
    text-align: left;
  }
}

.p-page-about__content .is-layout-flex__text p:first-of-type {
  margin-top: 0;
}

.p-page-about__content .is-layout-flex__text p:last-of-type {
  text-align: right;
}
/* 
.p-page-about__content--introduce {
  margin-top: 17.39%;
}

@media (min-width: 769px) {
  .p-page-about__content--introduce {
    margin: 11.32% auto 0;
    width: 98.11%;
    display: flex;
    justify-content: space-between;
  }
}

.p-page-about__content--introduce #introduce1,
.p-page-about__content--introduce #introduce2 {
  margin-top: 11.59%;
  padding: 11.59% 0;
  width: 100%;
  background-color: #f5f5f5;
  border: solid 1px #231815;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1,
  .p-page-about__content--introduce #introduce2 {
    margin-top: 0;
    padding: 4.6% 0 4.24%;
    width: 47.17%;
  }
}

.p-page-about__content--introduce #introduce1 .container,
.p-page-about__content--introduce #introduce2 .container {
  margin: 0 auto;
  width: 89.86%;
  display: block;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .container,
  .p-page-about__content--introduce #introduce2 .container {
    width: 86%;
  }
}

.p-page-about__content--introduce #introduce1 .container h4,
.p-page-about__content--introduce #introduce2 .container h4 {
  color: #231815;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .container h4,
  .p-page-about__content--introduce #introduce2 .container h4 {
    font-size: 2.78vw;
    line-height: 0.65;
  }
}

.p-page-about__content--introduce #introduce1 .container p,
.p-page-about__content--introduce #introduce2 .container p {
  color: #231815;
}

.p-page-about__content--introduce #introduce1 .container p:first-of-type,
.p-page-about__content--introduce #introduce2 .container p:first-of-type {
  margin-top: 6.45%;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .container p:first-of-type,
  .p-page-about__content--introduce #introduce2 .container p:first-of-type {
    margin-top: 4.67%;
    font-size: 1.11vw;
    line-height: 1.5;
  }
}

.p-page-about__content--introduce #introduce1 .container p:last-of-type,
.p-page-about__content--introduce #introduce2 .container p:last-of-type {
  margin-top: 1.61%;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.75;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .container p:last-of-type,
  .p-page-about__content--introduce #introduce2 .container p:last-of-type {
    margin-top: 2.38%;
    font-size: 0.97vw;
    font-weight: 700;
    line-height: 1.5;
  }
}

.p-page-about__content--introduce #introduce1 .container p:last-of-type span,
.p-page-about__content--introduce #introduce2 .container p:last-of-type span {
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .container p:last-of-type span,
  .p-page-about__content--introduce #introduce2 .container p:last-of-type span {
    font-size: 0.97vw;
    font-weight: 700;
    line-height: 1.5;
  }
}

.p-page-about__content--introduce #introduce1 .container picture,
.p-page-about__content--introduce #introduce2 .container picture {
  margin-top: 6.45%;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .container picture,
  .p-page-about__content--introduce #introduce2 .container picture {
    margin-top: 4.67%;
  }
}

.p-page-about__content--introduce #introduce1 .button,
.p-page-about__content--introduce #introduce2 .button {
  margin: 2.9% auto 0;
  width: 35%;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .button,
  .p-page-about__content--introduce #introduce2 .button {
    margin: 4.1% auto 0;
    width: 39.3%;
  }
}

.p-page-about__content--introduce #introduce1 .button p,
.p-page-about__content--introduce #introduce2 .button p {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .button p,
  .p-page-about__content--introduce #introduce2 .button p {
    font-size: 0.97vw;
    font-weight: 700;
    line-height: 3.44;
    letter-spacing: 0.28px;
  }
}

.p-page-about__content--introduce #introduce1 .modal,
.p-page-about__content--introduce #introduce2 .modal {
  display: none;
}

.p-page-about__content--introduce #introduce1 .modal.is-appear,
.p-page-about__content--introduce #introduce2 .modal.is-appear {
  width: 100%;
  height: auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(35, 24, 21, 0.75);
  z-index: 400;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear,
  .p-page-about__content--introduce #introduce2 .modal.is-appear {
    height: 100dvh;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content {
  margin: 20.8% auto;
  padding: 10.67% 8.7%;
  width: 89.33%;
  background-color: #FFFFFF;
  position: relative;
  height: 87vh;
  overflow-y: auto;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content {
    margin: 7.78% auto 0;
    padding: 6.26% 3.4% 6.26% 7.7%;
    width: 69.44%;
    display: flex;
    height: auto;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear svg,
.p-page-about__content--introduce #introduce2 .modal.is-appear svg {
  width: 6.4%;
  aspect-ratio: 6/7;
  position: absolute;
  top: 4%;
  right: 6.5%;
  cursor: pointer;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear svg,
  .p-page-about__content--introduce #introduce2 .modal.is-appear svg {
    width: 2.78%;
    top: 3%;
    right: 12%;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content picture,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content picture {
  width: 100%;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content picture,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content picture {
    width: 72.1%;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text {
  width: 100%;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text {
    margin-left: 6%;
    width: 100%;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text h4,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text h4 {
  margin-top: 18.6%;
  padding-left: 3.82%;
  color: #231815;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
  border-left: solid 3px #AD2626;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text h4,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text h4 {
    margin-top: 0;
    padding-left: 2.2%;
    font-size: 2.22vw;
    line-height: 1;
    letter-spacing: 0.64px;
  }
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text h4 span,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text h4 span {
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p {
  margin-top: 5.68%;
  width: 100%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p {
    margin-top: 1%;
    width: 87.2%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p:first-of-type,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p:first-of-type {
  margin-top: 1.91%;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p:first-of-type,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p:first-of-type {
    margin-top: 1.09%;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p:nth-of-type(2),
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p:nth-of-type(2) {
  margin-top: 11.36%;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p:nth-of-type(2),
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p:nth-of-type(2) {
    margin-top: 6.5%;
  }
}

.p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p a,
.p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p a {
  color: #425E93;
  font-size: 4.27vw;
  font-weight: 400;
  line-height: 1.64;
}

@media (min-width: 769px) {

  .p-page-about__content--introduce #introduce1 .modal.is-appear .modal-content__text p a,
  .p-page-about__content--introduce #introduce2 .modal.is-appear .modal-content__text p a {
    font-size: 1.11vw;
  }
} */

.p-page-about__content #outline {
  margin-top: 60rem;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-about__content #outline {
    margin: 140rem auto 0;
    width: 70.15%;
  }
}

.p-page-about__content #outline h3 {
  color: #231815;
  text-align: center;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.4px;
}

@media (min-width: 769px) {
  .p-page-about__content #outline h3 {
    font-size: 2.78vw;
  }
}

.p-page-about__content #outline h3::after {
  display: none;
}

.p-page-about__content #outline dl {
  margin-top: 40rem;
}

@media (min-width: 769px) {
  .p-page-about__content #outline dl {
    margin-top: 5.55%;
  }
}

.p-page-about__content #outline dl .overview-item {
  margin-top: 4.35%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0 7.25%;
}

@media (min-width: 769px) {
  .p-page-about__content #outline dl .overview-item {
    gap: 0;
  }
}

.p-page-about__content #outline dl .overview-item dt {
  width: 34.2%;
  color: #FFFFFF;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.28px;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-about__content #outline dl .overview-item dt {
    width: 20.5%;
    font-size: 1.11vw;
    line-height: 2.13;
    letter-spacing: 0.32px;
  }
}

.p-page-about__content #outline dl .overview-item dd {
  width: 58.55%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.714;
}

@media (min-width: 769px) {
  .p-page-about__content #outline dl .overview-item dd {
    margin-top: 0;
    margin-left: 3%;
    width: 89%;
    font-size: 1.11vw;
    line-height: 2.13;
    letter-spacing: 0.32px;
  }
}

.p-page-search {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-search {
    margin-top: 20.9%;
    padding-bottom: 15.28%;
  }
}

.p-page-search__content {
  margin-top: 17.39%;
}

@media (min-width: 769px) {
  .p-page-search__content {
    margin-top: 4.03%;
  }
}

.p-page-search__content--search {
  margin: 0 auto;
  padding-bottom: 17.4%;
  width: 89.86%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-search__content--search {
    margin: 0 auto 0;
    padding-bottom: 6.46%;
    width: 64.52%;
  }
}

.p-page-search__content--search p {
  padding-left: 3.23%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  border-left: solid 3px #AD2626;
}

@media (min-width: 769px) {
  .p-page-search__content--search p {
    font-size: 1.39vw;
  }
}

.p-page-search__content--search form {
  margin-top: 6.45%;
  padding: 4.84% 6.45% 8.06%;
  width: 100%;
  display: flex;
  flex-direction: column;
  border: solid 1.5px #5a5250;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0.62rem;
}

@media (min-width: 769px) {
  .p-page-search__content--search form {
    margin-top: 2.5%;
    padding: 4.94% 0;
  }
}

.p-page-search__content--search form fieldset {
  margin-top: 4.84%;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset {
    margin: 3.76% auto 0;
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
}

.p-page-search__content--search form fieldset:first-of-type {
  margin-top: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:first-of-type {
    flex-direction: row;
    border-bottom: solid 1px black;
    padding-bottom: 1.26%;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(2) {
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(2) {
    flex-direction: row;
    border-bottom: solid 1px black;
    padding-bottom: 1.26%;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(3) {
  display: grid;
  grid-template-columns: 44% 56%;
  grid-template-rows: auto auto;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(3) {
    display: flex;
    flex-direction: row;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(3) label {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(3) label {
    font-size: 1.11vw;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(3) label:first-of-type {
  margin-top: 0;
  margin-left: 1.88em;
}

.p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(1) {
  grid-area: 2/2;
  margin-top: 0.75em;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(1) {
    margin-top: 0;
    margin-left: 1.88em;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(2) {
  grid-area: 1/1;
  margin-top: 0.32em;
  margin-left: 1.25em;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(2) {
    margin-top: 0;
    margin-left: 8.76em;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(3) {
  grid-area: 2/1;
  margin-top: 0.75em;
  margin-left: 1.25em;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(3) {
    margin-top: 0;
    margin-left: 1.88em;
  }
}

.p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(4) {
  grid-area: 1/2;
  margin-top: 0.32em;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset:nth-of-type(3) label:nth-child(4) {
    margin-top: 0;
    margin-left: 1.88em;
  }
}

.p-page-search__content--search form fieldset legend {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset legend {
    font-size: 1.25vw;
    letter-spacing: 0.36px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-0.1em);
  }
}

.p-page-search__content--search form fieldset label {
  margin: 0.75em 0 0 1.25em;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset label {
    margin-top: 0;
    margin-left: 1.88em;
    font-size: 1.11vw;
  }
}

.p-page-search__content--search form fieldset label:first-of-type {
  margin-top: 0.32em;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset label:first-of-type {
    margin-top: 0;
    margin-left: 8.76em;
  }
}

.p-page-search__content--search form fieldset input {
  margin-right: 0.75em;
  width: 1.25em;
  aspect-ratio: 1/1;
  display: inline-block;
  border: solid 1px #999;
  border-radius: 0.25rem;
  vertical-align: middle;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-search__content--search form fieldset input {
    transform: translateY(-0.05em);
  }
}

.p-page-search__content--search form fieldset input::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  position: absolute;
  top: 35%;
  left: 1%;
  transform: rotate(47deg) translateY(-50%);
  -webkit-transform: rotate(47deg) translateY(-50%);
  -moz-transform: rotate(47deg) translateY(-50%);
  transform-origin: center right;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  border-right: 0.15em solid #231815;
  border-bottom: 0.15em solid #231815;
  opacity: 0;
  transition: border-right 0.2s, border-bottom 0.2s;
}

.p-page-search__content--search form fieldset input:checked::after {
  opacity: 1;
}

.p-page-search__content--search-btn {
  margin-top: 9.68%;
  width: 100%;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-search__content--search-btn {
    margin-top: 5.74%;
  }
}

.p-page-search__content--search-btn button.narrowdown {
  margin: 0 auto;
  width: 80%;
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 3;
  display: block;
  background-color: #231815;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

@media (min-width: 769px) {
  .p-page-search__content--search-btn button.narrowdown {
    width: 50.63%;
    font-size: 1.11vw;
    line-height: 2.38;
  }
}

.p-page-search__content--search-btn button.clear {
  margin: 6.45% auto 0;
  padding: 1% 0;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  border-bottom: solid 1px #231815;
}

@media (min-width: 769px) {
  .p-page-search__content--search-btn button.clear {
    margin: 1.63% auto 0;
    padding: 0.38% 0;
    font-size: 0.97vw;
  }
}

.p-page-search__content--lists ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5.8% 1.5%;
  border-top: solid 5px #231815;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul {
    margin: 0 auto;
    width: 85.49%;
    gap: 5.8% 1.5%;
  }
}

.p-page-search__content--lists ul::after {
  content: "";
  flex: 1 1 auto;
}

.p-page-search__content--lists ul li {
  margin-top: 5.8%;
  width: 48.41%;
  border: solid 0.5px #231815;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li {
    margin-top: 3.77%;
    width: 23.86%;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li:hover {
    opacity: 0.6;
  }
}

.p-page-search__content--lists ul li img {
  width: 100%;
  height: 32.53vw;
  display: block;
  overflow: hidden;
  object-fit: cover;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li img {
    width: 100%;
    height: 12.57vw;
  }
}

.p-page-search__content--lists ul li .p-page-search__card--stamprally {
  width: 34.67vw;
  font-size: 2.67vw;
  text-align: center;
  line-height: 1.6;
  color: #231815;
  display: inline-block;
  background-color: #FFFFFF;
  border: solid 0.5px #231815;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li .p-page-search__card--stamprally {
    width: 9.86vw;
    font-size: 0.69vw;
    letter-spacing: 0.2px;
    line-height: 2.22;
  }
}

.p-page-search__content--lists ul li .p-page-search__content--text {
  padding: 0 3.89% 9.1%;
  overflow-wrap: break-word;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li .p-page-search__content--text {
    padding: 7.94% 5.95%;
  }
}

.p-page-search__content--lists ul li .p-page-search__content--text ul {
  border-top: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li .p-page-search__content--text ul {
    margin: 0;
  }
}

.p-page-search__content--lists ul li .p-page-search__content--text ul li {
  margin-top: 5.99%;
  color: #FFFFFF;
  font-size: 2.67vw;
  letter-spacing: 0.2px;
  border: 0;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li .p-page-search__content--text ul li {
    margin-top: 0;
    font-size: 0.83vw;
    letter-spacing: 0.24px;
    line-height: 1.84;
  }
}

.p-page-search__content--lists ul li .p-page-search__content--text ul::after {
  display: none;
}

.p-page-search__content--lists ul li .p-page-search__content--text-txt {
  margin: 0 auto;
  width: 90.13%;
  display: block;
}

.p-page-search__content--lists ul li .p-page-search__content--text-txt h4 {
  margin-top: 7.34%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li .p-page-search__content--text-txt h4 {
    margin-top: 10.04%;
    font-size: 1.11vw;
    line-height: 1;
    letter-spacing: 0.32px;
  }
}

.p-page-search__content--lists ul li .p-page-search__content--text-txt p {
  margin-top: 4.4%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .p-page-search__content--lists ul li .p-page-search__content--text-txt p {
    margin-top: 2.72%;
    font-size: 0.83vw;
  }
}

.p-page-search__content--lists .no-search-result {
  display: block;
  font-size: 4.27vw;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-search__content--lists .no-search-result {
    font-size: 1.11vw;
  }
}

.p-page-top {
  margin-top: 15.37%;
  padding-bottom: 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top {
    margin-top: 128.3rem;
    padding-bottom: 80rem;
    overflow-x: hidden;
  }
}


/* ./SP main visual */
.p-page-top__mv {
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__mv {
    margin-left: auto;
    padding-bottom: 40rem;
    /* width: 100%; */
    width: 97.08%;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
}

.p-page-top__mv picture {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__mv picture {
    /* width: 100%; */
    width: 1350rem;
    z-index: 2;
    position: relative;
    order: 2;
  }
}

.p-page-top__mv picture img {
  width: 100%;
  display: block;
}

.p-page-top__text {
  margin-top: 5rem;
  padding: 12rem 37rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 769px) {
  .p-page-top__text {
    display: none;
  }
}

.p-page-top__text span.heading {
  padding-top: 0.2em;
  color: #231815;
  font-size: 10rem;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
  border-top: solid 2px #231815;
  transform: rotate(90deg);
  text-transform: uppercase;
}

.p-page-top__text--date {
  width: 276rem;
  display: flex;
  justify-content: space-between;

}

.p-page-top__text--date time {
  display: block;
  font-size: 32rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.p-page-top__text--date time[datetime="2026-05-03"] {
  width: 163rem;
}
.p-page-top__text--date time[datetime="2026-05-05"] {
  width: 108rem;
}
.p-page-top__text--date time[datetime="2026-05-05"]::before {
  content: '';
  width: 18rem;
  height: 2rem;
  display: inline-block;
  background-color: var(--color-black);
  transform: translateY(-8px);
}

.p-page-top__text--date time[datetime="2026-05-03"] span.day-of-week,
.p-page-top__text--date time[datetime="2026-05-05"] span.day-of-week {
  font-size: 12rem;
  letter-spacing: 0.04em;
}

p.p-page-top__text--desc {
  margin-top: 10rem;
  font-size: 14rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 769px) {
  p.p-page-top__text--desc {
    display: none;
  }
}

/* ./SP main visual */

.p-page-top nav.p-page-top__nav {
  display: none;
}

@media (min-width: 769px) {
  .p-page-top nav.p-page-top__nav {
    display: block;
  }
}

@media (min-width: 769px) {
  .p-page-top nav.p-page-top__nav.is-topPage-NavFixed {
    margin-top: 0;
    position: fixed;
    left: 0;
    z-index: 100;
  }
}

.p-page-top__archive {
  padding-top: 0;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__archive {
    padding-top: 150rem;
  }
}

@media (min-width: 769px) {
  .p-page-top__archive--redBtn.c-button__document {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0);
  }
}

@media (min-width: 769px) {
  .p-page-top__archive--redBtn.c-button__document.is-topPage-RedBtnFixed {
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media (min-width: 769px) {
  .p-page-top__archive--redBtn.c-button__document .c-button__document--flyer {
    margin-top: 0;
  }
}

.p-page-top__archive .c-page-title h2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 769px) {
  .p-page-top__archive .c-page-title h2 {
    flex-direction: row;
    align-items: baseline;
  }
}

.p-page-top__archive .c-page-title h2::after {
  left: 0;
}

@media (min-width: 769px) {
  .p-page-top__archive .c-page-title h2::after {
    display: none;
  }
}

@media (min-width: 769px) {
  .p-page-top__archive .c-page-title h2 span:first-of-type {
    padding-left: 2.65%;
    width: fit-content;
    font-size: 4.44vw;
    font-weight: 400;
    line-height: 0.8;
    display: inline-block;
    border-left: solid 3px #203740;
  }
}

.p-page-top__archive .c-page-title h2 span:last-of-type {
  margin-bottom: 7.47%;
}

@media (min-width: 769px) {
  .p-page-top__archive .c-page-title h2 span:last-of-type {
    margin: 0 0 0 1.15%;
    font-size: 1.11vw;
    font-weight: 600;
  }
}

.p-page-top__archive--news {
  padding: 100rem 37rem 8rem;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__archive--news {
    margin: 0 auto;
    padding: 0 0 4.17%;
    width: 916rem;
    position: relative;
  }
}

.p-page-top__archive--news-lists {
  margin-top: 20rem;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.p-page-top__archive--news-lists ul {
  margin-top: 0;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists ul {
    width: 73.703%;
    display: block;
  }
}

.p-page-top__archive--news-lists ul li {
  padding: 2% 0;
  width: 100%;
  display: block;
  border-bottom: solid 0.5px #231815;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists ul li {
    margin-top: 0.81%;
    padding: 0.81% 0 0.97%;
    border-bottom: solid 1px #231815;
  }
}

.p-page-top__archive--news-lists ul li a {
  width: 100%;
  display: block;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists ul li a {
    display: flex;
    align-items: baseline;
  }
}

.p-page-top__archive--news-lists ul li a time {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists ul li a time {
    font-size: 1.11vw;
    width: 15.01%;
    line-height: 1.64;
  }
}

.p-page-top__archive--news-lists ul li a h3 {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists ul li a h3 {
    margin-left: 5.66%;
    font-size: 1.11vw;
    font-weight: 400;
    line-height: 1.64;
    display: block;
    width: 79.63%;
  }
}

.p-page-top__archive--news-lists p {
  margin: 10% auto 0;
  width: 73.34%;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists p {
    margin: 0;
    width: 18.624%;
  }
}

.p-page-top__archive--news-lists p span {
  font-family: "Noto Sans";
  font-size: 4.27vw;
  font-weight: 900;
  line-height: 2.88;
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists p span {
    font-size: 1.11vw;
  }
}

.p-page-top__archive--news-lists p span::after {
  content: "";
  margin-left: 4.6%;
  width: 11.5%;
  aspect-ratio: 25/22;
  display: inline-block;
  background-image: url(./assets/img/icon_top_arrow-next-wt.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(25%);
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists p span::after {
    width: 15.4%;
    transform: translateY(22%);
  }
}

@media (min-width: 769px) {
  .p-page-top__archive--news-lists p:hover span::after {
    background-image: url(./assets/img/icon_top_arrow-next.svg);
    z-index: 3;
    position: relative;
  }
}
/* 
.p-page-top__archive--ticket {
  margin: 17.91% auto 0;
  width: 89.87%;
  display: block;
  border: solid 1px #231815;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket {
    margin: 5.56% auto 0;
    width: 69.44%;
  }
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket a:hover {
    opacity: 0.6;
  }
}

.p-page-top__archive--ticket-txt {
  padding: 7.46% 7.46% 5.97%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-txt {
    padding: 4.35% 0 4.35% 2.3%;
  }
}

.p-page-top__archive--ticket-txt h3 {
  color: #921E1E;
  font-family: "Racing Sans One";
  font-size: 12.8vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-txt h3 {
    font-size: 3.33vw;
  }
}

.p-page-top__archive--ticket-txt p {
  margin-top: 2.99%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-txt p {
    margin-top: 3.95%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-top__archive--ticket-txt p:first-of-type {
  margin-top: 1.77%;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-txt p:first-of-type {
    margin-top: 0;
  }
}

.p-page-top__archive--ticket-txt p span {
  color: #921E1E;
  line-height: 2;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-txt p span {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-top__archive--ticket-link {
  padding: 4.48% 7.4%;
  width: 100%;
  aspect-ratio: 335/156;
  display: block;
  background-image: url(./assets/img/bg_top_ticketinformation-sp.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-link {
    padding: 3.56% 3.06%;
    width: 84.54%;
  }
}

.p-page-top__archive--ticket-link p {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border: solid 1px #FFFFFF;
}

.p-page-top__archive--ticket-link p span {
  width: 100%;
  color: #FFFFFF;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-link p span {
    font-size: 1.67vw;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.48px;
  }
}

.p-page-top__archive--ticket-link p span::after {
  content: "";
  margin-left: 5.33%;
  width: 5.3%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external-wt.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(5%);
}

@media (min-width: 769px) {
  .p-page-top__archive--ticket-link p span::after {
    margin-left: 3.71%;
    width: 6.42%;
    transform: translateY(15%);
  }
} */

.p-page-top__about {
  margin-top: 32%;
  width: 100%;
  aspect-ratio: 25/62;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(./assets/img/bg_top_about-sp.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  .p-page-top__about {
    margin-top: 80rem;
    aspect-ratio: 1440/1007;
    background-image: url(./assets/img/bg_top_about-pc.jpg);
  }
}

.p-page-top__about--container {
  padding: 18.67% 5.34%;
  width: 89.33%;
  display: block;
  background-color: rgba(255, 255, 255, 0.92);
}

@media (min-width: 769px) {
  .p-page-top__about--container {
    padding: 70rem 74rem 70rem 64rem;
    width: 1000rem;
  }
}

.p-page-top__about--container .p-page-top__about--content {
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content {
    display: flex;
    align-items: flex-start;
  }
}

.p-page-top__about--container .p-page-top__about--content-vt {
  display: none;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-vt {
    font-size: 6.67vw;
    font-family: "Racing Sans One";
    font-weight: 400;
    line-height: 1;
    display: block;
    writing-mode: vertical-rl;
  }
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr {
    margin-left: 7.43%;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr-ttl {
  margin-left: 8rem;
  padding-bottom: 8.48%;
  width: 269rem;
  display: block;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr-ttl {
    margin-left: 0;
    padding-bottom: 2.9%;
    width: 100%;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr-ttl span:first-of-type {
  color: #231815;
  font-family: "Racing Sans One";
  font-size: 16vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr-ttl span:first-of-type {
    display: none;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr-ttl span:last-of-type {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 600;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr-ttl span:last-of-type {
    font-family: "Noto Sans";
    font-size: 1.39vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.4px;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr-ttl::after {
  content: "";
  width: 50rem;
  height: 3px;
  display: block;
  background-color: #203740;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr-ttl::after {
    width: 74rem;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr picture {
  margin: 8.16% auto 0;
  width: 95.19%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr picture {
    margin: 4.4% 0 0;
    width: 100%;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr picture img {
  width: 100%;
}

.p-page-top__about--container .p-page-top__about--content-hr-txt {
  margin: 40rem auto 0;
  width: 272rem;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr-txt {
    margin: 5.8% 0 0;
    width: 100%;
  }
}

.p-page-top__about--container .p-page-top__about--content-hr-txt p {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.75;
}

@media (min-width: 769px) {
  .p-page-top__about--container .p-page-top__about--content-hr-txt p {
    font-size: 1.11vw;
    line-height: 1.5;
    letter-spacing: 0.32px;
  }
}

.p-page-top__about--container p.c-button__top {
  margin: 30rem auto 0;
  width: 220rem;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-top__about--container p.c-button__top {
    margin: 0 auto;
    width: 165rem;
  }
}

.p-page-top__about--container p.c-button__top span {
  font-family: "Noto Sans";
  font-size: 4.27vw;
  font-weight: 900;
  line-height: 2.88;
}

@media (min-width: 769px) {
  .p-page-top__about--container p.c-button__top span {
    font-size: 1.11vw;
    line-height: 2.88;
  }
}

.p-page-top__about--container p.c-button__top span::after {
  content: "";
  margin-left: 4.6%;
  width: 11.5%;
  aspect-ratio: 25/22;
  display: inline-block;
  background-image: url(./assets/img/icon_top_arrow-next-wt.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(25%);
}

@media (min-width: 769px) {
  .p-page-top__about--container p.c-button__top span::after {
    width: 15.5%;
    transform: translateY(22%);
  }
}

@media (min-width: 769px) {
  .p-page-top__about--container p.c-button__top:hover span::after {
    background-image: url(./assets/img/icon_top_arrow-next.svg);
    z-index: 3;
    position: relative;
  }
}

.p-page-top__howto {
  margin: 35.82% auto 0;
  width: 89.33%;
}

@media (min-width: 769px) {
  .p-page-top__howto {
    margin: 9.72% auto 0;
    width: 80.83%;
  }
}

.p-page-top__howto--ttl {
  margin-top: 4.48%;
  padding-bottom: 7.47%;
  width: 100%;
  display: block;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-top__howto--ttl {
    margin-top: 0%;
    padding-bottom: 1.72%;
  }
}

.p-page-top__howto--ttl span:first-of-type {
  color: #231815;
  font-family: "Racing Sans One";
  font-size: 16vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-top__howto--ttl span:first-of-type {
    font-size: 6.67vw;
  }
}

.p-page-top__howto--ttl span:last-of-type {
  margin-top: 4.48%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 600;
}

@media (min-width: 769px) {
  .p-page-top__howto--ttl span:last-of-type {
    margin-top: 0;
    margin-left: 1.29%;
    font-size: 1.39vw;
    font-weight: 700;
    line-height: 2;
  }
}

.p-page-top__howto--ttl::after {
  content: "";
  width: 20%;
  height: 3px;
  display: block;
  background-color: #AD2626;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 769px) {
  .p-page-top__howto--ttl::after {
    width: 12.03%;
  }
}

.p-page-top__howto--description {
  margin-top: 7.46%;
  color: #231815;
  font-size: 4dvw;
  font-weight: 400;
  line-height: 1.75;
}

@media (min-width: 769px) {
  .p-page-top__howto--description {
    margin-top: 2.58%;
    font-size: 1.11vw;
    line-height: 1.64;
  }
}

.p-page-top__howto--content {
  margin-top: 11.94%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__howto--content {
    margin-top: 5.15%;
  }
}

.p-page-top__howto--content-lists {
  margin-top: 11.94%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists {
    margin-top: 4.3%;
  }
}

.p-page-top__howto--content-lists a {
  opacity: 1;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists a:hover {
    opacity: 0.6;
  }
}

.p-page-top__howto--content-lists h3 {
  color: #231815;
  font-size: 6.4vw;
  font-weight: 700;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists h3 {
    font-size: 2.22vw;
  }
}

.p-page-top__howto--content-lists h3 span {
  margin-right: 3.88%;
  font-size: 14.93vw;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists h3 span {
    margin-right: 2.6%;
    font-size: 6.67vw;
  }
}

.p-page-top__howto--content-lists h3 span::after {
  content: "";
  width: 0.73em;
  height: 0.02em;
  display: block;
  background-color: #231815;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0.33em, 0.03em) rotate(-75deg);
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists h3 span::after {
    width: 0.8em;
    height: 0.03em;
    transform: translate(0.4em, 0.06em) rotate(-55deg);
  }
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg {
    margin-top: 0.86%;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

.p-page-top__howto--content-lists-stg li {
  margin-top: 8.96%;
  width: 100%;
  display: block;
  border: solid 3px #231815;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li {
    margin-top: 0;
    width: 32.74%;
  }
}

.p-page-top__howto--content-lists-stg li .image {
  width: 100%;
  aspect-ratio: 67/36;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .image {
    aspect-ratio: 75/44;
  }
}

.p-page-top__howto--content-lists-stg li .image::after {
  content: "";
  margin-top: 6.27%;
  margin-right: 7.3%;
  width: 8.5%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url(./assets/img/icon_top_arrow-upright.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .image::after {
    width: 7.2%;
    margin-top: 6.4%;
    margin-right: 6.4%;
  }
}

.p-page-top__howto--content-lists-stg li .image.image-artist,
.p-page-top__howto--content-lists-stg li .image.image-timetable,
.p-page-top__howto--content-lists-stg li .image.image-areamap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.p-page-top__howto--content-lists-stg li .image.image-artist::before,
.p-page-top__howto--content-lists-stg li .image.image-timetable::before,
.p-page-top__howto--content-lists-stg li .image.image-areamap::before {
  content: "";
  margin-bottom: 4.56%;
  width: 20%;
  aspect-ratio: 1/1;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {

  .p-page-top__howto--content-lists-stg li .image.image-artist::before,
  .p-page-top__howto--content-lists-stg li .image.image-timetable::before,
  .p-page-top__howto--content-lists-stg li .image.image-areamap::before {
    margin-bottom: 4%;
    width: 18.67%;
  }
}

.p-page-top__howto--content-lists-stg li .image.image-artist {
  background-image: url(./assets/img/bg_top_stage-artist-sp.png);
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .image.image-artist {
    background-image: url(./assets/img/bg_top_stage-artist-pc.png);
  }
}

.p-page-top__howto--content-lists-stg li .image.image-artist::before {
  background-image: url(./assets/img/icon_top_stage-artist.svg);
}

.p-page-top__howto--content-lists-stg li .image.image-timetable {
  background-image: url(./assets/img/bg_top_stage-timetable-sp.png);
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .image.image-timetable {
    background-image: url(./assets/img/bg_top_stage-timetable-pc.png);
  }
}

.p-page-top__howto--content-lists-stg li .image.image-timetable::before {
  background-image: url(./assets/img/icon_top_stage-timetable.svg);
}

.p-page-top__howto--content-lists-stg li .image.image-areamap {
  background-image: url(./assets/img/bg_top_stage-areamap-sp.png);
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .image.image-areamap {
    background-image: url(./assets/img/bg_top_stage-areamap-pc.png);
  }
}

.p-page-top__howto--content-lists-stg li .image.image-areamap::before {
  background-image: url(./assets/img/icon_top_stage-areamap.svg);
}

.p-page-top__howto--content-lists-stg li .image h4 {
  color: #FFFFFF;
  text-align: center;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .image h4 {
    font-size: 1.67vw;
  }
}

.p-page-top__howto--content-lists-stg li .text {
  padding: 4.63% 5.22%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .text {
    padding: 5.76% 8.54%;
  }
}

.p-page-top__howto--content-lists-stg li .text P {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.65;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-stg li .text P {
    font-size: 1.11vw;
    line-height: 1.8;
  }
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt {
    margin-top: 0.86%;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

.p-page-top__howto--content-lists-evt li {
  margin-top: 8.96%;
  width: 100%;
  display: block;
  border: solid 3px #231815;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li {
    margin-top: 0;
    width: 49.45%;
  }
}

.p-page-top__howto--content-lists-evt li .image {
  width: 100%;
  aspect-ratio: 67/36;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .image {
    aspect-ratio: 569/220;
  }
}

.p-page-top__howto--content-lists-evt li .image::after {
  content: "";
  margin-top: 6.27%;
  margin-right: 7.3%;
  width: 8.5%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url(./assets/img/icon_top_arrow-upright.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .image::after {
    width: 4.75%;
    margin-top: 5.7%;
    margin-right: 5.7%;
  }
}

.p-page-top__howto--content-lists-evt li .image.image-tanbo,
.p-page-top__howto--content-lists-evt li .image.image-fun {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.p-page-top__howto--content-lists-evt li .image.image-tanbo::before,
.p-page-top__howto--content-lists-evt li .image.image-fun::before {
  content: "";
  margin-bottom: 4.56%;
  width: 20%;
  aspect-ratio: 1/1;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {

  .p-page-top__howto--content-lists-evt li .image.image-tanbo::before,
  .p-page-top__howto--content-lists-evt li .image.image-fun::before {
    margin-bottom: 2.64%;
    width: 14.05%;
  }
}

.p-page-top__howto--content-lists-evt li .image.image-tanbo {
  background-image: url(./assets/img/bg_top_event-tanbo-sp.png);
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .image.image-tanbo {
    background-image: url(./assets/img/bg_top_event-tanbo-pc.png);
  }
}

.p-page-top__howto--content-lists-evt li .image.image-tanbo::before {
  background-image: url(./assets/img/icon_top_event-food.svg);
}

.p-page-top__howto--content-lists-evt li .image.image-fun {
  background-image: url(./assets/img/bg_top_event-fun-sp.png);
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .image.image-fun {
    background-image: url(./assets/img/bg_top_event-fun-pc.png);
  }
}

.p-page-top__howto--content-lists-evt li .image.image-fun::before {
  background-image: url(./assets/img/icon_top_event-fun.svg);
}

.p-page-top__howto--content-lists-evt li .image h4 {
  color: #FFFFFF;
  text-align: center;
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .image h4 {
    font-size: 1.67vw;
  }
}

.p-page-top__howto--content-lists-evt li .text {
  padding: 4.63% 5.22%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .text {
    padding: 6.15% 7.9%;
  }
}

.p-page-top__howto--content-lists-evt li .text P {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.65;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-evt li .text P {
    font-size: 1.11vw;
    line-height: 1.8;
  }
}

.p-page-top__howto--content-lists-mkt {
  margin-top: 8.96%;
  width: 100%;
  display: block;
  border: solid 3px #231815;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt {
    margin-top: 0.86%;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market {
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market {
    display: flex;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .image {
  width: 100%;
  aspect-ratio: 334/367;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  background-image: url(./assets/img/bg_top_market-sp.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .image {
    width: 58.62%;
    aspect-ratio: 68/35;
    display: flex;
    justify-content: center;
    background-image: url(./assets/img/bg_top_market-pc.webp);
    order: 2;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .image::after {
  content: "";
  margin-top: 6.27%;
  margin-right: 7.3%;
  width: 8.5%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url(./assets/img/icon_top_arrow-upright.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .image::after {
    width: 3.99%;
    margin-top: 4.8%;
    margin-right: 4.8%;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .image img {
  margin: 27.1% auto 0;
  width: 82.37%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .image img {
    display: none;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .image h4 {
  color: #FFFFFF;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 2.5;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .image h4 {
    font-size: 1.67vw;
    line-height: 1.66;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .image h4::before {
  content: "";
  margin: 12.5% auto 1%;
  width: 43.6%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url(./assets/img/icon_top_market.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .image h4::before {
    margin: 0 auto 8.32%;
    width: 29.12%;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .text {
  padding: 7.3% 5.22% 7.63%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .text {
    padding: 4.75% 3.89%;
    width: 41.5%;
    order: 1;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .text img {
  display: none;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .text img {
    width: 74.9%;
    aspect-ratio: 146/65;
    display: block;
  }
}

.p-page-top__howto--content-lists-mkt a.image-market .text P {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.65;
}

@media (min-width: 769px) {
  .p-page-top__howto--content-lists-mkt a.image-market .text P {
    margin-top: 7.7%;
    font-size: 1.04vw;
    line-height: 1.75;
  }
}

.p-page-top__sponsor {
  margin: 32% auto 0;
  width: 78.13%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__sponsor {
    margin: 9.72% auto 0;
    width: 86.11%;
  }
}

.p-page-top__sponsor img {
  margin: 0 auto;
  width: 80%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-top__sponsor img {
    margin: 0;
    display: none;
  }
}

.p-page-top__sponsor--ttl {
  margin-top: 5.12%;
  padding-bottom: 7.47%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--ttl {
    margin-top: 0;
    margin-left: 4.04%;
    padding-bottom: 1.62%;
    justify-content: flex-start;
  }
}

.p-page-top__sponsor--ttl span:first-of-type {
  color: #231815;
  font-family: "Racing Sans One";
  font-size: 13.33vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--ttl span:first-of-type {
    font-size: 5.56vw;
  }
}

.p-page-top__sponsor--ttl span:last-of-type {
  margin-left: 3.42%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 600;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--ttl span:last-of-type {
    margin-left: 1.62%;
    font-size: 1.39vw;
    font-weight: 700;
    line-height: 2;
  }
}

.p-page-top__sponsor--ttl::after {
  content: "";
  width: 20%;
  height: 3px;
  display: block;
  background-color: #AD2626;
  position: absolute;
  bottom: 0;
  left: 40%;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--ttl::after {
    width: 11.3%;
    bottom: 0;
    left: 0;
  }
}

.p-page-top__sponsor--text {
  margin-top: 10.67%;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--text {
    margin-top: 3.23%;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

.p-page-top__sponsor--text img {
  display: none;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--text img {
    margin: 0 4.2% 0 5.97%;
    width: 27.25%;
    display: block;
  }
}

.p-page-top__sponsor--text dl {
  width: 100%;
  display: block;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--text dl {
    width: 74.6%;
    font-size: 1.11vw;
    line-height: 2;
  }
}

.p-page-top__sponsor--text dl dt {
  margin-top: 5.12%;
  text-align: center;
  font-weight: 400;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--text dl dt {
    /* padding: 0.55% 0; */
    margin-top: 0;
    margin-right: 1.6%;
    font-size: 1.04vw;
  }
}

.p-page-top__sponsor--text dl dd {
  margin-top: 3.42%;
}

@media (min-width: 769px) {
  .p-page-top__sponsor--text dl dd {
    width: 80.33%;
    margin-top: 0;
    display: block;
  }
}

@media (min-width: 769px) {
  .p-page-top__sponsor--text dl .p-page-top__sponsor--text-txt {
    padding-top: 0.55%;
    display: flex;
    align-items: flex-start;
  }
}

.p-page-artist {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-artist {
    margin-top: 20.9%;
    padding-bottom: 10.42%;
  }
}

.p-page-artist h3 {
  margin-top: 5.8%;
  width: 100%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-artist h3 {
    margin: 4.17% auto 0;
    font-size: 2.08vw;
  }
}

.p-page-artist__content {
  margin-top: 21.33%;
  font-size: 1vw;
}

@media (min-width: 769px) {
  .p-page-artist__content {
    margin-top: 5.56%;
  }
}

.p-page-artist__content section {
  scroll-margin-top: 23em;
}

@media (min-width: 769px) {
  .p-page-artist__content section {
    scroll-margin-top: 10em;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 0.4%;
}

@media (min-width: 769px) {
  .p-page-artist__content ul.p-page-artist__content--subhead {
    margin: 0 auto;
    width: 86.11%;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead li {
  width: 33.07%;
  padding: 3.13% 0;
  background-color: #86807E;
  text-align: center;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-artist__content ul.p-page-artist__content--subhead li {
    padding: 1.29% 0;
    height: auto;
    margin-bottom: 0.822%;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead li a {
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.66;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .p-page-artist__content ul.p-page-artist__content--subhead li a {
    font-size: 1.53vw;
    line-height: 1;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead li a span {
  font-size: 2.67vw;
}

@media (min-width: 769px) {
  .p-page-artist__content ul.p-page-artist__content--subhead li a span {
    font-size: 0.97vw;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead li a::after {
  content: "";
  margin-left: 6.5%;
  width: 5.5%;
  aspect-ratio: 2/1.7;
  display: inline-block;
  background-color: #FFFFFF;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

@media (min-width: 769px) {
  .p-page-artist__content ul.p-page-artist__content--subhead li a::after {
    margin-left: 2.5%;
    width: 4.5%;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead li.current {
  background-color: #231815;
  margin-bottom: 0;
  z-index: 2;
  line-height: 9.8;
}

@media (min-width: 769px) {

  .p-page-artist__content ul.p-page-artist__content--subhead li.current,
  .p-page-artist__content ul.p-page-artist__content--subhead li:hover {
    padding: 1.34% 0;
    background-color: #231815;
    line-height: 2;
  }
}

.p-page-artist__content ul.p-page-artist__content--subhead.is-fixed {
  position: fixed;
  left: 50%;
  z-index: 10;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

/* dateTab */
.p-page-artist__content #stagemay3 {
  margin-top: 0.1%;
  padding-top: 11.7%;
}

@media (min-width: 769px) {
  .p-page-artist__content #stagemay3 {
    padding-top: 9.13%;
  }
}

.p-page-artist__content #stagemay4,
.p-page-artist__content #stagemay5 {
  padding-top: 11.7%;
}

@media (min-width: 769px) {

  .p-page-artist__content #stagemay4,
  .p-page-artist__content #stagemay5 {
    padding-top: 9.13%;
  }
}

.p-page-artist__content--date {
  margin-top: 0.1%;
  padding-top: 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-artist__content--date {
    margin: 0.1% auto 0;
    padding-top: 0;
    width: 85.48%;
  }
}

.p-page-artist__content--date h4 {
  color: #231815;
  text-align: center;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-artist__content--date h4 {
    font-size: 3.33vw;
  }
}

.p-page-artist__content--date h4 span {
  font-size: 9.6vw;
}

@media (min-width: 769px) {
  .p-page-artist__content--date h4 span {
    font-size: 6.11vw;
  }
}

.p-page-artist__content--date p {
  margin-top: 1.45%;
  padding: 0.58% 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-artist__content--date p {
    margin-top: 1.89%;
    padding: 0.48% 0;
    font-size: 1.94vw;
  }
}

/* kichijoji */
.p-page-artist__content--lists {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 1.4%;
  overflow-x: hidden;
}

.p-page-artist__content--pickup {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 0 1.4%;
  overflow-x: hidden;
}

.p-page-artist__content--lists::after {
  content: "";
  flex: 1 1 auto;
  border-bottom: solid 1px #231815;
}

@media (min-width: 769px) {

  .p-page-artist__content--lists,
  .p-page-artist__content--pickup {
    margin: 0 auto;
    width: 85.48%;
  }
}

.p-page-artist__content--pickup-artist {
  padding: 5.8% 0;
  width: 49.28%;
  background-color: #FFFFFF;
  text-align: center;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-artist__content--pickup-artist {
    padding: 3.78% 0;
    width: 23.59%;
    opacity: 1;
  }
}

.p-page-artist__content--pickup-artist:first-of-type,
.p-page-artist__content--pickup-artist:nth-of-type(2) {
  margin-top: 2.9%;
}

@media (min-width: 769px) {

  .p-page-artist__content--pickup-artist:first-of-type,
  .p-page-artist__content--pickup-artist:nth-of-type(2) {
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .p-page-artist__content--pickup-artist:hover {
    opacity: 0.6;
  }
}

.p-page-artist__content--pickup-artist img {
  width: 100%;
  aspect-ratio: 85/59;
  display: block;
  object-fit: contain;
}

@media (min-width: 769px) {
  .p-page-artist__content--pickup-artist img {
    aspect-ratio: 125/87;
  }
}

.p-page-artist__content--pickup-artist h4 {
  margin-top: 5.89%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-artist__content--pickup-artist h4 {
    margin-top: 6.4%;
    font-size: 1.39vw;
    line-height: 1;
    letter-spacing: 0.32px;
  }
}

/* /kichijoji */
.p-page-artist__content--lists-name {
  padding: 5.8% 0;
  /* width: 32%; */
  /*　1列3カードの場合  */
  width: 49.28%;
  background-color: #FFFFFF;
  text-align: center;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-artist__content--lists-name {
    padding: 3.78% 0;
    width: 23.59%;
    opacity: 1;
  }
}

.p-page-artist__content--lists-name:first-of-type,
.p-page-artist__content--lists-name:nth-of-type(2) {
  margin-top: 0;
}

@media (min-width: 769px) {

  .p-page-artist__content--lists-name:first-of-type,
  .p-page-artist__content--lists-name:nth-of-type(2) {
    margin-top: 0;
  }
}

.p-page-artist__content--lists-name::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 108%;
  height: 1px;
  background: #231815;
}

@media (min-width: 769px) {
  .p-page-artist__content--lists-name:hover {
    opacity: 0.6;
  }
}

.p-page-artist__content--lists-name a {
  margin-top: 5.89%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-artist__content--lists-name a {
    margin-top: 6.75%;
    font-size: 1.11vw;
    line-height: 1;
    letter-spacing: 0.32px;
  }
}

.p-page-artist__content dl {
  margin: 8.7% auto 0;
  width: 80%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-artist__content dl {
    margin: 6.46% auto 0;
    width: 54.84%;
  }
}

.p-page-artist__content dl dt {
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-artist__content dl dt {
    font-size: 1.39vw;
  }
}

.p-page-artist__content dl dd {
  margin-top: 3.62%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-artist__content dl dd {
    margin-top: 2.95%;
  }
}

.p-page-artist__content--btn {
  margin: 8.7% auto 0;
  width: 86.96%;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-artist__content--btn {
    margin: 6.46% auto 0;
    width: 36.6%;
  }
}

.p-page-artist__content--btn span {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.44;
}

@media (min-width: 769px) {
  .p-page-artist__content--btn span {
    font-size: 1.11vw;
    line-height: 2.4;
    letter-spacing: 0.32px;
  }
}

.p-page-artist__content--btn span::after {
  content: "";
  margin-left: 3.38%;
  width: 5.41%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-next.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
}

@media (min-width: 769px) {
  .p-page-artist__content--btn span::after {
    margin-left: 4.45%;
    width: 6.2%;
    transform: translateY(25%);
  }
}

@media (min-width: 769px) {
  .p-page-artist__content--btn:hover span::after {
    background-image: url(./assets/img/icon_arrow-next-wt.svg);
    z-index: 3;
    position: relative;
  }
}

.p-page-artist__content--notice {
  margin: 4.35% auto 0;
  width: 88.41%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-page-artist__content--notice {
    margin: 1.62% auto 0;
    font-size: 1.11vw;
    width: 100%;
    letter-spacing: 0.32px;
  }
}

/* kichijoji task */
.p-page-artist__content--separator {
  margin: 0 auto;
  width: 100%;
  height: 1px;
  /* 改行のスペースを確保 */
  display: block;
  clear: both;
  /* フロート解除 */
  border-top: solid 1px #231815;
}

@media (min-width: 769px) {
  .p-page-artist__content--separator {
    margin: 0 auto;
    width: 85.48%;
    display: block;
    clear: both;
    /* フロート解除 */
    border-top: solid 1px #231815;
  }
}

/* /kichijoji task */
.p-page-artist__link {
  margin-top: 4%;
  width: 100%;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-artist__link {
    margin-top: 4.2%;
  }
}

.p-page-artist__link a {
  width: 10.13%;
  aspect-ratio: 1/1;
  display: block;
  background-color: #231815;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  right: 4%;
}

@media (min-width: 769px) {
  .p-page-artist__link a {
    width: 5.12%;
    right: 2%;
  }
}

.p-page-artist__link a::after {
  content: "";
  width: 50%;
  aspect-ratio: 1/1;
  background-image: url(./assets/img/icon_link-top.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
}

.p-comingsoon {
  margin-top: 16%;
  padding: 33.87% 0 40.8%;
  width: 100%;
  display: block;
  background-image: url(./assets/img/bg_comingsoon-sp.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  .p-comingsoon {
    margin: 5.56% 0 7.3%;
    padding: 7.99% 0 12.16%;
    background-image: url(./assets/img/bg_comingsoon-pc.webp);
  }
}

.p-comingsoon__content {
  margin: 0 auto;
  padding: 13.34% 0;
  width: 89.33%;
  background-color: #FFFFFF;
  display: block;
}

@media (min-width: 769px) {
  .p-comingsoon__content {
    padding: 5.56% 0 5.56% 2%;
    width: 62.5%;
    border-left: solid 1px #AD2626;
  }
}

.p-comingsoon__content h4 {
  color: #231815;
  text-align: center;
  font-family: "Racing Sans One";
  font-size: 11.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 769px) {
  .p-comingsoon__content h4 {
    font-size: 3.61vw;
    line-height: 0.8;
  }
}

.p-comingsoon__content p {
  margin-top: 6.57%;
  color: #231815;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 150%;
}

@media (min-width: 769px) {
  .p-comingsoon__content p {
    margin-top: 3.34%;
    font-size: 1.39vw;
  }
}

.p-comingsoon__content p span:nth-of-type(2) {
  margin-top: 2.99%;
}

@media (min-width: 769px) {
  .p-comingsoon__content p span:nth-of-type(2) {
    margin-top: 0;
  }
}

.p-comingsoon__content-button p {
  margin: 8.97% auto 0;
  width: 65.67%;
  display: block;
}

@media (min-width: 769px) {
  .p-comingsoon__content-button p {
    margin: 4.45% auto 0;
    width: 34.56%;
  }
}

.p-comingsoon__content-button p a {
  border: solid 2px #231815;
}

.p-comingsoon__content-button p a span {
  color: #231815;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 4.27vw;
  font-weight: 900;
  line-height: 2.88;
}

@media (min-width: 769px) {
  .p-comingsoon__content-button p a span {
    font-size: 1.11vw;
    font-weight: 700;
    line-height: 2.76;
    letter-spacing: 0.32px;
  }
}

/* -------------------
-----   swiper   -----
------------------- */

.swiper-section {
  position: relative;
}

.swiper-navigation {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}

.swiper-button-prev,
.swiper-button-next {
  width: auto;
  height: auto;
  color: #231815;
  position: absolute;
  top: 0;
  margin-top: 21.6%;
}

@media (min-width: 769px) {

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}

.swiper-button-prev {
  transform: translateX(-0.95em);
}

.swiper-button-next {
  transform: translateX(0.7em);
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: initial;
}

.swiper-container {
  margin-top: 11.29%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media (min-width: 769px) {
  .swiper-container {
    margin-top: 7.55%;
  }
}

.swiper-wrapper {
  width: 100%;
}

.swiper-slide {
  width: auto;
  flex-shrink: 0;
}

.swiper-slide img {
  box-sizing: border-box;
  width: 96.78%;
}

@media (min-width: 769px) {
  .swiper-slide img {
    width: 94.26%;
  }
}

.swiper-button-disabled {
  display: none;
}

.swiper-slide-active {
  overflow: visible;
}


/*---------------------------------*
* project
*----------------------------------*/
.p-page-market {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-market {
    margin-top: 20.9%;
    padding-bottom: 10.42%;
  }
}


.p-page-market__subhead {
  margin: 16% auto 0;
  width: 82.67%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-market__subhead {
    margin: 4.167% auto 0;
    width: 73.66%;
  }
}

.p-page-market__subhead picture {
  margin: 0 auto;
  width: 64.52%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-market__subhead picture {
    margin: 0 auto;
    width: 44.62%;
  }
}

.p-page-market__subhead--text {
  margin-top: 11.29%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-market__subhead--text {
    margin-top: 7.55%;
    width: 90%;
    font-size: 1.39vw;
    letter-spacing: 0.4px;
  }
}

.p-page-market__subhead h3 {
  margin-top: 19.35%;
  width: 100%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: left;
}

@media (min-width: 769px) {
  .p-page-market__subhead h3 {
    margin: 5.66% auto 0;
    padding-left: 2.17%;
    font-size: 2.08vw;
    letter-spacing: 0.6px;
    border-left: solid 3px #203740;
  }
}

.p-page-market__subhead h3::after {
  content: '';
  margin-top: 4.84%;
  width: 4.062em;
  display: block;
  border-bottom: solid 3px #203740;
}

@media (min-width: 769px) {
  .p-page-market__subhead h3::after {
    display: none;
  }
}

.p-page-market__subhead--text-hgm {
  margin-top: 4.84%;
  color: #231815;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-market__subhead--text-hgm {
    margin-top: 1.89%;
    padding-left: 2.17%;
    width: 90%;
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-market__content {
  margin-top: 21.33%;
  font-size: 1vw;
}

@media (min-width: 769px) {
  .p-page-market__content {
    margin-top: 5.56%;
  }
}

.p-page-market__content section {
  scroll-margin-top: 23em;
}

@media (min-width: 769px) {
  .p-page-market__content section {
    scroll-margin-top: 10em;
  }
}

.p-page-market__content ul.p-page-market__content--subhead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 0.4%;
}

@media (min-width: 769px) {
  .p-page-market__content ul.p-page-market__content--subhead {
    margin: 0 auto;
    width: 86.11%;
  }
}

.p-page-market__content ul.p-page-market__content--subhead li {
  width: 33.07%;
  padding: 3.13% 0;
  background-color: #86807E;
  text-align: center;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-market__content ul.p-page-market__content--subhead li {
    padding: 1.29% 0;
    height: auto;
    margin-bottom: 0.822%;
  }
}

.p-page-market__content ul.p-page-market__content--subhead li a {
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.66;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .p-page-market__content ul.p-page-market__content--subhead li a {
    font-size: 1.53vw;
    line-height: 1;
  }
}

.p-page-market__content ul.p-page-market__content--subhead li a span {
  font-size: 2.67vw;
}

@media (min-width: 769px) {
  .p-page-market__content ul.p-page-market__content--subhead li a span {
    font-size: 0.97vw;
  }
}

.p-page-market__content ul.p-page-market__content--subhead li a::after {
  content: "";
  margin-left: 6.5%;
  width: 5.5%;
  aspect-ratio: 2/1.7;
  display: inline-block;
  background-color: #FFFFFF;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

@media (min-width: 769px) {
  .p-page-market__content ul.p-page-market__content--subhead li a::after {
    margin-left: 2.5%;
    width: 4.5%;
  }
}

.p-page-market__content ul.p-page-market__content--subhead li.current {
  background-color: #231815;
  margin-bottom: 0;
  z-index: 2;
  line-height: 9.8;
}

@media (min-width: 769px) {

  .p-page-market__content ul.p-page-market__content--subhead li.current,
  .p-page-market__content ul.p-page-market__content--subhead li:hover {
    padding: 1.34% 0;
    background-color: #231815;
    line-height: 2;
  }
}

.p-page-market__content ul.p-page-market__content--subhead.is-fixed {
  position: fixed;
  left: 50%;
  z-index: 10;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

/* dateTab */
.p-page-market__content #markets3 {
  padding-top: 11.7%;
}

@media (min-width: 769px) {
  .p-page-market__content #markets3 {
    padding-top: 9.13%;
  }
}

.p-page-market__content #markets4,
.p-page-market__content #markets5 {
  padding-top: 11.7%;
}

@media (min-width: 769px) {

  .p-page-market__content #markets4,
  .p-page-market__content #markets5 {
    padding-top: 9.13%;
  }
}

.p-page-market__content--date {
  padding-top: 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-market__content--date {
    margin: 0 auto;
    padding-top: 0;
    width: 85.48%;
  }
}

.p-page-market__content--date h4 {
  color: #231815;
  text-align: center;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-market__content--date h4 {
    font-size: 3.33vw;
  }
}

.p-page-market__content--date h4 span {
  font-size: 9.6vw;
}

@media (min-width: 769px) {
  .p-page-market__content--date h4 span {
    font-size: 6.11vw;
  }
}

.p-page-market__content--date p {
  margin-top: 1.45%;
  padding: 0.58% 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-market__content--date p {
    margin-top: 1.89%;
    padding: 0.48% 0;
    font-size: 1.94vw;
  }
}

.p-page-market__content--lists {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 1.4%;
  overflow-x: hidden;
}

@media (min-width: 769px) {
  .p-page-market__content--lists {
    margin: 0 auto;
    width: 85.48%;
  }
}

.p-page-market__content--lists::after {
  content: "";
  flex: 1 1 auto;
  border-bottom: solid 1px transparent;
}

.p-page-market__content--lists-pickup {
  margin-top: 5.8%;
  width: 49.28%;
  background-color: #FFFFFF;
  text-align: left;
  position: relative;
}

@media (min-width: 769px) {
  .p-page-market__content--lists-pickup {
    margin-top: 3.78%;
    width: 23.59%;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .p-page-market__content--lists-pickup:hover {
    opacity: 0.6;
  }
}

.p-page-market__content--card {
  padding: 8.83%;
  width: 100%;
  height: 100%;
  display: block;
  border: solid 0.5px #231815;
}

.p-page-market__content--card h4 {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-market__content--card h4 {
    font-size: 1.11vw;
    letter-spacing: 0.32px;
  }
}

.p-page-market__content--card p {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .p-page-market__content--card p {
    font-size: 0.83vw;
  }
}

.p-page-market__content--card ul {
  margin-top: 10.87%;
}

.p-page-market__content--card ul li {
  font-size: 2.67vw;
  font-weight: 400;
  letter-spacing: 0.2px;
}

@media (min-width: 769px) {
  .p-page-market__content--card ul li {
    font-size: 0.83vw;
    font-weight: 500;
    letter-spacing: 0.24px;
  }
}

.p-page-market__content--btn {
  margin: 8.7% auto 0;
  width: 86.96%;
  display: block;
  border: solid 1px #231815;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-market__content--btn {
    margin: 6.46% auto 0;
    width: 36.6%;
  }
}

.p-page-market__content--btn span {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.44;
}

@media (min-width: 769px) {
  .p-page-market__content--btn span {
    font-size: 1.11vw;
    line-height: 2.4;
    letter-spacing: 0.32px;
  }
}

.p-page-market__content--btn span::after {
  content: "";
  margin-left: 3.38%;
  width: 5.41%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-next.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
}

@media (min-width: 769px) {
  .p-page-market__content--btn span::after {
    margin-left: 4.45%;
    width: 6.2%;
    transform: translateY(25%);
  }
}

@media (min-width: 769px) {
  .p-page-market__content--btn:hover span::after {
    background-image: url(./assets/img/icon_arrow-next-wt.svg);
    z-index: 3;
    position: relative;
  }
}

.p-page-market__content--notice {
  margin: 4.35% auto 0;
  width: 88.41%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-page-market__content--notice {
    margin: 1.62% auto 0;
    font-size: 1.11vw;
    width: 100%;
    letter-spacing: 0.32px;
  }
}

.p-page-market__link {
  margin-top: 4%;
  width: 100%;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-market__link {
    margin-top: 4.2%;
  }
}

.p-page-market__link a {
  width: 10.13%;
  aspect-ratio: 1/1;
  display: block;
  background-color: #231815;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  right: 4%;
}

@media (min-width: 769px) {
  .p-page-market__link a {
    width: 5.12%;
    right: 2%;
  }
}

.p-page-market__link a::after {
  content: "";
  width: 50%;
  aspect-ratio: 1/1;
  background-image: url(./assets/img/icon_link-top.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
}

/* ----------------------------
--------   timetable   --------
---------------------------- */

.p-page-timetable {
  margin-top: 26.79%;
  padding-bottom: 26.67%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-timetable {
    margin-top: 20.9%;
    padding-bottom: 10.42%;
  }
}

.p-page-timetable h3 {
  margin-top: 5.8%;
  width: 100%;
  color: #231815;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.32px;
}

@media (min-width: 769px) {
  .p-page-timetable h3 {
    margin: 4.17% auto 0;
    font-size: 2.08vw;
  }
}

.p-page-timetable__topics {
  margin-top: 8%;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-timetable__topics {
    margin-top: 5.556%;
  }
}

.p-page-timetable__topics h3 {
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-page-timetable__topics h3 {
    font-size: 1.39vw;
    letter-spacing: 1.2px;
  }
}

.p-page-timetable__topics p {
  margin-top: 0.8%;
  color: #231815;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .p-page-timetable__topics p {
    margin-top: 0.8%;
    font-size: 1.11vw;
    line-height: 1.5;
    letter-spacing: 0.32px;
  }

}

.p-page-timetable__ticket {
  margin: 8% auto 0;
  padding: 5.335% 4.267%;
  width: 92%;
  display: block;
  border: solid 1px #231815;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket {
    margin: 4.167% auto 0;
    padding: 1.737% 2.778%;
    width: 59.51%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border: solid 1px #231815;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .p-page-timetable__ticket:hover {
    opacity: 0.6;
  }
}

.p-page-timetable__ticket.bottom {
  margin-top: 21.335%;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket.bottom {
    margin-top: 8.334%;
  }
}

.p-page-timetable__ticket .p-page-timetable__ticket--text-ttl {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket .p-page-timetable__ticket--text-ttl {
    flex-direction: row;
  }
}

.p-page-timetable__ticket .p-page-timetable__ticket--text-ttl h3 {
  margin-top: 0;
  color: #231815;
  font-family: "Racing Sans One";
  text-align: left;
  font-size: 6.4vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket .p-page-timetable__ticket--text-ttl h3 {
    margin: 0;
    width: auto;
    font-size: 2.22vw;
  }

}

.p-page-timetable__ticket .p-page-timetable__ticket--text .p-page-timetable__ticket--text-ttl p {
  margin-top: 0.8%;
}

.p-page-timetable__ticket .p-page-timetable__ticket--text-ttl span {
  color: #231815;
  font-family: "Noto Sans";
  text-align: left;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.24px;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket .p-page-timetable__ticket--text-ttl span {
    margin-left: 10.54%;
    width: 100%;
    display: block;
    font-size: 0.97vw;
    letter-spacing: 0.28px;
  }
}

.p-page-timetable__ticket .p-page-timetable__ticket--text p {
  margin-top: 4.825%;
  color: #231815;
  font-family: "Noto Sans";
  text-align: left;
  font-size: 3.73vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.28px;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket .p-page-timetable__ticket--text p {
    margin-top: 4.015%;
    font-size: 0.97vw;
  }
}

.p-page-timetable__ticket--button {
  margin: 4.75% auto 0;
  width: 73.96%;
  display: block;
  background-color: #ad2626;
  border: solid 1px #ad2626;
  border-radius: 50rem;
  overflow: hidden;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket--button {
    margin: 0;
    width: 32.262%;
    display: block;
    background-color: #ad2626;
    border: solid 1px #ad2626;
    border-radius: 50rem;
    overflow: hidden;
  }
}

.p-page-timetable__ticket--button p {
  margin-top: 0;
  width: 100%;
  display: block;
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.429;
}

@media (min-width: 769px) {
  .p-page-timetable__ticket--button p {
    font-size: 1.11vw;
    line-height: 2.753;
  }
}

.p-page-timetable__ticket--button a {
  width: 100%;
  height: 100%;
  display: block;
}

.p-page-timetable__ticket--button span::after {
  content: "";
  margin-left: 4.39%;
  width: 7.9%;
  aspect-ratio: 1/1;
  display: inline-block;
  background-image: url(./assets/img/icon_link-external-wt.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(20%);
}

@media (min-width: 769px) {
  .p-page-timetable__ticket--button span::after {
    margin-left: 4.035%;
    width: 8.07%;
    transform: translateY(15%);
  }
}

.p-page-timetable__content {
  margin-top: 21.33%;
  font-size: 1vw;
}

@media (min-width: 769px) {
  .p-page-timetable__content {
    margin-top: 5.56%;
  }
}

.p-page-timetable__content section {
  scroll-margin-top: 23em;
}

@media (min-width: 769px) {
  .p-page-timetable__content section {
    scroll-margin-top: 10em;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 0.4%;
}

@media (min-width: 769px) {
  .p-page-timetable__content ul.p-page-timetable__content--subhead {
    margin: 0 auto;
    width: 86.11%;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead li {
  width: 33.07%;
  padding: 3.13% 0;
  background-color: #86807E;
  text-align: center;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-timetable__content ul.p-page-timetable__content--subhead li {
    padding: 1.29% 0;
    height: auto;
    margin-bottom: 0.822%;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead li a {
  color: #FFFFFF;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1.66;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .p-page-timetable__content ul.p-page-timetable__content--subhead li a {
    font-size: 1.53vw;
    line-height: 1;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead li a span {
  font-size: 2.67vw;
}

@media (min-width: 769px) {
  .p-page-timetable__content ul.p-page-timetable__content--subhead li a span {
    font-size: 0.97vw;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead li a::after {
  content: "";
  margin-left: 6.5%;
  width: 5.5%;
  aspect-ratio: 2/1.7;
  display: inline-block;
  background-color: #FFFFFF;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

@media (min-width: 769px) {
  .p-page-timetable__content ul.p-page-timetable__content--subhead li a::after {
    margin-left: 2.5%;
    width: 4.5%;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead li.current {
  background-color: #231815;
  margin-bottom: 0;
  z-index: 2;
  line-height: 9.8;
}

@media (min-width: 769px) {

  .p-page-timetable__content ul.p-page-timetable__content--subhead li.current,
  .p-page-timetable__content ul.p-page-timetable__content--subhead li:hover {
    padding: 1.34% 0;
    background-color: #231815;
    line-height: 2;
  }
}

.p-page-timetable__content ul.p-page-timetable__content--subhead.is-fixed {
  position: fixed;
  left: 50%;
  z-index: 10;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

/* dateTab */
.p-page-timetable__content #timetableinput1 {
  padding-top: 11.7%;
}

@media (min-width: 769px) {
  .p-page-timetable__content #timetableinput1 {
    padding-top: 9.13%;
  }
}

.p-page-timetable__content #timetableinput2,
.p-page-timetable__content #timetableinput3 {
  padding-top: 11.7%;
}

@media (min-width: 769px) {

  .p-page-timetable__content #timetableinput2,
  .p-page-timetable__content #timetableinput3 {
    padding-top: 9.13%;
  }
}

.p-page-timetable__content--date {
  padding-top: 0;
  width: 100%;
}

@media (min-width: 769px) {
  .p-page-timetable__content--date {
    margin: 0 auto;
    padding-top: 0;
    width: 85.48%;
  }
}

.p-page-timetable__content--date h4 {
  color: #231815;
  text-align: center;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 769px) {
  .p-page-timetable__content--date h4 {
    font-size: 3.33vw;
  }
}

.p-page-timetable__content--date h4 span {
  font-size: 9.6vw;
}

@media (min-width: 769px) {
  .p-page-timetable__content--date h4 span {
    font-size: 6.11vw;
  }
}

.p-page-timetable__content--date p {
  margin-top: 1.45%;
  padding: 0.58% 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 1;
  background-color: #231815;
}

@media (min-width: 769px) {
  .p-page-timetable__content--date p {
    margin-top: 1.89%;
    padding: 0.48% 0;
    font-size: 1.94vw;
  }
}

.p-page-timetable__content--file {
  margin-top: 5.33%;
  width: 100%;
  display: block;
}

@media (min-width: 769px) {
  .p-page-timetable__content--file {
    margin: 3.226% auto 0;
    width: 85.48%;
  }
}

.p-page-timetable__content--file .p-page-timetable__content--file-txt {
  margin-top: 11.59%;
  color: #231815;
  text-align: center;
  font-size: 2.67vw;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .p-page-timetable__content--file .p-page-timetable__content--file-txt {
    margin-top: 5.66%;
    font-size: 0.97vw;
    letter-spacing: 0.28px;
  }
}

.p-page-timetable__content--file p a {
  margin: 4.35% auto 0;
  width: 94.2%;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-timetable__content--file p a {
    margin-top: 1.89%;
    width: 47.835%;
  }
}

.p-page-timetable__content--file p a span {
  color: #231815;
  text-align: center;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.004;
}

@media (min-width: 769px) {
  .p-page-timetable__content--file p a span {
    font-size: 1.11vw;
    line-height: 2.878;
    letter-spacing: 0.32px;
  }
}

@media (min-width: 769px) {
  .p-page-timetable__content--file p a:hover span {
    color: #fff;
    z-index: 3;
    position: relative;
  }
}

.p-page-timetable__content--file p a span::after {
  content: '';
  margin-left: 3.1%;
  width: 4.025%;
  aspect-ratio: 1 / 1;
  display: inline-block;
  background-image: url(./assets/img/icon_download.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(10%);
}

@media (min-width: 769px) {
  .p-page-timetable__content--file p a span::after {
    margin-left: 3.963%;
    width: 3.17%;
  }
}

@media (min-width: 769px) {
  .p-page-timetable__content--file p a:hover span::after {
    background-image: url(./assets/img/icon_download-wt.svg);
    z-index: 3;
    position: relative;
  }
}

.p-page-timetable__content--btn {
  margin: 8.7% auto 0;
  width: 75.365%;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {
  .p-page-timetable__content--btn {
    margin: 4.033% auto 0;
    width: 36.6%;
  }
}

.p-page-timetable__content--btn span {
  color: #231815;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 3.29;
}

@media (min-width: 769px) {
  .p-page-timetable__content--btn span {
    font-size: 1.11vw;
    line-height: 2.4;
    letter-spacing: 0.32px;
  }
}

.p-page-timetable__content--btn span::after {
  content: "";
  margin-left: 3.38%;
  width: 5.41%;
  aspect-ratio: 8/7;
  display: inline-block;
  background-image: url(./assets/img/icon_arrow-next.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
}

@media (min-width: 769px) {
  .p-page-timetable__content--btn span::after {
    margin-left: 4.427%;
    width: 5.6%;
    transform: translateY(20%);
  }
}

@media (min-width: 769px) {
  .p-page-timetable__content--btn:hover span::after {
    background-image: url(./assets/img/icon_arrow-next-wt.svg);
    z-index: 3;
    position: relative;
  }
}

.p-page-timetable__content--notice {
  margin: 4.35% auto 0;
  width: 88.41%;
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  display: block;
}

@media (min-width: 769px) {
  .p-page-timetable__content--notice {
    margin: 1.62% auto 0;
    font-size: 1.11vw;
    width: 100%;
    letter-spacing: 0.32px;
  }
}

.p-page-timetable__link {
  margin-top: 4%;
  width: 100%;
  position: relative;
  cursor: pointer;
}

@media (min-width: 769px) {
  .p-page-timetable__link {
    margin-top: 4.2%;
  }
}

.p-page-timetable__link a {
  width: 10.13%;
  aspect-ratio: 1/1;
  display: block;
  background-color: #231815;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  right: 4%;
}

@media (min-width: 769px) {
  .p-page-timetable__link a {
    width: 5.12%;
    right: 2%;
  }
}

.p-page-timetable__link a::after {
  content: "";
  width: 50%;
  aspect-ratio: 1/1;
  background-image: url(./assets/img/icon_link-top.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 25%;
  left: 25%;
}

/*---------------------------------*
* utility
*----------------------------------*/
.u-inline-block {
  display: inline-block;
}

.u-br-sp {
  display: block;
}

@media (min-width: 769px) {
  .u-br-sp {
    display: none;
  }
}

.u-br-pc {
  display: none;
}

@media (min-width: 769px) {
  .u-br-pc {
    display: block;
  }
}

.u-capitalize__upper {
  text-transform: uppercase;
}


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