@media screen and (max-width: 750px) {

    /* ページ内リンク遷移先のトップがヘッダーやnavに被るのを防ぐ */
    html {
        scroll-padding-top: 50px;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    /*    共通*/
    header {
        padding: 5% 0;
    }

    header img {
        width: 44%;
        display: block;
        margin: 0 auto;
    }

    .header-logo {
        padding: 5% 0;
    }

    .home-link {
        font-size: 8px;
        padding: 1.3% 1.3% 1.3% 2%;
    }

    .home-link::before {
        content: "<";
        color: #fff;
        font-size: 9px;
        position: absolute;
        top: calc(50% - 1px);
        left: 5%;
        transform: translateY(-50%);
    }


    footer {
        background-color: #ffffff;
        position: relative;
        z-index: 10;
        padding: 10% 0 40%;
    }

    .footer-flex {
        flex-direction: column;
        align-items: center;
    }

    .footer-logo {
        width: 70%;
    }

    .footer-link {
        width: 68%;
        margin-top: 4%;
    }

    .copy {
        width: 28%;
    }

    /*    ナビゲーション*/
    .nav-sp {
        position: fixed;
        bottom: 0;
        z-index: 100;
    }

    /* ---トップページ---*/
    /*キービジュアル*/
    .key-vj {

        position: relative;
    }

    .kv-img {
        position: relative;
    }

    .kv-img img:first-child {
        mix-blend-mode: multiply;
    }

    .kv-img img:last-child {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .kv-title {
        position: absolute;
        top: 0;
        left: 0;
    }

    .kv-title img:last-child {
        position: absolute;
        top: 0;
        left: 0;
    }

    .kv-illust {
        position: absolute;
        top: 0;
        left: 0;

    }

    .key-vj .moco {
        bottom: -9%;
    }

    /*トップページナビゲーション*/
    .top-nav {
        width: 70%;
        margin: 15% auto 0;
    }

    /*    日数カウンター*/
    #countdown-display {
        top: 85%;
    }

    /*リニューアルのポイント*/
    .top-point {
        margin-top: 10%;
    }

    /*アンバサダー紹介*/
    .top-ambassador {
        position: relative;
        z-index: 2;
        overflow: hidden;
    }

    .top-ambassador__obj {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .top-ambassador__img {
        position: absolute;
        top: 0;
    }

    /*インスタグラムセクション*/
    .insta-link {
        width: 23%;
        top: 20%;
        right: 6%;
        z-index: 3;
    }

    /*モーダルクローズボタン*/
    .modal-close {
        top: -7%;
        right: -5%;
    }

    /* トップページリンクボタン */
    .link-btn {
        width: 50%;
        margin: 0 auto;
        display: block;
        position: relative;
        z-index: 5;
    }

    .link-btn__absolute {
        width: 50%;
        display: block;
        position: absolute;
        bottom: 12%;
        left: 50%;
        translate: -50%;
        z-index: 5;
    }

    .link-btn__absolute-sp {
        bottom: 2%;
    }

    .hover-link {
        animation: urgentBounce 1.2s ease-in-out infinite;
        transform-origin: center center;
        transition: filter 0.3s ease;
    }

    .hover-link:hover {
        filter: brightness(1.1);
    }

    /*---トピックページ---*/

    .topics-flex {
        flex-direction: column;
        align-items: center;
    }


    .topics-content__01 {
        padding: 5% 0 19%;
    }

    .topics-content__02 {
        padding: 10% 0 19%;
    }

    .topics-content__02 .topics-flex {
        flex-direction: column-reverse;
    }

    .topics-content_img01 {
        width: 75%;
    }

    .topics-content_img02 {
        width: 67%;
        margin-top: 6%;
    }

    .topics-link {
        width: 30%;
        bottom: 3%;
        right: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .topics-content__02 .topics-obj__flag {
        top: 0;
    }


    /*---リニューアルページ---*/

    .renewal-nav__link {
        width: 83.3%;
        margin: 0 auto;
    }

    .popup-box .popup-trigger {
        width: 47.5%;
    }

    .popup-content {
        max-width: 80%;
    }

    .open-list li {
        width: 47.5%;
    }

    .facility-img__sp {
        position: relative;
        z-index: 2;
    }

    .facility-obj01 {
        width: 30%;
        top: -23%;
        right: 0%;
    }

    .splide__pagination li {
        width: 16%
    }

    /* ----イベントページ----/*/
    .sp-event {
        position: relative;
        z-index: 2
    }

    .sp-event__flex {
        width: 80%;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1%;
    }

    .event-card {
        width: 100%;
    }

    .event-card__ex {
        width: 80%;
    }

    /* ページネーション（ドット）が見えない場合の調整 */
    #banner-slider .splide__pagination {
        bottom: -10px;
    }

    /* トップスライダー01 */
    .top-slider01 {
        position: absolute;
        bottom: 7%;
        left: 50%;
        translate: -50%;
        width: 100%;
        max-width: 1200px;
        margin: 0;
    }

    /* トップスライダー02 */
    .top-slider02 {
        position: absolute;
        bottom: 2%;
        left: 50%;
        translate: -50%;
        width: 100%;
        z-index: 5;
        max-width: 1200px;
        margin: 0;
    }

    /*---マユリカスクロール回転アニメーション---*/

    .top-btn {
        width: 18%;
        bottom: 9.5%;
        right: 2%;
    }




















}