@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
:root {
    --design-width: 2400;
    --contents-width: 1706;
    --contents-side-padding: 350;
    --minwidth: 320;
    --fixed-header-height: 20;
    --root-fz: 16;
    --line-height: 1.5;
    --hover-opacity-ratio: 0.8;
    --hover-duration: .3s;
    --color-base-1: #5b4d42;
    --color-base-1-rgb: 91, 77, 66;
    --color-black-1: #000;
    --color-black-1-rgb: 0, 0, 0;
    --color-black-2: #111;
    --color-black-2-rgb: 17, 17, 17;
    --color-white-1: #fff;
    --color-white-1-rgb: 255, 255, 255;
    --color-white-2: #fefefe;
    --color-white-2-rgb: 254, 254, 254;
    --color-sample-1: #9b2019;
    --color-sample-1-rgb: 155, 32, 25;
    --color-sample-2: #223a70;
    --color-sample-2-rgb: 34, 58, 112;
    --color-brown-1: #5b4d42;
    --color-brown-1-rgb: 91, 77, 66;
    --color-red-1: #ec1d23;
    --color-red-1-rgb: 236, 29, 35;
    --color-copyright-1: #736357;
    --color-copyright-1-rgb: 115, 99, 87;
    --ff-root: serif;
    --ff-noto: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 750px) {
    :root {
        --design-width: 750;
        --contents-width: 650;
        --contents-side-padding: 50;
        --minwidth: 320;
        --fixed-header-height: 10;
        --root-fz: 16;
        --line-height: 1.5;
    }
}

.l-wrapper {
    color: var(--color-base-1);
    font-size: calc(var(--root-fz) * 1px);
    font-family: var(--ff-noto);
    -webkit-text-size-adjust: 100%;
    line-height: var(--line-height);
    font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
    .l-wrapper {
        font-size: calc(var(--root-fz) / var(--design-width) * 100vw);
    }
}
.l-wrapper a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.l-wrapper a:hover img {
    opacity: 1;
}
.l-wrapper img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.l-wrapper hr[id^=anchor-] {
    display: block;
    width: auto;
    height: 0;
    padding: calc(var(--fixed-header-height) * 1px) 0 0 0;
    border: 0;
    margin: calc(var(--fixed-header-height) * -1px) 0 0 0;
    background: 0;
    pointer-events: none;
}

/* ---------------------------------------------
*   l-content-wrap（旧 .content_wrap）
--------------------------------------------- */
.l-content-wrap {
    margin-top: 90px;
}
@media screen and (max-width: 750px) {
    .l-content-wrap {
        margin-top: 66px;
    }
}

/* ---------------------------------------------
*   pagetop
--------------------------------------------- */
/*  .js-pagetop-threshold
--------------------------------------------- */
.js-pagetop-threshold {
    position: absolute;
    top: 0;
    height: 300px;
}

/*  .l-footer-pagetop
--------------------------------------------- */
.l-footer-pagetop {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 9;
    width: 50px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
}

.l-footer-pagetop.is-show {
    opacity: 1;
    visibility: visible;
}

.l-footer-pagetop.is-footer-inview {
    opacity: 0;
    visibility: hidden;
}

.l-footer-pagetop__link {
    position: relative;
    display: block;
    width: 101px; /* 画像の横幅に合わせる */
    height: 101px; /* 画像の高さに合わせる */
    background: url(../img/ico_pagetop.png) no-repeat center/contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    right: 120%;
    z-index: 1000;
    transform: translateY(-6%);
    border-radius: 50%;
}
@media screen and (max-width: 750px) {
    .l-footer-pagetop__link {
        width: 60px; /* 画像の横幅に合わせる */
        height: 60px; /* 画像の高さに合わせる */
        background: url(../img/sp/ico_pagetop.png) no-repeat center/contain;
        right: 12%;
        transform: translateY(7%);
    }
}

