@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;700;800;900&display=swap);

body * {
    font-family: 'Noto Sans JP', serif
}

body {
    margin: 0
}

a {
    transition: .4s
}

a:hover {
    transition: .4s;
    opacity: .7
}

.bg_1 {
    background: #fff
}

.bg_2 {
    background: red
}

.bg_3 {
    background: #ffdb00
}

.bg_4 {
    background: #0d8
}

.bg_5 {
    background: #00b0ff
}

#mv {
    background: url(../imgs/mv_bg.webp) center no-repeat;
    background-size: 1920px auto
}

#mv .over img {
    max-width: 128.2666666666667%
}

@media screen and (max-width:767px) {
    #mv {
        background-size: auto 100%
    }
}

.z_1 {
    z-index: +1
}

.absol_1 {
    bottom: 49%;
    z-index: -1
}

.absol_2 {
    bottom: -3.4%
}

.absol_3 {
    top: -14%
}

.absol_4 {
    bottom: 71%;
    z-index: -1
}

.absol_5 {
    top: -29.4%
}

.mw_1 {
    max-width: 114.1333333333333%
}

.mw_2 {
    max-width: 106.6666666666667%
}

.mw_3 {
    max-width: 221.6%
}

.mw_4 {
    max-width: 211.4666666666667%
}

.mw_5 {
    max-width: 256%
}

.mw_6 {
    max-width: 256%
}

.pcpt205 {
    padding-top: 205px !important
}

.pcpb260 {
    padding-bottom: 260px !important
}

.pcpb145 {
    padding-bottom: 145px !important
}

@media screen and (max-width:767px) {
    .sppt105 {
        padding-top: 105px !important
    }

    .sppb75 {
        padding-bottom: 75px !important
    }

    .sppb130 {
        padding-bottom: 130px !important
    }
}

.store_title {
    font-size: 38px;
    font-weight: 900;
    margin: 95px auto 70px
}

@media screen and (max-width:767px) {
    .store_title {
        font-size: 5.06666666666667vw;
        margin: 9.33333333333333vw auto
    }
}

.con_accordion .toggle {
    display: none
}

.con_accordion .Label {
    font-size: 20px;
    font-weight: 500;
    background-color: #dce3e9;
    position: relative;
    display: flex;
    align-items: center;
    z-index: +1;
    width: 86.8%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -40px
}

.con_accordion .Label::before {
    content: '';
    background: var(--C-white);
    height: calc(tan(60deg) * 12px / 2);
    width: 16px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    margin: auto;
    transition: .6s
}

.con_accordion .Label .event_title,
.con_accordion .Label p {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: .31em;
    color: #0f218a;
    line-height: 1;
    margin: 43px 0
}

.con_accordion .Label .event_title {
    content: '';
    width: 58px;
    height: 58px;
    background: #0f218a;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5.06912442396313%;
    margin: auto;
    transition: .5s
}

.con_accordion .Label .event_title::after,
.con_accordion .Label .event_title::before {
    content: '';
    width: 43.10344827586207%;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s
}

.con_accordion .Label .event_title::after {
    rotate: 90deg
}

.con_accordion .Label,
.con_accordion .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: .5s
}

.con_accordion .content {
    height: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #dce3e9;
    width: 86.8%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}

.con_accordion .event_txt_title {
    font-size: 38px;
    font-weight: 900;
    letter-spacing: .18em;
    background: #aeb4d8;
    /* width: 508px; */
    width: 100%;
    margin: auto;
    margin-top: 80px;
    padding: 19px 0
}

.con_accordion .event_txt_title:first-child {
    margin-top: 0
}

.con_accordion .event_txt {
    width: 508px;
    margin: auto;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 34px
}

.con_accordion .event_txt dt {
    font-size: 40px;
    font-weight: 700
}

.con_accordion .event_txt dd {
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 0
}

.con_accordion .toggle:checked+.Label+.content {
    height: auto;
    transition: .5s;
    padding-top: 40px;
    margin-bottom: 0
}

.con_accordion .toggle:checked+.Label+.content img {
    opacity: 1
}

.con_accordion .toggle:checked+.Label .event_title::after {
    rotate: 0deg
}

@media screen and (max-width:767px) {
    .con_accordion .Label {
        font-size: 4.375vw;
        line-height: 1.25;
        margin-bottom: -4.6875vw;
        min-height: 16.09375vw
    }

    .con_accordion .Label::before {
        height: calc(tan(60deg) * 2.81255vw / 2);
        width: 3.75vw;
        right: 4.375vw
    }

    .con_accordion .content {
        padding: 0 11.25vw 0 4.0625vw;
        margin-bottom: 6.66666666666667vw
    }

    .con_accordion .toggle:checked+.Label+.content {
        padding: 4.26666666666667vw;
        padding-top: 9.6vw;
        margin-bottom: 0
    }

    .con_accordion .Label .event_title {
        margin-right: 2.8125vw;
        width: 6.71875vw;
        height: 6.5625vw;
        background-size: 6.71875vw
    }

    .con_accordion .Label .event_title,
    .con_accordion .Label p {
        font-size: 5.06666666666667vw;
        margin: 6.13333333333333vw 0
    }

    .con_accordion .event_txt_title {
        font-size: 5.06666666666667vw;
        /* width: 90%; */
        width: 100%;
        padding: 2.53333333333333vw 0
    }

    .con_accordion .event_txt_title:first-child {
        margin-top: 0
    }

    .con_accordion .event_txt {
        width: 90%;
        margin-top: 4vw;
        margin-bottom: 4.53333333333333vw;
        word-break: break-word
    }

    .con_accordion .event_txt dt {
        font-size: 5.33333333333333vw
    }

    .con_accordion .event_txt dd {
        font-size: 3.33333333333333vw;
        margin-top: 1.33333333333333vw
    }
}

