html {
  scroll-behavior: smooth;
}

body {
  margin-top: 0;
}

@media (min-width: 1201px) {
  .page-index .l-wrap {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .page-index ._flexRevers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .page-index .grid_bgWrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-index .grid_bgWrap._grid_bgWrapTopBorder {
    border-top: 1px solid #f0f0f0;
  }
  .page-index .grid_bgWrap._grid_bgWrapPaddingTop {
    padding-top: 160px;
  }
  .page-index .grid_bgWrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat left top;
    background-size: 40px 40px;
  }
  .page-index .grid_bgWrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat right top;
    background-size: 40px 40px;
  }
  .page-index .hero {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .page-index .hero_mv {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    overflow: visible;
  }
  .page-index .heroMv_slide {
    overflow: visible;
  }
  .page-index .heroMv_PaginationWrap {
    position: relative;
    width: 1200px;
    height: 0px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .heroMv_PaginationWrap {
    width: 92%;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1201px) {
  .page-index .heroMv_Pagination {
    position: absolute;
    left: -96px;
    bottom: -20px;
    width: 84px;
    text-align: left;
    line-height: 0;
  }
  .page-index .heroMv_Pagination > .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: #f1f1f3;
    opacity: 1;
    margin: 0 2px;
  }
  .page-index .heroMv_Pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 0px;
    background: #76738a;
  }
}
@media (min-width: 1201px) {
  .page-index .hero_box {
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1200px;
    height: 100%;
    text-align: center;
    z-index: 1;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .hero_box {
    width: 100%;
    left: initial;
    right: 0px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (min-width: 1201px) {
  .page-index .hero_text {
    position: absolute;
    width: 32.8vw;
    max-width: 472px;
    left: -1vw;
    bottom: 140px;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .hero_text {
    left: 92px;
  }
}
@media (min-width: 1201px) {
  .page-index .hero_bunner {
    position: absolute;
    right: -20px;
    bottom: 122px;
    width: 29vw;
    max-width: 418px;
    display: inline-block;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .hero_bunner {
    right: 42px;
  }
}
@media (min-width: 1201px) {
  .page-index .hero_bunner:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 1201px) {
  .page-index .hero_bunner._arrow_dark::before {
    margin-right: 16px;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .hero_bunner._arrow_dark::before {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    margin-right: 1.1111111111vw;
  }
}
@media (min-width: 1201px) {
  .page-index .hero_bunner > picture {
    width: 100%;
    height: auto;
    display: inline-block;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .ticket {
    width: 92%;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_inner {
    position: relative;
    width: 100%;
    height: 100%;
    top: -120px;
    left: 50%;
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    pointer-events: visible;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .ticket_inner {
    left: 0px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNotice {
    position: relative;
    padding: 0 50px 0 30px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #fff;
    line-height: 1.3;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNoticeBox {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNoticeBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: calc(100% - 32px - 16px);
    margin-top: 24px;
    border-left: 1px dotted #000;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNotice::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #c06464;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNotice > h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #c06464;
    width: 150px;
    min-width: 134px;
    margin: 27px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNoticeText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    max-width: 1040px;
    padding: 8px 0 8px 24px;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .ticket_importantNoticeText {
    max-width: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNoticeText > p {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.75;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNoticeText > ._date {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding-right: 24px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_importantNoticeText > p > a {
    text-decoration: underline;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  }
  .page-index .ticket_importantNoticeText > p > a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_info {
    background-color: #f1f1f3;
    width: 100%;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_infoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_infoWrap._border {
    border-right: 2px solid #fff;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_infoWrap._01 {
    width: 520px;
    height: 100%;
    text-align: center;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .ticket_infoWrap._01 {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_text01 {
    width: 364px;
    margin: 0 auto 15px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_text02 {
    width: 320px;
    padding: 12px 0;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    margin: 0 auto 15px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_text03 {
    font-size: 12px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_text03 > a {
    text-decoration: underline;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  }
  .page-index .ticket_text03 > a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_infoWrap._02 {
    width: 800px;
    padding: 0 0 0 100px;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .ticket_infoWrap._02 {
    width: 680px;
    min-width: 680px;
    padding: 0 0 0 50px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_confirmation,
.page-index .ticket_reservation,
.page-index .ticket_btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_btnWrap {
    margin-bottom: 20px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_icon {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_icon > ._cart {
    width: 38px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_icon > ._ticket {
    width: 42px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_reservation,
.page-index .ticket_confirmation {
    position: relative;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_reservation > p,
.page-index .ticket_confirmation > p {
    position: relative;
    left: -20px;
    width: 200px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    padding-top: 10px;
    padding-left: 20px;
  }
  .page-index .ticket_reservation > p > span,
.page-index .ticket_confirmation > p > span {
    font-size: 14px;
  }
  .page-index .ticket_reservation:hover,
.page-index .ticket_confirmation:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_reservation {
    background-color: #c06464;
    margin-right: 20px;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_confirmation {
    background-color: #5c8bb9;
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_process {
    position: relative;
    display: inline-block;
    width: 580px;
    padding: 12px 0 14px;
    text-align: center;
    background-color: #76738a;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  .page-index .ticket_process:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 1201px) {
  .page-index .ticket_process > p {
    position: relative;
    left: -10px;
    color: #fff;
  }
}
@media (min-width: 1201px) {
  .page-index .notice {
    width: 1040px;
    margin: -20px auto 100px;
    position: relative;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_titleBox {
    position: relative;
    top: -24px;
    height: 0px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_titleBox > h2 {
    width: 100px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_summary {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 16px;
    padding-right: 20px;
    color: #76738a;
    z-index: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_summary:hover {
    opacity: 0.6;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_link {
    margin-top: 27px;
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_arrow {
    position: relative;
    font-size: 16px;
    color: #76738a;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_arrow:hover {
    opacity: 0.6;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-index .notice_contents + .notice_contents {
    margin-top: 20px;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_contents > dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #76738a;
    margin-right: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_date {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-right: 36px;
    width: 94px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_tag {
    padding: 5px 7px;
    background-color: #f1f1f3;
    font-size: 13px;
    line-height: 1.4;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 111px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_contents > dd {
    width: 100%;
    max-width: 810px;
    line-height: 1.4;
    margin-top: 3px;
  }
}
@media (min-width: 1201px) {
  .page-index .notice_contents > dd > a {
    text-decoration: underline;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  }
  .page-index .notice_contents > dd > a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 1201px) {
  .page-index .airframe_wrap {
    position: absolute;
    top: 0;
    width: 2800px;
    height: 801px;
    overflow: hidden;
  }
}
@media (min-width: 1201px) {
  .page-index .airframe_wrap._left {
    left: 50%;
    -webkit-transform: translateX(calc(-50% - 1px)) translateY(-1px);
            transform: translateX(calc(-50% - 1px)) translateY(-1px);
    background: url("../images/index/airframe/bg_wide.png") no-repeat top center;
    background-size: auto 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .about {
    position: relative;
    display: block;
    width: 1120px;
    text-align: center;
    margin: 0 auto 241px;
    padding: 78px 0 79px;
    height: 478.8px;
    background-color: #fff;
  }
}
@media (min-width: 1201px) {
  .page-index .about_title {
    position: relative;
    width: 640px;
    margin: 0 auto 45px;
  }
}
@media (min-width: 1201px) {
  .page-index .about_text {
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 2;
    letter-spacing: 0.08em;
  }
}
@media (min-width: 1201px) {
  .page-index .about_link {
    position: relative;
    font-size: 16px;
    color: #76738a;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .about_link:hover {
    opacity: 0.6;
  }
}
@media (min-width: 1201px) {
  .page-index .contents {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
  }
}
@media (min-width: 1201px) {
  .page-index .contents_wrap {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .content {
    position: relative;
    width: 100%;
    height: 598px;
    text-align: center;
    color: #3c3c3c;
    margin-bottom: 82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1201px) {
  .page-index .content_grid {
    position: absolute;
    top: 0;
    top: 0.08%;
    background-color: aqua;
  }
}
@media (min-width: 1201px) {
  .page-index .content_grid._left {
    right: 1200px;
    width: 50vw;
    height: 2160px;
    background: url("../images/index/contents/bg_grid_left.webp") repeat-x right top;
    background-size: 640px 2160px;
  }
}
@media (min-width: 1201px) {
  .page-index .content_grid._right {
    left: 1200px;
    width: 50vw;
    height: 2160px;
    background: url("../images/index/contents/bg_grid_right.webp") repeat-x left top;
    background-size: 640px 2160px;
  }
}
@media (min-width: 1201px) {
  .page-index .content._revers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 1201px) {
  .page-index .content_details {
    position: relative;
    width: 600px;
    background-color: #fff;
  }
  .page-index .content_details > .c_siteSectionDeco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-index .content_details > .c_siteSectionDeco > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0.13;
  }
  .page-index .content_details > .c_siteSectionTitle {
    opacity: 0;
  }
  .page-index .content_details > .content_title {
    display: block;
    margin: 72px auto 46px;
    width: 240px;
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-index .content_details > .content_title._know {
    background-color: #5c8bb9;
  }
  .page-index .content_details > .content_title._experience {
    background-color: #a681af;
  }
  .page-index .content_details > .content_title._play {
    background-color: #6e987c;
    margin-top: 92px;
  }
  .page-index .content_details > .content_title > img {
    display: block;
    width: auto;
    height: 38px;
  }
}
@media (min-width: 1201px) {
  .page-index ._know .c_siteSectionDeco {
    -webkit-transform: translateY(-0.7px);
            transform: translateY(-0.7px);
  }
  .page-index ._know .c_siteSectionDeco > div {
    background-color: rgba(92, 139, 185, 0.13);
  }
}
@media (min-width: 1201px) {
  .page-index ._experience .content_image {
    width: 602px;
  }
  .page-index ._experience .c_siteSectionDeco {
    -webkit-transform: translateX(-0.7px) translateY(-0.7px);
            transform: translateX(-0.7px) translateY(-0.7px);
  }
  .page-index ._experience .c_siteSectionDeco > div {
    background-color: rgba(166, 129, 175, 0.13);
  }
}
@media (min-width: 1201px) {
  .page-index ._play .c_siteSectionDeco {
    -webkit-transform: translateY(-0.7px);
            transform: translateY(-0.7px);
  }
  .page-index ._play .c_siteSectionDeco > div {
    background-color: rgba(110, 152, 124, 0.13);
  }
}
@media (min-width: 1201px) {
  .page-index .content._play::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 1px;
    width: 599px;
    height: 598px;
    background: url("../images/index/contents/deco_play01.png") no-repeat center top;
    background-size: 100% auto;
    opacity: 0.13;
  }
}
@media (min-width: 1201px) {
  .page-index .content_image {
    width: 599px;
    display: block;
    height: calc(100% + 1px);
  }
  .page-index .content_image > img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .content_text {
    font-size: 17px;
    line-height: 2.4;
    color: #3c3c3c;
  }
}
@media (min-width: 1201px) {
  .page-index .content_title._play > img {
    height: 94px;
  }
}
@media (min-width: 1201px) {
  .page-index .content_attention {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 34px;
    color: #6e987c;
  }
}
@media (min-width: 1201px) {
  .page-index .contents_other {
    position: relative;
    display: block;
    width: 400px;
    margin: 0 auto;
    padding: 39px 0;
    background-color: #76738a;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .contents_other:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 1201px) {
  .page-index .store {
    margin: 80px auto;
    width: 1200px;
  }
}
@media (min-width: 1201px) {
  .page-index .store_contents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1201px) {
  .page-index .store_content {
    width: 562px;
    height: 660px;
    border: 1px solid #f0f0f0;
  }
}
@media (min-width: 1201px) {
  .page-index .store_content._shop,
.page-index .store_content._cafe {
    position: relative;
  }
}
@media (min-width: 1201px) {
  .page-index .store_content._cafe::before {
    content: "";
    position: absolute;
    top: 380px;
    right: 1px;
    width: 558px;
    height: 119px;
    background: url("../images/index/store/deco_cafe.webp") no-repeat right top;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0.45;
  }
}
@media (min-width: 1201px) {
  .page-index .store_content._shop::before {
    content: "";
    position: absolute;
    top: 380px;
    right: 1px;
    width: 558px;
    height: 119px;
    background: url("../images/index/store/deco_shop.webp") no-repeat right top;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0.45;
  }
}
@media (min-width: 1201px) {
  .page-index .store_link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .store_image {
    display: block;
    margin-bottom: 60px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .page-index .store_image > img {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .store_link:hover .store_image {
    opacity: 0.9;
  }
}
@media (min-width: 1201px) {
  .page-index .store_text {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .page-index .store_text > h3 {
    position: relative;
    height: 22px;
    margin-bottom: 24px;
  }
  .page-index .store_text > h3 > img {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .store_logo {
    width: 170px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1201px) {
  .page-index .store_text > p {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media (min-width: 1201px) {
  .page-index .store_arrow {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 40px;
    height: 40px;
    background-color: #76738a;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    display: grid;
    place-content: center;
  }
  a .page-index .store_arrow {
    right: 10px;
  }
}
@media (min-width: 1201px) {
  .page-index .store_link:hover .store_arrow {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 1201px) {
  .page-index .store_arrow > img {
    width: 12px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .store_link:hover .store_arrow > img {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@media (min-width: 1201px) {
  .page-index .store_arrow._arrowLeft {
    right: 0px;
  }
}
@media (min-width: 1201px) {
  .page-index .store_arrow._arrowClose {
    background-color: #f0f0f0;
  }
}
@media (min-width: 1201px) {
  .page-index .store_attention {
    font-size: 14px;
    line-height: 1.75;
    text-align: center;
    color: #808080;
    margin-top: 50px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead_bgWrap::before {
    background-position-y: 1px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead_bgWrap::after {
    background-position-y: 1px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead {
    padding-top: 41px;
    padding-bottom: 41px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead__in {
    background-color: #fff;
    padding: 44px;
    max-width: 1198px;
    margin-left: auto;
    margin-right: auto;
    height: 359px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-heading {
    text-align: center;
    margin-bottom: 8px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-heading__label {
    font-size: 26px;
    color: #76738a;
    letter-spacing: 0.14em;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-desc {
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-desc__label {
    font-size: 16px;
    color: #76738a;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-content {
    margin-top: 40px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item {
    width: calc((100% - 40px) / 2);
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-bnr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 142px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-bnr:hover .guide-lead-item-arrow__label img {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-img img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-bnr:hover .guide-lead-item-img img {
    opacity: 0.9;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-ico {
    background-color: #e6ba5d;
    width: 142px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-ico__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item--01 .guide-lead-item-ico__label img {
    width: 60px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item--02 .guide-lead-item-ico__label img {
    width: 70px;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-img__label {
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-img__label picture {
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-img__label img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #e6ba5d;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-arrow__label {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .guide-lead-item-arrow__label img {
    width: 14px;
    height: 14px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead__in {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead__body {
    max-width: 1122px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f0f0f0;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
    position: relative;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead__body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background-image: url(../images/index/spot-lead/bg_left.webp);
    background-size: 80px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead__body::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background-image: url(../images/index/spot-lead/bg_right.webp);
    background-size: 80px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-desc__label {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 2;
    color: #3c3c3c;
    z-index: 1;
    position: relative;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-content {
    width: 590px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item {
    width: 280px;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item__in {
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item__body {
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-img__label {
    display: inline-block;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item--01 .spot-lead-item-img__label {
    width: 210px;
    margin-top: 18px;
    margin-left: 16px;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item--02 .spot-lead-item-img__label {
    width: 168px;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-bnr {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-img {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-btn {
    position: relative;
    margin-top: 20px;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-link {
    display: block;
    background-color: #f1f1f3;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-link-txt {
    padding: 8px 0;
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .page-index .spot-lead-item-link-txt__label {
    font-size: 16px;
    color: #76738a;
    letter-spacing: 0.14em;
  }
}
@media (min-width: 1201px) {
  .page-index .access_bg {
    width: 100%;
    background-color: #f1f1f3;
  }
}
@media (min-width: 1201px) {
  .page-index .access {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .access {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .access_contents {
    position: relative;
    width: 100%;
    padding: 86px 0 88px;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
@media (min-width: 1201px) {
  .page-index .access_contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 159px;
    height: 119px;
    background: url("../images/index/access/deco01.png") no-repeat right top;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
  }
}
@media (min-width: 1201px) {
  .page-index .access_contents::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 119px;
    height: 159px;
    background: url("../images/index/access/deco02.png") no-repeat right top;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
  }
}
@media (min-width: 1201px) {
  .page-index .access_title {
    position: relative;
    margin-bottom: 48px;
  }
}
@media (min-width: 1201px) {
  .page-index .access_title > h2 {
    width: 324px;
    margin: 0 auto;
    margin-bottom: 18px;
  }
}
@media (min-width: 1201px) {
  .page-index .access_title > p {
    font-size: 22px;
    line-height: 1;
  }
}
@media (min-width: 1201px) {
  .page-index .access_address,
.page-index .access_schedule {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media (min-width: 1201px) {
  .page-index .access_address {
    margin-bottom: 4px;
  }
}
@media (min-width: 1201px) {
  .page-index .access_address._margin {
    margin-bottom: 30px;
  }
}
@media (min-width: 1201px) {
  .page-index .access_address > small {
    font-size: 14px;
  }
}
@media (min-width: 1201px) {
  .page-index .access_schedule {
    width: 510px;
    margin: 0 auto 30px;
    padding: 18px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
@media (min-width: 1201px) {
  .page-index .access_schedule > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1201px) {
  .page-index .access_schedule > div + div {
    margin-top: 14px;
  }
}
@media (min-width: 1201px) {
  .page-index .access_schedule > div > dt {
    font-size: 13px;
    color: #76738a;
    padding: 3px 0px 3px;
    background-color: #fff;
    margin-right: 20px;
    width: 94px;
    text-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .access_schedule > div > dd {
    line-height: 1.75;
    text-align: left;
  }
  .page-index .access_schedule > div > dd > span {
    font-size: 13px;
  }
  .page-index .access_schedule > div > dd > small {
    font-size: 13px;
    color: #808080;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 1201px) {
  .page-index .access_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 220px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background-color: #76738a;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .access_link:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 1201px) {
  .page-index .access_map {
    position: relative;
    width: 100%;
    max-height: 840px;
    height: auto;
    display: block;
    background-color: #76738a;
    overflow: hidden;
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
@media (min-width: 1201px) {
  .page-index .access_map > iframe {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100.1%;
    height: 100.1%;
  }
}
@media (min-width: 1201px) {
  .page-index .info {
    position: relative;
    width: 640px;
    margin: 0 auto;
    padding: 80px 0px 80px;
  }
}
@media (min-width: 1201px) {
  .page-index .info::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 641px;
    width: 50vw;
    height: 359px;
    background: url("../images/index/info/deco01.webp") repeat-x right top;
    background-size: 679px 359px;
  }
}
@media (min-width: 1201px) {
  .page-index .info::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 680px;
    width: 50vw;
    height: 359px;
    background: url("../images/index/info/deco02.webp") repeat-x left top;
    background-size: 719px 359px;
  }
}
@media (min-width: 1201px) {
  .page-index .info_userGuide,
.page-index .info_faq {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #76738a;
    color: #76738a;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-index .info_userGuide:hover,
.page-index .info_faq:hover {
    background-color: #f1f1f3;
  }
}
@media (min-width: 1201px) {
  .page-index .info_userGuide {
    padding: 38px 0;
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1201px) {
  .page-index .info_faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 21px 0;
    font-size: 20px;
  }
}
@media (min-width: 1201px) {
  .page-index .info_faq > img {
    width: 31px;
    margin-right: 14px;
  }
}
@media (min-width: 1201px) {
  .page-index .info_arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
}
@media (min-width: 1201px) {
  .page-index .info_arrow > img {
    width: 8px;
  }
}
@media (min-width: 1201px) {
  .page-index .info_arrow._arrowClose {
    background-color: #f0f0f0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index ._flexRevers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .page-index .grid_bgWrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-index .grid_bgWrap._grid_bgWrapTopBorder {
    border-top: 1px solid #f0f0f0;
  }
  .page-index .grid_bgWrap._grid_bgWrapPaddingTop {
    padding-top: 160px;
  }
  .page-index .grid_bgWrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat left top;
    background-size: 40px 40px;
  }
  .page-index .grid_bgWrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat right top;
    background-size: 40px 40px;
  }
  .page-index .hero {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .page-index .hero_mv {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    overflow: visible;
  }
  .page-index .heroMv_slide {
    overflow: visible;
  }
  .page-index .heroMv_PaginationWrap {
    width: 91.6%;
    height: 0;
    margin: 0 0 0 auto;
  }
  .page-index .heroMv_Pagination {
    position: absolute;
    left: 20px;
    bottom: -20px;
    width: 80px;
    text-align: left;
    line-height: 0;
  }
  .page-index .heroMv_Pagination > .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: #f1f1f3;
    opacity: 1;
    margin: 0 2px;
  }
  .page-index .heroMv_Pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 0px;
    background: #76738a;
  }
  .page-index .hero_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
  }
  .page-index .hero_text {
    position: absolute;
    width: 32.8vw;
    max-width: 472px;
    left: 100px;
    bottom: 110px;
  }
  .page-index .hero_bunner {
    position: absolute;
    right: 50px;
    bottom: 96px;
    width: 29vw;
    max-width: 418px;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  .page-index .hero_bunner:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
  .page-index .hero_bunner._arrow_dark::before {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    margin-right: 0.6944444444vw;
  }
  .page-index .hero_bunner > picture {
    width: 100%;
    height: auto;
    display: inline-block;
  }
  .page-index .ticket {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
  }
  .page-index .ticket_inner {
    position: relative;
    width: 91.6%;
    height: 100%;
    top: -90px;
    right: -100px;
  }
  .page-index .ticket_importantNotice {
    position: relative;
    padding: 0 60px 0 30px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #fff;
    line-height: 1.3;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_importantNotice {
    padding: 0 80px 0 30px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNoticeBox {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNoticeBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: calc(100% - 32px - 16px);
    margin-top: 24px;
    border-left: 1px dotted #000;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNotice::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #c06464;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNotice > h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #c06464;
    width: 150px;
    min-width: 134px;
    margin: 27px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNoticeText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 8px 0 8px 24px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNoticeText > p {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.75;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNoticeText > ._date {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding-right: 24px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_importantNoticeText > p > a {
    text-decoration: underline;
    pointer-events: visible;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  }
  .page-index .ticket_importantNoticeText > p > a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_info {
    background-color: #f1f1f3;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_infoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_infoWrap._border {
    border-right: 2px solid #fff;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_infoWrap._01 {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 30px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_infoWrap._01 {
    padding: 0 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_text01 {
    width: 364px;
    margin: 0 auto 15px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_text01 {
    width: 300px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_text02 {
    width: 320px;
    padding: 12px 0;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    margin: 0 auto 15px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_text02 {
    width: 270px;
    font-size: 14px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_text03 {
    font-size: 11px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_text03 {
    font-size: 10px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_text03 > a {
    text-decoration: underline;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  }
  .page-index .ticket_text03 > a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_infoWrap._02 {
    width: 640px;
    min-width: 640px;
    padding: 0 0 0 30px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_infoWrap._02 {
    width: 488px;
    min-width: 488px;
    padding: 0 0 0 25px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_confirmation,
.page-index .ticket_reservation,
.page-index .ticket_btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_btnWrap {
    margin-bottom: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_btnWrap {
    margin-bottom: 15px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_icon {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_icon {
    width: 54px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_icon > ._cart {
    width: 38px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_icon > ._cart {
    width: 30px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_icon > ._ticket {
    width: 42px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_icon > ._ticket {
    width: 34px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_reservation,
.page-index .ticket_confirmation {
    position: relative;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_reservation > p,
.page-index .ticket_confirmation > p {
    position: relative;
    left: -20px;
    width: 180px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    padding-top: 10px;
    padding-left: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_reservation > p,
.page-index .ticket_confirmation > p {
    font-size: 17px;
    width: 130px;
    left: -10px;
    padding-top: 14px;
    padding-left: 0px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_reservation > p > span,
.page-index .ticket_confirmation > p > span {
    font-size: 14px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_reservation > p > span,
.page-index .ticket_confirmation > p > span {
    font-size: 11px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_reservation:hover,
.page-index .ticket_confirmation:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_reservation {
    background-color: #c06464;
    margin-right: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_reservation {
    margin-right: 15px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_confirmation {
    background-color: #5c8bb9;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_process {
    position: relative;
    display: inline-block;
    width: 540px;
    padding: 12px 0 14px;
    text-align: center;
    background-color: #76738a;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  .page-index .ticket_process:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 880px) and (max-width: 1100px) {
  .page-index .ticket_process {
    width: 384px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .ticket_process > p {
    position: relative;
    left: -10px;
    color: #fff;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice {
    width: 800px;
    margin: -20px auto 100px;
    position: relative;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-720px);
            transform: translateX(-720px);
    width: 1439px;
    height: 399px;
    background: url("../images/index/info/deco.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_titleBox {
    position: relative;
    top: -24px;
    height: 0px;
    margin-bottom: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_titleBox > h2 {
    width: 100px;
    margin: 0 auto;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_summary {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 16px;
    padding-right: 20px;
    color: #76738a;
    z-index: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_summary:hover {
    opacity: 0.6;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_link {
    margin-top: 27px;
    text-align: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_arrow {
    position: relative;
    font-size: 16px;
    color: #76738a;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_arrow:hover {
    opacity: 0.75;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-index .notice_contents + .notice_contents {
    margin-top: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_contents > dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #76738a;
    margin-right: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_date {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    margin-right: 36px;
    width: 94px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_tag {
    padding: 5px 7px;
    background-color: #f1f1f3;
    font-size: 13px;
    line-height: 1.4;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 111px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_contents > dd {
    width: 100%;
    max-width: 580px;
    line-height: 1.4;
    margin-top: 3px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .notice_contents > dd > a {
    text-decoration: underline;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  }
  .page-index .notice_contents > dd > a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .airframe_wrap {
    position: absolute;
    top: 0;
    width: 2800px;
    height: 801px;
    overflow: hidden;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .airframe_wrap._left {
    left: 50%;
    -webkit-transform: translateX(calc(-50% - 1px)) translateY(-1px);
            transform: translateX(calc(-50% - 1px)) translateY(-1px);
    background: url("../images/index/airframe/bg_wide.png") no-repeat top center;
    background-size: auto 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .about {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1120px;
    text-align: center;
    margin: 0 auto 241px;
    padding: 91px 0 92px;
    height: 478.8px;
    overflow: hidden;
    background-color: #fff;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .about_title {
    position: relative;
    width: 640px;
    margin: 0 auto 45px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .about_text {
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 2;
    letter-spacing: 0.08em;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .about_link {
    position: relative;
    font-size: 16px;
    color: #76738a;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .about_link:hover {
    opacity: 0.6;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .contents {
    width: 100%;
    max-width: 880px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 80px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .contents_wrap {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content {
    position: relative;
    width: 100%;
    height: 439px;
    text-align: center;
    color: #3c3c3c;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content._know {
    margin-bottom: 81px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content._experience {
    margin-bottom: 81px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content._play {
    margin-bottom: 81px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._left,
.page-index .content_grid._right {
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #f0f0f0;
    z-index: 1;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._left {
    left: -120px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._right {
    right: -120px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._01 {
    bottom: -40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._02 {
    top: 160px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._03 {
    top: -40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._04 {
    bottom: -160px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_grid._05 {
    bottom: 120px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content._revers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_details {
    position: relative;
    width: 599px;
  }
  .page-index .content_details > .c_siteSectionDeco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-index .content_details > .c_siteSectionDeco > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0.13;
  }
  .page-index .content_details > .c_siteSectionTitle {
    opacity: 0;
  }
  .page-index .content_details > .content_title {
    display: block;
    margin: 60px auto 30px;
    width: 200px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-index .content_details > .content_title._know {
    background-color: #5c8bb9;
  }
  .page-index .content_details > .content_title._experience {
    background-color: #a681af;
  }
  .page-index .content_details > .content_title._play {
    background-color: #6e987c;
  }
  .page-index .content_details > .content_title > img {
    display: block;
    width: auto;
    height: 26px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index ._know .c_siteSectionDeco > div {
    background-color: rgba(92, 139, 185, 0.13);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index ._experience .c_siteSectionDeco > div {
    background-color: rgba(166, 129, 175, 0.13);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index ._play .c_siteSectionDeco > div {
    background-color: rgba(110, 152, 124, 0.13);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_image {
    width: 599px;
    display: block;
    height: calc(100% + 1px);
  }
  .page-index .content_image > img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_title {
    margin-bottom: 50px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_text {
    font-size: 14px;
    line-height: 1.9;
    color: #3c3c3c;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_title._play > img {
    position: relative;
    height: 66px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .content_attention {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 16px;
    color: #6e987c;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .contents_other {
    position: relative;
    display: block;
    width: 400px;
    margin: 0 auto;
    padding: 39px 0;
    background-color: #76738a;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .contents_other:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store {
    margin: 80px auto;
    width: 800px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_contents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_content {
    width: 386px;
    height: 500px;
    border: 1px solid #f0f0f0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_content._shop,
.page-index .store_content._cafe {
    position: relative;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_content._cafe::before {
    content: "";
    position: absolute;
    top: 260px;
    left: 0;
    width: 386px;
    height: 82.3px;
    background: url("../images/index/store/deco_cafe.webp") no-repeat right top;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0.45;
    pointer-events: none;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_content._shop::before {
    content: "";
    position: absolute;
    top: 260px;
    left: 0;
    width: 386px;
    height: 82.3px;
    background: url("../images/index/store/deco_shop.webp") no-repeat right top;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0.45;
    pointer-events: none;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_image {
    display: block;
    margin-bottom: 40px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .page-index .store_image > img {
    width: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_link:hover .store_image {
    opacity: 0.9;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_text {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_text > h3 {
    position: relative;
    height: 20px;
    margin-bottom: 20px;
  }
  .page-index .store_text > h3 > img {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_logo {
    width: 170px;
    margin-bottom: 25px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_text > p {
    font-size: 13px;
    line-height: 1.75;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_arrow {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 40px;
    height: 40px;
    background-color: #76738a;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    display: grid;
    place-content: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_link:hover .store_arrow {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_arrow > img {
    width: 12px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_link:hover .store_arrow > img {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_arrow._arrowLeft {
    right: 0px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_arrow._arrowClose {
    background-color: #f0f0f0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .store_attention {
    font-size: 12px;
    line-height: 1.75;
    text-align: center;
    color: #808080;
    margin-top: 50px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead_bgWrap::before {
    background-position-y: 1px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead_bgWrap::after {
    background-position-y: 1px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead {
    padding-top: 41px;
    padding-bottom: 41px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead__in {
    background-color: #fff;
    padding: 44px;
    max-width: 878px;
    margin-left: auto;
    margin-right: auto;
    height: 359px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-heading {
    text-align: center;
    margin-bottom: 8px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-heading__label {
    font-size: 26px;
    color: #76738a;
    letter-spacing: 0.14em;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-desc {
    text-align: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-desc__label {
    font-size: 16px;
    color: #76738a;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-content {
    margin-top: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item {
    width: calc((100% - 40px) / 2);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-bnr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 99.5px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-bnr:hover .guide-lead-item-arrow__label img {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-img img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-bnr:hover .guide-lead-item-img img {
    opacity: 0.9;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-ico {
    background-color: #e6ba5d;
    width: 99.5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-ico__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item--01 .guide-lead-item-ico__label img {
    width: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item--02 .guide-lead-item-ico__label img {
    width: 50px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-img__label {
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-img__label picture {
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-img__label img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #e6ba5d;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-arrow__label {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .guide-lead-item-arrow__label img {
    width: 14px;
    height: 14px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead__in {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead__body {
    max-width: 878px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f0f0f0;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    position: relative;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead__body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background-image: url(../images/index/spot-lead/bg_left.webp);
    background-size: 80px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead__body::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background-image: url(../images/index/spot-lead/bg_right.webp);
    background-size: 80px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-desc__label {
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 2;
    color: #3c3c3c;
    z-index: 1;
    position: relative;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-content {
    width: 456px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 36px;
       -moz-column-gap: 36px;
            column-gap: 36px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item {
    width: 210px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item__in {
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item__body {
    height: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-img__label {
    display: inline-block;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item--01 .spot-lead-item-img__label {
    width: 210px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item--02 .spot-lead-item-img__label {
    width: 168px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-bnr {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-img {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-btn {
    position: relative;
    margin-top: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-link {
    display: block;
    background-color: #f1f1f3;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-link-txt {
    padding: 8px 0;
    text-align: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .spot-lead-item-link-txt__label {
    font-size: 13px;
    color: #76738a;
    letter-spacing: 0.14em;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_bg {
    width: 100%;
    background-color: #f1f1f3;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_contents {
    position: relative;
    width: 100%;
    padding: 100px 20px;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 159px;
    height: 119px;
    background: url("../images/index/access/deco01.png") no-repeat right top;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_contents::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 119px;
    height: 159px;
    background: url("../images/index/access/deco02.png") no-repeat right top;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_title {
    position: relative;
    margin-bottom: 78px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_title > h2 {
    width: 324px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_title > p {
    font-size: 22px;
    line-height: 1;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_address,
.page-index .access_schedule {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_address {
    margin-bottom: 16px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_address > small {
    font-size: 14px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_schedule {
    width: 460px;
    margin: 0 auto 30px;
    padding: 18px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_schedule > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_schedule > div + div {
    margin-top: 14px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_schedule > div > dt {
    font-size: 13px;
    color: #76738a;
    padding: 1px 0px 3px;
    background-color: #fff;
    margin-right: 20px;
    width: 94px;
    text-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_schedule > div > dd {
    line-height: 1.75;
    text-align: left;
  }
  .page-index .access_schedule > div > dd > span {
    font-size: 13px;
  }
  .page-index .access_schedule > div > dd > small {
    font-size: 13px;
    color: #808080;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 220px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background-color: #76738a;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_link:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_map {
    position: relative;
    width: 100%;
    max-height: 960px;
    height: auto;
    display: block;
    background-color: #76738a;
    overflow: hidden;
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .access_map > iframe {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100.1%;
    height: 100.1%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info {
    position: relative;
    width: 640px;
    margin: 0 auto;
    padding: 80px 0px 80px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 680px;
    width: 50vw;
    height: 359px;
    background: url("../images/index/info/deco01.webp") repeat-x left top;
    background-size: 679px 359px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 680px;
    width: 50vw;
    height: 359px;
    background: url("../images/index/info/deco02.webp") repeat-x left top;
    background-size: 719px 359px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_userGuide,
.page-index .info_faq {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #76738a;
    color: #76738a;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_userGuide {
    padding: 38px 0;
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_userGuide:hover,
.page-index .info_faq:hover {
    background-color: #f1f1f3;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 21px 0;
    font-size: 20px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_faq > img {
    width: 31px;
    margin-right: 14px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_arrow > img {
    width: 8px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .info_arrow._arrowClose {
    background-color: #f0f0f0;
  }
}
@media (max-width: 879px) {
  .page-index ._flexRevers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .page-index .grid_bgWrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-index .grid_bgWrap._grid_bgWrapTopBorder {
    border-top: 1px solid #f0f0f0;
  }
  .page-index .grid_bgWrap._grid_bgWrapPaddingTop {
    padding-top: 34.1025641026vw;
  }
  .page-index .grid_bgWrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_sp.webp") repeat-y center top;
    background-size: 100% 581.0256410256vw;
  }
  .page-index .hero {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .page-index .hero_mv {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    overflow: visible;
  }
  .page-index .heroMv_slide {
    overflow: visible;
  }
  .page-index .mv_image {
    height: 133.3333333333vw;
  }
  .page-index .mv_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-index .hero_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
  }
  .page-index .hero_text {
    position: absolute;
    width: 88.7179487179vw;
    left: 50%;
    bottom: 20.5128205128vw;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  .page-index .hero_bunner {
    position: absolute;
    width: 63.3333333333vw;
    left: 50%;
    bottom: 2.5641025641vw;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  .page-index .hero_bunner._arrow_dark::before {
    width: 1.9230769231vw;
    height: 1.7948717949vw;
    margin-right: 2.5641025641vw;
  }
  .page-index .hero_bunner > picture {
    width: 100%;
    height: auto;
    display: inline-block;
  }
  .page-index .ticket {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
  }
  .page-index .ticket_inner {
    position: relative;
  }
  .page-index .ticket_importantNotice {
    position: relative;
    padding: 6.1538461538vw 5.1282051282vw 0 5.1282051282vw;
    font-size: 3.3333333333vw;
    background-color: #fff;
    line-height: 1.3;
  }
  .page-index .ticket_importantNoticeBox {
    padding-bottom: 5.1282051282vw;
  }
  .page-index .ticket_importantNotice::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2820512821vw;
    height: 100%;
    background-color: #c06464;
  }
  .page-index .ticket_importantNotice > h3 {
    font-family: "Roboto", sans-serif;
    color: #c06464;
    font-weight: 700;
    border-bottom: 1px dotted #000;
    padding-bottom: 0.5128205128vw;
  }
  .page-index .ticket_importantNoticeText {
    padding-top: 5.1282051282vw;
  }
  .page-index .ticket_importantNoticeText > p {
    font-family: "Noto Sans JP", sans-serif;
  }
  .page-index .ticket_importantNoticeText > ._date {
    font-family: "Roboto", sans-serif;
    padding-bottom: 1.5384615385vw;
    font-weight: 700;
  }
  .page-index .ticket_importantNoticeText > p > a {
    text-decoration: underline;
    pointer-events: visible;
  }
  .page-index .ticket_info {
    background-color: #f1f1f3;
    padding: 6.4102564103vw 5.1282051282vw 6.4102564103vw;
  }
  .page-index .ticket_infoWrap._01 {
    text-align: center;
  }
  .page-index .ticket_text01 {
    width: 71.7948717949vw;
    height: 4.358974359vw;
    margin: 0 auto 3.8461538462vw;
  }
  .page-index .ticket_text01 img {
    vertical-align: top;
  }
  .page-index .ticket_text02 {
    padding: 1.3141025641vw 0;
    font-size: 3.3333333333vw;
    text-align: center;
    background-color: #fff;
    margin: 0 auto 2.5641025641vw;
    font-weight: 500;
  }
  .page-index .ticket_text03 {
    display: block;
    font-size: 2.8205128205vw;
    text-align: center;
    font-weight: 500;
  }
  .page-index .ticket_text03 > a {
    text-decoration: underline;
  }
  .page-index .ticket_infoWrap._02 {
    margin-top: 5.1282051282vw;
  }
  .page-index .ticket_infoWrap._02:first-child {
    margin-top: 0;
  }
  .page-index .ticket_btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 2.5641025641vw;
  }
  .page-index .ticket_icon {
    height: 11.5384615385vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-index .ticket_icon > ._cart {
    width: 8.5897435897vw;
  }
  .page-index .ticket_icon > ._ticket {
    width: 9.4871794872vw;
  }
  .page-index .ticket_reservation,
.page-index .ticket_confirmation {
    position: relative;
  }
  .page-index .ticket_reservation > p,
.page-index .ticket_confirmation > p {
    color: #fff;
    text-align: center;
    font-size: 3.8461538462vw;
    line-height: 1.3;
  }
  .page-index .ticket_reservation > br,
.page-index .ticket_confirmation > br {
    display: none;
  }
  .page-index .ticket_reservation > p > span,
.page-index .ticket_confirmation > p > span {
    font-size: 2.5641025641vw;
  }
  .page-index .ticket_reservation {
    display: block;
    width: calc(50% - 1.2820512821vw);
    height: 25.641025641vw;
    padding: 1.2820512821vw 0;
    background-color: #c06464;
    margin-left: 2.5641025641vw;
  }
  .page-index .ticket_reservation:nth-child(2n+1) {
    margin-left: 0;
  }
  .page-index .ticket_confirmation {
    display: block;
    width: calc(50% - 1.2820512821vw);
    height: 25.641025641vw;
    padding: 1.2820512821vw 0;
    background-color: #5c8bb9;
    margin-left: 2.5641025641vw;
  }
  .page-index .ticket_confirmation:nth-child(2n+1) {
    margin-left: 0;
  }
  .page-index .ticket_process {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 1.9230769231vw 0 2.0512820513vw;
    text-align: center;
    background-color: #76738a;
  }
  .page-index .ticket_process > p {
    position: relative;
    font-size: 3.5897435897vw;
    color: #fff;
    font-weight: 500;
  }
  .page-index .notice {
    margin: 8.9743589744vw auto 8.9743589744vw;
    padding: 0 5.1282051282vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-index .info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 78.7179487179vw;
    background: url("../images/index/info/deco01_sp.webp") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateY(0.2564102564vw);
            transform: translateY(0.2564102564vw);
  }
  .page-index .notice_titleBox {
    position: relative;
    margin-bottom: 6.4102564103vw;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .page-index .notice_titleBox > h2 {
    width: 19.7435897436vw;
    height: 4.2307692308vw;
    margin: 0 auto;
  }
  .page-index .notice_titleBox > h2 img {
    vertical-align: top;
  }
  .page-index .notice_summary_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .page-index .notice_summary {
    position: relative;
    display: block;
    width: 33.3333333333vw;
    margin: 0 auto;
    margin-top: 7.1794871795vw;
    font-size: 3.3333333333vw;
    padding: 1.3461538462vw 0;
    border: 1px solid #f0f0f0;
    text-align: center;
    color: #76738a;
    z-index: 1;
  }
  .page-index .notice_list {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .page-index .notice_link {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 6.1538461538vw;
    text-align: center;
  }
  .page-index .notice_arrow {
    position: relative;
    font-size: 3.3333333333vw;
    color: #76738a;
  }
  .page-index .notice_contents + .notice_contents {
    margin-top: 3.3333333333vw;
  }
  .page-index .notice_contents > dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #76738a;
  }
  .page-index .notice_date {
    font-family: "Roboto", sans-serif;
    font-size: 3.0769230769vw;
    font-weight: 700;
    width: 17.9487179487vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-index .notice_tag {
    margin-left: 2.5641025641vw;
    padding: 0.8974358974vw 3.4615384615vw 0.8974358974vw;
    background-color: #f1f1f3;
    font-size: 2.8205128205vw;
    white-space: nowrap;
    line-height: 1;
  }
  .page-index .notice_tag:first-child {
    margin-left: 0;
  }
  .page-index .notice_contents > dd {
    margin-top: 1.5384615385vw;
    font-size: 3.3333333333vw;
    line-height: 1.6153846154;
    font-weight: 500;
  }
  .page-index .notice_contents > dd > a {
    text-decoration: underline;
  }
  .page-index .airframe_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 34.1025641026vw;
    overflow: hidden;
  }
  .page-index .airframe_wrap._left {
    background: url("../images/index/airframe/bg_item_top_sp.png") no-repeat top left;
    background-size: 100% auto;
  }
  .page-index .airframe_wrap._right {
    -webkit-transform: translateY(113.0333333333vw);
            transform: translateY(113.0333333333vw);
    background: url("../images/index/airframe//bg_item_bottom_sp.png") no-repeat top left;
    background-size: 100% auto;
  }
  .page-index .about {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    height: 78.9333333333vw;
    margin-bottom: 34.1025641026vw;
    padding: 8.7179487179vw 5.1282051282vw 9.4871794872vw;
    background-color: #fff;
  }
  .page-index .about > * {
    width: 100%;
  }
  .page-index .about_title {
    position: relative;
    width: 72.6923076923vw;
    height: 12.3076923077vw;
    margin: 0 auto 6.1538461538vw;
  }
  .page-index .about_title img {
    vertical-align: top;
  }
  .page-index .about_text {
    font-size: 3.3333333333vw;
    margin-bottom: 3.0769230769vw;
    line-height: 2;
    font-weight: 500;
  }
  .page-index .about_link {
    position: relative;
    width: auto;
    font-size: 3.0769230769vw;
    color: #76738a;
    font-weight: 500;
  }
  .page-index .contents {
    padding: 0 4.8717948718vw 5.641025641vw;
    margin-top: -0.1282051282vw;
  }
  .page-index .content {
    position: relative;
    text-align: center;
    color: #3c3c3c;
    background-color: #fff;
  }
  .page-index .content._know {
    margin-bottom: 5.7692307692vw;
  }
  .page-index .content._experience {
    margin-bottom: 5.7692307692vw;
  }
  .page-index .content._play {
    margin-bottom: 5.7051282051vw;
  }
  .page-index .content_grid._left,
.page-index .content_grid._right {
    position: absolute;
    background-color: #f0f0f0;
    z-index: 1;
  }
  .page-index .content._revers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .page-index .content_details > .c_siteSectionDeco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .page-index .content_details > .c_siteSectionDeco > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.641025641vw;
    height: 5.641025641vw;
    opacity: 0.13;
    top: -0.2564102564vw;
  }
  .page-index .content_details > .c_siteSectionTitle {
    opacity: 0;
  }
  .page-index .content_details > .content_title {
    position: relative;
    display: block;
    margin: -16.9230769231vw auto 6.4102564103vw;
    width: 34.1025641026vw;
    height: 34.1025641026vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-index .content_details > .content_title._know {
    background-color: #5c8bb9;
  }
  .page-index .content_details > .content_title._experience {
    background-color: #a681af;
  }
  .page-index .content_details > .content_title._play {
    background-color: #6e987c;
  }
  .page-index .content_details > .content_title > img {
    display: block;
    width: auto;
    height: 4.7435897436vw;
  }
  .page-index .content._know .c_siteSectionDeco > div {
    background-color: rgba(92, 139, 185, 0.13);
  }
  .page-index .content._know .content_details {
    height: 73.2051282051vw;
  }
  .page-index .content._know .content_image {
    height: 73.0769230769vw;
  }
  .page-index .content._experience .c_siteSectionDeco {
    margin-top: 0.2564102564vw;
  }
  .page-index .content._experience .c_siteSectionDeco > div {
    background-color: rgba(166, 129, 175, 0.13);
  }
  .page-index .content._experience .content_details {
    height: 73.2051282051vw;
  }
  .page-index .content._experience .content_image {
    height: 73.3333333333vw;
  }
  .page-index .content._play .c_siteSectionDeco {
    margin-top: 0.2564102564vw;
  }
  .page-index .content._play .c_siteSectionDeco > div {
    background-color: rgba(110, 152, 124, 0.13);
  }
  .page-index .content._play .content_details {
    height: 73.2051282051vw;
  }
  .page-index .content._play .content_image {
    height: 73.3333333333vw;
  }
  .page-index .content_image {
    width: 90.2564102564vw;
    height: 72.8205128205vw;
    display: block;
  }
  .page-index .content_image > img {
    width: 100%;
    height: 100%;
  }
  .page-index .content_title {
    margin-bottom: 6.1538461538vw;
  }
  .page-index .content_text {
    font-size: 3.3333333333vw;
    line-height: 2;
    font-weight: 500;
    color: #3c3c3c;
  }
  .page-index .content_title._play > img {
    height: 13.4615384615vw;
  }
  .page-index .content_attention {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 16px;
    color: #6e987c;
  }
  .page-index .contents_other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 56.4102564103vw;
    height: 16.9230769231vw;
    margin: 0 auto;
    background-color: #76738a;
    text-align: center;
    font-size: 3.5897435897vw;
    color: #fff;
    font-weight: 500;
  }
  .page-index .store {
    padding: 7.6923076923vw 5.1282051282vw 6.4102564103vw;
    border-top: 1px solid #f0f0f0;
  }
  .page-index .store_content {
    border: 1px solid #f0f0f0;
  }
  .page-index .store_content._shop,
.page-index .store_content._cafe {
    position: relative;
    margin-top: 7.6923076923vw;
  }
  .page-index .store_content._shop:first-child,
.page-index .store_content._cafe:first-child {
    margin-top: 0;
  }
  .page-index .store_content._cafe::before {
    content: "";
    position: absolute;
    top: 50.5128205128vw;
    left: 0;
    width: 89.7435897436vw;
    height: 17.6923076923vw;
    background: url("../images/index/store/deco_cafe_sp.webp") no-repeat left top;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0.45;
  }
  .page-index .store_content._shop::before {
    content: "";
    position: absolute;
    top: 50.5128205128vw;
    left: 0;
    width: 89.7435897436vw;
    height: 22.3076923077vw;
    background: url("../images/index/store/deco_shop_sp.webp") no-repeat left top;
    background-size: 100% auto;
    z-index: -1;
    opacity: 0.45;
  }
  .page-index .store_link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .page-index .store_image {
    display: block;
    margin-bottom: 7.6923076923vw;
  }
  .page-index .store_image > img {
    width: 100%;
  }
  .page-index .store_text {
    text-align: center;
    margin-bottom: 8.2051282051vw;
  }
  .page-index .store_text > h3 {
    position: relative;
    height: 4.2307692308vw;
    margin-bottom: 5.7692307692vw;
  }
  .page-index .store_text > h3 > img {
    width: auto;
    height: 100%;
    vertical-align: top;
  }
  .page-index .store_logo {
    width: 170px;
    margin-bottom: 25px;
  }
  .page-index .store_text > p {
    font-size: 3.3333333333vw;
    line-height: 2;
    font-weight: 500;
  }
  .page-index .store_arrow {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 5.8974358974vw;
    height: 5.8974358974vw;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
  .page-index .store_arrow > img {
    width: 2.3076923077vw;
  }
  .page-index .store_arrow._arrowLeft {
    right: 0;
  }
  .page-index .store_arrow._arrowClose {
    background-color: #f0f0f0;
  }
  .page-index .store_attention {
    font-size: 2.8205128205vw;
    line-height: 1.9090909091;
    text-align: center;
    color: #808080;
    margin-top: 6.4102564103vw;
    font-weight: 500;
  }
  .page-index .guide-lead {
    padding-top: 11.5384615385vw;
    padding-bottom: 11.5384615385vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
  .page-index .guide-lead__in {
    background-color: #fff;
    padding: 8.9743589744vw 3.0769230769vw 11.0256410256vw;
  }
  .page-index .guide-lead-heading {
    text-align: center;
    margin-bottom: 1.0256410256vw;
  }
  .page-index .guide-lead-heading__label {
    font-size: 4.8717948718vw;
    color: #76738a;
    letter-spacing: 0.14em;
  }
  .page-index .guide-lead-desc {
    text-align: center;
  }
  .page-index .guide-lead-desc__label {
    font-size: 3.3333333333vw;
    color: #76738a;
    letter-spacing: 0.06em;
  }
  .page-index .guide-lead-content {
    margin-top: 7.4358974359vw;
  }
  .page-index .guide-lead-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5.3846153846vw;
    width: 79.2307692308vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page-index .guide-lead-item-bnr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20.8974358974vw;
  }
  .page-index .guide-lead-item-ico {
    background-color: #e6ba5d;
    width: 20.5128205128vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-index .guide-lead-item-ico__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
  }
  .page-index .guide-lead-item--01 .guide-lead-item-ico__label img {
    width: 8.2051282051vw;
  }
  .page-index .guide-lead-item--02 .guide-lead-item-ico__label img {
    width: 10.2564102564vw;
  }
  .page-index .guide-lead-item-img__label {
    height: 100%;
  }
  .page-index .guide-lead-item-img__label picture {
    height: 100%;
  }
  .page-index .guide-lead-item-img__label img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .page-index .guide-lead-item-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    background-color: #e6ba5d;
  }
  .page-index .guide-lead-item-arrow__label {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
  }
  .page-index .guide-lead-item-arrow__label img {
    width: 1.9230769231vw;
    height: 1.9230769231vw;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .page-index .spot-lead__in {
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
  .page-index .spot-lead__body {
    border: 0.1282051282vw solid #f0f0f0;
    padding: 8.4615384615vw 3.0769230769vw 12.8205128205vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 3.4615384615vw;
    position: relative;
  }
  .page-index .spot-lead__body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 11.1538461538vw;
    height: 100%;
    background-image: url(../images/index/spot-lead/bg_left.webp);
    background-size: 11.1538461538vw;
    background-repeat: no-repeat;
  }
  .page-index .spot-lead__body::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11.1538461538vw;
    height: 100%;
    background-image: url(../images/index/spot-lead/bg_right.webp);
    background-size: 11.1538461538vw;
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  .page-index .spot-lead-desc__label {
    text-align: center;
    font-size: 3.3333333333vw;
    letter-spacing: 0.06em;
    line-height: 2;
    color: #3c3c3c;
    z-index: 1;
    position: relative;
  }
  .page-index .spot-lead-content {
    width: 72.9487179487vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-index .spot-lead-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5.1282051282vw;
       -moz-column-gap: 5.1282051282vw;
            column-gap: 5.1282051282vw;
  }
  .page-index .spot-lead-item {
    width: 33.9102564103vw;
  }
  .page-index .spot-lead-item__in {
    height: 100%;
  }
  .page-index .spot-lead-item__body {
    height: 100%;
  }
  .page-index .spot-lead-item-img__label {
    display: inline-block;
  }
  .page-index .spot-lead-item--01 .spot-lead-item-img__label {
    width: 33.9102564103vw;
  }
  .page-index .spot-lead-item--02 .spot-lead-item-img__label {
    width: 28.8461538462vw;
  }
  .page-index .spot-lead-item-bnr {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-index .spot-lead-item-img {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .page-index .spot-lead-item-btn {
    position: relative;
    margin-top: 3.0769230769vw;
  }
  .page-index .spot-lead-item-link {
    display: block;
    background-color: #f1f1f3;
  }
  .page-index .spot-lead-item-link-txt {
    padding: 2.0512820513vw 2.0512820513vw 2.0512820513vw 0;
    text-align: center;
  }
  .page-index .spot-lead-item-link-txt__label {
    font-size: 3.2051282051vw;
    color: #76738a;
    letter-spacing: 0.14em;
  }
  .page-index .access_bg {
    background-color: #f1f1f3;
  }
  .page-index .access {
    text-align: center;
  }
  .page-index .access_contents {
    position: relative;
    padding: 10.2564102564vw 5.1282051282vw 10.2564102564vw;
  }
  .page-index .access_contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22.3076923077vw;
    height: 16.6666666667vw;
    background: url("../images/index/access/deco01_sp.webp") no-repeat right top;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
  }
  .page-index .access_contents::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16.6666666667vw;
    height: 22.3076923077vw;
    background: url("../images/index/access/deco02_sp.webp") no-repeat right top;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
  }
  .page-index .access_title {
    position: relative;
    margin-bottom: 6.1538461538vw;
  }
  .page-index .access_title > h2 {
    width: 56.2820512821vw;
    margin: 0 auto;
    margin-bottom: 2.5641025641vw;
  }
  .page-index .access_title > p {
    font-size: 3.8461538462vw;
    line-height: 1;
  }
  .page-index .access_address,
.page-index .access_schedule {
    font-size: 3.3333333333vw;
    line-height: 1.7692307692;
    font-weight: 500;
  }
  .page-index .access_address {
    margin-bottom: 1.6666666667vw;
  }
  .page-index .access_address._margin {
    margin-bottom: 5vw;
  }
  .page-index .access_address small {
    font-size: 84%;
  }
  .page-index .access_schedule {
    margin: 0 auto 7.6923076923vw;
    padding: 3.8461538462vw 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .page-index .access_schedule > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-index .access_schedule > div + div {
    margin-top: 3.0769230769vw;
  }
  .page-index .access_schedule > div > dt {
    font-size: 2.8205128205vw;
    color: #76738a;
    padding: 0.2243589744vw 0vw 0.4807692308vw;
    background-color: #fff;
    margin-right: 2.8205128205vw;
    width: 16.6666666667vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
    font-weight: 500;
  }
  .page-index .access_schedule > div > dd {
    line-height: 1.75;
    text-align: left;
    font-size: 2.9487179487vw;
  }
  .page-index .access_schedule > div > dd > span {
    font-size: 2.6923076923vw;
  }
  .page-index .access_schedule > div > dd > small {
    font-size: 2.6923076923vw;
    color: #808080;
    letter-spacing: 0.06em;
  }
  .page-index .access_link {
    position: relative;
    display: block;
    width: 51.2820512821vw;
    margin: 0 auto;
    padding: 2.8525641026vw 0;
    background-color: #76738a;
    text-align: center;
    font-size: 3.3333333333vw;
    color: #fff;
    font-weight: 500;
  }
  .page-index .access_map {
    position: relative;
    height: 100vw;
    display: block;
    background-color: #76738a;
    overflow: hidden;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .page-index .access_map > iframe {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100.1%;
    height: 100.1%;
  }
  .page-index .info_bg {
    width: 100%;
    background-color: azure;
  }
  .page-index .info {
    position: relative;
    padding: 11.2820512821vw 5.1282051282vw 22.3076923077vw;
  }
  .page-index .info_userGuide,
.page-index .info_faq {
    position: relative;
    display: block;
    width: 79.2307692308vw;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #76738a;
    color: #76738a;
    text-align: center;
  }
  .page-index .info_userGuide {
    padding: 7.1153846154vw 0;
    font-size: 4.6153846154vw;
    margin-bottom: 5.3846153846vw;
    font-weight: 500;
  }
  .page-index .info_faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4.9679487179vw 0;
    font-size: 3.8461538462vw;
    font-weight: 500;
  }
  .page-index .info_faq > img {
    width: 5vw;
    margin-right: 2.1794871795vw;
  }
  .page-index .info_arrow {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 5.8974358974vw;
    height: 5.8974358974vw;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
  .page-index .info_arrow > img {
    width: 2.3076923077vw;
  }
  .page-index .info_arrow._arrowClose {
    background-color: #f0f0f0;
  }
}
@media (min-width: 1201px) {
  .page-index .en .hero_text {
    width: 45vw;
    max-width: 650px;
  }
  .page-index .en .ticket_info {
    height: auto;
  }
  .page-index .en .ticket_infoWrap._01 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .en .ticket_infoWrap._01 {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .page-index .en .ticket_text01 {
    width: calc(100% - 100px);
    min-width: 368px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .ticket_text02 {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    min-width: 368px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .notice_tag {
    word-break: break-word;
  }
}
@media (min-width: 1201px) {
  .page-index .en .access_schedule > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .access_schedule > div > dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .en .access_schedule > div > dd {
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .page-index .en .access_schedule > div > dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1201px) {
  .page-index .en .notice_titleBox > h2 {
    width: 280px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .about_title {
    width: 748px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .about_text {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 1201px) {
  .page-index .en .content_grid {
    top: 0.08%;
  }
}
@media (min-width: 1201px) {
  .page-index .en .content_text {
    line-height: 2;
  }
}
@media (min-width: 1201px) {
  .page-index .en .content_details > .content_title._know img {
    height: 23px;
  }
  .page-index .en .content_details > .content_title._experience img {
    height: 68px;
  }
  .page-index .en .content_details > .content_title._play img {
    height: 118px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .store_text > h3 {
    height: 21px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .guide-lead-item--01 .guide-lead-item-ico__label img {
    width: 88px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .guide-lead-item--02 .guide-lead-item-ico__label img {
    width: 88px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .access_address {
    font-size: 15px;
  }
}
@media (min-width: 1201px) {
  .page-index .en .access_address > small {
    font-size: 13px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .hero_text {
    width: 45vw;
    max-width: 650px;
  }
  .page-index .en .ticket_info {
    height: auto;
  }
  .page-index .en .ticket_infoWrap._01 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) and (min-width: 1201px) and (max-width: 1439px) {
  .page-index .en .ticket_infoWrap._01 {
    width: 100%;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .ticket_text01 {
    width: calc(100% - 100px);
    min-width: 300px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .ticket_text02 {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .notice_tag {
    word-break: break-word;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .access_schedule > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .access_schedule > div > dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 0;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .access_schedule > div > dd {
    text-align: center;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .notice_titleBox > h2 {
    width: 280px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .about_title {
    width: 748px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .about_text {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .content_text {
    line-height: 2;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .content_details > .content_title._know img {
    height: 23px;
  }
  .page-index .en .content_details > .content_title._experience img {
    height: 68px;
  }
  .page-index .en .content_details > .content_title._play img {
    height: 118px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .store_text > h3 {
    height: 21px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .guide-lead-item--01 .guide-lead-item-ico__label img {
    width: 63px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .guide-lead-item--02 .guide-lead-item-ico__label img {
    width: 63px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .access_address {
    font-size: 15px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-index .en .access_address > small {
    font-size: 13px;
  }
}
@media (max-width: 879px) {
  .page-index .en .hero_text {
    width: 100vw;
    bottom: 16.6666666667vw;
  }
  .page-index .en .ticket_text01 {
    width: 86.0256410256vw;
    height: auto;
  }
  .page-index .en .ticket_text02 {
    padding-left: 2.0512820513vw;
    padding-right: 2.0512820513vw;
  }
  .page-index .en .access_schedule > div > dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20.5128205128vw;
    line-height: 1.4;
  }
  .page-index .en .access_schedule > div > dd {
    line-height: 1.4;
  }
  .page-index .en .notice_titleBox > h2 {
    width: 48.7179487179vw;
  }
  .page-index .en .about_title {
    width: 87.1794871795vw;
  }
  .page-index .en .content._know .content_details {
    height: 90.1282051282vw;
  }
  .page-index .en .content._play .content_details {
    height: 90.1282051282vw;
  }
  .page-index .en .content_details > .content_title._know img {
    height: 3.8461538462vw;
  }
  .page-index .en .content_details > .content_title._experience img {
    height: 11.5384615385vw;
  }
  .page-index .en .content_details > .content_title._play img {
    height: 20.1282051282vw;
  }
  .page-index .en .store_text > h3 {
    height: 4.358974359vw;
  }
  .page-index .en .guide-lead-item--01 .guide-lead-item-ico__label img {
    width: 12.9487179487vw;
  }
  .page-index .en .guide-lead-item--02 .guide-lead-item-ico__label img {
    width: 12.9487179487vw;
  }
  .page-index .en .access_address {
    text-align: left;
  }
}