@media screen and (max-width: 1024px){
    .header-menu{
        width: 75%;
        background: url(/images/menu_bg.png) center top / 100% 100% no-repeat;
    }
    .header-menu__item:nth-child(1) {
        width: auto;
    }
    .header-menu__wrap{
        padding: 0 20px;
        justify-content: center;
        gap: 0 15px;
    }
    .header-menu__item{
        font-size: 14px;
    }
}
@media screen and (max-width: 767px){
    ._pc{ display: none;}
    ._sp{ display: block;}


    a.link_btn{
        margin: 10px auto 0;
    }
    .header-wrap{
        padding: 20px 10px 0;
    }
    .header-menu__wrap{
        padding: 0 20px;
        justify-content: center;
        gap: 0 5px;
    }

    .header-menu__wrap .separator{
        margin: 0px;
    }
    .header-menu__item{
        font-size: 10px;
    }
    .footer-register__title{
        background: url(/images/footer_register_title_bg_sp.png) center / 100% 100% no-repeat;
        line-height: 1.5;
        padding: 10px 0;
        font-size: 14px;
    }
    .footer-register__wrap{
        width: 70%;
    }
    .footer-register__text{
        font-size: 16px;
    }
    .footer-register__item{
        width: 100%;
    }
    .footer-register__item p{
        font-size: 14px;
    }
    .footer-register__item a{
        font-size: 22px;
    }
    .footer-register__item a span{
        font-size: 18px;
    }
    .footer-access__map{
        gap: 0px;
    }
    .footer-access__left,
    .footer-access__right{
        width: 100%;
    }
    .footer-access__text h3{
        font-size: 24px;
        text-align: center;
    }
    .footer-access__text p{
        font-size: 16px;
        text-align: center;
    }
    .footer-access__overview {
        margin: 20px auto 0;
        width: 92%;
    }
    .footer-access__overview li{
        font-size: 14px;
    }
    .footer-overview{
        padding: 20px;
        margin: 30px auto 0;
    }
    .footer-overview__data dl.time,
    .footer-overview__data dl{
        width: 100%;
    }
    .footer-overview__data dt{
        width: 130px;
        font-size: 18px;
    }
    .footer-overview__data dd{
        width: 100%;
        font-size: 16px;
    }
    .footer-overview__data dd span{
        font-size: 24px;
    }
    .footer-price__title {
        font-size: 19px;
        width: 143px;
        height: 143px;
        border-radius: 50%;
        padding: 36px 0;
    }
    .footer-price__detail{
        justify-content: center;
    }
    .footer-price__table{
        font-size: 14px;
        max-width: 100%;
        width: calc(100% - 163px);
        overflow-x: scroll;
        white-space: nowrap;
        position: relative;
    }
    /* スクロールヒントのスタイル */
    .scroll-indicator {
        opacity: 0.7;

        /* absoluteを使用し、スクロールヒントを中央配置 */
        position: absolute;
        left: 50%;
        top: 50%;

        /* クリックを無効化
        スクロールヒントがクリックの邪魔になる可能性があるため */
        pointer-events: none;

        /* transitionを指定し、ゆっくりと非表示にする */
        transition: opacity 0.3s ,visibility 0.3s;
    }

    /* スクロールされた後もスクロールヒントが残っていると邪魔なため、
    ある程度スクロールされたら非表示にする */
    .scroll-indicator.is-scroll {
        visibility: hidden;
        opacity: 0;
    }

    .scroll-indicator-inr {
        font-size: 12px;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 15px 10px;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        animation: fadeBlink 2s infinite ease-in-out;
    }

    .scroll-indicator-inr img {
        width: 50px;
    }

    /* スクロールヒントの点滅アニメーション */
    @keyframes fadeBlink {
        0% { opacity: 0.2; }
        50% { opacity: 1; }
        100% { opacity: 0.2; }
    }
    .footer-price__note{
        font-size: 12px;
    }
    .footer-calendar__title{
        font-size: 32px;
    }
    .footer-copyright__sns img{
        width: 36px;
        height: 36px;
    }
    .footer-copyright__text,
    .footer-copyright__link .flex{
        font-size: 14px;
    }
    .footer-calendar {
        margin: 30px 0 0;
    }

    .mv .mv-copy{
        width: 80%;
    }
    .news{
        padding: 50px 30px 30px;
    }
    .news-list__item{
        width: 100%;
    }
    .top-menu{
        padding: 0 0 100px;
        height: auto;
    }
    .top-menu__blc{
        width: 100% !important;
        position: relative;
    }
    .top-menu__blc.event{
        right: unset;
    }
    .top-menu__blc.review{
        top: unset;
        left: unset;
        margin: 100px 0 0;
    }
    .top-menu__blc.kujira{
        top: unset;
        right: unset;
        margin: 100px 0 0;
    }
    .top-menu__link{
    }
    .kujira .top-menu__link,
    .review .top-menu__link,
    .event .top-menu__link{
        left: 50%;
        bottom: -70px;
        transform: translateX(-50%);
    }

    .main-image{
        aspect-ratio: 2;
    }

    .sec-title{
        width: 70%;
    }
    .about-concept .sec-title{
        top: -38px;
    }

    .map-info__text{
        width: 100%;
        padding: 0;
    }
    .map-info__text h4{
        font-size: 20px;
    }
    .map-info__text h4 span{
        font-size: 16px;
        margin: 0;
    }
    .map-info__text p{
        font-size: 16px;
    }

    .about-concept__text p,
    .about-concept__text p + p,
    .about-concept__text{
        font-size: 16px;
        letter-spacing: 0.01em;
    }
    .about-link__item.search{
        padding: 25px 19% 25px 0;
            background: #D1F2F4 url(/images/icon_search.png) left 17% center / 16% auto no-repeat;
    }
    .about-link__item.review{
        padding: 25px 12% 25px 0;
        background: #CCF0AE url(/images/icon_review.png) left 17% center / 15% auto no-repeat;
    }
    .about-link__item{
        border-radius: 20px;
    }

    .staff {
        padding: 0 0 30px;
    }
    .staff-list{
        margin: 30px 0 0 !important;
    }
    .staff-list__item{
        justify-content: center;
        gap: 50px;
    }
    .staff-list__image{
        width: 80%;
    }
    .staff-list__text{
        width: 100%;
        padding: 30px !important;
    }
    .volunteer .staff-list__item:nth-child(odd) .staff-list__text:before,
    .loop .staff-list__item:nth-child(even) .staff-list__text:before,
    .staff-list__text:before{
        top: -43px;
        left: 45%;
        right: unset;
        transform: rotate(90deg);
    }
    .staff-list__inner dl{
        font-size: 14px;
    }
    .staff-list__inner dt{
        font-size: 18px;
    }
    .staff-list__inner dl.flex{
        display: block;
    }
    .staff-list__inner dl.flex dd + dt{
        margin: 26px 0 0;
    }
    .staff-list__inner .name{
        font-size: 24px;
    }
    .staff-list__inner .name span{
        font-size: 16px;
    }

    .privacy-body,
    .privacy-appendix{
        padding: 30px 20px;
    }
    .privacy-body,
    .privacy-appendix{
        padding-top: 60px;
    }
    .privacy-appendix{
        margin-top: 36px;
    }
    .privacy-body > .sec-title-wrap,
    .privacy-appendix > .sec-title-wrap{
        top: -22px;
    }
    .privacy-body__lead,
    .privacy-appendix__lead{
        font-size: 15px;
        padding: 0 0 24px;
    }
    .privacy-article__title{
        font-size: 17px;
    }
    .privacy-article__text p,
    .privacy-article__list li,
    .privacy-info{
        font-size: 14px;
    }
    .privacy-appendix__item h3{
        font-size: 15px;
    }
    .privacy-body__date{
        font-size: 13px;
    }
}