@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: #000;
    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: #fff;
    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 #000;
}

.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(55 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .l-wrapper {
        position: relative;
        max-width: calc(var(--contents-width) * 1px);
        margin-inline: auto;
        padding-bottom: min(55 * var(--contents-width) / var(--design-width) * 1px, 55px);
    }
}

/* ---------------------------------------------
*   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);
}
@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);
}
@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);
    }
}
.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;
}
@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: 600;
    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);
    }
}

/* ---------------------------------------------
*   c-block-bg
--------------------------------------------- */
.c-block-bg {
    position: fixed;
    inset: 0;
    background: linear-gradient(to top, #8eb6da 0 50%, #e0ecf0 50% 100%);
}
.c-block-bg__side {
    position: absolute;
    top: 0;
    width: calc((100% - var(--contents-width) * 1px) / 2);
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.c-block-bg__side--left {
    left: 0;
    background-image: url(../img/bg_pc_left.jpg);
}
.c-block-bg__side--right {
    right: 0;
    background-image: url(../img/bg_pc_right.jpg);
}
.c-block-bg__qr {
    position: absolute;
    inset: 0;
    padding: calc(20 / var(--design-width) * 100vw);
    display: grid;
    place-content: center;
}
@media screen and (min-width: 751px) {
    .c-block-bg__qr {
        padding: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-bg__qr img {
    width: calc(157 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-block-bg__qr img {
        width: calc(157 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-bg__name {
    position: absolute;
    inset: 0;
}
.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-start
--------------------------------------------- */
.c-block-nav {
    background-color: var(--color-white-1);
    border-top: 1px solid #d81832;
    box-shadow: 0 -3px 2px rgba(35, 24, 21, 0.1);
    height: calc(55 / var(--design-width) * 100vw);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    padding-inline: calc(20 / var(--design-width) * 100vw);
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.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%;
        transform: translateX(-50%);
        padding-inline: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(375 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.js-fixedbtn-threshold {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

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

/* ---------------------------------------------
*   c-block-intro
--------------------------------------------- */
.c-block-intro__container {
    width: calc(335 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-block-intro__txt-strong {
    padding: calc(2 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
    border: calc(1 / var(--design-width) * 100vw) solid var(--color-base-1);
    background-color: var(--color-white-1);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
}
@media screen and (min-width: 751px) {
    .c-block-intro__txt-strong {
        padding: calc(2 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
        border-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-block-share
--------------------------------------------- */
.c-block-share {
    position: relative;
    margin-top: 0;
    padding-top: calc(82 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-block-share {
        padding-top: calc(82 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-share__container {
    margin-inline: auto;
}
.c-block-share__ttl {
    width: calc(298 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-block-share__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(19 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-block-share__btn {
        margin-top: calc(19 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-share__link {
    display: block;
    width: calc(178 / var(--design-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);
    }
}

/* ---------------------------------------------
*   c-block-note
--------------------------------------------- */
.c-block-note {
    margin-inline: auto;
    padding: calc(49 / var(--design-width) * 100vw) 0 calc(17 / var(--design-width) * 100vw);
    color: var(--color-white-1);
    font-family: var(--ff-zenkaku);
    font-size: calc(13 / var(--design-width) * 100vw);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.6923076923;
    text-align: justify;
    width: calc(340 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-block-note {
        padding: calc(49 * var(--contents-width) / var(--design-width) * 1px) 0 calc(17 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-block-note__item {
    display: inline;
}

/* ---------------------------------------------
*   c-bg-1
--------------------------------------------- */
.c-bg-1 {
    position: relative;
    overflow: hidden;
    background: url(../img/bg_intro.jpg) no-repeat center top -1px;
    background-size: 100% auto;
}

/* ---------------------------------------------
*   c-bg-2
--------------------------------------------- */
.c-bg-2 {
    position: relative;
    z-index: 0;
    clip-path: inset(0);
    overflow: hidden;
    padding-block: calc(40 / var(--design-width) * 100vw) calc(112 / var(--design-width) * 100vw);
}
.c-bg-2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: url(../img/bg_campaign.jpg) no-repeat center top/calc(375 / var(--design-width) * 100vw) 100%;
}
@media screen and (min-width: 751px) {
    .c-bg-2 {
        padding-block: calc(40 * var(--contents-width) / var(--design-width) * 1px) calc(110 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-bg-2::before {
        background-image: url(../img/bg_campaign.jpg);
        background-size: calc(375 * var(--contents-width) / var(--design-width) * 1px) 100%;
    }
}
body.ipad .c-bg-2::before, body.androidtablet .c-bg-2::before {
    background-image: url(../img/bg_campaign.jpg);
    background-size: 100% 100%;
}

/* ---------------------------------------------
*   c-bg-3
--------------------------------------------- */
.c-bg-3 {
    background: url(../img/bg_in-store.png) no-repeat center top/100% auto;
    padding-top: calc(38 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-bg-3 {
        padding-top: calc(38 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-bg-4
--------------------------------------------- */
.c-bg-4 {
    background: url(../img/bg_pick.png) no-repeat center top/100% auto;
    margin-top: calc(-41 / var(--design-width) * 100vw);
    padding-top: calc(145 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-bg-4 {
        margin-top: calc(-41 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(145 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-bg-5
--------------------------------------------- */
.c-bg-5 {
    background: url(../img/bg_official.png) no-repeat center top/100% auto;
}

/* ---------------------------------------------
*   c-cassette-in-store
--------------------------------------------- */
.c-cassette-in-store {
    position: relative;
}
.c-cassette-in-store + .c-cassette-in-store {
    margin-top: calc(88 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store + .c-cassette-in-store {
        margin-top: calc(88 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__txt-1 {
    position: relative;
    z-index: 1;
    width: calc(322 / 340 * 100%);
    margin-bottom: calc(-20 / var(--design-width) * 100vw);
    margin-inline: auto;
}
.c-cassette-in-store__txt-1:nth-of-type(1) {
    --custom-animation-delay: .7s;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__txt-1 {
        margin-bottom: calc(-20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store:nth-of-type(2) .c-cassette-in-store__txt-1 {
    width: calc(333 / 340 * 100%);
}
.c-cassette-in-store__img-1 {
    margin-top: calc(12 / var(--design-width) * 100vw);
    margin-inline: calc(-19 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__img-1 {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        margin-inline: calc(-19 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__slider {
    position: relative;
    margin-top: calc(-33 / var(--design-width) * 100vw);
    margin-inline: calc(-17 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__slider {
        margin-top: calc(-33 * var(--contents-width) / var(--design-width) * 1px);
        margin-inline: calc(-17 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store .splide__track {
    overflow: visible;
    transform: translateX(calc(2 / var(--design-width) * 100vw));
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store .splide__track {
        transform: translateX(calc(2 * var(--contents-width) / var(--design-width) * 1px));
    }
}
.c-cassette-in-store .splide__list {
    align-items: center;
}
.c-cassette-in-store .splide__slide {
    width: calc(299 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store .splide__slide {
        width: calc(299 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-cassette-in-store .splide__slide img {
        max-width: 343px;
        width: 343px;
    }
}
.c-cassette-in-store .splide__arrows::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: calc(25 / var(--design-width) * 100vw);
    right: 0;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    width: calc(30 / var(--design-width) * 100vw);
    height: calc(32 / var(--design-width) * 100vw);
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(168, 167, 167, 0.7) 0%, rgba(168, 167, 167, 0.7) 100%);
    mix-blend-mode: multiply;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store .splide__arrows::before {
        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 .splide__arrows::after {
    content: "";
    border-radius: 50%;
    position: absolute;
    right: calc(25 / var(--design-width) * 100vw);
    left: auto;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    width: calc(30 / var(--design-width) * 100vw);
    height: calc(32 / var(--design-width) * 100vw);
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(168, 167, 167, 0.7) 0%, rgba(168, 167, 167, 0.7) 100%);
    mix-blend-mode: multiply;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store .splide__arrows::after {
        width: calc(30 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(32 * var(--contents-width) / var(--design-width) * 1px);
        right: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store .splide__arrow {
    width: calc(30 / var(--design-width) * 100vw);
    height: calc(32 / var(--design-width) * 100vw);
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
    transition: opacity 0.3s ease;
    will-change: opacity;
    z-index: 3;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store .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 .splide__arrow svg {
    display: none;
}
.c-cassette-in-store .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 .splide__arrow--prev {
        left: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store .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 .splide__arrow--next {
        right: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store .splide__pagination {
    display: none;
}
.c-cassette-in-store__share-txt {
    margin-top: calc(18 / var(--design-width) * 100vw);
    color: var(--color-white-1);
    font-size: calc(16 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.03em;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__share-txt {
        margin-top: calc(18 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__cont {
    align-items: center;
    display: flex;
    margin-top: calc(-29 / var(--design-width) * 100vw);
    position: relative;
    padding-inline: calc(20 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__cont {
        padding-inline: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-29 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail {
    position: relative;
    z-index: 1;
    padding: calc(21 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw) calc(10 / var(--design-width) * 100vw);
    border: calc(2 / var(--design-width) * 100vw) solid #920230;
    border-radius: calc(8 / var(--design-width) * 100vw);
    background-color: var(--color-white-1);
    color: #333333;
    text-align: center;
    box-shadow: calc(5 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw) 0 0 rgba(146, 2, 48, 0.4);
    width: 100%;
}
body.edge .c-cassette-in-store__detail {
    transform: translateX(1.3%);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail {
        box-shadow: calc(5 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px) 0 0 rgba(146, 2, 48, 0.4);
        border-width: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(21 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px) calc(10 * var(--contents-width) / var(--design-width) * 1px);
        border-radius: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-heading {
    width: calc(130 / 266 * 100%);
    margin-inline: auto;
}
.c-cassette-in-store__detail-cont {
    margin-top: calc(6 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-cont {
        margin-top: calc(6 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-cont-txt {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.8571428571;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-cont-txt {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-cont-txt + .c-cassette-in-store__detail-cont-txt {
    margin-top: calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-cont-txt + .c-cassette-in-store__detail-cont-txt {
        margin-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-cont-txt-strong {
    color: #c10230;
    display: inline-block;
    margin-top: calc(-3 / var(--design-width) * 100vw);
    font-size: calc(18 / var(--design-width) * 100vw);
    font-weight: 900;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-cont-txt-strong {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-heading-2 {
    margin-top: calc(25 / var(--design-width) * 100vw);
    padding-block: calc(8 / var(--design-width) * 100vw);
    border-bottom: calc(1 / var(--design-width) * 100vw) solid #c10230;
    border-top: calc(1 / var(--design-width) * 100vw) solid #c10230;
    color: #c10230;
    font-size: calc(15 / var(--design-width) * 100vw);
    font-weight: 900;
    letter-spacing: 0.125em;
    line-height: 1.4;
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__detail-heading-2 {
        margin-top: calc(25 * var(--contents-width) / var(--design-width) * 1px);
        padding-block: calc(8 * var(--contents-width) / var(--design-width) * 1px);
        border-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__detail-cont-2 {
    width: calc(260 / 268 * 100%);
}
.c-cassette-in-store__side-english {
    position: absolute;
    top: 50%;
    left: calc(-3 / var(--design-width) * 100vw);
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center center;
    font-family: var(--ff-english);
    color: rgba(255, 255, 255, 0.5);
    font-size: calc(10 / var(--design-width) * 100vw);
    font-weight: 900;
    letter-spacing: 0.3em;
    line-height: 1;
    writing-mode: vertical-rl;
}
body.edge .c-cassette-in-store__side-english {
    left: calc(-2.3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-in-store__side-english {
        left: calc(-2.3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__side-english {
        font-size: calc(10 * var(--contents-width) / var(--design-width) * 1px);
        left: calc(-3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-in-store__side-english-2 {
    transform: translateY(-50%);
    right: calc(-5 / var(--design-width) * 100vw);
    left: auto;
}
body.edge .c-cassette-in-store__side-english-2 {
    right: calc(-2.3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-in-store__side-english-2 {
        right: calc(-2.3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-in-store__side-english-2 {
        right: calc(-5 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-cassette-pick
--------------------------------------------- */
.c-cassette-pick {
    transform: translateX(calc(-6 / var(--design-width) * 100vw));
}
@media screen and (min-width: 751px) {
    .c-cassette-pick {
        transform: translateX(calc(-6 * var(--contents-width) / var(--design-width) * 1px));
    }
}
.c-cassette-pick__item {
    width: calc(333 / 333 * 100%);
}
.c-cassette-pick__item + .c-cassette-pick__item {
    margin-top: calc(28 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-pick__item + .c-cassette-pick__item {
        margin-top: calc(28 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-pick__mobile-order {
    margin-top: calc(51 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-pick__mobile-order {
        margin-top: calc(51 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-pick__mobile-order-txt {
    margin-inline: auto;
}
.c-cassette-pick__mobile-order-txt:nth-child(1) {
    width: calc(234 / 333 * 100%);
}
.c-cassette-pick__mobile-order-txt:nth-child(2) {
    width: calc(189 / 300 * 100%);
    margin-top: calc(8 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-pick__mobile-order-txt:nth-child(2) {
        margin-top: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-pick__mobile-order-txt img {
    display: block;
}
.c-cassette-pick__mobile-order-img {
    width: calc(300 / 333 * 100%);
    margin-top: calc(18 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-pick__mobile-order-img {
        margin-top: calc(18 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-pick__btn-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-pick__btn-link {
        transition: opacity 0.2s;
    }
    .c-cassette-pick__btn-link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-cassette-sns
--------------------------------------------- */
.c-cassette-sns {
    position: relative;
    margin-inline: auto;
    padding: calc(30 / var(--design-width) * 100vw) calc(14 / var(--design-width) * 100vw) calc(40 / var(--design-width) * 100vw);
    border: calc(1.5 / var(--design-width) * 100vw) solid #214ba8;
    background-color: #e9f2f4;
    color: #4d4d4d;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns {
        padding: calc(30 * var(--contents-width) / var(--design-width) * 1px) calc(14 * var(--contents-width) / var(--design-width) * 1px) calc(40 * var(--contents-width) / var(--design-width) * 1px);
        border-width: calc(1.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns + .c-cassette-sns {
    margin-top: calc(70 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns + .c-cassette-sns {
        margin-top: calc(70 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(60 / var(--design-width) * 100vw);
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__icon {
        width: calc(60 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__head {
    width: calc(275 / 310 * 100%);
    margin-inline: auto;
    background: url(../img/txt_sns_5.png) center center no-repeat;
    background-size: calc(147 / var(--design-width) * 100vw) auto;
    padding: calc(30 / var(--design-width) * 100vw) 0;
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__head {
        padding: calc(30 * var(--contents-width) / var(--design-width) * 1px) 0;
        background: url(../img/txt_sns_5.png) center center no-repeat;
        background-size: calc(147 * var(--contents-width) / var(--design-width) * 1px) auto;
    }
}
.c-cassette-sns__head--instagram {
    background: url(../img/txt_sns_6.png) center center no-repeat;
    background-size: calc(188 / var(--design-width) * 100vw) auto;
    width: calc(265 / 312 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__head--instagram {
        background: url(../img/txt_sns_6.png) center center no-repeat;
        background-size: calc(188 * var(--contents-width) / var(--design-width) * 1px) auto;
    }
}
.c-cassette-sns__date {
    width: calc(272 / 272 * 100%);
    margin-top: calc(15 / var(--design-width) * 100vw);
    margin-inline: auto;
    --custom-animation-delay: .5s;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__date {
        margin-top: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont {
    margin-top: calc(24 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont {
        margin-top: calc(24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-txt {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: calc(27 / var(--design-width) * 100vw);
    letter-spacing: 0.03em;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-txt {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        line-height: calc(27 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-txt + .c-cassette-sns__cont-txt {
    margin-top: calc(10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-txt + .c-cassette-sns__cont-txt {
        margin-top: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-txt-strong {
    background-color: #3579d3;
    padding: 0 calc(6 / var(--design-width) * 100vw) calc(1.6 / var(--design-width) * 100vw);
    color: var(--color-white-1);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    margin: 0 calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-txt-strong {
        padding: 0 calc(6 * var(--contents-width) / var(--design-width) * 1px) calc(1 * var(--contents-width) / var(--design-width) * 1px);
        margin: 0 calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-txt-strong--large {
    background: linear-gradient(to bottom, transparent 0px, transparent 2px, #3579d3 2px, #3579d3 calc(100% - 2px), transparent calc(100% - 2px), transparent 100%);
    font-size: calc(20 / var(--design-width) * 100vw);
    margin-top: calc(2 / var(--design-width) * 100vw);
    padding: 0 calc(6 / var(--design-width) * 100vw) calc(1.9 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-txt-strong--large {
        font-size: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        padding: 0 calc(6 * var(--contents-width) / var(--design-width) * 1px) calc(1.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-txt-strong--large:has(+ br) {
    display: inline-block;
    margin-top: calc(1.2 / var(--design-width) * 100vw);
    padding-bottom: calc(0.6 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-txt-strong--large:has(+ br) {
        margin-top: calc(1.2 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(0.6 * var(--contents-width) / var(--design-width) * 1px);
    }
    body.firefox .c-cassette-sns__cont-txt-strong--large:has(+ br) {
        padding-bottom: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-sns__cont-txt-strong--large:has(+ br) {
    padding-bottom: calc(1.5 / var(--design-width) * 100vw);
    padding-top: calc(0.4 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-sns__cont-txt-strong--large:has(+ br) {
        padding-bottom: calc(1.5 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(0.4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.safari .c-cassette-sns__cont-txt-strong--large {
    padding: 0 calc(6 / var(--design-width) * 100vw) calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.safari .c-cassette-sns__cont-txt-strong--large {
        padding: 0 calc(6 * var(--contents-width) / var(--design-width) * 1px) calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-txt-strong--large:last-of-type {
    display: inline-block;
    margin-top: calc(1.5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-txt-strong--large:last-of-type {
        margin-top: calc(1.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__cont-note {
    margin-top: calc(25 / var(--design-width) * 100vw);
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.6666666667;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__cont-note {
        margin-top: calc(25 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__apply {
    margin-top: calc(22 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__apply {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__apply.is-open .c-cassette-sns__apply-btn::after {
    transform: translateY(-50%) rotate(180deg);
}
.c-cassette-sns__apply.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) {
    .c-cassette-sns__apply.is-open .c-cassette-sns__apply-content {
        max-height: calc(1300 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns--instagram .c-cassette-sns__cont {
    margin-top: calc(30 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns--instagram .c-cassette-sns__cont {
        margin-top: calc(30 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__apply-btn {
    box-shadow: 0 calc(3 / var(--design-width) * 100vw) 0 #a8a7a7;
    position: relative;
    display: block;
    padding: calc(6 / var(--design-width) * 100vw) calc(40 / var(--design-width) * 100vw) calc(7.2 / var(--design-width) * 100vw) calc(22 / var(--design-width) * 100vw);
    border: 0;
    border-radius: calc(999 / var(--design-width) * 100vw);
    background-color: #2b6cc3;
    border: 2px solid var(--color-white-1);
    color: var(--color-white-1);
    cursor: pointer;
    margin-inline: auto;
    width: calc(260 / 310 * 100%);
    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);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__apply-btn {
        box-shadow: 0 calc(3 * var(--contents-width) / var(--design-width) * 1px) 0 #a8a7a7;
        padding: calc(6.1 * var(--contents-width) / var(--design-width) * 1px) calc(40 * var(--contents-width) / var(--design-width) * 1px) calc(7.2 * var(--contents-width) / var(--design-width) * 1px) calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__apply-btn::before, .c-cassette-sns__apply-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(20 / var(--design-width) * 100vw);
    width: calc(14 / var(--design-width) * 100vw);
    height: calc(2 / var(--design-width) * 100vw);
    border-radius: calc(2 / var(--design-width) * 100vw);
    background-color: currentColor;
    transform: translateY(-50%);
    transition: transform 0.25s ease;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__apply-btn::before, .c-cassette-sns__apply-btn::after {
        right: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        border-radius: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__apply-btn::after {
    transform: translateY(-50%) rotate(90deg);
}
.c-cassette-sns__apply-btn-txt {
    display: block;
    font-size: calc(16 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.8125;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__apply-btn-txt {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.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;
}
.c-cassette-sns__steps {
    padding: calc(35 / var(--design-width) * 100vw) 0 calc(45 / var(--design-width) * 100vw);
    color: #323232;
    position: relative;
    z-index: 0;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__steps {
        padding: calc(35 * var(--contents-width) / var(--design-width) * 1px) 0 calc(45 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__steps::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: url(../img/bg_sns_steps.png) top center no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    z-index: -1;
    pointer-events: none;
    width: 100%;
}
.c-cassette-sns__steps-item {
    margin-inline: auto;
    width: calc(280 / 310 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__steps-item {
        padding-top: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__steps-item + .c-cassette-sns__steps-item {
    margin-top: calc(35 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__steps-item + .c-cassette-sns__steps-item {
        margin-top: calc(35 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__steps-item-ttl {
    width: calc(280 / 272 * 100%);
    margin-inline: auto;
}
.c-cassette-sns__steps-txt {
    margin-top: calc(12 / var(--design-width) * 100vw);
    font-size: calc(15 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__steps-txt {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__steps-txt + .c-cassette-sns__steps-txt {
    margin-top: calc(15 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__steps-txt + .c-cassette-sns__steps-txt {
        margin-top: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__steps-txt-strong, .c-cassette-sns__steps-txt-hashtag {
    color: #d5003d;
}
.c-cassette-sns__steps-txt-heading {
    color: #2b6cc3;
}
.c-cassette-sns__step-btn {
    width: calc(260 / 280 * 100%);
    margin-top: calc(20 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__step-btn {
        margin-top: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__step-btn a {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-sns__step-btn a {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-sns__step-btn a:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-cassette-sns__requirements {
    width: calc(111 / 280 * 100%);
    margin-top: calc(35 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-sns__requirements {
        margin-top: calc(35 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-sns__requirements-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-sns__requirements-link {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-sns__requirements-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-cassette-campaign
--------------------------------------------- */
.c-cassette-campaign1,
.c-cassette-campaign2 {
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1,
    .c-cassette-campaign2 {
        border-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__cont,
.c-cassette-campaign2__cont {
    margin-top: calc(20 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__cont,
    .c-cassette-campaign2__cont {
        margin-top: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-campaign1__ttl-label {
    width: calc(124 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__ttl-label {
        width: calc(124 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container {
    color: var(--color-white-1);
    padding: calc(20 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw) calc(24 / var(--design-width) * 100vw);
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container {
        padding: calc(20 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px) calc(24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--top {
    background: url(../img/bg_campaign_1.png) top center no-repeat;
    background-size: 100% 100%;
    padding: calc(20 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw) calc(92 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--top {
        padding: calc(20 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px) calc(92 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom {
    background: url(../img/bg_campaign_2.png) top center no-repeat;
    background-size: 100% 100%;
    padding: calc(72 / var(--design-width) * 100vw) calc(20 / var(--design-width) * 100vw) calc(37 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom {
        padding: calc(72 * var(--contents-width) / var(--design-width) * 1px) calc(20 * var(--contents-width) / var(--design-width) * 1px) calc(37 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__heading {
    background: url(../img/txt_campaign_7.png) calc(50 / var(--design-width) * 100vw) center no-repeat;
    background-size: calc(145 / var(--design-width) * 100vw) auto;
    padding: calc(30 / var(--design-width) * 100vw) 0 calc(20 / var(--design-width) * 100vw);
    width: calc(268 / 310 * 100%);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__heading {
        background: url(../img/txt_campaign_7.png) calc(50 * var(--contents-width) / var(--design-width) * 1px) center no-repeat;
        background-size: calc(145 * var(--contents-width) / var(--design-width) * 1px) auto;
        width: calc(268 / 310 * 100%);
        padding: calc(30 * var(--contents-width) / var(--design-width) * 1px) 0 calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__heading img {
    margin-inline: auto;
    width: calc(268 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__heading img {
        width: calc(268 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__date {
    --custom-animation-delay: .5s;
    width: calc(310 / 312 * 100%);
    margin-top: calc(18 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__date {
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__cont {
    margin-top: calc(21 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__cont {
        margin-top: calc(21 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__cont-txt {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: calc(26 / var(--design-width) * 100vw);
    letter-spacing: 0.03em;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__cont-txt {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        line-height: calc(26 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__cont-txt + .c-cassette-campaign1__cont-txt {
    margin-top: calc(10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__cont-txt + .c-cassette-campaign1__cont-txt {
        margin-top: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__cont-txt-strong {
    background-color: var(--color-white-1);
    display: inline-block;
    padding: calc(1 / var(--design-width) * 100vw) calc(4 / var(--design-width) * 100vw) calc(1.5 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
    color: #c10230;
    font-weight: 900;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    font-size: calc(19.5 / var(--design-width) * 100vw);
    line-height: 1.1;
    margin-top: calc(3.5 / var(--design-width) * 100vw);
    margin-right: calc(3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__cont-txt-strong {
        font-size: calc(19 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(0.6 * var(--contents-width) / var(--design-width) * 1px) calc(4 * var(--contents-width) / var(--design-width) * 1px) calc(1.7 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(3.5 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign1__cont-txt-strong {
    padding: calc(0.5 / var(--design-width) * 100vw) calc(3 / var(--design-width) * 100vw) calc(1.5 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-campaign1__cont-txt-strong {
        padding: calc(0.6 * var(--contents-width) / var(--design-width) * 1px) calc(3 * var(--contents-width) / var(--design-width) * 1px) calc(1.6 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.safari .c-cassette-campaign1__cont-txt-strong {
    padding: calc(1 / var(--design-width) * 100vw) calc(3 / var(--design-width) * 100vw) calc(2.3 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.safari .c-cassette-campaign1__cont-txt-strong {
        padding: calc(1 * var(--contents-width) / var(--design-width) * 1px) calc(3 * var(--contents-width) / var(--design-width) * 1px) calc(2.3 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__visual {
    background: url(../img/bg_campaign_7.jpg) left calc(17.5 / var(--design-width) * 100vw) center no-repeat;
    background-size: calc(340 / 384 * 100%) 100%;
    padding-top: calc(20 / var(--design-width) * 100vw);
    position: relative;
    width: calc(384 / 340 * 100%);
    margin-left: calc(-17.5 / var(--design-width) * 100vw);
    margin-top: calc(-52 / var(--design-width) * 100vw);
    margin-bottom: calc(-57 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__visual {
        background: url(../img/bg_campaign_7.jpg) left calc(17.5 * var(--contents-width) / var(--design-width) * 1px) center no-repeat;
        background-size: calc(339 / 384 * 100%) 100%;
        padding-top: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        margin-left: calc(-17.5 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-52 * var(--contents-width) / var(--design-width) * 1px);
        margin-bottom: calc(-57 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign1__visual {
    background: url(../img/bg_campaign_7.jpg) left calc(17.5 / var(--design-width) * 100vw) center no-repeat;
    background-size: calc(340 / 383.6 * 100%) 100%;
    margin-left: calc(-17.5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-campaign1__visual {
        background: url(../img/bg_campaign_7.jpg) left calc(17.5 * var(--contents-width) / var(--design-width) * 1px) center no-repeat;
        background-size: calc(340 / 383.6 * 100%) 100%;
        margin-left: calc(-17.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__visual-item {
    position: absolute;
    right: calc(5 / var(--design-width) * 100vw);
    top: calc(-28 / var(--design-width) * 100vw);
    width: calc(188 / 384 * 100%);
    z-index: 2;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__visual-item {
        right: calc(5 * var(--contents-width) / var(--design-width) * 1px);
        top: calc(-28 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__section {
    margin-top: calc(23 / var(--design-width) * 100vw);
    padding: calc(18 / var(--design-width) * 100vw) calc(10 / var(--design-width) * 100vw);
    border-radius: calc(4 / var(--design-width) * 100vw);
    background-color: var(--color-white-1);
    color: #3b302d;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__section {
        margin-top: calc(23 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(18 * var(--contents-width) / var(--design-width) * 1px) calc(10 * var(--contents-width) / var(--design-width) * 1px);
        border-radius: calc(4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__note {
    margin-top: calc(12 / var(--design-width) * 100vw);
    text-align: justify;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__note {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__note-strong {
    font-weight: 700;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__note-strong {
        font-weight: 700;
    }
}
.c-cassette-campaign1__container--bottom {
    color: var(--color-white-1);
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__section {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__section + .c-cassette-campaign1__section {
    margin-top: calc(38 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__section + .c-cassette-campaign1__section {
        margin-top: calc(38 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__box-ttl {
    border-bottom: 1px solid #fbf0f3;
    width: 100%;
    padding-bottom: calc(1 / var(--design-width) * 100vw);
    color: inherit;
    font-size: calc(20 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.04em;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__box-ttl {
        font-size: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__target {
    margin-top: calc(13 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__target {
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        width: 344px;
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__lead {
    width: calc(290 / 300 * 100%);
    margin-top: calc(14 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__lead {
        margin-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__image {
    margin-bottom: calc(37 / var(--design-width) * 100vw);
    margin-top: calc(13 / var(--design-width) * 100vw);
    padding: calc(10 / var(--design-width) * 100vw) 0 calc(11 / var(--design-width) * 100vw);
    background-color: var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__image {
        margin-bottom: calc(37 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(10 * var(--contents-width) / var(--design-width) * 1px) 0 calc(11 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__image > img {
    margin-top: calc(6 / var(--design-width) * 100vw);
    margin-left: calc(5 / var(--design-width) * 100vw);
    width: calc(286 / 300 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__image > img {
        margin-top: calc(6 * var(--contents-width) / var(--design-width) * 1px);
        margin-left: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__image-lead {
    padding-top: calc(5 / var(--design-width) * 100vw);
    width: calc(264 / 300 * 100%);
    text-align: center;
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__image-lead {
        padding-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__image-lead-strong {
    color: #c10230;
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__note {
    margin-top: calc(13 / var(--design-width) * 100vw);
    color: inherit;
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 400;
    line-height: 1.6666666667;
    text-align: justify;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__note {
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__note-item + .c-cassette-campaign1__note-item {
    margin-top: calc(12 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__note-item + .c-cassette-campaign1__note-item {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign1__container--bottom .c-cassette-campaign1__note-link {
    color: inherit;
    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 (hover: hover) and (pointer: fine) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__note-link:hover {
        text-decoration-color: transparent;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign1__container--bottom .c-cassette-campaign1__note-link {
        margin-right: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}

.c-cassette-campaign2 {
    margin-top: calc(89 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2 {
        margin-top: calc(89 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__ttl-label {
    width: calc(124 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__ttl-label {
        width: calc(124 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__container {
    color: var(--color-white-1);
    padding: calc(18 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw) calc(30 / var(--design-width) * 100vw);
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__container {
        padding: calc(18 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px) calc(30 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__container--top {
    background: url(../img/bg_campaign_3.png) 0 0 no-repeat;
    background-size: 100% auto;
    padding: calc(18 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw) calc(105 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__container--top {
        padding: calc(18 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px) calc(105 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__container--bottom {
    background: url(../img/bg_campaign_5.png) 0 100% no-repeat, url(../img/bg_campaign_4.png) 0 0 no-repeat;
    background-size: 100% auto, 100% auto;
    padding: calc(48 / var(--design-width) * 100vw) calc(20 / var(--design-width) * 100vw) calc(46 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__container--bottom {
        padding: calc(48 * var(--contents-width) / var(--design-width) * 1px) calc(20 * var(--contents-width) / var(--design-width) * 1px) calc(46 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__member {
    width: calc(221 / 310 * 100%);
    margin-inline: auto;
}
.c-cassette-campaign2__heading {
    background: url(../img/txt_campaign_8.png) calc(28 / var(--design-width) * 100vw) center no-repeat;
    background-size: calc(190 / var(--design-width) * 100vw) auto;
    padding: calc(17 / var(--design-width) * 100vw) 0 calc(9 / var(--design-width) * 100vw);
    width: calc(251 / 310 * 100%);
    margin-inline: auto;
    margin-top: calc(10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__heading {
        background: url(../img/txt_campaign_8.png) calc(28 * var(--contents-width) / var(--design-width) * 1px) center no-repeat;
        background-size: calc(190 * var(--contents-width) / var(--design-width) * 1px) auto;
        width: calc(251 / 310 * 100%);
        padding: calc(17 * var(--contents-width) / var(--design-width) * 1px) 0 calc(9 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__heading img {
    margin-inline: auto;
    width: calc(268 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__heading img {
        width: calc(268 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__date {
    width: calc(310 / 310 * 100%);
    margin-top: calc(22 / var(--design-width) * 100vw);
    margin-inline: auto;
    --custom-animation-delay: .5s;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__date {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont {
    margin-top: calc(21 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont {
        margin-top: calc(21 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont-txt {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: calc(26 / var(--design-width) * 100vw);
    letter-spacing: 0.03em;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont-txt {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        line-height: calc(26 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont-txt + .c-cassette-campaign2__cont-txt {
    margin-top: calc(10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont-txt + .c-cassette-campaign2__cont-txt {
        margin-top: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont-txt--large {
    font-size: calc(20 / var(--design-width) * 100vw);
}
.c-cassette-campaign2__cont-txt--large:nth-of-type(n) {
    margin-top: calc(3.5 / var(--design-width) * 100vw);
    padding: calc(1.1 / var(--design-width) * 100vw) calc(3 / var(--design-width) * 100vw) calc(2 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont-txt--large {
        font-size: calc(20 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-cassette-campaign2__cont-txt--large:nth-of-type(n) {
        margin-top: calc(3.5 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(1.1 * var(--contents-width) / var(--design-width) * 1px) calc(3 * var(--contents-width) / var(--design-width) * 1px) calc(2 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont-txt--small {
    font-size: calc(12 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont-txt--small {
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont-txt--strong {
    background-color: var(--color-white-1);
    display: inline-block;
    padding: calc(1.25 / var(--design-width) * 100vw) calc(3 / var(--design-width) * 100vw) calc(1.65 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
    color: #c10230;
    font-weight: 900;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    line-height: 1.1;
    margin-right: calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__cont-txt--strong {
        padding: calc(1.2 * var(--contents-width) / var(--design-width) * 1px) calc(3 * var(--contents-width) / var(--design-width) * 1px) calc(1.65 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign2__cont-txt--strong {
    padding: calc(1.1 / var(--design-width) * 100vw) calc(3 / var(--design-width) * 100vw) calc(1.4 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-campaign2__cont-txt--strong {
        padding: calc(1.1 * var(--contents-width) / var(--design-width) * 1px) calc(3 * var(--contents-width) / var(--design-width) * 1px) calc(1.4 * var(--contents-width) / var(--design-width) * 1px) calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__cont-txt--strong-first {
    transform: translateY(1px);
}
.c-cassette-campaign2__cont-txt--strong-second {
    transform: translateY(-1px);
}
body.edge .c-cassette-campaign2__cont-txt--strong-second {
    padding-bottom: calc(1.7 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-campaign2__cont-txt--strong-second {
        padding-bottom: calc(1.7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__visual {
    position: relative;
    width: 100%;
    margin-top: -33%;
    margin-bottom: -21%;
}
body.edge .c-cassette-campaign2__visual {
    width: 99.9%;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__visual {
        width: calc(100% + 0 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(-112 * var(--contents-width) / var(--design-width) * 1px);
        margin-bottom: calc(-73 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__visual-item {
    position: absolute;
    left: calc(-80 / var(--design-width) * 100vw);
    top: calc(-159 / var(--design-width) * 100vw);
    width: calc(258 / 340 * 100%);
    z-index: 2;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__visual-item {
        left: calc(-80 * var(--contents-width) / var(--design-width) * 1px);
        top: calc(-159 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__section {
    position: relative;
    margin-top: calc(22 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__section {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__section + .c-cassette-campaign2__section {
    margin-top: calc(37 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__section + .c-cassette-campaign2__section {
        margin-top: calc(37 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__section > img {
    margin-inline: auto;
}
.c-cassette-campaign2__box-ttl {
    border-bottom: 1px solid #fbf0f3;
    width: 100%;
    padding-bottom: calc(1 / var(--design-width) * 100vw);
    color: inherit;
    font-size: calc(20 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.04em;
    margin-bottom: calc(15 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__box-ttl {
        font-size: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(1 * var(--contents-width) / var(--design-width) * 1px);
        margin-bottom: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__image {
    position: absolute;
    left: calc(13 / var(--design-width) * 100vw);
    bottom: calc(28 / var(--design-width) * 100vw);
    width: calc(284 / 300 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__image {
        left: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        bottom: calc(28 * 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__apply.is-open .c-cassette-campaign2__btn::after {
    transform: translateY(-50%) rotate(180deg);
}
.c-cassette-campaign2__apply.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) {
    .c-cassette-campaign2__apply.is-open .c-cassette-campaign2__apply-content {
        max-height: calc(2400 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__btn {
    box-shadow: 0 calc(3 / var(--design-width) * 100vw) 0 #094aa1;
    position: relative;
    display: block;
    width: calc(260 / 305 * 100%);
    padding: calc(7 / var(--design-width) * 100vw) calc(40 / var(--design-width) * 100vw) calc(7 / var(--design-width) * 100vw) calc(22 / var(--design-width) * 100vw);
    border: 0;
    border-radius: calc(999 / var(--design-width) * 100vw);
    background-color: #e0ecf0;
    border: 2px solid var(--color-white-1);
    color: #2b6cc3;
    cursor: pointer;
    margin-inline: auto;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign2__btn {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign2__btn:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__btn {
        padding: calc(9 * var(--contents-width) / var(--design-width) * 1px) calc(40 * var(--contents-width) / var(--design-width) * 1px) calc(9 * var(--contents-width) / var(--design-width) * 1px) calc(22 * var(--contents-width) / var(--design-width) * 1px);
        border-radius: calc(999 * var(--contents-width) / var(--design-width) * 1px);
        box-shadow: 0 calc(3 * var(--contents-width) / var(--design-width) * 1px) 0 #094aa1;
    }
}
.c-cassette-campaign2__btn::before, .c-cassette-campaign2__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(20 / var(--design-width) * 100vw);
    width: calc(14 / var(--design-width) * 100vw);
    height: calc(2 / var(--design-width) * 100vw);
    border-radius: calc(2 / var(--design-width) * 100vw);
    background-color: currentColor;
    transform: translateY(-50%);
    transition: transform 0.25s ease;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__btn::before, .c-cassette-campaign2__btn::after {
        right: calc(20 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        border-radius: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__btn::after {
    transform: translateY(-50%) rotate(90deg);
}
.c-cassette-campaign2__apply-txt {
    display: block;
    font-size: calc(16 / var(--design-width) * 100vw);
    font-weight: 900;
    line-height: 1.875;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__apply-txt {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__apply-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(calc(-8 / var(--design-width) * 100vw));
    transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__apply-content {
        transform: translateY(calc(-8 * var(--contents-width) / var(--design-width) * 1px));
    }
}
.c-cassette-campaign2__steps {
    padding: calc(43 / var(--design-width) * 100vw) calc(17 / var(--design-width) * 100vw) calc(48 / var(--design-width) * 100vw);
    color: #323232;
    position: relative;
    z-index: 0;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__steps {
        padding: calc(43 * var(--contents-width) / var(--design-width) * 1px) calc(17 * var(--contents-width) / var(--design-width) * 1px) calc(48 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign2__steps {
    padding: calc(43 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw) calc(48 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-campaign2__steps {
        padding: calc(43 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px) calc(48 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__steps::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0.1) 22px, rgba(255, 255, 255, 0.3) 37px, rgba(255, 255, 255, 0.7) 58px, rgba(255, 255, 255, 0.9) 73px, rgb(255, 255, 255) 80px, #fff 100%);
    opacity: 0.85;
    z-index: -1;
    pointer-events: none;
    width: 100%;
}
.c-cassette-campaign2__step {
    padding-bottom: calc(28 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step {
        padding-bottom: calc(28 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step + .c-cassette-campaign2__step {
    margin-top: calc(3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step + .c-cassette-campaign2__step {
        margin-top: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step:last-of-type {
    padding-bottom: 0;
}
.c-cassette-campaign2__step-heading {
    width: calc(280 / 278 * 100%);
    margin-inline: auto;
}
.c-cassette-campaign2__step-lead {
    margin-top: calc(13 / var(--design-width) * 100vw);
    color: #323232;
    font-size: calc(15 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.02em;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__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-campaign2__step-lead-strong {
    color: #d5003d;
}
.c-cassette-campaign2__step-note, .c-cassette-campaign2__step-list {
    margin-top: calc(13 / var(--design-width) * 100vw);
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.5;
    text-align: justify;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-note, .c-cassette-campaign2__step-list {
        margin-top: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-note {
    margin-top: calc(10 / var(--design-width) * 100vw);
    padding: 0 calc(7 / 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);
        padding: 0 calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
body.edge .c-cassette-campaign2__step-note {
    padding: 0 calc(7 / var(--design-width) * 100vw);
    word-break: break-all;
}
@media screen and (min-width: 751px) {
    body.edge .c-cassette-campaign2__step-note {
        padding: 0 calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-list {
    font-size: calc(13 / var(--design-width) * 100vw);
    margin-top: calc(15 / var(--design-width) * 100vw);
    padding: calc(12 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw);
    background-color: var(--color-white-1);
    text-align: justify;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-list {
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(15 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(12 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-item {
    position: relative;
    padding-left: 1.1em;
    text-indent: 0;
}
.c-cassette-campaign2__step-item + .c-cassette-campaign2__step-item {
    margin-top: calc(4 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-item + .c-cassette-campaign2__step-item {
        margin-top: calc(4 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(8 / var(--design-width) * 100vw);
    height: calc(8 / var(--design-width) * 100vw);
    background: url(../img/ico_arrow-red.svg) center center no-repeat;
    background-size: contain;
    transform: translateY(70%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-item::before {
        width: calc(8 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(8 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-btn {
    width: calc(260 / 266 * 100%);
    margin-top: calc(16 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__step-btn {
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-link, .c-cassette-campaign2__requirements-link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign2__step-link, .c-cassette-campaign2__requirements-link {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-campaign2__step-link:hover, .c-cassette-campaign2__requirements-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-cassette-campaign2__requirements {
    margin-top: calc(5 / var(--design-width) * 100vw);
    margin-inline: auto;
    width: calc(111 / 266 * 100%);
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__requirements {
        margin-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__step-note-link {
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: #382f2c;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    font-weight: 800;
    transition: text-decoration-color 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-campaign2__step-note-link:hover {
        text-decoration-color: transparent;
    }
}
.c-cassette-campaign2__note {
    color: var(--color-white-1);
    margin-top: calc(34 / var(--design-width) * 100vw);
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: 1.6666666667;
    letter-spacing: 0.02em;
    padding: 0 calc(6 / var(--design-width) * 100vw);
    text-align: left;
}
@media screen and (min-width: 751px) {
    .c-cassette-campaign2__note {
        margin-top: calc(34 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        padding: 0 calc(6 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-cassette-campaign2__note-item-yellow {
    color: #ffff6d;
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.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/666;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.c-kv iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
}

/* ---------------------------------------------
*   c-section-intro
--------------------------------------------- */
.c-section-intro {
    position: relative;
    z-index: 1;
    padding-bottom: calc(134 / var(--design-width) * 100vw);
    padding-top: calc(89 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro {
        padding-bottom: calc(134 * var(--contents-width) / var(--design-width) * 1px);
        padding-top: calc(89 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__container {
    position: relative;
    width: calc(335 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-intro__lead {
    position: relative;
    color: var(--color-white-1);
    font-size: calc(16 / var(--design-width) * 100vw);
    font-weight: 900;
    line-height: 1.875;
    letter-spacing: 0.02em;
    margin-top: calc(91 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-intro__lead {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
        margin-top: calc(91 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__lead.is-text-reveal {
    display: block;
    width: 100%;
}
.c-section-intro__lead.is-text-reveal .is-text-reveal__line {
    display: block;
}
.c-section-intro__ttl {
    position: relative;
    z-index: 2;
    width: calc(279 / 335 * 100%);
    margin-top: calc(3 / var(--design-width) * 100vw);
    padding-left: calc(2 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__ttl {
        margin-top: calc(3 * var(--contents-width) / var(--design-width) * 1px);
        padding-left: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__visual {
    margin-left: auto;
    width: calc(291 / 335 * 100%);
    margin-top: calc(-138 / var(--design-width) * 100vw);
    margin-right: calc(-21 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__visual {
        margin-top: calc(-138 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(-21 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__txt-wrap {
    margin-top: calc(21 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__txt-wrap {
        margin-top: calc(21 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__txt {
    font-size: calc(16 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.875;
    letter-spacing: 0.03em;
    text-align: center;
    --custom-animation-delay: .8s;
}
@media screen and (min-width: 751px) {
    .c-section-intro__txt {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__txt + .c-section-intro__txt {
    margin-top: calc(16 / var(--design-width) * 100vw);
    --custom-animation-delay: 1.4s;
}
@media screen and (min-width: 751px) {
    .c-section-intro__txt + .c-section-intro__txt {
        margin-top: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__lead-txt {
    margin-inline: auto;
}
.c-section-intro__lead-txt--1 {
    width: calc(146 / var(--design-width) * 100vw);
}
.c-section-intro__lead-txt--2 {
    width: calc(246 / var(--design-width) * 100vw);
}
.c-section-intro__lead-txt--3 {
    margin-top: calc(-5 / var(--design-width) * 100vw);
    width: calc(93 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__lead-txt--1 {
        width: calc(146 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-section-intro__lead-txt--2 {
        width: calc(246 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-section-intro__lead-txt--3 {
        margin-top: calc(0 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(93 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__vibe {
    position: relative;
    margin-top: calc(124 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__vibe {
        margin-top: calc(124 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__vibe-img {
    margin-left: calc(-20 / var(--design-width) * 100vw);
    width: calc(331 / 335 * 100%);
}
@media screen and (min-width: 751px) {
    .c-section-intro__vibe-img {
        margin-left: calc(-20 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__vibe-copy {
    position: relative;
    width: calc(212 / 335 * 100%);
    margin-top: calc(-13 / var(--design-width) * 100vw);
    margin-left: auto;
    margin-right: calc(-6 / var(--design-width) * 100vw);
    --custom-animation-delay: .85s;
}
@media screen and (min-width: 751px) {
    .c-section-intro__vibe-copy {
        margin-top: calc(-13 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(-6 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__star {
    position: absolute;
    bottom: calc(-14 / var(--design-width) * 100vw);
    left: calc(13 / var(--design-width) * 100vw);
    width: calc(41 / var(--design-width) * 100vw);
    height: calc(41 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-intro__star {
        bottom: calc(-14 * var(--contents-width) / var(--design-width) * 1px);
        left: calc(13 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(41 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(41 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-intro__star::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -86px;
    width: 1.5px;
    height: 78px;
    background: var(--color-white-1);
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .c-section-intro__star::after {
        bottom: calc(-78 * var(--contents-width) / var(--design-width) * 1px);
        height: 83px;
    }
}
.c-section-intro__star img {
    animation: section-star-rotate 7s linear infinite;
}

/* ---------------------------------------------
*   c-section-message
--------------------------------------------- */
.c-section-message {
    background: url(../img/bg_message.png) 0 0 no-repeat;
    background-size: 100% auto;
    position: relative;
    padding-bottom: calc(31 / var(--design-width) * 100vw);
    padding-top: calc(79 / var(--design-width) * 100vw);
}
body.edge .c-section-message {
    padding-bottom: calc(24 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    body.edge .c-section-message {
        padding-bottom: calc(24 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-section-message {
        padding-top: calc(79 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(31 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-message__container {
    position: relative;
    width: calc(330 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-message__ttl {
    width: calc(286 / 330 * 100%);
    margin-inline: auto;
}
.c-section-message__movie {
    aspect-ratio: 16/9;
    background: #fff;
    box-sizing: content-box;
    border-radius: calc(10 / var(--design-width) * 100vw);
    box-shadow: 0 calc(6 / var(--design-width) * 100vw) calc(6 / var(--design-width) * 100vw) rgba(72, 102, 122, 0.3);
    width: calc(100% - var(--movie-border-width) * 2);
    margin-top: calc(51 / var(--design-width) * 100vw);
    margin-inline: auto;
    position: relative;
    will-change: opacity;
}
@media screen and (min-width: 751px) {
    .c-section-message__movie {
        border-radius: calc(10 * var(--contents-width) / var(--design-width) * 1px);
        box-shadow: 0 calc(6 * var(--contents-width) / var(--design-width) * 1px) calc(6 * var(--contents-width) / var(--design-width) * 1px) rgba(72, 102, 122, 0.5);
        margin-top: calc(51 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-message__movie video,
.c-section-message__movie iframe {
    aspect-ratio: 16/9;
    border-radius: calc(10 / var(--design-width) * 100vw);
    cursor: pointer;
    display: block;
    height: calc(100% + 1px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 1px);
    z-index: 0;
}
@media screen and (min-width: 751px) {
    .c-section-message__movie video,
    .c-section-message__movie iframe {
        border-radius: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-message__movie-inner {
    border-radius: inherit;
    inset: 0;
    overflow: hidden;
    position: absolute;
}
.c-section-message__movie-inner::after {
    border: calc(2 / var(--design-width) * 100vw) solid var(--color-white-1);
    border-radius: calc(9.5 / var(--design-width) * 100vw);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .c-section-message__movie-inner::after {
        border-radius: calc(9.5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-section-message__movie-inner::after {
        border-width: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-message__sign {
    width: calc(174 / 330 * 100%);
    margin-top: calc(42 / var(--design-width) * 100vw);
    margin-left: auto;
    margin-right: calc(-6 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-message__sign {
        margin-top: calc(42 * var(--contents-width) / var(--design-width) * 1px);
        margin-right: calc(-6 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-campaign
--------------------------------------------- */
.c-section-campaign {
    padding-top: calc(55 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign {
        padding-top: calc(55 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__container {
    width: calc(340 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-campaign__ttl {
    margin-bottom: calc(56 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__ttl {
        margin-bottom: calc(56 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__ttl-txt {
    display: inline-block;
    margin-inline: auto;
}
.c-section-campaign__ttl-txt--1 {
    width: calc(322 / 340 * 100%);
}
.c-section-campaign__ttl-txt--2 {
    width: calc(124 / 340 * 100%);
    margin-top: calc(3 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__ttl-txt--2 {
        margin-top: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__contents {
    margin-top: calc(62 / var(--design-width) * 100vw);
    margin-inline: auto;
    padding: calc(40 / var(--design-width) * 100vw) calc(17 / var(--design-width) * 100vw) calc(36 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__contents {
        margin-top: calc(62 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(40 * var(--contents-width) / var(--design-width) * 1px) calc(17 * var(--contents-width) / var(--design-width) * 1px) calc(36 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__date {
    width: calc(268 / 340 * 100%);
    margin-inline: auto;
}
.c-section-campaign__txt-wrap {
    margin-top: calc(31 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__txt-wrap {
        margin-top: calc(31 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__txt {
    font-size: calc(16 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.4375;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__txt {
        font-size: calc(16 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__txt + .c-section-campaign__txt {
    margin-top: calc(7 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__txt + .c-section-campaign__txt {
        margin-top: calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__box {
    margin-top: calc(38 / var(--design-width) * 100vw);
    padding: calc(20 / var(--design-width) * 100vw) calc(22 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw);
    border: calc(1 / var(--design-width) * 100vw) solid var(--color-base-1);
    background-color: var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__box {
        margin-top: calc(38 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(20 * var(--contents-width) / var(--design-width) * 1px) calc(22 * var(--contents-width) / var(--design-width) * 1px) calc(15 * var(--contents-width) / var(--design-width) * 1px);
        border-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__box-icon {
    width: calc(25 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__box-icon {
        width: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__box-list {
    margin-top: calc(12 / var(--design-width) * 100vw);
    margin-left: calc(2 / var(--design-width) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(7 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__box-list {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
        margin-left: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        gap: calc(7 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__box-list-item {
    display: flex;
    align-items: flex-start;
    gap: calc(10 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__box-list-item {
        gap: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__box-list-label {
    display: block;
    flex-shrink: 0;
    border: calc(1 / var(--design-width) * 100vw) solid var(--color-base-1);
    padding-inline: calc(6.75 / var(--design-width) * 100vw);
    font-size: calc(12 / var(--design-width) * 100vw);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--color-base-1);
    background-color: var(--color-theme-3);
}
@media screen and (min-width: 751px) {
    .c-section-campaign__box-list-label {
        border-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
        padding-inline: calc(6.75 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__box-list-txt {
    margin-top: calc(2 / var(--design-width) * 100vw);
    font-size: calc(13 / var(--design-width) * 100vw);
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1.2423076923;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__box-list-txt {
        margin-top: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__btn {
    display: block;
    margin-top: calc(15 / var(--design-width) * 100vw);
    padding: calc(14 / var(--design-width) * 100vw);
    font-size: calc(13 / var(--design-width) * 100vw);
    font-weight: 700;
    color: var(--color-white-1);
    text-align: center;
    letter-spacing: 0.02em;
    background-color: var(--color-base-1);
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-campaign__btn {
        transition: opacity var(--hover-duration);
    }
    .c-section-campaign__btn:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-section-campaign__btn {
        margin-top: calc(15 * var(--contents-width) / var(--design-width) * 1px);
        padding: calc(14 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__link {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: calc(27 / var(--design-width) * 100vw);
    margin-inline: auto;
    padding-right: calc(17 / var(--design-width) * 100vw);
    padding-bottom: calc(3 / var(--design-width) * 100vw);
    border-bottom: calc(1 / var(--design-width) * 100vw) solid var(--color-base-1);
    font-size: calc(13 / var(--design-width) * 100vw);
    font-weight: 700;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}
@media (hover: hover) and (pointer: fine) {
    .c-section-campaign__link {
        transition: opacity var(--hover-duration);
    }
    .c-section-campaign__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (min-width: 751px) {
    .c-section-campaign__link {
        margin-top: calc(27 * var(--contents-width) / var(--design-width) * 1px);
        padding-right: calc(17 * var(--contents-width) / var(--design-width) * 1px);
        padding-bottom: calc(3 * var(--contents-width) / var(--design-width) * 1px);
        border-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(13 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-campaign__link:after {
    content: "";
    position: absolute;
    top: 20%;
    right: calc(2 / var(--design-width) * 100vw);
    width: calc(12 / var(--design-width) * 100vw);
    aspect-ratio: 1/1;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__link:after {
        right: calc(2 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-in-store
--------------------------------------------- */
.c-section-in-store {
    position: relative;
    overflow: hidden;
    padding-block: calc(50 / var(--design-width) * 100vw) calc(130 / var(--design-width) * 100vw);
    color: var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .c-section-in-store {
        padding-block: calc(50 * var(--contents-width) / var(--design-width) * 1px) calc(130 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-in-store__container {
    width: calc(340 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-in-store__ttl {
    text-align: center;
    width: calc(288 / 340 * 100%);
    margin-inline: auto;
}
.c-section-in-store__ttl-txt {
    display: block;
}
.c-section-in-store__ttl-txt:nth-child(2) {
    width: calc(65 / 288 * 100%);
    margin-inline: auto;
}
.c-section-in-store__body {
    margin-top: calc(57 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-in-store__body {
        margin-top: calc(57 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-special
--------------------------------------------- */
.c-section-special {
    margin-top: calc(-30 / var(--design-width) * 100vw);
    position: relative;
    padding-block: calc(70 / var(--design-width) * 100vw) calc(140 / var(--design-width) * 100vw);
    color: var(--color-white-1);
    background: #eb6577 url(../img/bg_special.png) no-repeat center top/100% auto;
    text-align: center;
}
.c-section-special::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 99%;
    height: calc(100 / var(--design-width) * 100vw);
    background: #eb6577;
    z-index: 0;
}
@media screen and (min-width: 751px) {
    .c-section-special {
        margin-top: calc(-30 * var(--contents-width) / var(--design-width) * 1px);
    }
    .c-section-special::after {
        height: calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}
@media screen and (min-width: 751px) {
    .c-section-special {
        padding-block: calc(70 * var(--contents-width) / var(--design-width) * 1px) calc(140 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__container {
    width: 100%;
    margin-inline: auto;
}
.c-section-special__ttl {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-inline: auto;
}
.c-section-special__ttl-sub {
    display: block;
    width: calc(218 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-special__ttl-main {
    display: block;
    width: calc(241 / var(--design-width) * 100%);
    margin-top: calc(12 / var(--design-width) * 100vw);
    margin-inline: auto;
    --custom-animation-delay: .7s;
}
@media screen and (min-width: 751px) {
    .c-section-special__ttl-main {
        margin-top: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__visual {
    width: 100%;
    margin-top: calc(36 / var(--design-width) * 100vw);
    --custom-animation-delay: 1.3s;
}
@media screen and (min-width: 751px) {
    .c-section-special__visual {
        margin-top: calc(36 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__detail {
    width: calc(260 / var(--design-width) * 100%);
    margin-top: calc(39 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-special__detail {
        margin-top: calc(39 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__english {
    color: transparent;
    font-family: var(--ff-english);
    font-size: calc(40 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    text-align: left;
    -webkit-text-stroke: calc(1 / var(--design-width) * 100vw) var(--color-white-1);
}
@media screen and (min-width: 751px) {
    .c-section-special__english {
        font-size: calc(40 * var(--contents-width) / var(--design-width) * 1px);
        -webkit-text-stroke-width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__place {
    width: 100%;
    margin-top: calc(34 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-special__place {
        margin-top: calc(34 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__body {
    margin-top: calc(22 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__body {
        margin-top: calc(22 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__txt {
    margin-top: calc(8 / var(--design-width) * 100vw);
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 500;
    line-height: calc(26 / var(--design-width) * 100vw);
    letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
    .c-section-special__txt {
        margin-top: calc(8 * var(--contents-width) / var(--design-width) * 1px);
        line-height: calc(26 * var(--contents-width) / var(--design-width) * 1px);
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__txt-strong {
    font-size: calc(18 / var(--design-width) * 100vw);
    font-weight: 700;
}
@media screen and (min-width: 751px) {
    .c-section-special__txt-strong {
        font-size: calc(18 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__period {
    margin-top: calc(33 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__period {
        margin-top: calc(33 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-special__period-item {
    margin-inline: auto;
}
.c-section-special__period-item:nth-child(1) {
    width: calc(196 / 260 * 100%);
}
.c-section-special__period-item:nth-child(2) {
    width: calc(175 / 260 * 100%);
    margin-top: calc(30 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-special__period-item:nth-child(2) {
        margin-top: calc(30 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-bgm
--------------------------------------------- */
.c-section-bgm {
    background-color: var(--color-white-1);
    border-radius: 50%;
    position: relative;
    padding-block: calc(60 / var(--design-width) * 100vw) calc(58 / var(--design-width) * 100vw);
    width: calc(920 / var(--design-width) * 100vw);
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
    .c-section-bgm {
        padding-block: calc(60 * var(--contents-width) / var(--design-width) * 1px) calc(58 * var(--contents-width) / var(--design-width) * 1px);
        width: calc(920 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm::before {
    content: "";
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, rgba(255, 193, 191, 0.4) 90%, rgba(255, 193, 191, 0.4) 100%);
}
.c-section-bgm__container {
    position: relative;
    z-index: 1;
    width: calc(310 / 920 * 100%);
    margin-inline: auto;
    color: #382f2c;
    text-align: center;
}
.c-section-bgm__ttl {
    width: 100%;
    margin-inline: auto;
}
.c-section-bgm__ttl-txt {
    display: block;
    margin-inline: auto;
    width: 100%;
}
.c-section-bgm__ttl-txt:nth-child(1) {
    width: calc(127 / 310 * 100%);
}
.c-section-bgm__ttl-txt:nth-child(2) {
    width: calc(217 / 310 * 100%);
    margin-top: calc(15 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-bgm__ttl-txt:nth-child(2) {
        margin-top: calc(15 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__ttl-txt:nth-child(3) {
    width: calc(271 / 310 * 100%);
    margin-top: calc(11 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-bgm__ttl-txt:nth-child(3) {
        margin-top: calc(11 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__body {
    margin-top: calc(29 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-bgm__body {
        margin-top: calc(29 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__lead {
    font-size: calc(14 / var(--design-width) * 100vw);
    font-weight: 700;
    line-height: 1.8571428571;
    letter-spacing: 0.005em;
}
@media screen and (min-width: 751px) {
    .c-section-bgm__lead {
        font-size: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__img {
    position: relative;
    width: calc(280 / 310 * 100%);
    margin-top: calc(14 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-bgm__img {
        margin-top: calc(14 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__img-visual {
    position: absolute;
    top: calc(70 / var(--design-width) * 100vw);
    left: 50%;
    width: calc(180 / 280 * 100%);
    transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
    .c-section-bgm__img-visual {
        top: calc(70 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-bgm__img-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(60 / var(--design-width) * 100vw);
    width: calc(220 / 280 * 100%);
}
@media screen and (min-width: 751px) {
    .c-section-bgm__img-btn {
        bottom: calc(60 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.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 {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(1085 / var(--design-width) * 100vw);
    pointer-events: none;
    animation: bgm-loop-rotate 95s linear infinite;
}
@media screen and (min-width: 751px) {
    .c-section-bgm__loop {
        width: calc(1085 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-pick
--------------------------------------------- */
.c-section-pick {
    position: relative;
    overflow: hidden;
    padding-block: calc(50 / var(--design-width) * 100vw) calc(91 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-pick {
        padding-block: calc(50 * var(--contents-width) / var(--design-width) * 1px) calc(91 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-pick__container {
    width: calc(333 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-pick__ttl {
    width: 100%;
    margin-inline: auto;
    text-align: center;
}
.c-section-pick__ttl-txt {
    display: block;
    margin-inline: auto;
    width: 100%;
}
.c-section-pick__ttl-txt:nth-child(1) {
    margin-top: calc(5 / var(--design-width) * 100vw);
    width: calc(250 / 333 * 100%);
}
@media screen and (min-width: 751px) {
    .c-section-pick__ttl-txt:nth-child(1) {
        margin-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-pick__ttl-txt:nth-child(2) {
    width: calc(281 / 333 * 100%);
    margin-top: calc(10 / var(--design-width) * 100vw);
    --text-reveal-delay: .5s;
}
@media screen and (min-width: 751px) {
    .c-section-pick__ttl-txt:nth-child(2) {
        margin-top: calc(10 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-pick__ttl-txt:nth-child(3) {
    width: calc(232 / 333 * 100%);
    margin-top: calc(3 / var(--design-width) * 100vw);
    --text-reveal-delay: .5s;
}
@media screen and (min-width: 751px) {
    .c-section-pick__ttl-txt:nth-child(3) {
        margin-top: calc(3 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-pick__body {
    margin-top: calc(40 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-pick__body {
        margin-top: calc(40 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-sns
--------------------------------------------- */
.c-section-sns {
    position: relative;
    overflow: hidden;
    padding-block: calc(87 / var(--design-width) * 100vw) calc(100 / var(--design-width) * 100vw);
    background: url(../img/bg_sns.png) no-repeat center top/100% auto;
}
@media screen and (min-width: 751px) {
    .c-section-sns {
        padding-block: calc(87 * var(--contents-width) / var(--design-width) * 1px) calc(100 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__container {
    width: calc(340 / var(--design-width) * 100%);
    margin-inline: auto;
}
.c-section-sns__ttl {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-inline: auto;
}
.c-section-sns__ttl-txt {
    display: block;
    margin-inline: auto;
}
.c-section-sns__ttl-txt:nth-child(1) {
    width: calc(130 / 340 * 100%);
}
.c-section-sns__ttl-txt:nth-child(2) {
    width: calc(133 / 340 * 100%);
    margin-top: calc(5 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__ttl-txt:nth-child(2) {
        margin-top: calc(5 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-sns__body {
    margin-top: calc(73 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-sns__body {
        margin-top: calc(73 * var(--contents-width) / var(--design-width) * 1px);
    }
}

/* ---------------------------------------------
*   c-section-official
--------------------------------------------- */
.c-section-official {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding-top: calc(91 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-official {
        padding-top: calc(91 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__ttl {
    position: relative;
    width: calc(313 / var(--design-width) * 100%);
    margin-inline: auto;
    z-index: 1;
}
.c-section-official__list {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: calc(46 / var(--design-width) * 100%);
    margin-top: calc(25 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-official__list {
        margin-top: calc(25 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__item {
    position: relative;
    width: calc(39 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-official__item {
        width: calc(39 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__item + .c-section-official__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(-18 / 33 * 100%);
    width: calc(1 / var(--design-width) * 100vw);
    height: calc(45 / var(--design-width) * 100vw);
    background-color: rgba(255, 255, 255, 0.86);
    transform: translateY(-50%);
}
@media screen and (min-width: 751px) {
    .c-section-official__item + .c-section-official__item::before {
        width: calc(1 * var(--contents-width) / var(--design-width) * 1px);
        height: calc(45 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__item--tiktok {
    width: calc(38 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-section-official__item--tiktok {
        width: calc(38 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-section-official__link {
    display: block;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-official__link {
        transition: opacity var(--hover-duration);
    }
    .c-section-official__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   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;
}
@media screen and (min-width: 751px) {
    .c-list-nav__item {
        gap: calc(2 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-list-nav__item--campaign img {
    width: calc(85 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-list-nav__item--campaign img {
        width: calc(85 / var(--root-fz) * 1rem);
    }
}
.c-list-nav__item--in-store img {
    width: calc(75 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-list-nav__item--in-store img {
        width: calc(75 / var(--root-fz) * 1rem);
    }
}
.c-list-nav__item--pick img {
    width: calc(73 / var(--design-width) * 100vw);
}
@media screen and (min-width: 751px) {
    .c-list-nav__item--pick img {
        width: calc(73 / var(--root-fz) * 1rem);
    }
}
.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;
}
@media screen and (min-width: 751px) {
    .c-list-note {
        font-size: calc(12 * var(--contents-width) / var(--design-width) * 1px);
    }
}
.c-list-note__item {
    padding-left: 1em;
    text-indent: -1em;
}
.c-list-note__item::before {
    content: "※";
}
.c-list-note__item-yellow {
    color: #ffff6d;
}

/* ---------------------------------------------
*   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
--------------------------------------------- */
.js-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;
}
.js-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: #FFFFFF;
    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__line > img {
    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__line.is-active > img {
    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;
}

.js-text-reveal.is-active .is-text-reveal__line {
    color: var(--text-reveal-color);
}
.js-text-reveal.is-active .is-text-reveal__line > img {
    opacity: 1;
}
.js-text-reveal.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,
    .js-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__line > img {
        opacity: 1;
        transition: none;
    }
    .is-text-reveal::after,
    .is-text-reveal__line::after {
        animation: none;
        opacity: 0;
        transform: translateY(-102%);
    }
}
/* ---------------------------------------------
*   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;
}

@keyframes loop-text {
    0% {
        transform: translate3d(0, -50%, 0);
    }
    100% {
        transform: translate3d(calc(var(--loop-width) * -1), -50%, 0);
    }
}
@keyframes bgm-loop-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}
@keyframes text-reveal-mask {
    0% {
        opacity: 1;
        transform: translateY(102%);
    }
    40%, 60% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(-102%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .c-block-loop::before {
        animation: none;
    }
    .c-section-bgm__loop {
        animation: none;
    }
}
@keyframes section-star-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@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;
    }
}