.top__mv {
    position: relative;
}

.top__mv__item {
    /* position: absolute; */
    top: 3.7%;
    position: relative;
    z-index: 1;
}

.top__mv__ttl {
    width: calc(344/375*100%);
    margin: 0 auto;
    text-align: center;
    padding-top: 45px;
    text-align: center;
    position: relative;
    z-index: 1;


    font-family: serif;
    font-weight: 500;
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.top__mv__ttl img {
    /* width: 100%; */
    width: 70%;
}

.top__mv__img {
    position: absolute;
    bottom: -269px;
    width: 100%;

}

.top__mv__img img {
    width: 100%;
}

.top__mv__logo {
    width: calc(184/250*100%);
    margin: 0 auto;
    margin-top: 3.5%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.top__mv__topix__wrap {
    margin-top: 11.5%;
    position: relative;
    z-index: 1;
}

.top__mv__topix__img {
    width: 80px;
    margin: 0 auto;
}

.top__mv__topix__ttl {
    font-size: 28px;
    color: #fff;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 700;
    margin-top: 14px;
}

.top__mv__topix__subttl {
    font-family: 'Bungee Inline', cursive;
    color: #fff;
    /*  font-weight: 100; */
    text-align: center;
    margin-top: 10px;
    margin-bottom: 12px;
}

.top__mv__topix__ttl__under {
    width: 100px;
    margin: 0 auto;
}

.top__mv__topix__info__wrap {
    background-color: #fff;
    border: #000 4px solid;
    border-radius: 10px;
    filter: drop-shadow(5px 5px 2px #00000031);
    margin: 0 15px;
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    max-height: 310px;
    overflow: auto;
    position: relative;
    z-index: 1;

}

.top__mv__topix__info {}

.top__mv__topix__info li {

    padding-bottom: 10px;

    border-bottom: 1px solid;
    margin-bottom: 8px;

}

.top__mv__topix__info li a {
    color: #000;
}

.top__mv__topix__info__time {
    line-height: calc(28/16);
    color: #CB0410;
}

.top__mv__topix__info__txt {
    min-height: 48px;
    font-size: 16px;
    line-height: calc(24/16);
}

.top__mv__topix__wrap .common__btn {
    max-width: 328px;

}

.bf {
    padding: 95% 15px 230px;
    background-image: url('../img/top/top__bg01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    overflow: hidden;

}

.bf::before {
    background-image: url('../img/top/top__bg02.png');
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 180px;
    position: absolute;
    top: 3%;
    left: auto;
    right: 15%;
    z-index: 1;

}

.bf::after {
    background-image: url('../img/top/top__bg03.png');
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 180px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;

}

.bf__info {
    padding-top: 50px;
}

.bf__wrapper {
    margin-top: calc(150px - 11%);
    margin-top: -28%;
    position: relative;
}



.bf__img {
    margin-top: 40px;
}

.bf__img img {
    width: 100%;
}

.bf__txt {
    line-height: calc(32/16);
    margin-top: 20px;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.bf__txt::after {
    content: '';
    background-image: url('../img/hitode.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 57px;
    height: 55px;
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: auto;


}

.bf .common__btn {
    position: relative;
}

.bf .common__btn::after {
    content: '';
    background-image: url('../img/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 46px;
    display: inline-block;
    position: absolute;
    bottom: -60px;
    left: 40px;
}

@media screen and (max-width: 375px) {
    .bf__wrapper {

        margin-top: -38%;
    }

    .bf__txt {
        font-size: 13px;
    }
}

.social__wrap {
    position: relative;
    margin-top: -30%;
}

.social {
    padding: 50% 15px 30%;
    /* background-image: url('../img/top/social__bg.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;


}

.social__wrap::before {
    content: '';
    background-image: url('../img/top/social__bg.png');
    position: absolute;
    top: 0;
    display: inline-block;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    background-position: top center;
}


.social__img__list__wrap {
    margin-top: 40px;
    overflow: hidden;
    margin-right: -15px;
    position: relative;
}

.social__wrap::after {}


.social__info__txt::before {
    content: "";
    background-image: url(../img/top/social__bg05-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 104px;
    height: 72px;
    background-repeat: no-repeat;
    top: -12px;
    left: -15px;
    z-index: -1;


}

.social__info__txt::after {
    content: "";
    background-image: url(../img/top/social__bg06-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 160px;
    height: 82px;
    background-repeat: no-repeat;
    bottom: -65px;
    right: -22px;
    left: auto;
    z-index: -1;


}

.social__info__wrap::after {}

.social__img__list__content__wrapper {
    position: relative;
}

.social__img__list__content__wrapper::before {
    content: "";
    background-image: url(../img/top/social__bg04-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 123px;
    height: 55px;
    background-repeat: no-repeat;

    top: -4%;
    right: -18px;
    left: auto;
}

.social__img__list {}

.social__img__list li {
    margin: 0 6px;
}

.social__img__list__img {}

.social__img__list__img img {
    width: 100%;

}

.social__img__list__img__time {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.social__img__list__txt {
    margin-top: 5px;
    line-height: calc(24/16);
}

.social__img__list .slick-track {
    margin-left: 8.8% !important;
}

.social {
    position: relative;
    overflow: hidden;
}

.social::before {
    content: "";
    background-image: url(../img/top/social__bg01-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 129px;
    height: 83px;
    background-repeat: no-repeat;
    left: 0;

}

.social::after {
    content: "";
    background-image: url(../img/top/social__bg02-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 97px;
    height: 44px;
    background-repeat: no-repeat;
    right: -12px;
    left: auto;
    top: 44vw;

}

.social__info .ttl__icon {
    position: relative;
    z-index: 1;
}

.social__info .ttl__icon::after {
    content: "";
    background-image: url(../img/top/social__bg03-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 84px;
    height: 125px;
    background-repeat: no-repeat;
    right: -136px;
    left: auto;
    top: -16px;
    z-index: 10;

}

.social__info__txt {
    margin-top: 40px;
    line-height: calc(32/16);
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
}

.youtube__content__wrapper {
    margin-top: calc(291px - 20%);
    position: relative;
    z-index: 1;
}

.youtube__content__wrapper .ttl__icon {
    display: none;
}

.youtube__wrap {
    transform: skew(0, -15deg);
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin-top: -22%;
    margin-bottom: -22%;
}

.youtube {
    background: repeating-linear-gradient(18deg, rgb(235, 235, 235) 0, rgb(235, 235, 235) 2px, transparent 3px, transparent 11.5px, rgb(235, 235, 235) 12.5px);
    transform: skew(0, 15deg);
    margin-top: -14%;
    background-color: #fff;
    margin-bottom: -14%;

    padding-top: calc(22% + 65px);
    padding-bottom: calc(22% + 65px);

}

.youtube__ttl__img {
    width: 345px;
    margin: 0 auto;
}

.youtube__img {
    padding: 7px;
    background-color: #C4302B;
    aspect-ratio: 16/9;
    border-radius: 10px;
    position: relative;
}

.youtube__img video {
    width: 100%;
}


.youtube__img iframe {
    aspect-ratio: 16/9;
    width: 100%;
    border-radius: 10px;
}

.youtube__img-txt__wrap {
    margin-top: 40px;
    margin-bottom: 40px;
}

.youtube__img {
    margin-left: 15px;
    margin-right: 0px;
}

.youtube__img-txt__wrap02 .youtube__img {
    margin-right: 15px;
    margin-left: 0px;
}

.youtube__img-txt__wrap02 .youtube__txtarea__img01 {
    transform: scale(-1, 1);

    margin-left: auto;
    margin-right: 35px;

}

.youtube__img-txt__wrap02 .youtube__txtarea__img02__img {}

.youtube__txtarea {
    margin-top: 21px;
    position: relative;
}

.youtube__txtarea03::after {
    content: "";
    background-image: url(../img/top/ashiato_icon-sp.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 157px;
    height: 86px;
    background-repeat: no-repeat;
    left: 0;
    bottom: -54px;
    z-index: 10;
}

.youtube__txtarea__img01 {
    margin-left: 15px;
    width: 64px;
    position: relative;
    mix-blend-mode: multiply;

}



.youtube__txtarea__img02 {
    background-color: #C4302B;
    margin-top: 0px;
    position: relative;
    line-height: calc(32/16);
    color: #fff;
    padding: 88px 20px 20px 15px;
    border-radius: 0 10px 10px 0;
    margin-right: 15px;
    /*   margin-top: -7px; */

    mix-blend-mode: multiply;
}

.youtube__img-txt__wrap02 .youtube__txtarea__img02 {

    border-radius: 10px 0px 0px 10px;
    margin-left: 15px;
    /*   margin-top: -7px; */
    margin-right: 0;

    mix-blend-mode: multiply;
}

.youtube__txtarea__img02__img {
    width: 320px;

    /*  transform: translateY(-25px); */
    margin-left: 25px;
    position: absolute;
    top: 27px;

}

.youtube__img-txt__wrap02 .youtube__txtarea__img02__img {

    margin-left: auto;
    margin-right: 25px;
    position: absolute;
    top: 27px;

    transform: scale(-1, 1);

}

.youtube__img-txt__wrap02 .youtube__txtarea__img02__img__txt {
    transform: scale(-1, 1);
    right: auto;
    right: 10%;

}

.youtube__txtarea__img02__img__txt {
    position: absolute;
    top: 21%;
    font-size: 16px;
    line-height: calc(24/20);
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    left: 10%;
}

@media screen and (max-width: 375px) {
    .youtube__txtarea__img02__img__txt {
        font-size: 16px;
    }
}


.youtube__img-txt__wrap03 .youtube__txtarea__img02__img__txt {
    position: absolute;
    top: 33%;

}




.youtube__txtarea__img02__txt {
    /* margin-top: -28px; */

}

.line__wrap {
    background-color: #8FDEB0;
    background-image: url('../img/top/line__bg.png');
    background-repeat: repeat;
    background-size: 43px;

    margin-top: -14%;

}

.line {
    padding: 25% 15px 45%;
}

.line__info__wrap {
    margin-top: 40px;
}

.line__info__img {
    width: calc(300/345*100%);
    margin: 0 auto;
}

.line__info__txtarea {}

.line__info__txtarea__img {
    width: calc(345px -7px);
    margin: 0 auto;
    padding-right: 7px;
    margin-top: -11%;
}

.line__info__txtarea__txt {
    background-color: #11B253;
    padding: 20px 15px 20px 20px;
    color: #fff;
    line-height: calc(32/16);
    margin-right: -15px;
    border-radius: 15px 0 0 15px;
    margin-top: -20px;
    margin-bottom: 40px;
}

.tv__content__wrapper {
    margin-top: -28%;
    overflow: hidden
}

.tv__wrap {
    background-color: #4050CB;
    margin-top: -38%;
    padding-bottom: 60px;
    position: relative;

}

.tv__bg01 {
    position: relative;
    z-index: 1;
}

.tv__wrap::before {
    content: "";
    background-image: url('../img/top/tv__bg02.png');
    display: block;
    background-size: cover;
    position: absolute;
    bottom: 0;
    height: 87vw;
    width: 100vw;
    background-repeat: no-repeat;
}

.tv {
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.tv h2,
.tv .sub__ttl,
h3 {
    color: #fff;
}

.tv h3 {
    font-size: 20px;
    line-height: calc(24/20);

}

.tv__img {}

.tv__txtarea {}

.top__mv__topix__wrap {
    margin-top: 4.4%;

}

.tv__txtarea__txt {
    margin-top: 20px;
    margin-bottom: 40px;
    color: #fff;
    line-height: calc(32/16);
}

.banner {
    margin: 30px 15px;
}

.outline__content h3 {
    color: #000;
}

.outline__ttl {
    position: relative;
}

.outline__ttl .ttl__icon {
    position: relative;
}

.outline__content__wrap {
    margin-top: 40px;
    margin-bottom: 95px;
}

.outline__content__wrap .common__btn {
    margin-top: 40px;
    margin-bottom: 40px;
}

.outline__content {
    width: 100%;
    filter: drop-shadow(8px 8px 1px #00000027);
    border: 3px solid #FCAE00;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 20px 29px;
}

.outline__content h3 {
    font-size: 24px;
    line-height: calc(28/24);
}

.outline__content h3 {
    font-size: 24px;
}

.outline__content__txt {
    margin-top: 20px;
    line-height: calc(32/16);
}


.mv__bg_img01 {
    position: absolute;
    width: 36%;
    bottom: 0;
    left: -13%;
    animation-name: mv_anim01;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
}

.mv__bg_img02 {
    position: absolute;
    bottom: 2%;
    left: auto;
    right: 13%;
    width: 21%;
    /* animation-name: mv_anim02;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    transform:rotate(5deg); */
}

@keyframes mv_anim01 {
    0% {}

    50% {
        transform: rotate(5deg);
    }


    100% {
        transform: rotate(0);
    }
}

@keyframes mv_anim02 {
    0% {}

    50% {
        transform: rotate(-5deg);
    }



    100% {
        /* transform:rotate(5deg); */
    }
}

.bf__btn {
    margin-top: 40px;
}

.top__store__list__wrap {
    overflow: hidden;
    margin-top: 20px
}

.top__store__list {}

.top__store__list li {
    margin: 0.5%;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 0px 16px;

}

.member-store-list__info__img {}

.member-store-list__info__img img {
    width: 100%;

}

.member-store-list__info__txtatea {
    margin-top: 15px;
    padding: 0 21px;

}

.member-store-list__info__name {
    font-size: 15.5px;
}

.member-store-list__info__txt {
    font-size: 14px;
    line-height: calc(24/14);
}

.top__store__list__btn {
    margin-top: 60px;
}

.top__topix__wrap {
    background: linear-gradient(#007EC3, #A9DCF6);
    position: relative;
    margin-top: -14%;
    padding: 70px 0 272px;
    overflow: hidden;
}

.top__topix__wrap::after {
    content: "";
    display: inline-block;
    background-image: url(../img/top/top__topix__bg.png);
    background-size: contain;
    position: absolute;
    bottom: 0;
    height: 66.2vw;
    width: 100vw;
    background-repeat: no-repeat;
}


.new__icon {
    position: absolute;
    top: -50px;
    width: 80px;
    left: auto;
    right: 20px;

}

.youtube__qr {
    display: none;
}

/* ポスター */
.poster {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    top: 28%;
}

/* .top__mv__topix__wrap {
    margin-top: 125%;
} */

/*  */

@media screen and (min-width: 768px) {
    .top__mv__ttl img {
        /* width: 100%; */
        width: 50%;
    }

    .banner {
        margin: 50px auto 100px;
        max-width: calc(788px + 30px);
        padding: 0 15px;
        /*  margin: 0 auto; */
    }

    .top__store__list__wrap {
        overflow: hidden;
        margin: 0 auto;
        margin-top: 60px;
        max-width: 983px;
        padding: 0 20px
    }

    .top__store__list {
        display: flex;
    }

    .top__store__list li {
        margin: 0;
        background-color: #fff;
        border-radius: 10px;
        padding: 0 0px 16px;
    }

    .top__store__list li:not(:last-child) {
        margin-right: 2%;
    }


    .top__mv__ttl {
        width: calc(900/1366*100%);
        margin: 0 auto;
        text-align: center;
        padding-top: 67px;

        font-family: serif;
        font-weight: 500;
        font-size: 3.2vw;
        font-weight: bold;
        line-height: 1.5;
        color: #fff;

    }

    .top__mv__logo {
        width: calc(426/1366*100%);
        margin: 0 auto;
        margin-top: 1.65%;
    }

    .top__mv__topix__img {
        width: 120px;
        margin: 0 auto;
    }

    .top__mv__topix__ttl {
        font-size: 40px;
        color: #2C2C2C;
        text-align: center;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-weight: 700;
        margin-top: 31px;
    }

    .top__mv__topix__subttl {

        color: #2C2C2C;

        margin-top: 15px;
        margin-bottom: 23px;
        font-size: 32px;
    }

    .top__mv__topix__info__wrap {
        background-color: #fff;
        border: #000 6px solid;
        border-radius: 15px;
        filter: drop-shadow(5px 5px 2px #00000031);
        margin: 0 15px;
        padding: 30px 35px;

        max-height: 342px;
        overflow: auto;
        max-width: 800px;
        width: calc(800/1366*100%);

        margin: 60px auto 55px;
    }

    .top__mv__topix__info li {
        padding-bottom: 10px;
        border-bottom: 1px solid;
        margin-bottom: 20px;

    }

    .top__mv__topix__wrap .common__btn {
        max-width: none;
    }

    .bf__info {
        max-width: 800px;
        margin: 0 auto;

        /*  transform: translateY(20%); */

        position: relative;
        z-index: 10;
        padding-top: 30%;
        padding-bottom: 120px;
    }



    @media screen and (max-width: 1650px) {
        .bf__info {
            /* transform: translateY(20%); */
            padding-top: 50%;

        }
    }

    @media screen and (max-width: 1150px) {
        .bf__info {
            /*  transform: translateY(20%); */

            padding-top: 70%;

        }
    }

    .bf {
        padding: 34% 15px 0;
        background-image: url(../img/top/top__bg01-pc.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bf::before {
        background-image: url('../img/top/top__bg02.png');
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 250px;
        height: 250px;
        position: absolute;
        top: 2%;
        left: 10%;
        right: auto;
        z-index: 1;

    }

    .bf::after {
        background-image: url('../img/top/top__bg03.png');
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 270px;
        height: 280px;
        position: absolute;
        top: 3%;
        right: 10%;
        left: auto;
        margin: auto;

    }

    .bf__wrapper {
        margin-top: calc(85px - 34%);
    }

    .bf__txt {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .bf__img {
        position: relative;
    }

    .bf__txt::after {
        display: none;
    }

    .bf__txt::before {
        content: '';
        background-image: url(../img/coin.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 120px;
        height: 96px;
        display: inline-block;
        position: absolute;
        bottom: auto;

        bottom: -20px;
        left: -79px
    }

    .bf__img::after {
        content: '';
        background-image: url(../img/hitode.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 133px;
        height: 129px;
        display: inline-block;
        position: absolute;
        bottom: auto;
        left: auto;
        bottom: -90px;
        right: -25%;
    }

    .outline__ttl {
        position: relative;
    }

    .outline__ttl .ttl__icon {
        position: relative;
    }

    .outline__content__wrap {
        margin-top: 69px;
    }

    .outline__content__wrap .common__btn {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .outline__content {
        width: 100%;
        filter: drop-shadow(8px 8px 1px #00000027);
        border: 5px solid #FCAE00;
        background-color: #fff;
        border-radius: 15px;
        padding: 60px 60px 40px;
    }

    .outline__content__txt {
        margin-top: 40px;
        line-height: calc(32/16);
    }

    @media screen and (max-width: 1220px) {
        .bf__txt::before {
            content: '';
            background-image: url(../img/coin.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: calc(120px/1.5);
            height: calc(96px/1.5);
            display: inline-block;
            position: absolute;
            bottom: auto;

            bottom: -20px;
            left: -0
        }

        .bf__img::after {
            content: '';
            background-image: url(../img/hitode.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: calc(133px/1.5);
            height: calc(129/1.5);
            display: inline-block;
            position: absolute;
            bottom: auto;
            left: auto;
            bottom: -130px;
            right: -0%;
        }
    }

    .bf .common__btn::after {
        content: '';
        background-image: url(../img/coin.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 60px;
        height: 46px;
        display: inline-block;
        position: absolute;
        bottom: -60px;
        left: 40px;

        display: none;
    }

    .bf__img {
        margin-top: 60px;
    }

    .social__wrap {
        position: relative;
        margin-top: -55%;
    }

    .social__wrap::before {
        content: '';
        background-image: url(../img/top/social__bg-pc.png);
        position: absolute;
        top: 0;
        display: inline-block;
        background-size: cover;
        height: 100%;
        width: 100%;
        top: 0;
        background-position: top center;
    }


    .social::before,
    .social__img__list__content__wrapper::before,
    .social__info__txt::before,
    .social__info__txt::after {
        display: none;
    }



    .social::after {
        content: "";
        background-image: url(../img/top/social__bg02-pc.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 270px;
        height: 72px;
        background-repeat: no-repeat;
        right: 8%;
        left: auto;
        top: 23%;
    }

    .social__info__wrap::before {
        content: "";
        background-image: url(../img/top/social__bg01-pc.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 331px;
        height: 166px;
        background-repeat: no-repeat;

        left: 3%;
        top: 28%;
    }

    .social__info__wrap::after {
        content: "";
        background-image: url(../img/top/social__bg04-pc.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 491px;
        height: 105px;
        background-repeat: no-repeat;

        right: 1%;
        left: auto;
        top: 29.5%;
    }

    .social__area::before {
        content: "";
        background-image: url(../img/top/social__bg05-pc.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 274px;
        height: 137px;
        background-repeat: no-repeat;

        left: 4%;
        bottom: 23%;
    }

    .social__area::after {
        content: "";
        background-image: url(../img/top/social__bg06-pc.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 450px;
        height: 159px;
        background-repeat: no-repeat;

        right: 1%;
        bottom: 24%;
    }

    .social__info .ttl__icon::after {
        content: "";
        background-image: url(../img/top/social__bg03-sp.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 164px;
        height: 244px;
        background-repeat: no-repeat;
        right: -412px;
        left: auto;
        top: 69px;
        z-index: 10;
    }

    @media screen and (max-width: 980px) {
        .social__info .ttl__icon::after {
            content: "";
            background-image: url(../img/top/social__bg03-sp.png);
            background-size: contain;
            display: block;
            position: absolute;
            width: calc(164px/1.5);
            height: calc(244px/1.5);
            background-repeat: no-repeat;
            right: -285px;
            left: auto;
            top: 129px;
            z-index: 10;
        }
    }


    @media screen and (max-width: 1200px) {
        .social::after {
            content: "";
            background-image: url(../img/top/social__bg02-pc.png);
            background-size: contain;
            display: block;
            position: absolute;
            width: calc(270px/1.5);
            height: calc(72px/1.5);
            background-repeat: no-repeat;
            right: 8%;
            left: auto;
            top: 23%;
        }

        .social__info__wrap::before {
            content: "";
            background-image: url(../img/top/social__bg01-pc.png);
            background-size: contain;
            display: block;
            position: absolute;
            width: calc(331px/1.5);
            height: calc(166px/1.5);
            background-repeat: no-repeat;

            left: 3%;
            top: 28%;
        }

        .social__info__wrap::after {
            content: "";
            background-image: url(../img/top/social__bg04-pc.png);
            background-size: contain;
            display: block;
            position: absolute;
            width: calc(491px/1.5);
            height: calc(105px/1.5);
            background-repeat: no-repeat;

            right: 1%;
            left: auto;
            top: 29.5%;
        }

        .social__area::before {
            content: "";
            background-image: url(../img/top/social__bg05-pc.png);
            background-size: contain;
            display: block;
            position: absolute;
            width: calc(274px/1.5);
            height: calc(137px/1.5);
            background-repeat: no-repeat;

            left: 4%;
            bottom: 23%;
        }

        .social__area::after {
            content: "";
            background-image: url(../img/top/social__bg06-pc.png);
            background-size: contain;
            display: block;
            position: absolute;
            width: calc(450px/1.5);
            height: calc(159px/1.5);
            background-repeat: no-repeat;

            right: 1%;
            bottom: 24%;
        }


    }


    .social__info {
        max-width: 1000px;
        margin: 0 auto;
    }

    .social__img__list {
        display: flex;
    }

    .social__img__list li {
        margin: 0;
    }

    .social__img__list li:not(:last-child) {
        margin-right: 4%
    }

    .social__img__list__wrap {

        overflow: hidden;
        margin: 0;
        margin-top: 60px;
    }

    .social__info__txt {
        margin-top: 60px;
        line-height: calc(32/16);
        text-align: center;
        margin-bottom: 60px;
    }

    .social {
        padding: 50% 15px 30%;
        /* background-image: url(../img/top/social__bg.png); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        position: relative;
        padding-bottom: min(30%, 300px);
        padding-top: min(57%, 800px);
    }

    @media screen and (min-width: 1070px) {
        .social {
            padding: 50% 15px 30%;
        }

    }

    @media screen and (min-width: 1380px) {
        .social {
            padding: 45% 15px 30%;
        }

    }


    .youtube {
        background: repeating-linear-gradient(18deg, rgb(235, 235, 235) 0, rgb(235, 235, 235) 2px, transparent 3px, transparent 11.5px, rgb(235, 235, 235) 12.5px);
        transform: skew(0, 15deg);
        margin-top: -26%;
        background-color: #fff;
        margin-bottom: -14%;
        padding: 40% 0;
        padding-top: calc(26% + 80px);
        padding-bottom: calc(14% + 250px)
    }

    .youtube__content__wrapper .ttl__icon {
        display: block;
    }

    .youtube__content__wrapper {
        margin-top: calc(279px - 15%);
        position: relative;
        z-index: 1;
    }

    .youtube__content__wrapper h2 {
        margin-top: -160px;
    }

    .youtube__content__wrapper h2::before {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 234px;
        height: 220px;
        background-image: url('../img/top/shisa-icon-l.png');

        position: relative;
        top: 90px;
        margin-right: 100px;

    }

    .youtube__img-txt__wrap02 .youtube__txtarea__img02__img {
        margin-left: auto;
        margin-right: 12%;
        position: absolute;
        top: -6%;
        right: 0;
        left: auto;
        transform: scale(-1, 1);
    }

    .youtube__txtarea__img__flex {
        display: flex;
    }

    .youtube__qr {
        margin-right: 40px;
        min-width: 148px;
        display: block;
    }

    .youtube__qr__txt {
        font-size: 14px;
    }

    .youtube__qr__br {
        display: none;
    }


    @media screen and (max-width: 1070px) {
        .youtube__txtarea__img__flex {
            display: flex;
            flex-direction: column-reverse;



        }

        .youtube__qr {
            margin-right: 40px;
            min-width: auto;
            display: flex;
            align-items: center;
            max-width: none;
            margin-top: 20px;
            justify-content: center;

        }

        .youtube__qr img {
            max-width: 120px;
        }

        .youtube__qr__txt {
            font-size: 18px;
            margin-right: 20px;
        }

        .youtube__qr__br {
            display: block;
        }
    }

    .youtube__content__wrapper h2::after {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 234px;
        height: 220px;
        background-image: url('../img/top/shisa-icon-r.png');

        position: relative;
        top: 90px;
        margin-left: 100px;

    }

    .youtube__ttl__img {

        display: none;
    }

    .youtube__img-txt__wrap {
        display: flex;
        flex-direction: row-reverse;
        max-width: 1366px;
        margin: 60px auto;
        align-items: flex-start;
    }

    .youtube__img-txt__wrap02 {
        flex-direction: row;
    }

    .youtube__txtarea03::after {
        content: "";
        background-image: url(../img/top/ashiato_icon-pc.png);
        background-size: contain;
        display: block;
        position: absolute;
        width: 273px;
        height: 138px;
        background-repeat: no-repeat;
        left: 20%;
        bottom: -180px;
        z-index: 10;
    }


    .youtube__txtarea__img02 {

        line-height: calc(32/16);

        padding: 11% 30px 40px;
        border-radius: 15px;
        margin: 0;

        width: auto;


    }

    .youtube__txtarea__img02__img__txt {
        position: absolute;
        top: 21%;
        font-size: min(2.2vw, 30px);
        line-height: calc(24/20);
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-weight: 500;
        left: 10%;
    }

    .youtube__txtarea__img02__img__txt02 {
        top: 25%;
        font-size: min(1.8vw, 25px);
    }

    .youtube__img-txt__wrap02 .youtube__txtarea__img01 {
        /* transform: scale(-1, 1); */
        margin-left: 0px;
        margin-right: auto;
    }


    .youtube__txtarea__img01 {
        margin-left: 15px;
        width: 15.2%;
        position: relative;
        mix-blend-mode: multiply;
        margin-left: auto;

        margin-right: -30px;
    }

    .youtube__txtarea__img02__txt {
        max-width: 500px;
        margin-left: auto;

    }

    .youtube__txtarea {
        margin-top: 21px;
        position: relative;
        width: 55%;
    }

    body .youtube__img-txt__wrap .youtube__txtarea01 {
        margin-top: 0;
    }

    .youtube__img {
        margin: 0;
        width: 45%;
        margin-left: calc(2% + 30px);
        padding: 10px;
    }

    .youtube__txtarea__img02__img {

        margin-left: 21%;
        top: -6%;
        width: 70%;
        max-width: 500px;
    }

    .top__topix__wrap {
        background: linear-gradient(#007EC3, #A9DCF6);
        position: relative;
        margin-top: -14%;
        padding: 197px 0 733px;
        overflow: hidden;
    }

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

        /* .youtube__img-txt__wrap {
        
           align-items: center;
        } */
        .youtube__txtarea__img01 {
            margin-left: 15px;
            width: 15.2%;
            position: relative;
            mix-blend-mode: multiply;
            margin-left: auto;

            margin-right: -10px;
        }
    }

    @media screen and (max-width: 1230px) {
        .youtube__content__wrapper h2::before {
            content: "";
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            width: 130px;
            height: 123px;
            background-image: url('../img/top/shisa-icon-l.png');

            position: relative;
            top: 90px;
            margin-right: 40px;

        }

        .youtube__content__wrapper h2 {
            margin-top: -64px;
        }

        .youtube__content__wrapper h2::after {
            content: "";
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            width: 130px;
            height: 123px;
            background-image: url('../img/top/shisa-icon-r.png');

            position: relative;
            top: 90px;
            margin-left: 40px;

        }

    }

    @media screen and (max-width: 900px) {
        .youtube__content__wrapper h2::before {
            content: "";
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            width: 90px;
            height: 85px;
            background-image: url('../img/top/shisa-icon-l.png');

            position: relative;
            top: 90px;
            margin-right: 20px;



        }

        .youtube__content__wrapper h2 {
            margin-top: -34px;
        }

        .youtube__content__wrapper h2::after {
            content: "";
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            width: 90px;
            height: 85px;
            background-image: url('../img/top/shisa-icon-r.png');

            position: relative;
            top: 90px;
            margin-left: 40px;

        }

    }


    @media screen and (min-width: 880px) {
        /*   .top__mv__img {
            position: absolute;
            bottom: -77px;
            width: 100%;
        } */

        .header {
            margin-bottom: 100px;
        }
    }

    .outline__content h3 {
        font-size: 32px;
    }


    .mv__bg_img01 {
        position: absolute;
        width: 27%;
        bottom: 2%;
        left: -5%;
        animation-name: mv_anim01;
        animation-duration: 1.0s;
        animation-iteration-count: infinite;
    }

    .mv__bg_img02 {
        position: absolute;
        bottom: 5%;
        left: auto;
        right: 10%;
        width: 9%;

        /* animation-name: mv_anim02;
        animation-duration: 1.0s ;
        animation-iteration-count: infinite; */
    }

    .bf__btn {
        margin-top: 60px;
    }

    .new__icon {
        position: absolute;
        top: -80px;
        width: 120px;
        left: auto;
        right: 20px;

    }

    /* 助成金ポスター */
    .poster {
        position: absolute;
        z-index: 100;
        left: auto;
        right: 0;
        width: calc(400 / 1366* 100%);
        top: calc(66.78px + 72.78px + 40px);
    }

    .top__mv__topix__wrap {
        margin-top: 4.4%;
    }

}