.accordion .toggle {
    display: none
}

.accordion .Label {
    font-size: 20px;
    font-weight: 500;
    background-color: #00b0ff;
    position: relative;
    display: flex;
    align-items: center;
    z-index: +1;
    margin-bottom: -40px
}

.accordion .Label::before {
    content: '';
    background: var(--C-white);
    height: calc(tan(60deg) * 12px / 2);
    width: 16px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    margin: auto;
    transition: .6s
}

.accordion .Label .event_title,
.accordion .Label p {
    font-size: 38px;
    font-weight: 900;
    letter-spacing: .18em;
    color: #fff;
    line-height: 1;
    margin: 46px 0
}

.accordion .Label .event_title {
    content: '';
    width: 70px;
    height: 70px;
    background-image: url(../imgs/arrow_icon.svg);
    background-position: top;
    background-size: 70px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13.06666666666667%;
    margin: auto;
    transition: .5s
}

.accordion .Label,
.accordion .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: .5s
}

.accordion .content {
    height: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: var(--C-white);
    border-radius: 0 0 44px 44px;
    padding: 0 32px;
    margin-bottom: 50px
}

.accordion .event_txt_title {
    font-size: 38px;
    font-weight: 900;
    letter-spacing: .18em;
    background: #ff0;
    /* width: 508px; */
    width: 100%;
    margin: auto;
    margin-top: 80px;
    padding: 19px 0
}

.accordion .event_txt_title:first-child {
    margin-top: 0
}

.accordion .event_txt {
    width: 508px;
    margin: auto;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 34px
}

.accordion .event_txt dt {
    font-size: 40px;
    font-weight: 700
}

.accordion .event_txt dd {
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 0
}

.accordion .toggle:checked+.Label+.content {
    height: auto;
    transition: .5s;
    padding: 32px;
    padding-top: 72px;
    margin-bottom: 40px
}

.accordion .toggle:checked+.Label+.content img {
    opacity: 1
}

.accordion .toggle:checked+.Label .event_title {
    rotate: 90deg
}

@media screen and (max-width:767px) {
    .accordion .Label {
        font-size: 4.375vw;
        line-height: 1.25;
        margin-bottom: -4.6875vw;
        min-height: 16.09375vw
    }

    .accordion .Label::before {
        height: calc(tan(60deg) * 2.81255vw / 2);
        width: 3.75vw;
        right: 4.375vw
    }

    .accordion .content {
        padding: 0 11.25vw 0 4.0625vw;
        border-radius: 0 0 30px 30px;
        margin-bottom: 9.375vw
    }

    .accordion .toggle:checked+.Label+.content {
        padding: 4.26666666666667vw;
        padding-top: 9.6vw;
        margin-bottom: 5.33333333333333vw
    }

    .accordion .Label .event_title {
        margin-right: 2.8125vw;
        width: 6.71875vw;
        height: 6.5625vw;
        background-size: 6.71875vw
    }

    .accordion .Label .event_title,
    .accordion .Label p {
        font-size: 5.06666666666667vw;
        margin: 6.13333333333333vw 0
    }

    .accordion .event_txt_title {
        font-size: 5.06666666666667vw;
        /* width: 90%; */
        width: 100%;
        padding: 2.53333333333333vw 0
    }

    .accordion .event_txt_title:first-child {
        margin-top: 0
    }

    .accordion .event_txt {
        width: 90%;
        margin-top: 4vw;
        margin-bottom: 4.53333333333333vw;
        word-break: break-word
    }

    .accordion .event_txt dt {
        font-size: 5.33333333333333vw
    }

    .accordion .event_txt dd {
        font-size: 3.33333333333333vw;
        margin-top: 1.33333333333333vw
    }
}

.aco_1 .toggle:checked+.Label+.content {
    padding-top: 18px;
    padding-bottom: 40px
}

.aco_2 .toggle:checked+.Label+.content {
    padding-top: 58px;
    padding-bottom: 30px
}

.aco_3 .toggle:checked+.Label+.content {
    padding-top: 58px;
    padding-bottom: 40px
}

footer {
    padding: 60px 0 40px;
    text-align: left;
    line-height: 1.2
}

footer .wrap {
    padding: 0 4%
}

.annotation {
    margin-top: 14px;
    padding: 0
}

.annotation li {
    font-size: 22px;
    margin-bottom: 6px;
    text-align: center
}

@media screen and (max-width:767px) {
    footer {
        padding: 8% 0 18%
    }

    .annotation li {
        font-size: 2.93333333333333vw
    }
}

.page-top {
    display: none;
    margin: 0;
    padding: 0
}

.page-top p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 99
}

.move-page-top {
    display: block;
    background: rgba(0, 0, 0, .7);
    width: 50px;
    height: 50px;
    cursor: pointer;
    line-height: 48px;
    font-size: 24px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.move-page-top:hover {
    background: rgba(0, 0, 0, .3)
}

.move-page-top svg {
    fill: #fff;
    transition: all .3s
}

.move-page-top:hover svg {
    opacity: .6
}

@media screen and (max-width:767px) {
    .page-top p {
        right: 0;
        bottom: 20px
    }
}