@charset "UTF-8";
.splide__container {
    box-sizing: border-box;
    position: relative;
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
    display: none;
}

.splide__progress__bar {
    width: 0;
}

.splide {
    position: relative;
    visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
    visibility: visible;
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@keyframes splide-loading {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide__track--ttb > .splide__list {
    display: block;
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
}

.splide__arrow svg {
    fill: var(--color-black-1);
    height: 1.2em;
    width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
}

.splide__arrow:disabled {
    opacity: 0.3;
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__arrow--prev {
    left: 1em;
}

.splide__arrow--prev svg {
    transform: scaleX(-1);
}

.splide__arrow--next {
    right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
}

.splide__pagination__page.is-active {
    background: var(--color-white-1);
    transform: scale(1.4);
    z-index: 1;
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__progress__bar {
    background: #ccc;
    height: 3px;
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
    outline: 0;
}

@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf;
    }
}
@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf;
    }
}
.splide__toggle {
    cursor: pointer;
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid var(--color-black-1);
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg);
}

.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
}

/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    overflow: hidden;
    padding-bottom: calc(60 / var(--design-width) * 100vw);
    background-color: var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .l-wrapper {
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
        position: relative;
        max-width: calc(var(--contents-width) * 1px);
        margin-inline: auto;
        padding-bottom: calc(60 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.l-header__logo {
    position: absolute;
    display: block;
    top: calc(17 / var(--design-width) * 100vw);
    right: calc(17 / var(--design-width) * 100vw);
    width: calc(48 / var(--design-width) * 100vw);
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .l-header__logo {
        transition: opacity var(--hover-duration);
    }
    .l-header__logo:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .l-header__logo {
        top: calc(17 * var(--contents-width) / var(--design-width) * 1px);
        right: calc(17 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(48 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    padding-block: calc(39 / var(--design-width) * 100vw) calc(22 / var(--design-width) * 100vw);
    background-color: var(--color-white-1);
}
.l-footer__logo {
    width: calc(147 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .l-footer__logo {
        width: calc(147 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.l-footer__logo-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer__logo-link {
        transition: opacity var(--hover-duration);
    }
    .l-footer__logo-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.l-footer__copyright {
    display: block;
    margin-top: calc(22 / var(--design-width) * 100vw);
    font-family: var(--ff-lato);
    font-size: calc(10 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.7;
    color: #12110c;
    letter-spacing: 0.12em;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .l-footer__copyright {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .l-footer {
        padding-block: calc(39 * var(--contents-width) / var(--design-width) * 1px) calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-block-bg {
    position: fixed;
    inset: 0;
    background: #b4e1eb;
}
.c-block-bg__side {
    position: absolute;
    top: 0;
    width: calc((100% - var(--contents-width) * 1px) / 2);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.c-block-bg__side--left {
    left: 0;
    background-image: url(../img/bg_pc_left.png);
}
.c-block-bg__side--right {
    right: 0;
    background-image: url(../img/bg_pc_right.png);
}
.c-block-bg__name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.c-block-bg__name img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    height: 100%;
    width: 100%;
}
.c-block-bg__qr {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
}
.c-block-bg__qr img {
    width: 157px;
}
@media screen and (min-width: 751px) {
    .c-block-bg__qr {
        transform: none;
        padding-bottom: 3px;
    }
}

.c-block-nav {
    height: calc(55 / var(--design-width) * 100vw);
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-inline: calc(20 / var(--design-width) * 100vw);
    background: var(--color-white-1);
    border-top: 1px solid #d81832;
    box-shadow: 0 -3px 3px rgba(35, 24, 21, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.c-block-nav.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
@media screen and (min-width: 751px) {
    .c-block-nav {
        height: calc(55 * var(--contents-width) / var(--design-width) * 1px);
        left: 50%;
        width: calc(375 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        transform: translateX(-50%);
    }
}

.c-block-loop {
    height: calc(40 / var(--root-fz) * 1rem);
    position: relative;
    overflow: hidden;
    background: var(--color-white-1);
    border-top: 1px solid var(--color-base-1);
    border-bottom: 1px solid var(--color-base-1);
}
.c-block-loop::before {
    --loop-width: calc(514 / var(--design-width) * 100vw);
    --loop-gap: 10px;
    height: calc(35 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(var(--loop-width) * 2 + var(--loop-gap));
    background: url(../img/txt_loop.png) bottom;
    background-repeat: space no-repeat;
    background-size: var(--loop-width) auto;
    backface-visibility: hidden;
    transform: translate3d(0, -50%, 0);
    will-change: transform;
    animation: loop-text 17.4829931973s linear infinite;
}
@media screen and (min-width: 751px) {
    .c-block-loop::before {
        --loop-width: calc(514 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(35 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-loop img {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}
@media screen and (min-width: 751px) {
    .c-block-loop {
        height: calc(40 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-block-share {
    padding-top: calc(82.04 / var(--design-width) * 100vw);
}
.c-block-share__ttl {
    width: calc(307 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-block-share__ttl {
        width: calc(307 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-share__btn {
    margin-top: calc(17.14 / var(--design-width) * 100vw);
    display: flex;
    justify-content: center;
    -moz-column-gap: calc(20 / 370.88 * 100%);
         column-gap: calc(20 / 370.88 * 100%);
    padding-inline: calc(20 / 375 * 100%);
}
@media screen and (min-width: 751px) {
    .c-block-share__btn {
        margin-top: calc(17.14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-share__link {
    box-shadow: 2px 2px 5px #750027;
    display: block;
    width: 100%;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-share__link {
        transition: opacity var(--hover-duration);
    }
    .c-block-share__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-block-share {
        padding-top: calc(82.04 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-block-note {
    font-size: calc(13 / var(--design-width) * 100vw);
    font-weight: 400;
    margin-top: calc(48 / var(--design-width) * 100vw);
    padding-inline: calc(22 / var(--design-width) * 100vw);
    line-height: 1.7692307692;
    text-align: justify;
}
.c-block-note__item {
    display: inline;
}
@media screen and (min-width: 751px) {
    .c-block-note {
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(48 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-block-note {
    letter-spacing: -0.01em;
}

.c-bg-1 {
    --fade-height: calc(100 / var(--design-width) * 100vw);
    position: relative;
    isolation: isolate;
    background: var(--color-white-1);
}
.c-bg-1::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto 0 -1px;
    height: var(--fade-height);
    background: url(../img/bg_campaign_2.png) no-repeat center/100% 100%;
    transform: rotate(180deg);
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-bg-1 {
        --fade-height: calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-bg-2 {
    position: relative;
    z-index: 0;
    padding: 0;
    background: #f0e7c9;
}
.c-bg-2::before {
    display: block;
    height: calc(100 / var(--design-width) * 100vw);
    content: "";
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -1px;
    background: url(../img/bg_campaign.png) no-repeat top center/100% 100%;
}
@media screen and (min-width: 751px) {
    .c-bg-2::before {
        height: calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-bg-3 {
    overflow: hidden;
    padding: 0;
    color: var(--color-white-1);
    background: var(--color-base-1);
}

.c-bg-5 {
    color: var(--color-white-1);
    background: url(../img/bg_in-store.png) no-repeat center top/100% 100%;
    position: relative;
    padding-bottom: calc(18 / var(--design-width) * 100vw);
    padding-top: calc(86 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-bg-5 {
        padding-bottom: calc(18 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(86 * var(--contents-width) / var(--design-width) * 1px);
        width: 100%;
    }
}

.c-cassette-campaign1,
.c-cassette-campaign2 {
    width: calc(345 / 375 * 100%);
    position: relative;
    margin-inline: auto;
    color: #382e2c;
    background: var(--color-white-1);
    --arch-radius: calc(172.5 / var(--design-width) * 100vw);
    border-radius: 50% 50% 0 0/var(--arch-radius) var(--arch-radius) 0 0;
}
.c-cassette-campaign1__ttl-label,
.c-cassette-campaign2__ttl-label {
    width: calc(103 / 345 * 100%);
    position: absolute;
    z-index: 2;
    top: calc(-8.74 / var(--design-width) * 100vw);
    left: calc(-2 / 345 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__ttl-label,
    .c-cassette-campaign2__ttl-label {
        top: calc(-8.74 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__cont,
.c-cassette-campaign2__cont {
    padding-top: calc(101.26 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__cont,
    .c-cassette-campaign2__cont {
        padding-top: calc(101.26 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container,
.c-cassette-campaign2__container {
    padding-inline: calc(15 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container,
    .c-cassette-campaign2__container {
        padding-inline: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__member,
.c-cassette-campaign2__member {
    width: calc(236 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__member,
    .c-cassette-campaign2__member {
        width: calc(236 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__heading,
.c-cassette-campaign2__heading {
    margin-inline: auto;
}
.c-cassette-campaign1__date,
.c-cassette-campaign2__date {
    margin-inline: auto;
}
.c-cassette-campaign1__visual,
.c-cassette-campaign2__visual {
    margin-inline: auto;
}
.c-cassette-campaign1__visual-note,
.c-cassette-campaign2__visual-note {
    font-size: calc(11 / var(--design-width) * 100vw);
    color: rgba(56, 47, 44, 0.5);
    text-align: left;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__visual-note,
    .c-cassette-campaign2__visual-note {
        font-size: calc(11 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__body,
.c-cassette-campaign2__body {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.7142857143;
}
.c-cassette-campaign1__body p + p,
.c-cassette-campaign2__body p + p {
    margin-top: calc(14 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__body p + p,
    .c-cassette-campaign2__body p + p {
        margin-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__body strong,
.c-cassette-campaign2__body strong {
    display: inline-block;
    font-size: calc(21 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    font-weight: 800;
    line-height: 1.2;
    margin-right: calc(4 / var(--design-width) * 100vw);
    transform: translateY(2px);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__body strong,
    .c-cassette-campaign2__body strong {
        font-size: calc(21 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__body,
    .c-cassette-campaign2__body {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__section,
.c-cassette-campaign2__section {
    margin-top: calc(36 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__section,
    .c-cassette-campaign2__section {
        margin-top: calc(36 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__box-ttl,
.c-cassette-campaign2__box-ttl {
    font-size: calc(20 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    font-weight: 800;
    line-height: 1.5;
    border-bottom: 1px solid var(--color-base-1);
    padding-bottom: calc(2.5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__box-ttl,
    .c-cassette-campaign2__box-ttl {
        font-size: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(2.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__present,
.c-cassette-campaign2__present {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 700;
    margin-top: calc(14 / var(--design-width) * 100vw);
    background-color: #f9f8ed;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__present,
    .c-cassette-campaign2__present {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__note,
.c-cassette-campaign2__note {
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 500;
    margin-top: calc(20 / var(--design-width) * 100vw);
    text-align: left;
    line-height: 1.6666666667;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__note,
    .c-cassette-campaign2__note {
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign1__note,
body.edge .c-cassette-campaign2__note {
    letter-spacing: -0.01em;
}
.c-cassette-campaign1__note p:nth-child(1),
.c-cassette-campaign2__note p:nth-child(1) {
    font-weight: 800;
}
.c-cassette-campaign1__note p + p,
.c-cassette-campaign2__note p + p {
    margin-top: calc(23 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__note p + p,
    .c-cassette-campaign2__note p + p {
        margin-top: calc(23 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__note a,
.c-cassette-campaign2__note a {
    margin-right: calc(3 / var(--design-width) * 100vw);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    transition: text-decoration-color 0.25s ease;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__note a,
    .c-cassette-campaign2__note a {
        margin-right: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__note a:hover,
.c-cassette-campaign2__note a:hover {
    text-decoration-color: transparent;
}
.c-cassette-campaign1__note--2 p:nth-child(1),
.c-cassette-campaign2__note--2 p:nth-child(1) {
    font-weight: 500;
}
.c-cassette-campaign1__apply,
.c-cassette-campaign2__apply {
    width: calc(310 / 315 * 100%);
    margin-inline: auto;
}
.c-cassette-campaign1__apply-btn,
.c-cassette-campaign2__apply-btn {
    font-size: calc(18 / var(--design-width) * 100vw);
    height: calc(50 / var(--design-width) * 100vw);
    padding-bottom: 2px;
    padding-left: calc(22 / var(--design-width) * 100vw);
    padding-right: calc(40 / var(--design-width) * 100vw);
    position: relative;
    display: block;
    width: calc(278 / 310 * 100%);
    margin-inline: auto;
    color: #f9f8ed;
    background: var(--color-base-1);
    border: 2px solid var(--color-white-1);
    border-radius: 100px;
    box-shadow: 0 calc(3 / var(--design-width) * 100vw) 0 #ccc;
    font-family: var(--ff-root);
    font-weight: 700;
    line-height: 1.875;
    letter-spacing: 0.05em;
    text-align: center;
    cursor: pointer;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign1__apply-btn,
    .c-cassette-campaign2__apply-btn {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign1__apply-btn:hover,
    .c-cassette-campaign2__apply-btn:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-cassette-campaign1__apply-btn:focus-visible,
.c-cassette-campaign2__apply-btn:focus-visible {
    outline: 2px solid var(--color-base-1);
    outline-offset: 4px;
}
.c-cassette-campaign1__apply-btn::before, .c-cassette-campaign1__apply-btn::after,
.c-cassette-campaign2__apply-btn::before,
.c-cassette-campaign2__apply-btn::after {
    height: 2px;
    content: "";
    position: absolute;
    top: calc(50% + 0px);
    right: calc(20 / 278 * 100%);
    width: calc(14 / 278 * 100%);
    border-radius: 2px;
    background: currentColor;
    transform: translateY(-50%);
}
body.safari .c-cassette-campaign1__apply-btn::before, body.safari .c-cassette-campaign1__apply-btn::after,
body.safari .c-cassette-campaign2__apply-btn::before,
body.safari .c-cassette-campaign2__apply-btn::after {
    top: calc(50% + 0.5px);
}
.c-cassette-campaign1__apply-btn::after,
.c-cassette-campaign2__apply-btn::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.25s ease;
}
.c-cassette-campaign1__apply-btn[aria-expanded=true],
.c-cassette-campaign2__apply-btn[aria-expanded=true] {
    color: var(--color-base-1);
    background-color: var(--color-white-1);
    border: 2px solid var(--color-base-1);
}
.c-cassette-campaign1__apply-btn[aria-expanded=true]::after,
.c-cassette-campaign2__apply-btn[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(180deg);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__apply-btn,
    .c-cassette-campaign2__apply-btn {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(50 * var(--contents-width) / var(--design-width) * 1px);
        padding-left: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        padding-right: calc(40 * var(--contents-width) / var(--design-width) * 1px);
        box-shadow: 0 calc(3 * var(--contents-width) / var(--design-width) * 1px) 0 #ccc;
    }
}
.c-cassette-campaign1__apply-content,
.c-cassette-campaign2__apply-content {
    max-height: none;
    opacity: 1;
}
.is-collapsible > .c-cassette-campaign1__apply-content,
.is-collapsible > .c-cassette-campaign2__apply-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    --apply-offset: calc(-8 / var(--design-width) * 100vw);
    transform: translateY(var(--apply-offset));
    transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
    will-change: opacity, transform;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .is-collapsible > .c-cassette-campaign1__apply-content,
    .is-collapsible > .c-cassette-campaign2__apply-content {
        --apply-offset: calc(-8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.is-open > .c-cassette-campaign1__apply-content,
.is-open > .c-cassette-campaign2__apply-content {
    max-height: calc(2400 / var(--design-width) * 100vw);
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
@media screen and (min-width: 751px) {
    .is-open > .c-cassette-campaign1__apply-content,
    .is-open > .c-cassette-campaign2__apply-content {
        max-height: calc(2400 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .c-cassette-campaign1__apply-btn::after, .is-collapsible > .c-cassette-campaign1__apply-content,
    .c-cassette-campaign2__apply-btn::after,
    .is-collapsible > .c-cassette-campaign2__apply-content {
        transition: none;
    }
}
.c-cassette-campaign1__order-link,
.c-cassette-campaign2__order-link {
    width: calc(300 / var(--design-width) * 100vw);
    font-size: calc(11 / var(--design-width) * 100vw);
    margin-inline: auto;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__order-link,
    .c-cassette-campaign2__order-link {
        width: calc(300 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(11 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__order-link a,
.c-cassette-campaign2__order-link a {
    display: block;
}
.c-cassette-campaign1__order-link p:first-child,
.c-cassette-campaign2__order-link p:first-child {
    width: calc(235 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__order-link p:first-child,
    .c-cassette-campaign2__order-link p:first-child {
        width: calc(235 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__order-link p:last-child,
.c-cassette-campaign2__order-link p:last-child {
    width: calc(190 / var(--design-width) * 100vw);
    margin-top: calc(4 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__order-link p:last-child,
    .c-cassette-campaign2__order-link p:last-child {
        width: calc(190 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1,
    .c-cassette-campaign2 {
        --arch-radius: calc(172.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-campaign1 {
    padding-bottom: calc(49.5 / var(--design-width) * 100vw);
}
.c-cassette-campaign1__visual-note {
    margin-top: calc(-24 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__visual-note {
        margin-top: calc(-24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom > .c-cassette-campaign1__section:first-child {
    margin-top: calc(47 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom > .c-cassette-campaign1__section:first-child {
        margin-top: calc(47 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__heading {
    width: calc(262 / var(--design-width) * 100vw);
    margin-top: calc(13.5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__heading {
        width: calc(262 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(13.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__date {
    width: calc(241 / var(--design-width) * 100vw);
    margin-top: calc(16 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__date {
        width: calc(241 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__visual {
    width: calc(354 / 315 * 100%);
    margin-top: calc(1 / var(--design-width) * 100vw);
    margin-left: calc(-29 / 315 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__visual {
        margin-top: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__body {
    margin-top: calc(22 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__body {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__present {
    padding-top: calc(16 / var(--design-width) * 100vw);
    padding-bottom: calc(19 / var(--design-width) * 100vw);
}
.c-cassette-campaign1__present > p + p {
    margin-top: calc(8 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__present > p + p {
        margin-top: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__present strong {
    color: var(--color-base-1);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__present {
        padding-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(19 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__present-lead {
    font-size: calc(15 / var(--design-width) * 100vw);
    display: inline-block;
    padding-inline: calc(12 / var(--design-width) * 100vw);
    padding-block: calc(1 / var(--design-width) * 100vw);
    color: var(--color-white-1);
    background: var(--color-base-1);
    border-radius: 100px;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__present-lead {
        font-size: calc(15 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        padding-block: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__present-title {
    font-size: calc(21 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    font-weight: 800;
    line-height: 1.4;
}
.c-cassette-campaign1__present-title span {
    font-size: calc(16 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__present-title span {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__present-title {
        font-size: calc(21 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__target {
    width: calc(315 / var(--design-width) * 100vw);
    margin-top: calc(15 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__target {
        width: calc(315 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__target-lead {
    font-size: calc(14 / var(--design-width) * 100vw);
    margin-top: calc(38 / var(--design-width) * 100vw);
    line-height: 1.55;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__target-lead {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(38 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__target-lead strong {
    color: var(--color-base-1);
    font-size: calc(17 / var(--design-width) * 100vw);
    font-weight: 800;
    margin-right: calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__target-lead strong {
        font-size: calc(17 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__order {
    width: calc(333.5 / 319 * 100%);
    margin-top: calc(14 / var(--design-width) * 100vw);
    margin-left: calc(-4 / 319 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__order {
        margin-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-visual {
    margin-top: calc(7 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step-visual {
        margin-top: calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-visual img {
    max-width: -moz-fit-content;
    max-width: fit-content;
    transform: translateX(-6px);
    width: calc(100% + 20px);
}
.c-cassette-campaign1__apply {
    margin-top: calc(40 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__apply {
        margin-top: calc(40 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__order-link {
    margin-top: calc(43 / var(--design-width) * 100vw);
}
.c-cassette-campaign1__order-link a {
    margin-bottom: calc(3 / var(--design-width) * 100vw);
    margin-top: calc(16 / var(--design-width) * 100vw);
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign1__order-link a {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign1__order-link a:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__order-link a {
        margin-bottom: calc(3 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__order-link {
        margin-top: calc(43 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1 {
        padding-bottom: calc(49.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-campaign2 {
    padding-bottom: calc(53 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2 {
        padding-bottom: calc(53 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont {
    padding-top: calc(101.3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont {
        padding-top: calc(101.3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__heading {
    width: calc(318 / 315 * 100%);
    margin-left: calc(-1.5 / 315 * 100%);
    margin-top: calc(12 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__heading {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__date {
    width: calc(215 / var(--design-width) * 100vw);
    margin-top: calc(16 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__date {
        width: calc(215 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__visual {
    width: calc(329 / 315 * 100%);
    margin-top: calc(19 / var(--design-width) * 100vw);
    margin-left: calc(-8 / 315 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__visual {
        margin-top: calc(19 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__visual-note {
    margin-top: calc(-15 / var(--design-width) * 100vw);
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__visual-note {
        margin-top: calc(-15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__body {
    margin-top: calc(18 / var(--design-width) * 100vw);
    text-align: center;
}
.c-cassette-campaign2__body p:first-child strong:first-of-type {
    font-size: calc(14 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__body p:first-child strong:first-of-type {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__body {
        margin-top: calc(18 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__present {
    width: calc(315 / var(--design-width) * 100vw);
    margin-inline: auto;
    padding-top: calc(14 / var(--design-width) * 100vw);
    padding-bottom: calc(17 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__present {
        width: calc(315 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(17 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__present-title {
    font-size: calc(24 / var(--design-width) * 100vw);
    font-weight: 800;
    line-height: 1.1666666667;
    color: var(--color-base-1);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__present-title {
        font-size: calc(24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__present-count {
    font-size: calc(18 / var(--design-width) * 100vw);
    font-weight: 800;
    line-height: 1.5;
    color: var(--color-base-1);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__present-count {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__present-description {
    margin-top: calc(8 / var(--design-width) * 100vw);
    line-height: 1.5714285714;
}
.c-cassette-campaign2__present-description strong {
    font-weight: 800;
    color: var(--color-base-1);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__present-description {
        margin-top: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__apply {
    margin-top: calc(40 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__apply {
        margin-top: calc(40 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__order-link {
    margin-top: calc(43 / var(--design-width) * 100vw);
}
.c-cassette-campaign2__order-link a {
    margin-bottom: calc(3 / var(--design-width) * 100vw);
    margin-top: calc(16.44 / var(--design-width) * 100vw);
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign2__order-link a {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign2__order-link a:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__order-link a {
        margin-bottom: calc(3 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(16.44 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__order-link {
        margin-top: calc(43 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-note {
    margin-top: calc(10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-note {
        margin-top: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-in-store {
    position: relative;
}
.c-cassette-in-store__txt-1 {
    margin-top: calc(62 / var(--design-width) * 100vw);
    position: relative;
    z-index: 1;
    width: calc(323 / 375 * 100%);
    margin-inline: auto;
}
.c-cassette-in-store__txt-1 img {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__txt-1 {
        margin-top: calc(62 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__img-1 {
    margin-top: calc(6 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__img-1 {
        margin-top: calc(6 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store:first-child .c-cassette-in-store__img-1 {
    margin-top: calc(-8 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store:first-child .c-cassette-in-store__img-1 {
        margin-top: calc(-8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store:first-child .c-cassette-in-store__txt-1 {
    width: calc(323 / 375 * 100%);
    margin-left: calc(28 / 375 * 100%);
}
.c-cassette-in-store:nth-child(2) {
    isolation: isolate;
}
.c-cassette-in-store:nth-child(2)::before {
    top: calc(-93.38 / var(--design-width) * 100vw);
    height: calc(188.337 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    inset-inline: 0;
    background: url(../img/bg_sns.png) no-repeat center/100% 100%;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store:nth-child(2)::before {
        top: calc(-93.38 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(188.337 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store:nth-child(2) .c-cassette-in-store__txt-1 {
    position: relative;
    width: calc(339.5 / 375 * 100%);
    margin-top: calc(75 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store:nth-child(2) .c-cassette-in-store__txt-1 {
        margin-top: calc(75 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store:nth-child(2) .c-cassette-in-store__img-1 {
    margin-top: calc(-10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store:nth-child(2) .c-cassette-in-store__img-1 {
        margin-top: calc(-10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider {
    margin-top: calc(-33 / var(--design-width) * 100vw);
    position: relative;
    width: calc(374 / 375 * 100%);
    margin-inline: auto;
}
.c-cassette-in-store__slider .splide__track {
    --track-offset: calc(2 / var(--design-width) * 100vw);
    overflow: visible;
    transform: translateX(var(--track-offset));
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider .splide__track {
        --track-offset: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider .splide__list {
    align-items: center;
}
.c-cassette-in-store__slider .splide__slide {
    width: calc(299 / 374 * 100%);
    aspect-ratio: 598/599;
}
.c-cassette-in-store__slider .splide__slide > img {
    display: block;
    width: 100%;
    height: auto;
}
.c-cassette-in-store__slider .splide__arrows::before, .c-cassette-in-store__slider .splide__arrows::after {
    width: calc(30 / var(--design-width) * 100vw);
    height: calc(32 / var(--design-width) * 100vw);
    left: calc(25 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: rgba(168, 167, 167, 0.7);
    mix-blend-mode: multiply;
    z-index: 2;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider .splide__arrows::before, .c-cassette-in-store__slider .splide__arrows::after {
        width: calc(30 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(32 * var(--contents-width) / var(--design-width) * 1px);
        left: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider .splide__arrows::after {
    left: auto;
    right: calc(25 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider .splide__arrows::after {
        right: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider .splide__arrow {
    width: calc(30 / var(--design-width) * 100vw);
    height: calc(32 / var(--design-width) * 100vw);
    border: 0;
    background: transparent no-repeat center/contain;
    opacity: 1;
    transition: opacity 0.3s ease;
    will-change: opacity;
    z-index: 3;
}
.c-cassette-in-store__slider .splide__arrow svg {
    display: none;
}
.c-cassette-in-store__slider .splide__arrow--prev {
    left: calc(25 / var(--design-width) * 100vw);
    background-image: url(../img/img_in-store_slide_prev.png);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider .splide__arrow--prev {
        left: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider .splide__arrow--next {
    right: calc(25 / var(--design-width) * 100vw);
    background-image: url(../img/img_in-store_slide_next.png);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider .splide__arrow--next {
        right: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider .splide__arrow {
        width: calc(30 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(32 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider .splide__pagination {
    display: none;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider {
        margin-top: calc(-33 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slide-2-btn {
    position: absolute;
    top: calc(280 / 599 * 100%);
    left: calc(25 / 299 * 100%);
    width: calc(150.5 / 299 * 100%);
}
.c-cassette-in-store__slide-2-btn-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-in-store__slide-2-btn-link {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-in-store__slide-2-btn-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-cassette-in-store__slide-2-btn-link:focus-visible {
    outline: 2px solid var(--color-base-1);
    outline-offset: 3px;
}
.c-cassette-in-store__slide-2-btn-link img {
    display: block;
    width: 100%;
    height: auto;
}
.c-cassette-in-store__share-txt {
    font-size: calc(16 / var(--design-width) * 100vw);
    margin-top: calc(20 / var(--design-width) * 100vw);
    color: var(--color-white-1);
    font-weight: 700;
    line-height: 1.9375;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__share-txt {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__cont {
    width: calc(300 / var(--design-width) * 100vw);
    font-size: calc(14 / var(--design-width) * 100vw);
    margin-top: calc(-29.55 / var(--design-width) * 100vw);
    position: relative;
    margin-inline: auto;
    padding-block: calc(25 / var(--design-width) * 100vw) calc(31 / var(--design-width) * 100vw);
    padding-inline: calc(20 / var(--design-width) * 100vw);
    color: #382e2c;
    background: var(--color-white-1);
    --outline-width: calc(2 / var(--design-width) * 100vw);
    --shadow-offset: calc(4 / var(--design-width) * 100vw);
    border: var(--outline-width) solid #920230;
    border-radius: 10px;
    font-weight: 700;
    line-height: 1.7857142857;
}
.c-cassette-in-store__cont::before {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--outline-width));
    border-radius: inherit;
    background: rgba(140, 37, 32, 0.4);
    transform: translate(var(--shadow-offset), var(--shadow-offset));
    z-index: -1;
    pointer-events: none;
}
.c-cassette-in-store__cont strong {
    color: var(--color-base-1);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__cont {
        width: calc(300 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-29.55 * var(--contents-width) / var(--design-width) * 1px);
        --outline-width: calc(1.5 * var(--contents-width) / var(--design-width) * 1px);
        --shadow-offset: calc(4 * var(--contents-width) / var(--design-width) * 1px);
        padding-block: calc(25 * var(--contents-width) / var(--design-width) * 1px) calc(31 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__side-english {
    position: absolute;
    width: calc(8 / 300 * 100%);
    top: calc(340.8 / var(--design-width) * 100vw);
    left: calc(-21.5 / 300 * 100%);
}
.c-cassette-in-store__side-english:last-child {
    left: auto;
    right: calc(-22.5 / 300 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__side-english {
        top: calc(340.8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail > p:first-child {
    font-weight: 400;
    line-height: 2.1428571429;
}
.c-cassette-in-store__detail > p:first-child strong {
    font-size: calc(18 / var(--design-width) * 100vw);
    font-weight: 900;
    line-height: 1.2;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail > p:first-child strong {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period {
    margin-top: calc(30 / var(--design-width) * 100vw);
}
.c-cassette-in-store__detail-period:first-of-type {
    margin-top: calc(40 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period:first-of-type {
        margin-top: calc(40 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period > p:first-child {
    width: calc(77 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period > p:first-child {
        width: calc(77 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period p + p {
    font-weight: 400;
    margin-bottom: calc(11 / var(--design-width) * 100vw);
    margin-top: calc(8 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period p + p {
        margin-bottom: calc(11 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period h3 {
    font-size: calc(16 / var(--design-width) * 100vw);
    letter-spacing: 0.075em;
    margin-top: calc(12.5 / var(--design-width) * 100vw);
    padding-top: calc(5 / var(--design-width) * 100vw);
    padding-bottom: calc(5 / var(--design-width) * 100vw);
    border-block: 1px solid var(--color-base-1);
    color: var(--color-base-1);
    line-height: 1.5625;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period h3 {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(12.5 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period > img:last-child {
    margin-top: calc(15.5 / var(--design-width) * 100vw);
    display: block;
    width: calc(254 / 260 * 100%);
    margin-inline: calc(4.5 / 260 * 100%) 0;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period > img:last-child {
        margin-top: calc(15.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period:first-of-type > h3 {
    letter-spacing: 0.075em;
    margin-top: calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period:first-of-type > h3 {
        margin-top: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period:first-of-type > img:last-child {
    width: calc(243 / 260 * 100%);
    margin-top: calc(16 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period:first-of-type > img:last-child {
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-period:first-of-type > p:nth-child(2) {
    line-height: 1.8571428571;
}
.c-cassette-in-store__detail-period:first-of-type > p:nth-child(2) strong {
    font-size: calc(18 / var(--design-width) * 100vw);
    font-weight: 900;
    line-height: 1.2;
    padding-right: 1px;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period:first-of-type > p:nth-child(2) strong {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-period {
        margin-top: calc(30 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-sns {
    margin-top: calc(46 / var(--design-width) * 100vw);
}
.c-cassette-sns__head {
    width: calc(243 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__head {
        width: calc(243 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__date {
    width: calc(190 / var(--design-width) * 100vw);
    margin-top: calc(17 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__date {
        width: calc(190 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(17 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__visual {
    width: calc(253 / var(--design-width) * 100vw);
    margin-top: calc(-16.5 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__visual {
        width: calc(253 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-16.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont {
    color: var(--color-black-1);
    font-size: calc(13 / var(--design-width) * 100vw);
    margin-top: calc(-21.5 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.5384615385;
}
.c-cassette-sns__cont p {
    color: #382e2c;
}
.c-cassette-sns__cont p:nth-of-type(1) {
    margin-bottom: calc(5 / var(--design-width) * 100vw);
}
.c-cassette-sns__cont p:nth-of-type(2) {
    margin-bottom: calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont p:nth-of-type(1) {
        margin-bottom: calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-cassette-sns__cont p:nth-of-type(2) {
        margin-bottom: calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont strong {
    display: inline;
    font-size: calc(20 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.4;
    margin: calc(10 / var(--design-width) * 100vw) 0;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont strong {
        margin: calc(10 * var(--contents-width) / var(--design-width) * 1px) 0;
    }
}
.c-cassette-sns__cont strong span {
    font-size: calc(22 / var(--design-width) * 100vw);
    line-height: 0;
    margin-right: calc(3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont strong span {
        font-size: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont strong {
        font-size: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont {
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-21.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__apply {
    width: calc(310 / 375 * 100%);
    margin-top: calc(24 / var(--design-width) * 100vw);
    margin-inline: auto;
}
.c-cassette-sns__apply-btn {
    font-size: calc(18 / var(--design-width) * 100vw);
    height: calc(50 / var(--design-width) * 100vw);
    padding-bottom: 2px;
    padding-left: calc(22 / var(--design-width) * 100vw);
    padding-right: calc(40 / var(--design-width) * 100vw);
    position: relative;
    display: block;
    width: calc(278 / 310 * 100%);
    margin-inline: auto;
    color: #f9f8ed;
    background: var(--color-base-1);
    border: 2px solid var(--color-white-1);
    border-radius: 100px;
    box-shadow: 0 calc(3 / var(--design-width) * 100vw) 0 #ccc;
    font-family: var(--ff-root);
    font-weight: 700;
    line-height: 1.875;
    letter-spacing: 0.05em;
    text-align: center;
    cursor: pointer;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-sns__apply-btn {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-sns__apply-btn:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-cassette-sns__apply-btn:focus-visible {
    outline: 2px solid var(--color-base-1);
    outline-offset: 4px;
}
.c-cassette-sns__apply-btn::before, .c-cassette-sns__apply-btn::after {
    height: 2px;
    content: "";
    position: absolute;
    top: calc(50% + 0px);
    right: calc(20 / 278 * 100%);
    width: calc(14 / 278 * 100%);
    border-radius: 2px;
    background: currentColor;
    transform: translateY(-50%);
}
body.safari .c-cassette-sns__apply-btn::before, body.safari .c-cassette-sns__apply-btn::after {
    top: calc(50% + 0.5px);
}
.c-cassette-sns__apply-btn::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.25s ease;
}
.c-cassette-sns__apply-btn[aria-expanded=true] {
    color: var(--color-base-1);
    background-color: var(--color-white-1);
    border: 2px solid var(--color-base-1);
}
.c-cassette-sns__apply-btn[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(180deg);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__apply-btn {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(50 * var(--contents-width) / var(--design-width) * 1px);
        padding-left: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        padding-right: calc(40 * var(--contents-width) / var(--design-width) * 1px);
        box-shadow: 0 calc(3 * var(--contents-width) / var(--design-width) * 1px) 0 #ccc;
    }
}
.c-cassette-sns__apply-content {
    max-height: none;
    opacity: 1;
}
.is-collapsible > .c-cassette-sns__apply-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
    will-change: opacity, transform;
    pointer-events: none;
}
.is-open > .c-cassette-sns__apply-content {
    max-height: calc(1300 / var(--design-width) * 100vw);
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
@media screen and (min-width: 751px) {
    .is-open > .c-cassette-sns__apply-content {
        max-height: calc(1300 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .c-cassette-sns__apply-btn::after, .is-collapsible > .c-cassette-sns__apply-content {
        transition: none;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__apply {
        margin-top: calc(24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-sns {
        margin-top: calc(46 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-campaign1__steps,
.c-cassette-campaign2__steps,
.c-cassette-sns__steps {
    padding-top: calc(43 / var(--design-width) * 100vw);
    padding-bottom: calc(48 / var(--design-width) * 100vw);
    padding-inline: calc(16 / 310 * 100%);
    color: #382e2c;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__steps,
    .c-cassette-campaign2__steps,
    .c-cassette-sns__steps {
        padding-top: calc(43 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(48 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step + .c-cassette-campaign1__step,
.c-cassette-campaign1__step + .c-cassette-campaign2__step,
.c-cassette-campaign1__step + .c-cassette-sns__step,
.c-cassette-campaign2__step + .c-cassette-campaign1__step,
.c-cassette-campaign2__step + .c-cassette-campaign2__step,
.c-cassette-campaign2__step + .c-cassette-sns__step,
.c-cassette-sns__step + .c-cassette-campaign1__step,
.c-cassette-sns__step + .c-cassette-campaign2__step,
.c-cassette-sns__step + .c-cassette-sns__step {
    margin-top: calc(31 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step + .c-cassette-campaign1__step,
    .c-cassette-campaign1__step + .c-cassette-campaign2__step,
    .c-cassette-campaign1__step + .c-cassette-sns__step,
    .c-cassette-campaign2__step + .c-cassette-campaign1__step,
    .c-cassette-campaign2__step + .c-cassette-campaign2__step,
    .c-cassette-campaign2__step + .c-cassette-sns__step,
    .c-cassette-sns__step + .c-cassette-campaign1__step,
    .c-cassette-sns__step + .c-cassette-campaign2__step,
    .c-cassette-sns__step + .c-cassette-sns__step {
        margin-top: calc(31 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-heading img,
.c-cassette-campaign2__step-heading img,
.c-cassette-sns__step-heading img {
    width: 100%;
}
.c-cassette-campaign1__step-lead,
.c-cassette-campaign2__step-lead,
.c-cassette-sns__step-lead {
    margin-top: calc(13 / var(--design-width) * 100vw);
    font-size: calc(15 / var(--design-width) * 100vw);
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
}
.c-cassette-campaign1__step-lead strong,
.c-cassette-campaign2__step-lead strong,
.c-cassette-sns__step-lead strong {
    color: var(--color-base-1);
}
body.edge .c-cassette-campaign1__step-lead,
body.edge .c-cassette-campaign2__step-lead,
body.edge .c-cassette-sns__step-lead {
    letter-spacing: 0.01em;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step-lead,
    .c-cassette-campaign2__step-lead,
    .c-cassette-sns__step-lead {
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-note,
.c-cassette-campaign2__step-note,
.c-cassette-sns__step-note {
    margin-top: calc(6 / var(--design-width) * 100vw);
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02em;
    width: 93.5714285714%;
    margin-inline: auto;
    text-align: left;
}
body.edge .c-cassette-campaign1__step-note,
body.edge .c-cassette-campaign2__step-note,
body.edge .c-cassette-sns__step-note {
    width: 92.8571428571%;
}
.c-cassette-campaign1__step-note strong,
.c-cassette-campaign2__step-note strong,
.c-cassette-sns__step-note strong {
    color: var(--color-base-1);
}
.c-cassette-campaign1__step-note a,
.c-cassette-campaign2__step-note a,
.c-cassette-sns__step-note a {
    margin-right: calc(3 / var(--design-width) * 100vw);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 0.1em;
    transition: text-decoration-color 0.25s ease;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step-note a,
    .c-cassette-campaign2__step-note a,
    .c-cassette-sns__step-note a {
        margin-right: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-note a:hover,
.c-cassette-campaign2__step-note a:hover,
.c-cassette-sns__step-note a:hover {
    text-decoration-color: transparent;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step-note,
    .c-cassette-campaign2__step-note,
    .c-cassette-sns__step-note {
        margin-top: calc(6 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-note--nowrap,
.c-cassette-campaign2__step-note--nowrap,
.c-cassette-sns__step-note--nowrap {
    white-space: nowrap;
}
.c-cassette-campaign1__step-visual,
.c-cassette-campaign2__step-visual,
.c-cassette-sns__step-visual {
    margin-top: calc(7 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step-visual,
    .c-cassette-campaign2__step-visual,
    .c-cassette-sns__step-visual {
        margin-top: calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__step-btn,
.c-cassette-campaign2__step-btn,
.c-cassette-sns__step-btn {
    margin-top: calc(21 / var(--design-width) * 100vw);
    width: calc(260 / 280 * 100%);
    margin-inline: auto;
}
.c-cassette-campaign1__step-btn a,
.c-cassette-campaign2__step-btn a,
.c-cassette-sns__step-btn a {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign1__step-btn a,
    .c-cassette-campaign2__step-btn a,
    .c-cassette-sns__step-btn a {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign1__step-btn a:hover,
    .c-cassette-campaign2__step-btn a:hover,
    .c-cassette-sns__step-btn a:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__step-btn,
    .c-cassette-campaign2__step-btn,
    .c-cassette-sns__step-btn {
        margin-top: calc(21 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__requirements,
.c-cassette-campaign2__requirements,
.c-cassette-sns__requirements {
    margin-top: calc(44 / var(--design-width) * 100vw);
    width: calc(111 / 280 * 100%);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__requirements,
    .c-cassette-campaign2__requirements,
    .c-cassette-sns__requirements {
        margin-top: calc(44 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__requirements-link,
.c-cassette-campaign2__requirements-link,
.c-cassette-sns__requirements-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign1__requirements-link,
    .c-cassette-campaign2__requirements-link,
    .c-cassette-sns__requirements-link {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign1__requirements-link:hover,
    .c-cassette-campaign2__requirements-link:hover,
    .c-cassette-sns__requirements-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-cassette-campaign1__requirements-link img,
.c-cassette-campaign2__requirements-link img,
.c-cassette-sns__requirements-link img {
    width: 100%;
}

.c-cassette-campaign1__steps {
    background-image: url(../img/bg_campaign-step_1.png);
}

.c-cassette-campaign2__steps {
    background-image: url(../img/bg_campaign-step_2.png);
}

.c-cassette-sns__steps {
    background-image: url(../img/bg_sns-campaign.png);
}

.c-cassette-campaign2__step-visual {
    margin-bottom: calc(12 / var(--design-width) * 100vw);
    margin-top: calc(12 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-visual {
        margin-bottom: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-note {
    letter-spacing: 0em;
    text-align: justify;
    width: 95%;
}
body.edge .c-cassette-campaign2__step-note {
    width: 95.7142857143%;
}
.c-cassette-campaign2__step-note strong, .c-cassette-campaign2__step-note b {
    font-weight: 700;
}
.c-cassette-campaign2__step-note--last {
    line-height: 1.7;
    margin-top: calc(30 / var(--design-width) * 100vw);
    width: 100%;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-note--last {
        margin-top: calc(30 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign2__step-note--last {
    letter-spacing: -0.02em;
    line-height: 1.7;
}

.c-kv {
    position: relative;
    width: 100%;
}
.c-kv__container, .c-kv__main {
    width: 100%;
}
.c-kv__main {
    pointer-events: none;
}
.c-kv__video {
    aspect-ratio: 375/667;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 751px) {
    .c-kv__video {
        aspect-ratio: 430/764;
    }
}
.c-kv iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
}

.c-section-intro {
    padding-bottom: calc(130 / var(--design-width) * 100vw);
    position: relative;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-intro {
        padding-bottom: calc(130 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: calc(122 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__container {
        padding-top: calc(122 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__visual {
    width: calc(170 / 375 * 100%);
    position: absolute;
    z-index: 1;
    top: calc(68 / var(--design-width) * 100vw);
    right: 0;
}
@media screen and (min-width: 751px) {
    .c-section-intro__visual {
        top: calc(68 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__ttl {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: calc(22 / var(--design-width) * 100vw);
    text-align: left;
}
@media screen and (min-width: 751px) {
    .c-section-intro__ttl {
        padding-left: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-section-intro__ttl {
    padding-left: calc(20 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-section-intro__ttl {
        padding-left: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__date {
    font-size: calc(36 / var(--design-width) * 100vw);
    position: relative;
    display: inline-block;
    padding-inline: calc(8 / var(--design-width) * 100vw);
    background: var(--color-base-1);
    border-radius: 3px;
    color: var(--color-white-1);
    font-family: Vidaloka, serif;
    line-height: 1.1388888889;
    padding-top: calc(2.5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__date {
        font-size: calc(36 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-section-intro__date {
    font-size: calc(35 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-section-intro__date {
        font-size: calc(35 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__date small {
    font-size: calc(22 / var(--design-width) * 100vw);
    padding-left: calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__date small {
        font-size: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        padding-left: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__date-suffix {
    font-size: calc(22 / var(--design-width) * 100vw);
    position: absolute;
    font-weight: 700;
    white-space: nowrap;
    line-height: 2.4;
    top: 0;
    left: calc(100% + calc(6 / var(--design-width) * 100vw));
    color: var(--color-base-1);
    font-family: var(--ff-root);
}
@media screen and (min-width: 751px) {
    .c-section-intro__date-suffix {
        font-size: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        left: calc(100% + calc(6 * var(--contents-width) / var(--design-width) * 1px));
    }
}
.c-section-intro__heading {
    font-size: calc(23 / var(--design-width) * 100vw);
    font-weight: 900;
    margin-top: calc(6 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    line-height: 1.4;
}
@media screen and (min-width: 751px) {
    .c-section-intro__heading {
        font-size: calc(23 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(6 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-section-intro__heading {
    font-size: calc(22 / var(--design-width) * 100vw);
    letter-spacing: -0.01em;
}
@media screen and (min-width: 751px) {
    body.edge .c-section-intro__heading {
        font-size: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__heading .c-section-intro__number {
    display: inline-block;
    font-family: var(--ff-vidaloka);
    font-size: calc(40 / var(--design-width) * 100vw);
    font-weight: 400;
    line-height: 0.85;
    transform: translateY(calc(1 / var(--design-width) * 100vw));
    padding-inline: calc(1.5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__heading .c-section-intro__number {
        font-size: calc(40 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(1.5 * var(--contents-width) / var(--design-width) * 1px);
        transform: translateY(calc(1 * var(--contents-width) / var(--design-width) * 1px));
    }
}
.c-section-intro__sub {
    font-size: calc(14 / var(--design-width) * 100vw);
    margin-top: calc(24 / var(--design-width) * 100vw);
    color: #382e2c;
    font-family: Vidaloka, serif;
    line-height: 1.5;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
    .c-section-intro__sub {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__txt-wrap {
    font-size: calc(16 / var(--design-width) * 100vw);
    position: relative;
    z-index: 2;
    margin-top: calc(77 / var(--design-width) * 100vw);
    padding-inline: calc(12 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    font-weight: 700;
    line-height: 1.875;
}
@media screen and (min-width: 751px) {
    .c-section-intro__txt-wrap {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(77 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__txt + .c-section-intro__txt {
    margin-top: calc(13 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__txt + .c-section-intro__txt {
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__vibe-copy {
    width: calc(203 / 375 * 100%);
    margin: calc(33 / var(--design-width) * 100vw) 0 0 calc(91 / 375 * 100%);
}
@media screen and (min-width: 751px) {
    .c-section-intro__vibe-copy {
        margin-top: calc(33 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__leaf {
    position: absolute;
    pointer-events: none;
}
.c-section-intro__leaf--1 {
    width: calc(52.27 / 375 * 100%);
    left: calc(336.62 / 375 * 100%);
    top: calc(11.4 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__leaf--1 {
        top: calc(11.4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__leaf--2 {
    width: calc(38.63 / 375 * 100%);
    left: calc(33.49 / 375 * 100%);
    top: calc(63.12 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__leaf--2 {
        top: calc(63.12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__leaf--3 {
    width: calc(40.69 / 375 * 100%);
    left: calc(192.53 / 375 * 100%);
    top: calc(282.67 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__leaf--3 {
        top: calc(282.67 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__leaf--4 {
    width: calc(55.12 / 375 * 100%);
    left: calc(11.15 / 375 * 100%);
    top: calc(574.06 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__leaf--4 {
        top: calc(574.06 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__leaf--5 {
    width: calc(37.49 / 375 * 100%);
    left: calc(-11.32 / 375 * 100%);
    top: calc(643.4 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__leaf--5 {
        top: calc(643.4 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-section-campaign {
    padding-top: calc(22 / var(--design-width) * 100vw);
    padding-bottom: calc(100 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-campaign {
        padding-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__ttl {
    font-size: calc(55 / var(--design-width) * 100vw);
    display: block;
    color: var(--color-base-1);
    font-family: Vidaloka, serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1;
}
body.firefox .c-section-campaign__ttl {
    -webkit-text-stroke: 0.25px var(--color-base-1);
    text-stroke: 0.25px var(--color-base-1);
    text-shadow: 0 -0.25px 0.15px var(--color-base-1), 0.177px -0.177px 0.15px var(--color-base-1), 0.25px 0 0.15px var(--color-base-1), 0.177px 0.177px 0.15px var(--color-base-1), 0 0.25px 0.15px var(--color-base-1), -0.177px 0.177px 0.15px var(--color-base-1), -0.25px 0 0.15px var(--color-base-1), -0.177px -0.177px 0.15px var(--color-base-1);
}
.c-section-campaign__ttl-sub {
    font-size: calc(13 / var(--design-width) * 100vw);
    display: block;
    margin-top: calc(5 / var(--design-width) * 100vw);
    font-family: var(--ff-root);
    font-weight: 700;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__ttl-sub {
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.firefox .c-section-campaign__ttl-sub {
    font-weight: 700;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__ttl {
        font-size: calc(55 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__body {
    margin-top: calc(63 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__body {
        margin-top: calc(63 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-section-in-store {
    margin-top: calc(46 / var(--design-width) * 100vw);
    padding-top: calc(30 / var(--design-width) * 100vw);
    position: relative;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-in-store {
        margin-top: calc(46 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(30 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-in-store::before {
    top: calc(94 / var(--design-width) * 100vw);
    height: calc(188 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    inset-inline: 0;
    background: url(../img/bg_sns.png) no-repeat center/100% 100%;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-section-in-store::before {
        top: calc(94 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(188 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-in-store__container {
    position: relative;
}
.c-section-in-store__ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.c-section-in-store__ttl-line:first-child {
    width: calc(261 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-in-store__ttl-line:first-child {
        width: calc(261 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-in-store__ttl-line:last-child {
    margin-top: calc(14 / var(--design-width) * 100vw);
    width: calc(59 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-in-store__ttl-line:last-child {
        margin-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(59 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-section-special {
    padding-top: calc(176 / var(--design-width) * 100vw);
    padding-bottom: calc(110 / var(--design-width) * 100vw);
    position: relative;
    z-index: 0;
    text-align: center;
    color: var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .c-section-special {
        padding-top: calc(176 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(110 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special::before {
    top: calc(105 / var(--design-width) * 100vw);
    width: 100%;
    height: calc(1973 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    background: url(../img/bg_special.png) no-repeat center/100% 100%;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-section-special::before {
        top: calc(105 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(1973 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special::after {
    top: calc(-40 / var(--design-width) * 100vw);
    height: calc(188 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    z-index: -2;
    inset-inline: 0;
    background: url(../img/bg_sns.png) no-repeat center/100% 100%;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-section-special::after {
        top: calc(-40 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(188 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(15 / var(--design-width) * 100vw);
}
.c-section-special__ttl-line:first-child {
    width: calc(209 / 375 * 100%);
}
.c-section-special__ttl-line:last-child {
    width: calc(246 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__ttl-line:last-child {
        width: calc(246 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-section-special__ttl {
        gap: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__visual {
    margin-top: calc(36.2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__visual {
        margin-top: calc(36.2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__detail {
    font-size: calc(15 / var(--design-width) * 100vw);
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.7;
}
.c-section-special__detail p:not(.c-section-special__period) {
    margin-top: calc(22 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__detail p:not(.c-section-special__period) {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__detail p:not(.c-section-special__period):nth-of-type(2) {
    margin-top: calc(6 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__detail p:not(.c-section-special__period):nth-of-type(2) {
        margin-top: calc(6 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-section-special__detail {
        font-size: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__detail strong {
    font-size: calc(19 / var(--design-width) * 100vw);
    line-height: 1.2;
    padding-right: calc(1 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__detail strong {
        font-size: calc(19 * var(--contents-width) / var(--design-width) * 1px);
        padding-right: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__place {
    width: calc(260 / var(--design-width) * 100vw);
    margin-top: calc(38 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-special__place {
        width: calc(260 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(38 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__period {
    margin-top: calc(35 / var(--design-width) * 100vw);
    width: calc(256 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-special__period {
        width: calc(256 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(35 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-section-bgm {
    padding-top: calc(61 / var(--design-width) * 100vw);
    padding-bottom: calc(164 / var(--design-width) * 100vw);
    position: relative;
    overflow: visible;
    text-align: center;
    color: #382e2c;
    background: transparent;
}
@media screen and (min-width: 751px) {
    .c-section-bgm {
        padding-top: calc(61 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(164 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm::before {
    width: calc(912.308 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    top: 0;
    left: calc(-268.4259 / 375 * 100%);
    aspect-ratio: 1825/1826;
    background: url(../img/bg_campaign_1.png) no-repeat center/contain;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-section-bgm::before {
        width: calc(912.308 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__container {
    position: relative;
    z-index: 1;
}
.c-section-bgm__ttl {
    font-size: calc(27 / var(--design-width) * 100vw);
    color: var(--color-base-1);
    font-weight: 800;
    line-height: 1.4074074074;
}
.c-section-bgm__ttl > span:not(.c-section-bgm__ttl-line) {
    font-size: calc(25 / var(--design-width) * 100vw);
    display: table;
    margin-inline: auto;
    padding: 0 calc(5 / var(--design-width) * 100vw) 2px;
    background: var(--color-base-1);
    color: var(--color-white-1);
    line-height: 1.17044;
    margin-bottom: calc(12 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-bgm__ttl > span:not(.c-section-bgm__ttl-line) {
        font-size: calc(25 * var(--contents-width) / var(--design-width) * 1px);
        margin-bottom: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(4.85 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-section-bgm__ttl {
        font-size: calc(27.4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__lead {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 600;
    margin-top: calc(16 / var(--design-width) * 100vw);
    padding-inline: calc(12 / var(--design-width) * 100vw);
    line-height: 1.8571428571;
}
@media screen and (min-width: 751px) {
    .c-section-bgm__lead {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__img {
    width: calc(282 / 375 * 100%);
    margin-top: calc(19 / var(--design-width) * 100vw);
    aspect-ratio: 282/536.53;
    position: relative;
    margin-inline: auto;
}
.c-section-bgm__img > img {
    position: absolute;
    top: calc(-445.58 / 1228.57 * 100%);
    left: calc(-354 / 560 * 100%);
    width: calc(1268 / 560 * 100%);
    max-width: none;
    height: auto;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-section-bgm__img {
        margin-top: calc(19 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__img-visual {
    width: calc(180 / 280 * 100%);
    position: absolute;
    top: calc(59.55 / 536.53 * 100%);
    left: 50%;
    transform: translateX(-50%);
}
.c-section-bgm__img-btn {
    width: calc(221 / 280 * 100%);
    position: absolute;
    top: calc(451.55 / 536.53 * 100%);
    left: 50%;
    transform: translateX(-50%);
}
.c-section-bgm__img-btn-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-bgm__img-btn-link {
        transition: opacity var(--hover-duration);
    }
    .c-section-bgm__img-btn-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-section-bgm__loop {
    width: calc(980 / var(--design-width) * 100vw);
    position: absolute;
    top: calc(-34 / var(--design-width) * 100vw);
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.c-section-bgm__loop > img {
    animation: bgm-loop-rotate 95s linear infinite;
}
@media screen and (min-width: 751px) {
    .c-section-bgm__loop {
        width: calc(980 * var(--contents-width) / var(--design-width) * 1px);
        top: calc(-34 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-section-sns {
    margin-top: calc(61 / var(--design-width) * 100vw);
    padding-top: calc(30 / var(--design-width) * 100vw);
    padding-bottom: calc(100 / var(--design-width) * 100vw);
    position: relative;
    overflow: visible;
    background: var(--color-white-1);
    color: #382e2c;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-sns {
        margin-top: calc(61 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(30 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__container {
    position: relative;
}
.c-section-sns__ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.c-section-sns__ttl-line:nth-child(2) {
    margin-top: calc(9 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__ttl-line:nth-child(2) {
        margin-top: calc(9 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__ttl-line:last-child {
    margin-top: calc(9 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__ttl-line:last-child {
        margin-top: calc(9 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__ttl-line:first-child {
    width: calc(100 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__ttl-line:first-child {
        width: calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__ttl-line:nth-child(2) {
    width: calc(283 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__ttl-line:nth-child(2) {
        width: calc(283 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__ttl-line:last-child {
    width: calc(108 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__ttl-line:last-child {
        width: calc(108 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__leaf {
    position: absolute;
    pointer-events: none;
}
.c-section-sns__leaf--1 {
    width: calc(52.27 / 375 * 100%);
    left: calc(345.16 / 375 * 100%);
    top: calc(-14.72 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__leaf--1 {
        top: calc(-14.72 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__leaf--2 {
    width: calc(38.63 / 375 * 100%);
    left: calc(8.73 / 375 * 100%);
    top: calc(109.4 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__leaf--2 {
        top: calc(109.4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__leaf--3 {
    width: calc(40.69 / 375 * 100%);
    left: calc(312.86 / 375 * 100%);
    top: calc(311.57 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__leaf--3 {
        top: calc(311.57 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__leaf--4 {
    width: calc(55.12 / 375 * 100%);
    left: calc(12.52 / 375 * 100%);
    --leaf-offset: calc(4.24 / var(--design-width) * 100vw);
    top: calc(100% + var(--leaf-offset));
}
@media screen and (min-width: 751px) {
    .c-section-sns__leaf--4 {
        --leaf-offset: calc(4.24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__leaf--5 {
    width: calc(37.49 / 375 * 100%);
    left: calc(-9.96 / 375 * 100%);
    --leaf-offset: calc(73.58 / var(--design-width) * 100vw);
    top: calc(100% + var(--leaf-offset));
}
@media screen and (min-width: 751px) {
    .c-section-sns__leaf--5 {
        --leaf-offset: calc(73.58 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-section-official__ttl {
    width: calc(311 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-official__ttl {
        width: calc(311 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__list {
    margin-top: calc(24.89 / var(--design-width) * 100vw);
    position: relative;
    display: flex;
    align-items: center;
    width: calc(208.782 / 375 * 100%);
    margin-inline: auto;
}
.c-section-official__list::before, .c-section-official__list::after {
    height: calc(42.276 / var(--design-width) * 100vw);
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    background: var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .c-section-official__list::before, .c-section-official__list::after {
        height: calc(42.276 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__list::before {
    left: calc(63.4655 / 208.78 * 100%);
}
.c-section-official__list::after {
    left: calc(149.2655 / 208.78 * 100%);
}
@media screen and (min-width: 751px) {
    .c-section-official__list {
        margin-top: calc(24.89 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__item {
    flex: none;
}
.c-section-official__item:first-child {
    width: calc(38.8 / 208.78 * 100%);
    margin-right: calc(48.1756 / 208.78 * 100%);
}
.c-section-official__item:nth-child(2) {
    width: calc(38.085 / 208.78 * 100%);
    margin-right: calc(45.8028 / 208.78 * 100%);
}
.c-section-official__item:last-child {
    width: calc(37.918 / 208.78 * 100%);
}
.c-section-official__item a {
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-official__item a {
        transition: opacity var(--hover-duration);
    }
    .c-section-official__item a:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

@media screen and (min-width: 751px) {
    .c-section-intro,
    .c-section-campaign,
    .c-section-in-store,
    .c-section-special,
    .c-section-bgm,
    .c-section-sns {
        width: 100%;
    }
}
.c-section-intro__ttl .is-text-reveal__line {
    --text-reveal-color: var(--color-base-1);
    --text-reveal-mask-color: var(--color-base-1);
}
.c-section-intro__date.is-text-reveal__line {
    --text-reveal-color: var(--color-white-1);
    background-color: transparent;
    transition: background-color 0s linear 0.5s;
    overflow: visible;
    clip-path: inset(0 calc(-48 / var(--design-width) * 100vw) 0 0);
}
@media screen and (min-width: 751px) {
    .c-section-intro__date.is-text-reveal__line {
        clip-path: inset(0 calc(-48 * var(--contents-width) / var(--design-width) * 1px) 0 0);
    }
}
.c-section-intro__date.is-text-reveal__line::after {
    right: calc(-48 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__date.is-text-reveal__line::after {
        right: calc(-48 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__ttl.is-active .c-section-intro__date {
    background-color: var(--color-base-1);
}
.c-section-intro__heading .is-text-reveal__line {
    vertical-align: top;
}
.c-section-intro__heading .is-text-reveal__line:first-child {
    --text-reveal-delay: .16s;
}
.c-section-intro__heading .is-text-reveal__line:last-child {
    --text-reveal-delay: .32s;
}
.c-section-intro__sub {
    --custom-animation-delay: .9s;
}
.c-section-intro__txt {
    --custom-animation-delay: 1.5s;
}
.c-section-intro__txt + .c-section-intro__txt {
    --custom-animation-delay: 2.1s;
}
.c-section-intro__vibe-copy {
    --custom-animation-delay: 2.7s;
}

.c-section-campaign__ttl {
    --text-reveal-color: var(--color-base-1);
}
.c-section-campaign__ttl > .is-text-reveal__line {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
}
.c-section-campaign__ttl-sub {
    --text-reveal-delay: .16s;
}

.c-section-in-store__ttl .is-text-reveal__line,
.c-section-special__ttl .is-text-reveal__line {
    --text-reveal-mask-color: var(--color-white-1);
}

.c-section-in-store__ttl-line,
.c-section-special__ttl-line,
.c-section-sns__ttl-line {
    display: block;
    line-height: 0;
}

.c-section-special__ttl-line:last-child {
    --custom-animation-delay: .65s;
}

.c-section-special__visual {
    --custom-animation-delay: 1.1s;
}

.c-cassette-campaign1__visual,
.c-cassette-campaign2__visual {
    --custom-animation-delay: .6s;
}

.c-section-bgm__ttl-line {
    display: inline-block;
}
.c-section-bgm__ttl-line:last-child {
    --custom-animation-delay: .16s;
}

.c-section-intro__leaf--1,
.c-section-sns__leaf--1 {
    --leaf-duration: 2.6s;
    --leaf-delay: -.2s;
}
.c-section-intro__leaf--2,
.c-section-sns__leaf--2 {
    --leaf-duration: 3.1s;
    --leaf-delay: -4.1s;
}
.c-section-intro__leaf--3,
.c-section-sns__leaf--3 {
    --leaf-duration: 2.3s;
    --leaf-delay: -1s;
}
.c-section-intro__leaf--4,
.c-section-sns__leaf--4 {
    --leaf-duration: 3.5s;
    --leaf-delay: -5.2s;
}
.c-section-intro__leaf--5,
.c-section-sns__leaf--5 {
    --leaf-duration: 2.8s;
    --leaf-delay: -2.4s;
}

.c-section-sns__leaf--1 {
    --leaf-delay: -3.2s;
}
.c-section-sns__leaf--2 {
    --leaf-delay: -.8s;
}
.c-section-sns__leaf--3 {
    --leaf-delay: -3.7s;
}
.c-section-sns__leaf--4 {
    --leaf-delay: -1.5s;
}
.c-section-sns__leaf--5 {
    --leaf-delay: -4.6s;
}

@media (prefers-reduced-motion: reduce) {
    .c-section-intro__date.is-text-reveal__line {
        background-color: var(--color-base-1);
        transition: none;
    }
}
/* ---------------------------------------------
*   c-list-nav
--------------------------------------------- */
.c-list-nav {
    display: flex;
    height: 100%;
    justify-content: space-between;
}
.c-list-nav__item {
    height: 100%;
    width: 100%;
    gap: calc(2 / var(--design-width) * 100vw);
    text-align: center;
}
.c-list-nav__item--campaign img {
    width: calc(64 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-list-nav__item--campaign img {
        width: calc(64 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-list-nav__item--in-store img {
    width: calc(61 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-list-nav__item--in-store img {
        width: calc(61 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-list-nav__item--pick img {
    width: calc(95 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-list-nav__item--pick img {
        width: calc(95 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-list-nav__item {
        gap: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-list-nav__link {
    display: grid;
    height: 100%;
    padding-top: calc(5 / var(--design-width) * 100vw);
    place-content: center;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-nav__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-nav__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-list-nav__link {
        padding-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-list-note
--------------------------------------------- */
.c-list-note {
    color: inherit;
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.6666666667;
    text-align: left;
}
.c-list-note__item {
    padding-left: 1em;
    text-indent: -1em;
}
.c-list-note__item::before {
    content: "※";
}
.c-list-note__item-yellow {
    color: #ffff6d;
}
@media screen and (min-width: 751px) {
    .c-list-note {
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   fade animation
--------------------------------------------- */
.is-fade-up,
.is-fade-left,
.is-fade-right,
.is-fade-in {
    --animation-duration: .6s;
    --animation-easing: ease-in-out;
    --animation-delay: var(--custom-animation-delay, 0s);
    opacity: 0;
    transition: opacity var(--animation-duration) var(--animation-easing) var(--animation-delay), transform var(--animation-duration) var(--animation-easing) var(--animation-delay);
    will-change: opacity, transform;
}
.is-fade-up.is-active,
.is-fade-left.is-active,
.is-fade-right.is-active,
.is-fade-in.is-active {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.is-zoom-in {
    --animation-duration: .4s;
    --animation-easing: ease-in-out;
    --animation-delay: var(--custom-animation-delay, 0s);
    opacity: 0;
    transition: opacity var(--animation-duration) var(--animation-easing) var(--animation-delay), transform var(--animation-duration) var(--animation-easing) var(--animation-delay);
    will-change: opacity, transform;
}
.is-zoom-in.is-active {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.is-fade-up {
    transform: translateY(calc(20 / var(--root-fz) * 1rem));
}

.is-fade-left {
    transform: translateX(calc(-20 / var(--root-fz) * 1rem));
}

.is-fade-right {
    transform: translateX(calc(20 / var(--root-fz) * 1rem));
}

.is-zoom-in {
    transform: scale(0.7);
}

/* ---------------------------------------------
*   clip in animation
--------------------------------------------- */
.is-clipin-left {
    --animation-delay: var(--custom-animation-delay, 0s);
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1) var(--animation-delay);
    will-change: clip-path;
}
.is-clipin-left.is-active {
    clip-path: inset(0);
}

/* ---------------------------------------------
*   text reveal animation
--------------------------------------------- */
.is-text-reveal,
.is-text-reveal__line {
    --text-reveal-duration: .9s;
    --text-reveal-delay: 0s;
    --text-reveal-color: inherit;
    --text-reveal-mask-color: var(--color-base-1);
    color: transparent;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transition: color 0s linear calc(var(--text-reveal-delay) + 0.5s);
}
.is-text-reveal > img,
.is-text-reveal > .c-text-reveal__content,
.is-text-reveal__line > img,
.is-text-reveal__line > .c-text-reveal__content {
    opacity: 0;
    transition: opacity 0s linear calc(var(--text-reveal-delay) + 0.5s);
}
.is-text-reveal::after,
.is-text-reveal__line::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: var(--text-reveal-mask-color);
    opacity: 0;
    transform: translateY(102%);
    pointer-events: none;
}
.is-text-reveal.is-active,
.is-text-reveal__line.is-active {
    color: var(--text-reveal-color);
}
.is-text-reveal.is-active > img,
.is-text-reveal.is-active > .c-text-reveal__content,
.is-text-reveal__line.is-active > img,
.is-text-reveal__line.is-active > .c-text-reveal__content {
    opacity: 1;
}
.is-text-reveal.is-active::after,
.is-text-reveal__line.is-active::after {
    animation: text-reveal-mask var(--text-reveal-duration) cubic-bezier(0.76, 0, 0.24, 1) var(--text-reveal-delay) both;
}

.is-reveal-group.is-active .is-text-reveal__line {
    color: var(--text-reveal-color);
}
.is-reveal-group.is-active .is-text-reveal__line > img,
.is-reveal-group.is-active .is-text-reveal__line > .c-text-reveal__content {
    opacity: 1;
}
.is-reveal-group.is-active .is-text-reveal__line::after {
    animation: text-reveal-mask var(--text-reveal-duration) cubic-bezier(0.76, 0, 0.24, 1) var(--text-reveal-delay) both;
}

/* ---------------------------------------------
*   order animation
--------------------------------------------- */
.is-order-item {
    --order-delay: 0s;
    opacity: 0;
    transform: translateY(calc(16 / var(--root-fz) * 1rem));
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) var(--order-delay), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) var(--order-delay);
    will-change: opacity, transform;
}

.is-order.is-active .is-order-item {
    opacity: 1;
    transform: translateY(0);
}

.is-order-item:nth-child(1) {
    --order-delay: 0s;
}

.is-order-item:nth-child(2) {
    --order-delay: 0.12s;
}

.is-order-item:nth-child(3) {
    --order-delay: 0.24s;
}

.is-order-item:nth-child(4) {
    --order-delay: 0.36s;
}

.is-order-item:nth-child(5) {
    --order-delay: 0.48s;
}

.is-order-item:nth-child(6) {
    --order-delay: 0.6s;
}

.is-order-item:nth-child(7) {
    --order-delay: 0.72s;
}

.is-order-item:nth-child(8) {
    --order-delay: 0.84s;
}

.is-order-item:nth-child(9) {
    --order-delay: 0.96s;
}

.is-order-item:nth-child(10) {
    --order-delay: 1.08s;
}

.is-order-item:nth-child(11) {
    --order-delay: 1.2s;
}

.is-order-item:nth-child(12) {
    --order-delay: 1.32s;
}

@media (prefers-reduced-motion: reduce) {
    .is-fade-up,
    .is-fade-left,
    .is-fade-right,
    .is-fade-in,
    .is-zoom-in,
    .is-clipin-left,
    .is-order-item {
        opacity: 1;
        clip-path: inset(0);
        transform: none;
        transition: none;
        will-change: auto;
    }
    .is-text-reveal,
    .is-text-reveal__line {
        color: var(--text-reveal-color);
        transition: none;
    }
    .is-text-reveal > img,
    .is-text-reveal > .c-text-reveal__content,
    .is-text-reveal__line > img,
    .is-text-reveal__line > .c-text-reveal__content {
        opacity: 1;
        transition: none;
    }
    .is-text-reveal::after,
    .is-text-reveal__line::after {
        animation: none;
        opacity: 0;
        transform: translateY(-102%);
    }
}
/* ---------------------------------------------
*   leaf float (beniharukamilkteaのfloatを踏襲)
--------------------------------------------- */
.is-leaf-float {
    --float-distance: calc(-12 / var(--design-width) * 100vw);
}
.is-leaf-float > img {
    animation: leaf-float var(--leaf-duration, 2s) ease-in-out var(--leaf-delay, 0s) infinite alternate;
    animation-play-state: paused;
    will-change: transform;
}
.is-leaf-float.is-visible > img {
    animation-play-state: running;
}
@media screen and (min-width: 751px) {
    .is-leaf-float {
        --float-distance: calc(-12 * var(--contents-width) / var(--design-width) * 1px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .is-leaf-float > img {
        animation: none;
        will-change: auto;
    }
}
@media (prefers-reduced-motion: reduce) {
    .is-reveal-group.is-active .is-text-reveal__line::after {
        animation: none;
        opacity: 0;
    }
}
/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: var(--color-white-1) !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 800 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

.c-block-nav-threshold {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

@keyframes loop-text {
    0% {
        transform: translate3d(0, -50%, 0);
    }
    100% {
        transform: translate3d(calc((var(--loop-width) + var(--loop-gap)) * -1), -50%, 0);
    }
}
@keyframes bgm-loop-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes text-reveal-mask {
    0% {
        opacity: 1;
        transform: translateY(106%);
    }
    40%, 60% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(-106%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .c-block-loop::before {
        animation: none;
    }
    .c-section-bgm__loop > img {
        animation: none;
    }
}
@keyframes section-star-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes leaf-float {
    from {
        transform: translate3d(0, 0, 0) rotate(0.01deg);
    }
    to {
        transform: translate3d(0, var(--float-distance), 0) rotate(0.01deg);
    }
}
@media print and (min-width: 751px), screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 750px), screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: calc(5 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--10 {
        margin-top: calc(10 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--15 {
        margin-top: calc(15 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--20 {
        margin-top: calc(20 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--25 {
        margin-top: calc(25 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--30 {
        margin-top: calc(30 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--35 {
        margin-top: calc(35 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--40 {
        margin-top: calc(40 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--45 {
        margin-top: calc(45 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--50 {
        margin-top: calc(50 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--55 {
        margin-top: calc(55 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--60 {
        margin-top: calc(60 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--65 {
        margin-top: calc(65 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--70 {
        margin-top: calc(70 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--75 {
        margin-top: calc(75 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--80 {
        margin-top: calc(80 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--85 {
        margin-top: calc(85 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--90 {
        margin-top: calc(90 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--95 {
        margin-top: calc(95 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--100 {
        margin-top: calc(100 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--105 {
        margin-top: calc(105 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--110 {
        margin-top: calc(110 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--115 {
        margin-top: calc(115 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--120 {
        margin-top: calc(120 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--125 {
        margin-top: calc(125 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--130 {
        margin-top: calc(130 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--135 {
        margin-top: calc(135 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--140 {
        margin-top: calc(140 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--145 {
        margin-top: calc(145 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--150 {
        margin-top: calc(150 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--155 {
        margin-top: calc(155 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--160 {
        margin-top: calc(160 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--165 {
        margin-top: calc(165 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--170 {
        margin-top: calc(170 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--175 {
        margin-top: calc(175 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--180 {
        margin-top: calc(180 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--185 {
        margin-top: calc(185 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--190 {
        margin-top: calc(190 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--195 {
        margin-top: calc(195 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--200 {
        margin-top: calc(200 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--205 {
        margin-top: calc(205 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--210 {
        margin-top: calc(210 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--215 {
        margin-top: calc(215 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--220 {
        margin-top: calc(220 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--225 {
        margin-top: calc(225 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--230 {
        margin-top: calc(230 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--235 {
        margin-top: calc(235 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--240 {
        margin-top: calc(240 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--245 {
        margin-top: calc(245 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--250 {
        margin-top: calc(250 / var(--design-width) * 100vw) !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: calc(5 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--10 {
        margin-bottom: calc(10 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--15 {
        margin-bottom: calc(15 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--20 {
        margin-bottom: calc(20 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--25 {
        margin-bottom: calc(25 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--30 {
        margin-bottom: calc(30 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--35 {
        margin-bottom: calc(35 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--40 {
        margin-bottom: calc(40 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--45 {
        margin-bottom: calc(45 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--50 {
        margin-bottom: calc(50 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--55 {
        margin-bottom: calc(55 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--60 {
        margin-bottom: calc(60 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--65 {
        margin-bottom: calc(65 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--70 {
        margin-bottom: calc(70 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--75 {
        margin-bottom: calc(75 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--80 {
        margin-bottom: calc(80 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--85 {
        margin-bottom: calc(85 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--90 {
        margin-bottom: calc(90 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--95 {
        margin-bottom: calc(95 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--100 {
        margin-bottom: calc(100 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--105 {
        margin-bottom: calc(105 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--110 {
        margin-bottom: calc(110 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--115 {
        margin-bottom: calc(115 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--120 {
        margin-bottom: calc(120 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--125 {
        margin-bottom: calc(125 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--130 {
        margin-bottom: calc(130 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--135 {
        margin-bottom: calc(135 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--140 {
        margin-bottom: calc(140 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--145 {
        margin-bottom: calc(145 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--150 {
        margin-bottom: calc(150 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--155 {
        margin-bottom: calc(155 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--160 {
        margin-bottom: calc(160 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--165 {
        margin-bottom: calc(165 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--170 {
        margin-bottom: calc(170 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--175 {
        margin-bottom: calc(175 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--180 {
        margin-bottom: calc(180 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--185 {
        margin-bottom: calc(185 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--190 {
        margin-bottom: calc(190 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--195 {
        margin-bottom: calc(195 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--200 {
        margin-bottom: calc(200 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--205 {
        margin-bottom: calc(205 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--210 {
        margin-bottom: calc(210 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--215 {
        margin-bottom: calc(215 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--220 {
        margin-bottom: calc(220 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--225 {
        margin-bottom: calc(225 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--230 {
        margin-bottom: calc(230 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--235 {
        margin-bottom: calc(235 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--240 {
        margin-bottom: calc(240 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--245 {
        margin-bottom: calc(245 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--250 {
        margin-bottom: calc(250 / var(--design-width) * 100vw) !important;
    }
}/*# sourceMappingURL=module.css.map */