@media (hover: hover) and (pointer: fine) {
    .l-footer-pagetop__link {
        transition: opacity 0.3s;
    }
    .l-footer-pagetop__link:hover {
        opacity: 0.8;
    }
}
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: 2.9166666667%;
    background-image: url(../img/bg.jpg), url(../img/bg_2.jpg);
    background-position: center top, center top 11.3333333333vw;
    background-repeat: no-repeat, repeat-y;
    background-size: 100% auto;
    padding-bottom: 10%;
}
@media screen and (max-width: 750px) {
    .l-contents {
        padding-top: 6.6666666667%;
        background-image: url(../img/sp/bg.jpg), url(../img/sp/bg_2.jpg);
        background-position: center top, center top 13.2vw;
        background-repeat: no-repeat, repeat-y;
        padding-bottom: calc(60 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-date
--------------------------------------------- */
.c-block-date__txt {
    max-width: 1386px;
    width: calc(1386 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-block-date__txt {
        max-width: 100%;
        width: calc(556 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-block-note
--------------------------------------------- */
.c-block-note {
    font-size: min(29 / var(--design-width) * 100vw, 29px);
    font-weight: bold;
    line-height: 1.44;
    max-width: 1386px;
    width: 94.0298507463%;
    margin-bottom: 0px;
    margin-top: calc(62 / var(--design-width) * 100%);
    /* ブロック内の注意文グループ（旧: .c-block-note をネスト） */
}
@media screen and (max-width: 2400px) {
    .c-block-note {
        margin-top: calc(62 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note {
        margin-top: calc(20 / var(--design-width) * 100vw);
        max-width: 622px;
        width: calc(622 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-block-note--2 {
    margin-top: 46px;
    padding-left: 0.6105834464%;
}
@media screen and (max-width: 2400px) {
    .c-block-note--2 {
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note--2 {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-block-note--3 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note--3 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note--3 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note--4 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note--4 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note--4 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note__stack {
    margin-top: 62px;
}
@media screen and (max-width: 2400px) {
    .c-block-note__stack {
        margin-top: calc(62 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note__stack {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}
.c-block-note__stack-2 {
    margin-top: calc(-25 / var(--design-width) * 100vw);
}
@media screen and (max-width: 2400px) {
    .c-block-note__stack-2 {
        margin-top: calc(-25 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note__stack-2 {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-note
--------------------------------------------- */
.c-block-note-2 {
    font-size: min(29 / var(--design-width) * 100vw, 29px);
    font-weight: bold;
    line-height: 1.44;
    max-width: 1386px;
    width: 94.0298507463%;
    margin-bottom: 0px;
    margin-top: 78px;
    /* ブロック内の注意文グループ（旧: .c-block-note をネスト） */
}
@media screen and (max-width: 2400px) {
    .c-block-note-2 {
        margin-top: calc(78 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-2 {
        margin-top: calc(-20 / var(--design-width) * 100vw);
        width: calc(622 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-block-note-2--2 {
    margin-top: 46px;
    padding-left: 0.6105834464%;
}
@media screen and (max-width: 2400px) {
    .c-block-note-2--2 {
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-2--2 {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-block-note-2--3 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-2--3 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-2--3 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note-2--4 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-2--4 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-2--4 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note-2__stack {
    margin-top: 62px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-2__stack {
        margin-top: calc(62 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-2__stack {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-note
--------------------------------------------- */
.c-block-note-3 {
    font-size: min(29 / var(--design-width) * 100vw, 29px);
    font-weight: bold;
    line-height: 1.44;
    max-width: 1474px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 78px;
    /* ブロック内の注意文グループ（旧: .c-block-note をネスト） */
}
@media screen and (max-width: 2400px) {
    .c-block-note-3 {
        margin-top: calc(78 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-3 {
        margin-top: calc(0 / var(--design-width) * 100vw);
        width: calc(622 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-block-note-3--2 {
    margin-top: 46px;
    padding-left: 0.6105834464%;
}
@media screen and (max-width: 2400px) {
    .c-block-note-3--2 {
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-3--2 {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-block-note-3--3 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-3--3 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-3--3 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note-3--4 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-3--4 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-3--4 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note-3__stack {
    margin-top: 62px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-3__stack {
        margin-top: calc(62 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-3__stack {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-note
--------------------------------------------- */
.c-block-note-4 {
    font-size: min(29 / var(--design-width) * 100vw, 29px);
    font-weight: bold;
    line-height: 1.44;
    max-width: 1386px;
    width: 94.0298507463%;
    margin-inline: auto;
    margin-bottom: 0px;
    margin-top: 78px;
    /* ブロック内の注意文グループ（旧: .c-block-note をネスト） */
}
@media screen and (max-width: 2400px) {
    .c-block-note-4 {
        margin-top: calc(78 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-4 {
        margin-top: calc(0 / var(--design-width) * 100vw);
    }
}
.c-block-note-4--2 {
    margin-top: 46px;
    padding-left: 0.6105834464%;
}
@media screen and (max-width: 2400px) {
    .c-block-note-4--2 {
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-4--2 {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-block-note-4--3 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-4--3 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-4--3 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note-4--4 {
    margin-top: 74px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-4--4 {
        margin-top: calc(74 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-4--4 {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-block-note-4__stack {
    margin-top: 62px;
}
@media screen and (max-width: 2400px) {
    .c-block-note-4__stack {
        margin-top: calc(62 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note-4__stack {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-sale
--------------------------------------------- */
.c-block-sale {
    max-width: 917px;
    width: 64.2606867554%;
    margin-inline: auto;
}
@media screen and (max-width: 2400px) {
    .c-block-sale {
        margin-top: calc(100 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-sale {
        max-width: 412px;
        width: calc(412 / var(--design-width) * 100vw);
        margin-inline: auto;
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-block-sale__link {
        transition: opacity var(--hover-duration);
    }
    .c-block-sale__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-block-sale__link:hover {
    opacity: 0.7;
}

/* ---------------------------------------------
*   c-block-bromide
--------------------------------------------- */
.c-block-bromide {
    margin-top: 63px;
}
@media screen and (max-width: 1300px) {
    .c-block-bromide {
        margin-top: calc(63 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-bromide {
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
.c-block-bromide__txt {
    display: block;
    color: var(--color-white-1);
    font-size: calc(20 / var(--root-fz) * 1rem);
    margin-top: 24px;
    margin-inline: auto;
    max-width: 210px;
    line-height: 2;
}
@media screen and (max-width: 1300px) {
    .c-block-bromide__txt {
        margin-top: calc(24 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-bromide__txt {
        font-size: calc(14 / var(--root-fz) * 1rem);
        max-width: 148px;
    }
}

/* ---------------------------------------------
*   c-block-logo
--------------------------------------------- */
.c-block-logo {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 300px;
    margin-bottom: 150px;
}
@media screen and (max-width: 2400px) {
    .c-block-logo {
        padding-top: 4.1666666667%;
        margin-top: 12.5%;
        margin-bottom: 6.25%;
        padding-bottom: 4.1666666667%;
    }
}
@media screen and (max-width: 750px) {
    .c-block-logo {
        padding-top: calc(10 / var(--design-width) * 100vw);
        padding-bottom: calc(33 / var(--design-width) * 100vw);
    }
}
.c-block-logo__img {
    max-width: 832px;
    width: 50.9460406447%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-block-logo__img {
        max-width: 316px;
        width: calc(316 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-block-logo__copyright {
    max-width: 355px;
    width: 26.9096005606%;
    margin-top: calc(-20 / var(--design-width) * 100vw);
    margin-inline: auto;
}
@media screen and (max-width: 2400px) {
    .c-block-logo__copyright {
        margin-top: calc(-20 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-logo__copyright {
        margin-top: calc(-10 / var(--design-width) * 100vw);
        max-width: 169px;
        width: calc(169 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}

/* ---------------------------------------------
*   c-box-voice-drama
--------------------------------------------- */
.c-box-voice-drama {
    max-width: 1396px;
    /* STEP ブロックと同余白の3つ目（旧: 重複修飾子 --2） */
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama {
        max-width: 100%;
    }
}
.c-box-voice-drama--1 {
    margin-top: 50px;
    margin-inline: auto;
    max-width: 1398px;
    width: 94.8439620081%;
}
@media screen and (max-width: 2400px) {
    .c-box-voice-drama--1 {
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama--1 {
        margin-top: calc(15 / var(--design-width) * 100vw);
        max-width: 626px;
        width: calc(626 / var(--design-width) * 100%);
    }
}
@media screen and (max-width: 750px) and (hover: hover) and (pointer: fine) {
    .c-box-voice-drama--1 {
        transition: opacity var(--hover-duration);
    }
    .c-box-voice-drama--1:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-box-voice-drama--2 {
    margin-top: 60px;
    margin-inline: auto;
    max-width: 1274px;
    width: 86.4314789688%;
}
@media screen and (max-width: 2400px) {
    .c-box-voice-drama--2 {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama--2 {
        margin-top: calc(25 / var(--design-width) * 100vw);
        max-width: 572px;
        width: calc(572 / var(--design-width) * 100%);
    }
}
.c-box-voice-drama--3 {
    margin-top: 60px;
    margin-inline: auto;
    max-width: 1274px;
    width: 86.4314789688%;
}
@media screen and (max-width: 2400px) {
    .c-box-voice-drama--3 {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama--3 {
        margin-top: calc(30 / var(--design-width) * 100vw);
        max-width: 572px;
        width: calc(572 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-box-present
--------------------------------------------- */
.c-box-present {
    padding: 0.339673913%;
    border: 5px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-present {
        border-width: min(5 / var(--design-width) * 100vw, 5px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present {
        padding: 0.3597122302%;
        border-width: min(2 / var(--design-width) * 100vw, 2px);
    }
}
.c-box-present--1 {
    margin-top: 72px;
}
@media screen and (max-width: 2400px) {
    .c-box-present--1 {
        margin-top: calc(72 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present--1 {
        margin-top: calc(22 / var(--design-width) * 100vw);
    }
}
.c-box-present--2 {
    margin-top: 64px;
}
@media screen and (max-width: 2400px) {
    .c-box-present--2 {
        margin-top: calc(64 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present--2 {
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-box-present__ttl {
    color: var(--color-white-1);
    font-size: min(78 / var(--design-width) * 100vw, 78px);
    background-color: #af9853;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-box-present__ttl {
        font-size: calc(29 / var(--root-fz) * 1rem);
        line-height: 1.58;
    }
}
.c-box-present__body {
    border-right: 3px solid #af9853;
    border-bottom: 3px solid #af9853;
    border-left: 3px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-present__body {
        border-width: min(3 / var(--design-width) * 100vw, 3px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__body {
        border-width: min(1 / var(--design-width) * 100vw, 1px);
    }
}
.c-box-present__head {
    padding: 4.132231405% 2.8925619835% 4.476584022%;
}
.c-box-present__head--2 {
    padding: 3.9944903581% 2.0661157025% 4.476584022%;
}
@media screen and (max-width: 750px) {
    .c-box-present__head--1 {
        padding-top: calc(21 / var(--design-width) * 100vw);
        padding-inline: calc(12 / var(--design-width) * 100vw);
        padding-bottom: calc(25 / var(--design-width) * 100vw);
    }
    .c-box-present__head--2 {
        padding-top: calc(21 / var(--design-width) * 100vw);
        padding-inline: calc(9 / var(--design-width) * 100vw);
        padding-bottom: calc(24 / var(--design-width) * 100vw);
    }
}
.c-box-present__date {
    max-width: 1234px;
    width: 94.8501152959%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-present__date {
        max-width: 100%;
        width: 90.7692307692%;
    }
}
.c-box-present__date--2 {
    max-width: 1226px;
    width: 94.2352036895%;
}
@media screen and (max-width: 750px) {
    .c-box-present__date--2 {
        width: 90.1923076923%;
    }
}
.c-box-present__img--1 {
    margin-top: 30px;
}
@media screen and (max-width: 2400px) {
    .c-box-present__img--1 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__img--1 {
        margin-top: calc(9 / var(--design-width) * 100vw);
    }
}
.c-box-present__img--2 {
    margin-top: 30px;
}
@media screen and (max-width: 2400px) {
    .c-box-present__img--2 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__img--2 {
        margin-top: calc(9 / var(--design-width) * 100vw);
    }
}
.c-box-present__desc {
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
}
.c-box-present__desc--1 {
    margin-top: 37px;
}
@media screen and (max-width: 2400px) {
    .c-box-present__desc--1 {
        margin-top: calc(37 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__desc--1 {
        margin-top: calc(13 / var(--design-width) * 100vw);
    }
}
.c-box-present__desc--2 {
    margin-top: 11px;
}
@media screen and (max-width: 2400px) {
    .c-box-present__desc--2 {
        margin-top: calc(11 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__desc--2 {
        margin-top: calc(9 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__desc {
        font-size: calc(11 / var(--root-fz) * 1rem);
        line-height: 1.38;
    }
}
.c-box-present__foot {
    padding: 2.9614325069% 0 3.7878787879%;
    border-top: 3px solid #af9853;
    text-align: center;
}
@media screen and (max-width: 2400px) {
    .c-box-present__foot {
        border-width: min(3 / var(--design-width) * 100vw, 3px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__foot {
        border-width: min(1 / var(--design-width) * 100vw, 1px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__foot--1 {
        padding-top: calc(14 / var(--design-width) * 100vw);
        padding-inline: calc(12 / var(--design-width) * 100vw);
        padding-bottom: calc(17 / var(--design-width) * 100vw);
    }
    .c-box-present__foot--2 {
        padding-top: calc(16 / var(--design-width) * 100vw);
        padding-inline: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(15 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-box-method
--------------------------------------------- */
.c-box-method {
    margin-top: 75px;
    padding: calc(5 / var(--design-width) * 100vw);
    border: 5px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-method {
        margin-top: calc(75 / var(--design-width) * 100vw);
        border-width: min(5 / var(--design-width) * 100vw, 5px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-method {
        margin-top: calc(29 / var(--design-width) * 100vw);
        padding: 0.3597122302%;
        border-width: min(2 / var(--design-width) * 100vw, 2px);
    }
}
.c-box-method__ttl {
    color: var(--color-white-1);
    font-size: min(78 / var(--design-width) * 100vw, 78px);
    background-color: #af9853;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-box-method__ttl {
        font-size: calc(27 / var(--root-fz) * 1rem);
    }
}
.c-box-method__body {
    border-right: 3px solid #af9853;
    border-bottom: 3px solid #af9853;
    border-left: 3px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-method__body {
        border-width: min(3 / var(--design-width) * 100vw, 3px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-method__body {
        border-width: min(1 / var(--design-width) * 100vw, 1px);
    }
}

/* ---------------------------------------------
*   c-box-ar
--------------------------------------------- */
.c-box-ar {
    padding: calc(5 / var(--design-width) * 100vw);
    border: 5px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-ar {
        border-width: min(5 / var(--design-width) * 100vw, 5px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-ar {
        padding: 0.3597122302%;
        border-width: min(2 / var(--design-width) * 100vw, 2px);
    }
}
.c-box-ar--1 {
    margin-top: 44px;
}
@media screen and (max-width: 2400px) {
    .c-box-ar--1 {
        margin-top: calc(44 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-ar--1 {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-box-ar--2 {
    margin-top: 58px;
}
@media screen and (max-width: 2400px) {
    .c-box-ar--2 {
        margin-top: calc(58 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-ar--2 {
        margin-top: calc(22 / var(--design-width) * 100vw);
    }
}
.c-box-ar__ttl {
    color: var(--color-white-1);
    font-size: min(78 / var(--design-width) * 100vw, 78px);
    background-color: #af9853;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-box-ar__ttl {
        font-size: calc(29 / var(--root-fz) * 1rem);
    }
}
.c-box-ar__body {
    padding-top: 3.9256198347%;
    padding-inline: 6.1983471074%;
    border-right: 3px solid #af9853;
    border-bottom: 3px solid #af9853;
    border-left: 3px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-ar__body {
        border-width: min(3 / var(--design-width) * 100vw, 3px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-ar__body {
        padding-top: calc(18 / var(--design-width) * 100vw);
        border-width: min(1 / var(--design-width) * 100vw, 1px);
    }
}
.c-box-ar__body--1 {
    padding-bottom: 3.8567493113%;
}
@media screen and (max-width: 750px) {
    .c-box-ar__body--1 {
        padding-bottom: calc(21 / var(--design-width) * 100vw);
    }
}
.c-box-ar__body--2 {
    padding-bottom: 3.5123966942%;
}
@media screen and (max-width: 750px) {
    .c-box-ar__body--2 {
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(18 / var(--design-width) * 100vw);
    }
}
.c-box-ar__date {
    max-width: 997px;
    width: 76.6333589547%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-ar__date {
        max-width: 100%;
        width: 94.4329896907%;
    }
}
@media screen and (max-width: 750px) {
    .c-box-ar__date--2 {
        max-width: 100%;
        width: 92.1649484536%;
    }
}
.c-box-ar__img {
    margin-top: 36px;
}
@media screen and (max-width: 2400px) {
    .c-box-ar__img {
        margin-top: calc(36 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-ar__img {
        margin-top: calc(12 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-box-qr-photo
--------------------------------------------- */
.c-box-qr-photo {
    margin-top: 60px;
}
@media screen and (max-width: 2400px) {
    .c-box-qr-photo {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr-photo {
        margin-top: calc(29 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) and (hover: hover) and (pointer: fine) {
    .c-box-qr-photo {
        transition: opacity var(--hover-duration);
    }
    .c-box-qr-photo:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-box-store
--------------------------------------------- */
.c-box-store {
    margin-top: 116px;
    padding: 0.339673913%;
    border: 5px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-store {
        margin-top: calc(116 / var(--design-width) * 100vw);
        border-width: min(5 / var(--design-width) * 100vw, 3px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-store {
        margin-top: calc(47 / var(--design-width) * 100vw);
        padding: 0.3597122302%;
        border-width: min(2 / var(--design-width) * 100vw, 2px);
    }
}
.c-box-store__ttl {
    color: var(--color-white-1);
    font-size: min(78 / var(--design-width) * 100vw, 78px);
    background-color: #af9853;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-box-store__ttl {
        font-size: calc(29 / var(--root-fz) * 1rem);
        line-height: 1.58;
    }
}
.c-box-store__body {
    padding: 6.7493112948% 5.2341597796% 3.7190082645%;
    border-right: 3px solid #af9853;
    border-bottom: 3px solid #af9853;
    border-left: 3px solid #af9853;
}
@media screen and (max-width: 2400px) {
    .c-box-store__body {
        border-width: min(3 / var(--design-width) * 100vw, 3px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-store__body {
        padding-top: calc(35 / var(--design-width) * 100vw);
        padding-bottom: calc(27 / var(--design-width) * 100vw);
        border-width: min(1 / var(--design-width) * 100vw, 1px);
    }
}

/* ---------------------------------------------
*   c-box-contact
--------------------------------------------- */
.c-box-contact {
    margin-top: calc(120 / var(--design-width) * 100vw);
    margin-inline: auto;
    text-align: center;
}
@media screen and (max-width: 2400px) {
    .c-box-contact {
        margin-top: calc(120 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-contact {
        margin-top: calc(60 / var(--design-width) * 100vw);
        margin-inline: 0;
    }
}
.c-box-contact__ttl {
    font-size: min(50 / var(--design-width) * 100vw, 50px);
    font-weight: bold;
    line-height: 1.36;
    max-width: 940px;
    width: 63.7720488467%;
    margin-inline: auto;
    margin-bottom: 0px;
}
@media screen and (max-width: 750px) {
    .c-box-contact__ttl {
        max-width: 421px;
        width: calc(421 / var(--design-width) * 100vw);
        font-size: calc(19 / var(--root-fz) * 1rem);
    }
}
.c-box-contact__mail {
    font-size: min(43 / var(--design-width) * 100vw, 43px);
    font-weight: bold;
    line-height: 1.36;
    max-width: 940px;
    width: 63.7720488467%;
    margin-inline: auto;
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    .c-box-contact__mail {
        font-size: calc(15 / var(--root-fz) * 1rem);
    }
}
.c-box-contact__ttl {
    letter-spacing: 0em;
}
/* ---------------------------------------------
*   c-box-terms
--------------------------------------------- */
.c-box-terms {
    font-family: var(--ff-noto);
    margin-top: 49px;
    margin-inline: auto;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 2400px) {
    .c-box-terms {
        margin-top: calc(49 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms {
        max-width: 100%;
        margin-top: calc(35 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms--2 {
        margin-top: calc(47 / var(--design-width) * 100vw);
        padding-bottom: calc(30 / var(--design-width) * 100vw);
    }
}
.c-box-terms__head {
    position: relative;
    display: block;
    color: var(--color-white-1);
    font-size: min(42 / var(--design-width) * 100vw, 42px);
    line-height: 1.38;
    font-family: inherit;
    font-weight: bold;
    background-color: var(--color-brown-1);
    margin-inline: auto;
    padding-top: 13px;
    padding-inline: 202px;
    padding-bottom: 15px;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 30px;
    border: none;
}
@media (hover: hover) and (pointer: fine) {
    .c-box-terms__head {
        transition: opacity var(--hover-duration);
    }
    .c-box-terms__head:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 2400px) {
    .c-box-terms__head {
        padding-top: calc(13 / var(--design-width) * 100vw);
        padding-inline: 8.4166666667%;
        padding-bottom: calc(15 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__head {
        font-size: calc(16 / var(--root-fz) * 1rem);
        line-height: 1.37;
        padding: 5px 51px 5px 45px;
    }
}
.c-box-terms__head span {
    position: absolute;
    background-color: #FFF;
    max-width: 42px;
    width: 10.0961538462%;
    /* 横幅 42 : 高さ 42 なので比率は 1 / 1 */
    aspect-ratio: 42/42;
    height: auto;
    border-radius: 100%;
    right: 0;
    top: 47%;
    transform: translate(-56%, -43%);
}
@media screen and (max-width: 750px) {
    .c-box-terms__head span {
        width: 16px;
        height: 16px;
        transform: translate(-58%, -44%);
    }
}
.c-box-terms__head span::before, .c-box-terms__head span::after {
    content: "";
    background-color: var(--color-brown-1);
    position: absolute;
    max-width: 30px;
    width: 59.5238095238%;
    aspect-ratio: 30/6; /* または 5 / 1 */
    height: auto; /* 固定値を解除 */
    max-height: 6px; /* 必要に応じて最大高さを制限 */
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: transform 0.3s;
}
.c-box-terms__head span::before {
    transform: translate(-50%, -50%) rotate(90deg);
}
@media screen and (max-width: 750px) {
    .c-box-terms__body {
        padding-inline: 0;
    }
}
.c-box-terms__body--2 {
    padding-inline: 190px;
}
@media screen and (max-width: 1300px) {
    .c-box-terms__body--2 {
        padding-inline: 5.2727272727%;
    }
}
.c-box-terms__txt {
    margin-top: 36px;
    font-size: calc(18 / var(--root-fz) * 1rem);
    line-height: 1.55;
}
@media screen and (max-width: 1300px) {
    .c-box-terms__txt {
        margin-top: calc(36 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__txt {
        font-size: calc(15 / var(--root-fz) * 1rem);
        line-height: 1.86;
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-box-terms__txt--2 {
    margin-top: 28px;
}
@media screen and (max-width: 1300px) {
    .c-box-terms__txt--2 {
        margin-top: calc(28 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__txt--2 {
        margin-top: calc(26 / var(--design-width) * 100vw);
    }
}
.c-box-terms__txt strong {
    font-weight: bold;
}
.c-box-terms__txt--sub {
    margin-top: 0;
}
.c-box-terms__link {
    text-decoration: underline !important;
}
.c-box-terms__link :hover {
    text-decoration: none !important;
}

.c-box-terms.is-open span::before {
    transform: translate(-50%, -50%);
}

/* ---------------------------------------------
*   アコーディオン
--------------------------------------------- */
.js-acc-target {
    --acc-body-height: 0px;
    height: 0;
    overflow: hidden;
}
.js-acc-scope.is-close .js-acc-target {
    animation: closeAccAnim 0.5s forwards;
}

.js-acc-scope.is-open .js-acc-target {
    animation: openAccAnim 0.5s forwards;
}

@keyframes openAccAnim {
    0% {
        height: 0px;
        visibility: hidden;
    }
    99% {
        height: var(--acc-body-height);
        visibility: visible;
    }
    100% {
        height: auto;
    }
}
@keyframes closeAccAnim {
    0% {
        height: var(--acc-body-height);
    }
    99% {
        visibility: visible;
    }
    100% {
        height: 0px;
        visibility: hidden;
    }
}

/* ---------------------------------------------
*   c-box-terms-adjustment
--------------------------------------------- */
.c-box-terms-adjustment {
    max-width: 1398px;
    width: 94.8439620081%;
}
@media screen and (max-width: 2400px) {
    .c-box-terms-adjustment {
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms-adjustment {
        max-width: none;
        width: auto;
    }
}

/* ---------------------------------------------
*   c-btn
--------------------------------------------- */
/* ---------------------------------------------
*   c-card
--------------------------------------------- */
/* ---------------------------------------------
*   c-cassette-contents
--------------------------------------------- */
.c-cassette-contents {
    margin-top: calc(50 / var(--contents-width) * 100vw);
}
@media screen and (max-width: 2400px) {
    .c-cassette-contents {
        margin-top: calc(50 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-contents {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-cassette-contents__ttl {
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-contents__ttl {
        max-width: 712px;
        width: calc(712 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-cassette-store
--------------------------------------------- */
.c-cassette-store {
    text-align: center;
    /* 抽選セクション内の2件目カセット余白（--2 と同一。goods の --3 とは別修飾子） */
}
.c-cassette-store--2 {
    margin-top: 10px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-store--2 {
        margin-top: calc(10 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-store--2 {
        margin-top: calc(0 / var(--design-width) * 100vw);
    }
}
.c-cassette-store--2nd {
    margin-top: 10px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-store--2nd {
        margin-top: calc(10 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-store--2nd {
        margin-top: calc(0 / var(--design-width) * 100vw);
    }
}
.c-cassette-store__ttl {
    display: inline-block;
    color: var(--color-white-1);
    font-size: min(58 / var(--design-width) * 100vw, 58px);
    line-height: 1.56;
    font-weight: bold;
    max-width: 710px;
    width: 54.6574287914%;
    padding-block: 0.4225352113%;
    border-radius: min(50 / var(--design-width) * 100vw, 50px);
}
.c-cassette-store__ttl--1 {
    background-color: #a78da5;
}
.c-cassette-store__ttl--2 {
    background-color: #e69f2a;
}
@media screen and (max-width: 750px) {
    .c-cassette-store__ttl {
        font-size: calc(22 / var(--root-fz) * 1rem);
        line-height: 1.59;
        max-width: 100%;
        width: 54.9494949495%;
    }
}
.c-cassette-store__date {
    display: inline-block;
    margin-top: 43px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-store__date {
        margin-top: calc(43 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-store__date {
        margin-top: calc(0 / var(--design-width) * 100vw);
    }
}
.c-cassette-store__date--1 {
    max-width: 825px;
    width: 57.8135949544%;
}
@media screen and (max-width: 750px) {
    .c-cassette-store__date--1 {
        max-width: 370px;
        width: calc(370 / var(--design-width) * 100vw);
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-cassette-store__date--2 {
    max-width: 825px;
    width: 57.8135949544%;
}
@media screen and (max-width: 750px) {
    .c-cassette-store__date--2 {
        max-width: 370px;
        width: calc(370 / var(--design-width) * 100vw);
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-cassette-store__date--2nd {
    max-width: 825px;
    width: 57.8135949544%;
}
@media screen and (max-width: 750px) {
    .c-cassette-store__date--2nd {
        max-width: 370px;
        width: calc(370 / var(--design-width) * 100vw);
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-cassette-store__note {
    margin-top: 40px;
    font-size: min(38 / var(--design-width) * 100vw, 38px);
    line-height: 1.1;
    color: var(--color-red-1);
    font-weight: bold;
}
@media screen and (max-width: 2400px) {
    .c-cassette-store__note {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-store__note {
        margin-top: calc(15 / var(--design-width) * 100vw);
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.14;
    }
}
.c-cassette-store__note + .c-cassette-store__note {
    margin-top: 0.5em;
}

/* ---------------------------------------------
*   c-cassette-area
--------------------------------------------- */
.c-cassette-area {
    text-align: center;
    /* 抽選セクション内の2件目カセット余白（--2 と同一。goods の --3 とは別修飾子） */
}
.c-cassette-area--2 {
    margin-top: 60px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-area--2 {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-area--2 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-cassette-area--3 {
    margin-top: 20px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-area--3 {
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-area--3 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-cassette-area--2nd {
    margin-top: 90px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-area--2nd {
        margin-top: calc(90 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-area--2nd {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-cassette-area__ttl {
    display: inline-block;
    color: var(--color-white-1);
    font-size: min(58 / var(--design-width) * 100vw, 58px);
    line-height: 1.56;
    font-weight: bold;
    max-width: 710px;
    width: 54.6574287914%;
    padding-block: 0.4225352113%;
    border-radius: min(50 / var(--design-width) * 100vw, 50px);
}
.c-cassette-area__ttl--1 {
    background-color: #a78da5;
}
.c-cassette-area__ttl--2 {
    background-color: #e69f2a;
}
@media screen and (max-width: 750px) {
    .c-cassette-area__ttl {
        font-size: calc(22 / var(--root-fz) * 1rem);
        line-height: 1.59;
        max-width: 100%;
        width: 54.9494949495%;
    }
}
.c-cassette-area__date {
    display: inline-block;
    margin-top: 80px;
    margin-inline: auto;
}
@media screen and (max-width: 2400px) {
    .c-cassette-area__date {
        margin-top: calc(80 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-area__date {
        margin-top: calc(65 / var(--design-width) * 100vw);
    }
}
.c-cassette-area__date--1 {
    max-width: 454px;
    width: calc(454 / var(--contents-width) * 100vw);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-area__date--1 {
        max-width: 334px;
        width: calc(334 / var(--contents-width) * 100vw);
        margin-inline: auto;
    }
}
.c-cassette-area__date--2 {
    max-width: 454px;
    width: calc(454 / var(--contents-width) * 100vw);
    margin-top: -15px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-area__date--2 {
        max-width: 334px;
        width: calc(334 / var(--contents-width) * 100vw);
        margin-inline: auto;
        margin-top: calc(5 / var(--design-width) * 100vw);
    }
}
.c-cassette-area__date--3 {
    max-width: 454px;
    width: calc(454 / var(--contents-width) * 100vw);
    margin-top: 0px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-area__date--3 {
        max-width: 334px;
        width: calc(334 / var(--contents-width) * 100vw);
    }
}
.c-cassette-area__note {
    margin-top: 40px;
    font-size: min(38 / var(--design-width) * 100vw, 38px);
    line-height: 1.1;
    color: var(--color-red-1);
    font-weight: bold;
}
@media screen and (max-width: 2400px) {
    .c-cassette-area__note {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-area__note {
        margin-top: calc(15 / var(--design-width) * 100vw);
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.14;
    }
}
.c-cassette-area__note + .c-cassette-area__note {
    margin-top: 0.5em;
}

/* ---------------------------------------------
*   c-cassette-movie
--------------------------------------------- */
.c-cassette-movie {
    margin-top: 40px;
}
@media screen and (max-width: 1300px) {
    .c-cassette-movie {
        margin-top: calc(40 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-movie {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-cassette-movie__lead {
    max-width: 676px;
    width: calc(676 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-movie__lead {
        max-width: 100%;
        width: calc(473 / var(--design-width) * 100%);
    }
}
.c-cassette-movie__txt {
    color: var(--color-white-1);
    font-size: calc(30 / var(--root-fz) * 1rem);
    font-weight: bold;
    margin-top: 11px;
    text-align: center;
}
@media screen and (max-width: 1300px) {
    .c-cassette-movie__txt {
        margin-top: calc(11 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-movie__txt {
        margin-top: calc(10 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
    }
}
.c-cassette-movie__img {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 30px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-cassette-movie__img {
        margin-top: calc(30 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-movie__img {
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
        margin-top: calc(14 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-cassette-bromide
--------------------------------------------- */
.c-cassette-bromide {
    margin-top: 48px;
}
@media screen and (max-width: 1300px) {
    .c-cassette-bromide {
        margin-top: calc(48 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-bromide {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-cassette-bromide__lead {
    max-width: 836px;
    width: calc(836 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-bromide__lead {
        max-width: 100%;
        width: calc(585 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-cassette-present
--------------------------------------------- */
.c-cassette-present {
    margin-top: 28px;
}
@media screen and (max-width: 1300px) {
    .c-cassette-present {
        margin-top: calc(28 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-present {
        margin-top: calc(26 / var(--design-width) * 100vw);
    }
}
.c-cassette-present__lead {
    max-width: 1112px;
    width: calc(1112 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-present__lead {
        max-width: 100%;
        width: calc(668 / var(--design-width) * 100%);
    }
}
.c-cassette-present__img {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 46px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-cassette-present__img {
        margin-top: calc(46 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-present__img {
        margin-top: calc(34 / var(--design-width) * 100vw);
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-cassette-goods
--------------------------------------------- */
.c-cassette-goods {
    margin-top: 40px;
}
@media screen and (max-width: 1300px) {
    .c-cassette-goods {
        margin-top: calc(40 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-goods {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}
.c-cassette-goods__lead {
    max-width: 1236px;
    width: calc(1236 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-goods__lead {
        max-width: 100%;
        width: calc(668 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
/* ---------------------------------------------
*   c-form
--------------------------------------------- */
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    max-width: 2054px;
    width: 85.5833333333%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-kv {
        max-width: 750px;
        width: 100%;
    }
}
.c-kv__img img {
    width: 100%;
}
.c-kv__title img {
    width: 100%;
}

/* ---------------------------------------------
*   c-link
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-anchor
--------------------------------------------- */
.c-list-anchor {
    display: flex;
    flex-wrap: wrap;
    max-width: 1706px;
    width: calc(1706 / var(--design-width) * 100%);
    margin-top: 25px;
    margin-inline: auto;
    -moz-column-gap: calc(20 / var(--contents-width) * 100%);
         column-gap: calc(20 / var(--contents-width) * 100%);
    row-gap: min(15px, 23 / var(--contents-width) * 100vw);
    list-style: none;
    padding: 0;
}
@media screen and (max-width: 2400px) {
    .c-list-anchor {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-anchor {
        flex-direction: column;
        align-items: stretch;
        max-width: 700px;
        width: calc(700 / var(--design-width) * 100vw);
        margin-top: calc(30 / var(--design-width) * 100vw);
        -moz-column-gap: 0;
             column-gap: 0;
        row-gap: calc(14 / var(--design-width) * 100vw);
    }
}
.c-list-anchor__item {
    list-style: none;
    display: block;
    max-width: 842px;
    width: calc(842 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-anchor__item {
        max-width: 681px;
        width: calc(681 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-list-anchor__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-anchor__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 750px) {
    .c-list-anchor__link {
        display: block;
        width: 100%;
    }
    .c-list-anchor__link picture {
        display: block;
        width: 100%;
    }
    .c-list-anchor__link img {
        width: 100%;
        height: auto;
    }
}

/* ---------------------------------------------
*   c-list-note
--------------------------------------------- */
.c-list-note {
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: 600;
    letter-spacing: -0.01em;
    list-style: none;
    padding: 0;
    margin-top: calc(20 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-note {
        max-width: 100%;
        margin-inline: 0;
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: initial;
        text-align: justify;
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
.c-list-note__item {
    display: flex;
    list-style: none;
    letter-spacing: -0.03em;
}
.c-list-note__item--strong {
    color: var(--color-red-1);
}
.c-list-note__item--last {
    justify-content: center;
}
.c-list-note__ico {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-note__ico {
        line-height: initial;
    }
}
.c-list-note__txt {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-note__txt {
        line-height: initial;
    }
}
.c-list-note__link {
    text-decoration: underline !important;
}
.c-list-note__link:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   c-list-note-1
--------------------------------------------- */
.c-list-note-1 {
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: 600;
    letter-spacing: -0.01em;
    list-style: none;
    padding: 0;
    margin-top: calc(120 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-note-1 {
        max-width: 100%;
        margin-inline: 0;
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: initial;
        text-align: justify;
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
.c-list-note-1__item {
    display: flex;
    list-style: none;
    letter-spacing: -0.03em;
}
.c-list-note-1__item--strong {
    color: var(--color-red-1);
}
.c-list-note-1__item--last {
    justify-content: center;
}
.c-list-note-1__ico {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-note-1__ico {
        line-height: initial;
    }
}
.c-list-note-1__txt {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-note-1__txt {
        line-height: initial;
    }
}
.c-list-note-1__link {
    text-decoration: underline !important;
}
.c-list-note-1__link:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   c-list-note
--------------------------------------------- */
.c-list-note-2 {
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: 600;
    letter-spacing: -0.01em;
    list-style: none;
    padding: 0;
    margin-top: calc(110 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-note-2 {
        max-width: 100%;
        margin-inline: 0;
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: initial;
        text-align: justify;
        margin-top: calc(-10 / var(--design-width) * 100vw);
    }
}
.c-list-note-2__item {
    display: flex;
    list-style: none;
    letter-spacing: -0.04em;
}
.c-list-note-2__item--strong {
    color: var(--color-red-1);
}
.c-list-note-2__item--last {
    justify-content: center;
}
.c-list-note-2__ico {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-note-2__ico {
        line-height: initial;
    }
}
.c-list-note-2__txt {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-note-2__txt {
        line-height: initial;
    }
}
.c-list-note-2__link {
    text-decoration: underline !important;
}
.c-list-note-2__link:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   c-list-terms
--------------------------------------------- */
.c-list-terms {
    margin-top: 46px;
    padding-left: 0;
}
@media screen and (max-width: 2400px) {
    .c-list-terms {
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-terms {
        margin-top: calc(35 / var(--design-width) * 100vw);
        max-width: 622px;
        width: calc(622 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-list-terms__item {
    display: flex;
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: 600;
}
@media screen and (max-width: 750px) {
    .c-list-terms__item {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: initial;
    }
}
.c-list-terms__ico {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-terms__ico {
        line-height: initial;
    }
}
.c-list-terms__txt {
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .c-list-terms__txt {
        line-height: initial;
    }
}
.c-list-terms__link {
    color: #6ba6f1 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.12em;
    transition: opacity 0.2s ease;
}

.c-list-terms__link:hover {
    opacity: 0.7 !important;
}

/* ---------------------------------------------
*   c-list-present-desc
--------------------------------------------- */
.c-list-present-desc__item {
    font-size: min(50 / var(--design-width) * 100vw, 50px);
    line-height: 1.32;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-list-present-desc__item {
        font-size: calc(19 / var(--root-fz) * 1rem);
        line-height: 1.73;
    }
}
.c-list-present-desc__ttl, .c-list-present-desc__desc {
    display: inline;
    font-weight: bold;
}
.c-list-present-desc__ttl {
    color: #af9853;
}
.c-list-present-desc__other {
    line-height: 1.1;
}
.c-list-present-desc__other--1 {
    margin-top: 23px;
}
@media screen and (max-width: 2400px) {
    .c-list-present-desc__other--1 {
        margin-top: calc(23 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-present-desc__other--1 {
        margin-top: calc(4 / var(--design-width) * 100vw);
    }
}
.c-list-present-desc__link {
    display: block;
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline !important;
}
.c-list-present-desc__link:hover {
    text-decoration: none !important;
}
@media screen and (max-width: 750px) {
    .c-list-present-desc__link {
        line-height: 1.21;
    }
}
.c-list-present-desc__note {
    display: flex;
    justify-content: center;
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    letter-spacing: -0.06em;
}
.c-list-present-desc__note--1 {
    transform: translateY(-1%);
}
.c-list-present-desc__note--2 {
    display: block;
    line-height: 2;
    transform: translateY(-12%);
}
@media screen and (max-width: 750px) {
    .c-list-present-desc__note {
        line-height: 1.5;
        font-size: calc(13 / var(--root-fz) * 1rem);
    }
}
.c-list-present-desc__note-ico, .c-list-present-desc__note-txt {
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .c-list-present-desc__note-txt {
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-list-method
--------------------------------------------- */
.c-list-method {
    display: flex;
}
.c-list-method__item {
    max-width: 485px;
    width: 33.4022038567%;
    padding: 1.5151515152% 0 2.7548209366%;
    border-right: 3px solid #af9853;
    text-align: center;
}
@media screen and (max-width: 2400px) {
    .c-list-method__item {
        border-width: min(3 / var(--design-width) * 100vw, 3px);
    }
}
.c-list-method__item--last {
    border-right: none;
}
@media screen and (max-width: 750px) {
    .c-list-method__item {
        padding: calc(10 / var(--design-width) * 100vw) calc(10 / var(--design-width) * 100vw) calc(20 / var(--design-width) * 100vw);
    }
}
.c-list-method__num {
    display: inline-block;
    max-width: 148px;
    width: 30.5154639175%;
}
@media screen and (max-width: 750px) {
    .c-list-method__num {
        max-width: 100%;
        width: 35.1851851852%;
    }
}
.c-list-method__txt {
    margin-top: 10px;
    font-size: min(39 / var(--design-width) * 100vw, 39px);
    font-weight: 800;
}
@media screen and (max-width: 2400px) {
    .c-list-method__txt {
        margin-top: calc(10 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-method__txt {
        margin-top: calc(8 / var(--design-width) * 100vw);
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-list-ar-note
--------------------------------------------- */
.c-list-ar-note {
    margin-top: 4px;
    text-align: center;
}
@media screen and (max-width: 2400px) {
    .c-list-ar-note {
        margin-top: calc(4 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-ar-note {
        margin-top: calc(3 / var(--design-width) * 100vw);
    }
}
.c-list-ar-note__item {
    display: flex;
    justify-content: center;
    font-size: min(33 / var(--design-width) * 100vw, 33px);
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-list-ar-note__item {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.38;
    }
}
.c-list-ar-note__ico {
    line-height: 1.42;
}
@media screen and (max-width: 750px) {
    .c-list-ar-note__ico {
        line-height: 1.38;
    }
}
.c-list-ar-note__txt {
    line-height: 1.42;
}
@media screen and (max-width: 750px) {
    .c-list-ar-note__txt {
        line-height: 1.38;
    }
}

/* ---------------------------------------------
*   c-list-ar-desc
--------------------------------------------- */
.c-list-ar-desc {
    margin-top: 27px;
}
@media screen and (max-width: 2400px) {
    .c-list-ar-desc {
        margin-top: calc(27 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-ar-desc {
        margin-top: calc(11 / var(--design-width) * 100vw);
    }
}
.c-list-ar-desc__item {
    font-size: min(50 / var(--design-width) * 100vw, 50px);
    line-height: 1.3;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-list-ar-desc__item {
        font-size: calc(19 / var(--root-fz) * 1rem);
    }
}
.c-list-ar-desc__ttl, .c-list-ar-desc__desc {
    display: inline;
    font-weight: bold;
}
.c-list-ar-desc__ttl {
    line-height: 1.3;
}
@media screen and (max-width: 750px) {
    .c-list-ar-desc__ttl {
        line-height: 1.26;
    }
}
.c-list-ar-desc__desc {
    line-height: 1.3;
}
@media screen and (max-width: 750px) {
    .c-list-ar-desc__desc {
        line-height: 1.26;
    }
}

/* ---------------------------------------------
*   c-list-goods
--------------------------------------------- */
.c-list-goods {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1474px;
    width: 100%;
    margin-top: 75px;
    row-gap: min(44px, 44 / var(--design-width) * 100vw);
}
@media screen and (max-width: 2400px) {
    .c-list-goods {
        margin-top: calc(75 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-goods {
        max-width: 100%;
        width: 100%;
        row-gap: min(19px, 19 / var(--design-width) * 100vw);
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-list-goods__item {
    max-width: 574px;
    width: 38.9416553596%;
    border: 4px solid #af9853;
    padding: 4.6132971506%;
}
@media screen and (max-width: 2400px) {
    .c-list-goods__item {
        border-width: min(4 / var(--design-width) * 100vw, 4px);
    }
}
@media screen and (max-width: 750px) {
    .c-list-goods__item {
        max-width: 220px;
        width: 38.1294964029%;
        border-width: min(2 / var(--design-width) * 100vw, 2px);
    }
}

/* ---------------------------------------------
*   c-list-store
--------------------------------------------- */
.c-list-store {
    margin-top: -45px;
}
@media screen and (max-width: 2400px) {
    .c-list-store {
        margin-top: calc(-45 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-store {
        margin-top: calc(-25px / var(--design-width) * 100vw);
        margin-bottom: calc(0 / var(--design-width) * 100vw);
    }
}
.c-list-store__item {
    margin-top: 60px;
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    line-height: 1.4;
    font-weight: bold;
}
@media screen and (max-width: 2400px) {
    .c-list-store__item {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-store__item {
        margin-top: calc(10 / var(--design-width) * 100vw);
        font-size: calc(18 / var(--design-width) * 100vw);
        line-height: 1.42;
    }
}
.c-list-store__desc {
    margin-inline-start: 0;
}
.c-list-store__ttl {
    font-weight: bold;
}
.c-list-store__note {
    display: block;
}
@media screen and (max-width: 750px) {
    .c-list-store__note {
        letter-spacing: -0.07em;
    }
}
.c-list-store__link {
    transition: opacity var(--hover-duration);
}
.c-list-store__link:hover {
    opacity: 0.7 !important;
}
/* ---------------------------------------------
*   c-list-store-2
--------------------------------------------- */
.c-list-store-2 {
    margin-top: -20px;
}
@media screen and (max-width: 2400px) {
    .c-list-store-2 {
        margin-top: calc(-20 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-store-2 {
        margin-top: calc(27 / var(--design-width) * 100vw);
    }
}
.c-list-store-2__item {
    margin-top: 40px;
    font-size: min(35 / var(--design-width) * 100vw, 35px);
    line-height: 1.4;
    font-weight: bold;
}
@media screen and (max-width: 2400px) {
    .c-list-store-2__item {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-store-2__item {
        margin-top: calc(-15 / var(--design-width) * 100vw);
        font-size: calc(18 / var(--root-fz) * 1rem);
        line-height: 1.42;
    }
}
.c-list-store-2__desc {
    margin-inline-start: 0;
}
.c-list-store-2__ttl {
    font-weight: bold;
}
.c-list-store-2__note {
    display: block;
    font-family: var(--ff-noto);
    line-height: 1.4;
    font-size: 0.9em;
}
@media screen and (max-width: 750px) {
    .c-list-store-2__note {
        line-height: 1.23;
        letter-spacing: -0.07em;
    }
}
.c-list-store-2__link {
    transition: opacity var(--hover-duration);
}
.c-list-store-2__link:hover {
    opacity: 0.7 !important;
}
/* ---------------------------------------------
*   c-list-desc
--------------------------------------------- */
.c-list-desc {
    max-width: 748px;
    width: calc(1106 / var(--contents-width) * 100%);
    margin-top: 56px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-list-desc {
        margin-top: calc(56 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc {
        max-width: 100%;
        width: calc(650 / var(--design-width) * 100%);
        margin-top: calc(38 / var(--design-width) * 100vw);
        margin-inline: 0;
        padding-inline: calc(50 / var(--design-width) * 100%);
    }
}
.c-list-desc__item {
    display: flex;
    color: var(--color-white-1);
    font-size: calc(30 / var(--root-fz) * 1rem);
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-list-desc__item {
        font-size: calc(21 / var(--root-fz) * 1rem);
        display: block;
    }
}
.c-list-desc__item--2 {
    display: block;
    margin-top: 22px;
}
@media screen and (max-width: 1300px) {
    .c-list-desc__item--2 {
        margin-top: calc(22 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc__item--2 {
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-list-desc__ttl {
    font-weight: bold;
    line-height: 1.73;
}
@media screen and (max-width: 750px) {
    .c-list-desc__ttl {
        min-width: 132px;
        line-height: 1.71;
    }
}
.c-list-desc__txt {
    font-weight: bold;
    line-height: 1.73;
}
@media screen and (max-width: 750px) {
    .c-list-desc__txt {
        line-height: 1.71;
    }
}
@media screen and (max-width: 520px) {
    .c-list-desc__txt br {
        display: none;
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc__desc {
        line-height: 1.71;
        padding-left: 1.26em;
    }
}
.c-list-desc__desc--2 {
    display: block;
    padding-left: 1.26em;
}
@media screen and (max-width: 750px) {
    .c-list-desc__desc--2 {
        margin-top: calc(6 / var(--design-width) * 100vw);
    }
}
.c-list-desc__note {
    display: block;
    font-size: calc(20 / var(--root-fz) * 1rem);
    font-weight: initial;
}
@media screen and (max-width: 750px) {
    .c-list-desc__note {
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-list-bromide-note
--------------------------------------------- */
.c-list-bromide-note {
    font-size: calc(20 / var(--root-fz) * 1rem);
    font-weight: initial;
}
@media screen and (max-width: 750px) {
    .c-list-bromide-note {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-list-bromide-note__item {
    display: flex;
}
.c-list-bromide-note__ico {
    line-height: 2;
}
.c-list-bromide-note__txt {
    line-height: 2;
}
@media screen and (max-width: 750px) {
    .c-list-bromide-note__br {
        display: none;
    }
}

/* ---------------------------------------------
*   c-list-bromide
--------------------------------------------- */
.c-list-bromide {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-inline: auto;
    -moz-column-gap: calc(47 / var(--contents-width) * 100%);
         column-gap: calc(47 / var(--contents-width) * 100%);
    row-gap: min(39px, 39 / var(--contents-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-list-bromide {
        max-width: 100%;
        width: calc(458 / var(--design-width) * 100%);
        row-gap: min(28px, 28 / var(--design-width) * 100vw);
    }
}
.c-list-bromide__item {
    max-width: 530px;
    width: 48.1818181818%;
}
@media screen and (max-width: 750px) {
    .c-list-bromide__item {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-list-bromide-method
--------------------------------------------- */
.c-list-bromide-method {
    display: flex;
    max-width: 581px;
    width: 92.2222222222%;
    margin-inline: auto;
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.c-list-bromide-method__item {
    max-width: 183px;
    width: 31.4974182444%;
    border: 1px solid gray;
}
.c-list-bromide-method__desc {
    background-color: gray;
}

/* ---------------------------------------------
*   c-list-bromide-method-note
--------------------------------------------- */
.c-list-bromide-method-note {
    font-size: calc(18 / var(--root-fz) * 1rem);
    margin-top: 22px;
    margin-right: 164px;
    margin-left: 172px;
}
@media screen and (max-width: 1300px) {
    .c-list-bromide-method-note {
        margin-top: calc(22 / var(--contents-width) * 100vw);
        margin-right: calc(144 / var(--contents-width) * 100vw);
        margin-left: calc(144 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-bromide-method-note {
        font-size: calc(14 / var(--root-fz) * 1rem);
        margin-top: calc(16 / var(--design-width) * 100vw);
        margin-inline: calc(36 / var(--design-width) * 100vw);
    }
}
.c-list-bromide-method-note__item {
    display: flex;
}
@media screen and (max-width: 750px) {
    .c-list-bromide-method-note__ico, .c-list-bromide-method-note__txt {
        line-height: 1.64;
    }
}

/* ---------------------------------------------
*   c-list-present-note
--------------------------------------------- */
.c-list-present-note {
    max-width: 410px;
    margin-top: 28px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-list-present-note {
        margin-top: calc(28 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-present-note {
        margin-top: calc(24 / var(--design-width) * 100vw);
        max-width: 286px;
        width: auto;
    }
}
.c-list-present-note__item {
    display: block;
    color: var(--color-white-1);
    font-size: calc(20 / var(--root-fz) * 1rem);
    line-height: 2;
}
@media screen and (max-width: 750px) {
    .c-list-present-note__item {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-list-goods-note
--------------------------------------------- */
.c-list-goods-note {
    max-width: 702px;
    width: calc(1104 / var(--contents-width) * 100%);
    margin-top: 30px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-list-goods-note {
        margin-top: calc(30 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-goods-note {
        margin-top: calc(24 / var(--design-width) * 100vw);
        padding-inline: calc(96 / var(--design-width) * 100vw);
        max-width: 510px;
        width: auto;
    }
}
.c-list-goods-note__item {
    display: flex;
    color: var(--color-white-1);
    font-size: calc(20 / var(--root-fz) * 1rem);
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-list-goods-note__item {
        font-size: calc(15 / var(--root-fz) * 1rem);
        line-height: 1.86;
    }
}
.c-list-goods-note__ico {
    line-height: 2;
}
.c-list-goods-note__txt {
    line-height: 2;
}

/* ---------------------------------------------
*   c-list-store
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-store-sub
--------------------------------------------- */
.c-list-store-sub {
    margin-top: 12px;
}
@media screen and (max-width: 1300px) {
    .c-list-store-sub {
        margin-top: calc(12 / var(--contents-width) * 100vw);
    }
}
.c-list-store-sub__item--2 {
    margin-top: 4px;
}
@media screen and (max-width: 1300px) {
    .c-list-store-sub__item--2 {
        margin-top: calc(4 / var(--contents-width) * 100vw);
    }
}
.c-list-store-sub__name {
    font-size: calc(26 / var(--root-fz) * 1rem);
    font-weight: bold;
    line-height: 1.84;
}
@media screen and (max-width: 750px) {
    .c-list-store-sub__name {
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.88;
    }
}
.c-list-store-sub__desc {
    font-size: calc(24 / var(--root-fz) * 1rem);
    line-height: 1.84;
}
@media screen and (max-width: 750px) {
    .c-list-store-sub__desc {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.82;
    }
}
.c-list-store-sub__underline {
    text-decoration: underline;
}
.c-list-store-sub__note {
    font-size: calc(18 / var(--root-fz) * 1rem);
    line-height: 2.22;
    vertical-align: 4%;
}
@media screen and (max-width: 750px) {
    .c-list-store-sub__note {
        font-size: calc(10 / var(--root-fz) * 1rem);
        line-height: 2.23;
    }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 180px;
    margin-inline: auto;
    padding-bottom: 5%;
    background: var(--color-white-1);
    border-radius: 20px;
}
@media screen and (max-width: 2400px) {
    .c-section-1 {
        margin-top: calc(180 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        max-width: 700px;
        width: calc(700 / var(--design-width) * 100%);
        margin-top: calc(100 / var(--design-width) * 100vw);
        padding-bottom: calc(71 / var(--design-width) * 100vw);
        border-radius: 6vw;
    }
}
.c-section-1__head {
    position: absolute;
    max-width: 1588px;
    width: calc(1588 / var(--contents-width) * 100%);
    top: calc(25 / var(--contents-width) * 100%);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
}
.c-section-1__head picture, .c-section-1__head img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1__head {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        margin-inline: auto;
        top: calc(35 / var(--design-width) * 100vw);
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-section-1__body {
    padding-top: 18.8235294118%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        padding-top: calc(140 / var(--design-width) * 100vw);
        padding-inline: 2.6666666667%;
    }
}
.c-section-1__sub-ttl {
    max-width: 257px;
    width: 18.0098107919%;
    margin-inline: auto;
    margin-top: calc(150 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1__sub-ttl {
        max-width: 116px;
        width: calc(116 / var(--contents-width) * 100%);
        margin-top: calc(35 / var(--design-width) * 100vw);
    }
}
.c-section-1__txt {
    font-size: min(54 / var(--design-width) * 100vw, 54px);
    font-weight: bold;
    text-align: center;
    max-width: 1398px;
    width: 95%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1__txt {
        max-width: 630px;
        width: calc(630 / var(--design-width) * 100%);
        margin-inline: auto;
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 150px;
    margin-inline: auto;
    padding-bottom: 5%;
    background: var(--color-white-1);
    border-radius: 20px;
    /* 旧: 内側に同名ブロック .c-section-2 を置いていた領域。ブロック直下の見た目を維持 */
}
@media screen and (max-width: 2400px) {
    .c-section-2 {
        margin-top: calc(150 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2 {
        max-width: 700px;
        width: calc(700 / var(--design-width) * 100%);
        margin-top: calc(60 / var(--design-width) * 100vw);
        padding-bottom: calc(54 / var(--design-width) * 100vw);
        border-radius: 6vw;
    }
}
.c-section-2__panel {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 168px;
    margin-inline: auto;
    padding-bottom: 2.9166666667%;
    background: var(--color-white-1);
}
@media screen and (max-width: 2400px) {
    .c-section-2__panel {
        margin-top: calc(168 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__panel {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        margin-top: calc(124 / var(--design-width) * 100vw);
        padding-bottom: calc(54 / var(--design-width) * 100vw);
    }
}
.c-section-2__head {
    position: absolute;
    max-width: 1588px;
    width: calc(1588 / var(--contents-width) * 100%);
    top: calc(25 / var(--contents-width) * 100%);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
}
.c-section-2__head picture, .c-section-2__head img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__head {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        top: calc(30 / var(--design-width) * 100vw);
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-section-2__body {
    padding-top: 18.8235294118%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-2__body {
        padding-top: calc(140 / var(--design-width) * 100vw);
        padding-inline: 2.6666666667%;
    }
}
.c-section-2__sub-ttl {
    max-width: 100%;
    width: 63.7042062415%;
    margin-inline: auto;
    margin-top: calc(200 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-2__sub-ttl {
        max-width: 422px;
        width: calc(422 / var(--design-width) * 100vw);
        margin-top: calc(55 / var(--design-width) * 100vw);
    }
}
.c-section-2__body > .c-section-2__txt {
    max-width: 962px;
    width: 65.2645861601%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__body > .c-section-2__txt {
        width: calc(434 / var(--design-width) * 100vw);
        max-width: 434px;
    }
}
.c-section-2__body > .c-section-2__grid {
    max-width: 1421px;
    width: 96.4043419267%;
    margin-inline: auto;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-2__body > .c-section-2__grid {
        width: calc(637 / var(--design-width) * 100vw);
        max-width: 637px;
        margin-top: calc(45 / var(--design-width) * 100vw);
    }
}
.c-section-2__cord {
    max-width: 1444px;
    width: 97.9647218453%;
    margin-top: 35px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-2__cord {
        width: calc(632 / var(--contents-width) * 100%);
        margin-inline: auto;
        max-width: 632px;
        margin-top: calc(25 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-2__txt {
    font-size: min(54 / var(--design-width) * 100vw, 54px);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt {
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
    }
}
.c-section-2__btn {
    margin-top: calc(120 / var(--design-width) * 100%);
    max-width: 1274px;
    width: 86.4314789688%;
    transform: translateX(20px);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__btn {
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
        margin-top: 30px;
        max-width: 575px;
        width: calc(575 / var(--design-width) * 100vw);
        margin-inline: auto;
        transform: translateX(0px);
    }
}
.c-section-2__list {
    max-width: 1026px;
    width: 69.6065128901%;
    margin-top: 1.3568521031%;
    margin-bottom: 6.7842605156%;
    padding-bottom: 1.0176390773%;
    margin-inline: auto;
    border-top: 1px solid var(--color-base-1);
    border-bottom: 1px solid var(--color-base-1);
    list-style: none;
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: bold;
    letter-spacing: -0.01em;
    list-style: none;
    text-align: left;
}
@media screen and (max-width: 750px) {
    .c-section-2__list {
        max-width: 460px;
        width: calc(460 / var(--design-width) * 100%);
        margin-inline: auto;
        margin-top: calc(10 / var(--design-width) * 100vw);
        margin-bottom: calc(20 / var(--design-width) * 100vw);
        padding-left: 0;
        font-size: min(14 / var(--design-width) * 100vw, 14px);
    }
}
.c-section-2__item {
    display: flex;
    align-items: flex-start;
    gap: 0.55em;
    width: 85%;
    padding-left: 40px;
    padding-top: 10px;
}
@media screen and (max-width: 750px) {
    .c-section-2__item {
        padding-left: calc(20 / var(--design-width) * 100vw);
        padding-top: calc(10 / var(--design-width) * 100vw);
        line-height: 1.2;
        width: 100%;
    }
}
.c-section-2__item:not(:first-child) {
    margin-top: -0.45em;
}
.c-section-2__item::before {
    content: "";
    flex-shrink: 0;
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background: var(--color-brown-1);
    position: relative;
    top: calc((1lh - 0.7em) / 2);
}
.c-section-2__link {
    color: #6ba6f1 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.12em;
    transition: opacity var(--hover-duration);
}
.c-section-2__link:hover {
    opacity: 0.7 !important;
}
@media (hover: hover) {
    .c-section-2__link:hover {
        text-decoration-thickness: 2px;
    }
}

/* ---------------------------------------------
*   c-section-mid（抽選・引換など、セクション2と本編3の中間ブロック）
--------------------------------------------- */
.c-section-mid {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 50px;
    margin-inline: auto;
    padding-bottom: 3.75%;
    background: var(--color-white-1);
    border-radius: 20px;
}
@media screen and (max-width: 2400px) {
    .c-section-mid {
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-mid {
        max-width: 700px;
        width: calc(700 / var(--design-width) * 100%);
        margin-top: calc(15 / var(--design-width) * 100vw);
        padding-bottom: calc(51 / var(--design-width) * 100vw);
        border-radius: 6vw;
    }
}
.c-section-mid__head {
    position: absolute;
    max-width: 1270px;
    width: calc(1270 / var(--contents-width) * 100%);
    bottom: 100%;
    left: 49%;
    transform: translate(-49%, 110%);
    z-index: 7;
}
@media screen and (max-width: 750px) {
    .c-section-mid__head {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        left: 50%;
        transform: translate(-50%, calc(190 / var(--design-width) * 100vw));
    }
}
.c-section-mid__body {
    padding-top: 23.5294117647%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-mid__body {
        padding-top: calc(200 / var(--design-width) * 100vw);
        padding-inline: 2.6666666667%;
    }
}
.c-section-mid__ttl {
    margin-block: 30px;
}
@media screen and (max-width: 750px) {
    .c-section-mid__ttl {
        max-width: 570px;
        width: calc(570 / var(--design-width) * 100vw);
        margin-block: calc(30 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-mid__sub-ttl {
    max-width: 939px;
    width: 63.7042062415%;
    margin-inline: auto;
    margin-top: calc(100 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-section-mid__sub-ttl {
        max-width: 422px;
        width: calc(422 / var(--design-width) * 100vw);
        margin-top: calc(35 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-mid__sub-ttl-second {
    max-width: 984px;
    width: 66.7571234735%;
    margin-inline: auto;
    margin-top: calc(60 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-section-mid__sub-ttl-second {
        max-width: 442px;
        width: calc(442 / var(--design-width) * 100vw);
        margin-top: calc(20 / var(--design-width) * 100vw);
        margin-bottom: 0;
        margin-inline: auto;
    }
}
.c-section-mid__label {
    max-width: 1274px;
    width: 86.4314789688%;
    margin-inline: auto;
    text-align: center;
    margin-top: calc(100 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-mid__label {
        width: calc(572 / var(--design-width) * 100vw);
        max-width: 572px;
        margin-top: calc(25 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-mid__btn {
    max-width: 1274px;
    width: 86.4314789688%;
    margin-inline: auto;
    text-align: center;
    margin-top: 45px;
}
@media screen and (max-width: 750px) {
    .c-section-mid__btn {
        width: calc(572 / var(--design-width) * 100vw);
        max-width: 572px;
        margin-top: calc(25 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-mid__txt {
    font-size: min(54 / var(--design-width) * 100vw, 54px);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-mid__txt {
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
    }
}
.c-section-mid__img {
    max-width: 1422px;
    width: 100%;
    margin-top: 0px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-mid__img {
        width: calc(635 / var(--design-width) * 100vw);
        max-width: 635px;
        margin-top: calc(10 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3 {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 170px;
    margin-inline: auto;
    padding-bottom: 4.2916666667%;
    background: var(--color-white-1);
    border-radius: 20px;
}
@media screen and (max-width: 2400px) {
    .c-section-3 {
        margin-top: calc(170 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3 {
        max-width: 700px;
        width: calc(700 / var(--design-width) * 100%);
        margin-top: calc(60 / var(--design-width) * 100vw);
        padding-bottom: calc(40 / var(--design-width) * 100vw);
        border-radius: 6vw;
    }
}
.c-section-3__head {
    position: absolute;
    max-width: 1588px;
    width: calc(1588 / var(--contents-width) * 100%);
    top: calc(30 / var(--contents-width) * 100%);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
}
.c-section-3__head picture, .c-section-3__head img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 750px) {
    .c-section-3__head {
        max-width: 671px;
        width: calc(671 / var(--design-width) * 100%);
        top: calc(30 / var(--design-width) * 100vw);
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-section-3__body {
    padding-top: 16.4705882353%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-3__body {
        padding-top: calc(125 / var(--design-width) * 100vw);
        padding-inline: 2.6666666667%;
    }
}
.c-section-3__sub-ttl-first {
    max-width: 1071px;
    width: 75.0525578136%;
    margin-inline: auto;
    margin-top: calc(100 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-section-3__sub-ttl-first {
        max-width: 480px;
        width: calc(480 / var(--design-width) * 100vw);
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
.c-section-3__sub-ttl-second {
    max-width: 1019px;
    width: 71.4085494043%;
    margin-inline: auto;
    margin-top: calc(100 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-section-3__sub-ttl-second {
        max-width: 458px;
        width: calc(458 / var(--design-width) * 100vw);
        margin-top: calc(45 / var(--design-width) * 100vw);
    }
}
.c-section-3__txt {
    font-size: min(55 / var(--design-width) * 100vw, 55px);
    font-weight: bold;
    text-align: center;
    line-height: 1.41;
    width: 96.8113975577%;
    margin-inline: auto;
    margin-top: 30px;
}
@media screen and (max-width: 750px) {
    .c-section-3__txt {
        max-width: 640px;
        width: calc(640 / var(--design-width) * 100%);
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
        margin-inline: auto;
        margin-top: calc(10 / var(--design-width) * 100vw);
    }
}
.c-section-3__grid {
    max-width: 1212px;
    width: 82.2252374491%;
    margin-inline: auto;
    margin-top: calc(100 / var(--design-width) * 100vw);
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-3__grid {
        width: calc(544 / var(--design-width) * 100vw);
        max-width: 544px;
        margin-top: calc(35 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-3__label {
    max-width: 1270px;
    width: 86.1601085482%;
    margin-inline: auto;
    text-align: center;
    margin-top: calc(80 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-section-3__label {
        width: calc(572 / var(--design-width) * 100vw);
        max-width: 572px;
        margin-top: calc(25 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-3__btn {
    max-width: 1274px;
    width: 86.4314789688%;
    margin-inline: auto;
    font-size: min(54 / var(--design-width) * 100vw, 54px);
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
}
@media screen and (max-width: 750px) {
    .c-section-3__btn {
        width: calc(572 / var(--design-width) * 100vw);
        max-width: 572px;
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
        margin-top: calc(25 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-3__date {
    max-width: 1045px;
    width: 70.8955223881%;
    margin-top: 27px;
    margin-inline: auto;
}
@media screen and (max-width: 2400px) {
    .c-section-3__date {
        margin-top: calc(27 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__date {
        margin-top: calc(7 / var(--design-width) * 100vw);
        max-width: 100%;
        width: 100%;
    }
}

/* ---------------------------------------------
*    c-section-4
--------------------------------------------- */
.c-section-4 {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 150px;
    margin-inline: auto;
    padding-bottom: 4.2916666667%;
    background: var(--color-white-1);
    border-radius: 20px;
}
@media screen and (max-width: 2400px) {
    .c-section-4 {
        margin-top: calc(150 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4 {
        max-width: 700px;
        width: calc(700 / var(--design-width) * 100%);
        margin-top: calc(60 / var(--design-width) * 100vw);
        padding-bottom: calc(40 / var(--design-width) * 100vw);
        border-radius: 6vw;
    }
}
.c-section-4__head {
    position: absolute;
    max-width: 1588px;
    width: calc(1588 / var(--contents-width) * 100%);
    top: calc(35 / var(--contents-width) * 100%);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
}
.c-section-4__head picture, .c-section-4__head img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 750px) {
    .c-section-4__head {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        top: calc(30 / var(--design-width) * 100vw);
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-section-4__body {
    padding-top: min(17.6470588235%, 300px);
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-4__body {
        padding-top: calc(120 / var(--design-width) * 100vw);
        padding-inline: 2.6666666667%;
    }
}
.c-section-4__sub-ttl {
    max-width: 215px;
    width: 14.5861601085%;
    margin-inline: auto;
    margin-top: 70px;
}
@media screen and (max-width: 750px) {
    .c-section-4__sub-ttl {
        max-width: 97px;
        width: 100%;
        margin-inline: auto;
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
.c-section-4__bnr {
    max-width: 531px;
    width: calc(531 / var(--contents-width) * 100vw);
    margin-inline: auto;
    margin-top: 30px;
}
@media screen and (max-width: 750px) {
    .c-section-4__bnr {
        max-width: 391px;
        width: calc(391 / var(--design-width) * 100%);
        margin-inline: auto;
    }
}
.c-section-4__txt {
    max-width: 1240px;
    width: 84.1248303935%;
    font-size: min(55 / var(--design-width) * 100vw, 55px);
    font-weight: bold;
    text-align: center;
    line-height: 1.41;
    margin-inline: auto;
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt {
        max-width: 555px;
        width: calc(555 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
        margin-top: calc(15 / var(--design-width) * 100vw);
    }
}
.c-section-4__txt-second {
    font-size: min(55 / var(--design-width) * 100vw, 55px);
    font-weight: bold;
    text-align: center;
    line-height: 1.41;
    width: 84.1248303935%;
    margin-inline: auto;
    margin-top: 30px;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt-second {
        max-width: 555px;
        width: calc(555 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
        margin-inline: auto;
        margin-top: calc(0 / var(--design-width) * 100vw);
    }
}
.c-section-4__img {
    max-width: 1422px;
    width: 96.4721845319%;
    margin-inline: auto;
    margin-top: 50px;
}
@media screen and (max-width: 750px) {
    .c-section-4__img {
        width: calc(635 / var(--design-width) * 100vw);
        max-width: 635px;
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-section-4__date {
    max-width: 1045px;
    width: 70.8955223881%;
    margin-top: 27px;
    margin-inline: auto;
}
@media screen and (max-width: 2400px) {
    .c-section-4__date {
        margin-top: calc(27 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__date {
        margin-top: calc(7 / var(--design-width) * 100vw);
        max-width: 100%;
        width: 100%;
    }
}

/* デフォルト（スマホ）では非表示 */
.pc-only {
    display: inline;
}
@media screen and (max-width: 750px) {
    .pc-only {
        display: none;
    }
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
/* ---------------------------------------------
*   c-table
--------------------------------------------- */
/* ---------------------------------------------
*   c-tile
--------------------------------------------- */
/* ---------------------------------------------
*   c-ttl-img
--------------------------------------------- */
img.c-ttl-img {
    width: auto;
    max-height: 74px;
    height: calc(74 / var(--design-width) * 100vw);
    vertical-align: baseline;
}
@media screen and (max-width: 750px) {
    img.c-ttl-img {
        max-height: 100%;
        min-height: 29px;
        height: calc(29 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
@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;
    }
}