@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
:root {
    --design-width: 2400;
    --contents-width: 1700;
    --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: #895302;
    --color-brown-1-rgb: 137, 83, 2;
    --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;
}

/* ---------------------------------------------
*   content_wrap
--------------------------------------------- */
.content_wrap {
    margin-top: 90px;
}
@media screen and (max-width: 750px) {
    .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: 1.25%;
    background-image: url(../img/bg.webp);
    background-position: center top;
    background-repeat: repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 750px) {
    .l-contents {
        padding-top: 1.4666666667%;
        background-image: url(../img/sp/bg.webp);
        background-position: center -41.9vw;
        background-size: 100% auto;
    }
}

/* ---------------------------------------------
*   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 {
    margin-top: 62px;
}
@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(32 / var(--design-width) * 100vw);
    }
}
.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-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: 52px;
    padding-bottom: 53px;
}
@media screen and (max-width: 2400px) {
    .c-block-logo {
        padding-top: 2.1666666667%;
        padding-bottom: 2.2083333333%;
    }
}
@media screen and (max-width: 750px) {
    .c-block-logo {
        padding-top: calc(30 / var(--design-width) * 100vw);
        padding-bottom: calc(33 / var(--design-width) * 100vw);
    }
}
.c-block-logo__img {
    max-width: 832px;
    width: calc(832 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-block-logo__img {
        max-width: 100%;
        width: calc(478 / var(--design-width) * 100%);
    }
}
.c-block-logo__copyright {
    max-width: 355px;
    width: calc(355 / var(--design-width) * 100%);
    margin-top: 34px;
    margin-inline: auto;
}
@media screen and (max-width: 2400px) {
    .c-block-logo__copyright {
        margin-top: calc(34 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-logo__copyright {
        margin-top: calc(28 / var(--design-width) * 100vw);
        max-width: 100%;
        width: calc(210 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-box-voice-drama
--------------------------------------------- */
.c-box-voice-drama {
    max-width: 1473px;
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama {
        max-width: 100%;
    }
}
.c-box-voice-drama--1 {
    margin-top: 77px;
}
@media screen and (max-width: 2400px) {
    .c-box-voice-drama--1 {
        margin-top: calc(77 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama--1 {
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-box-voice-drama--2 {
    margin-top: 102px;
}
@media screen and (max-width: 2400px) {
    .c-box-voice-drama--2 {
        margin-top: calc(102 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-voice-drama--2 {
        margin-top: calc(39 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   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: 53px;
}
@media screen and (max-width: 2400px) {
    .c-box-present__img--1 {
        margin-top: calc(53 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-present__img--1 {
        margin-top: calc(19 / 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(13 / 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);
    }
}

/* ---------------------------------------------
*   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: 70px;
    margin-inline: auto;
    text-align: center;
}
@media screen and (max-width: 2400px) {
    .c-box-contact {
        margin-top: calc(70 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-contact {
        margin-top: calc(30 / var(--design-width) * 100vw);
        margin-inline: 0;
    }
}
.c-box-contact__ttl, .c-box-contact__mail {
    font-size: min(50 / var(--design-width) * 100vw, 50px);
    font-weight: bold;
    line-height: 1.36;
}
@media screen and (max-width: 750px) {
    .c-box-contact__ttl, .c-box-contact__mail {
        font-size: calc(19 / 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(25 / 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: 10px;
    padding-inline: 202px;
    padding-bottom: 12px;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 10px;
    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(10 / var(--design-width) * 100vw);
        padding-inline: 8.4166666667%;
        padding-bottom: calc(12 / 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: 71.4285714286%;
    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-btn
--------------------------------------------- */
/* ---------------------------------------------
*   c-card
--------------------------------------------- */
/* ---------------------------------------------
*   c-cassette-contents
--------------------------------------------- */
.c-cassette-contents {
    margin-top: 67px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-contents {
        margin-top: calc(67 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-contents {
        margin-top: calc(17 / 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: 100%;
        width: calc(648 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-cassette-store
--------------------------------------------- */
.c-cassette-store {
    text-align: center;
}
.c-cassette-store--2 {
    margin-top: 90px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-store--2 {
        margin-top: calc(90 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-store--2 {
        margin-top: calc(30 / 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: 66px;
}
@media screen and (max-width: 2400px) {
    .c-cassette-store__date {
        margin-top: calc(66 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-store__date {
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-cassette-store__date--1 {
    max-width: 997px;
    width: 76.7513471901%;
}
@media screen and (max-width: 750px) {
    .c-cassette-store__date--1 {
        max-width: 100%;
        width: 77.1717171717%;
    }
}
.c-cassette-store__date--2 {
    max-width: 973px;
    width: 67.0110192837%;
}
.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-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__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-link
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-anchor
--------------------------------------------- */
.c-list-anchor {
    display: flex;
    flex-wrap: wrap;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 51px;
    margin-inline: auto;
    -moz-column-gap: calc(26 / var(--contents-width) * 100%);
         column-gap: calc(26 / var(--contents-width) * 100%);
    row-gap: min(23px, 23 / var(--contents-width) * 100vw);
}
@media screen and (max-width: 2400px) {
    .c-list-anchor {
        margin-top: calc(51 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-anchor {
        max-width: 100%;
        width: calc(650 / var(--design-width) * 100%);
        margin-top: calc(25 / var(--design-width) * 100vw);
        -moz-column-gap: calc(10 / var(--contents-width) * 100%);
             column-gap: calc(10 / var(--contents-width) * 100%);
        row-gap: min(10px, 10 / var(--design-width) * 100vw);
    }
}
.c-list-anchor__item {
    max-width: 837px;
    width: calc(837 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-anchor__item {
        max-width: 100%;
        width: calc(320 / var(--contents-width) * 100%);
    }
}
@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);
    }
}

/* ---------------------------------------------
*   c-list-note
--------------------------------------------- */
.c-list-note {
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: bold;
    letter-spacing: -0.01em;
}
@media screen and (max-width: 750px) {
    .c-list-note {
        max-width: 100%;
        margin-inline: 0;
        font-size: calc(16 / var(--root-fz) * 1rem);
        line-height: initial;
        text-align: justify;
    }
}
.c-list-note__item {
    display: flex;
    letter-spacing: -0.04em;
}
.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-terms
--------------------------------------------- */
.c-list-terms {
    margin-top: 46px;
}
@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(26 / var(--design-width) * 100vw);
    }
}
.c-list-terms__item {
    display: flex;
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-list-terms__item {
        font-size: calc(16 / 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 {
    text-decoration: underline !important;
}
.c-list-terms__link:hover {
    text-decoration: none !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);
}
@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: 63px;
}
@media screen and (max-width: 2400px) {
    .c-list-store {
        margin-top: calc(63 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-store {
        margin-top: calc(27 / var(--design-width) * 100vw);
    }
}
.c-list-store__item {
    margin-top: 60px;
    font-size: min(50 / var(--design-width) * 100vw, 50px);
    line-height: 1.44;
    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(26 / var(--design-width) * 100vw);
        font-size: calc(19 / var(--root-fz) * 1rem);
        line-height: 1.42;
    }
}
.c-list-store__ttl {
    font-weight: bold;
}
.c-list-store__note {
    display: block;
    font-family: var(--ff-noto);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    line-height: 1.4;
}
@media screen and (max-width: 750px) {
    .c-list-store__note {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.23;
        letter-spacing: -0.07em;
    }
}
.c-list-store__link {
    text-decoration: underline !important;
}
.c-list-store__link:hover {
    text-decoration: none !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: 292px;
    margin-inline: auto;
    padding-bottom: 5%;
    background: var(--color-white-1);
}
@media screen and (max-width: 2400px) {
    .c-section-1 {
        margin-top: calc(292 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        margin-top: calc(124 / var(--design-width) * 100vw);
        padding-bottom: calc(71 / var(--design-width) * 100vw);
    }
}
.c-section-1__head {
    position: absolute;
    max-width: 1700px;
    width: calc(1700 / var(--contents-width) * 100%);
    bottom: 100%;
    left: 49%;
    transform: translate(-49%, 52%);
    z-index: 7;
}
@media screen and (max-width: 750px) {
    .c-section-1__head {
        max-width: 100%;
        width: calc(650 / var(--contents-width) * 100%);
        transform: translate(-49%, 65%);
    }
}
.c-section-1__body {
    padding-top: 15.5294117647%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        padding-top: calc(112 / var(--design-width) * 100vw);
        padding-inline: 6.6153846154%;
    }
}
.c-section-1__txt {
    font-size: min(54 / var(--design-width) * 100vw, 54px);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-1__txt {
        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: 268px;
    margin-inline: auto;
    padding-bottom: 2.9166666667%;
    background: var(--color-white-1);
}
@media screen and (max-width: 2400px) {
    .c-section-2 {
        margin-top: calc(268 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2 {
        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: 1700px;
    width: calc(1700 / var(--contents-width) * 100%);
    bottom: 100%;
    left: 49%;
    transform: translate(-49%, 52%);
    z-index: 7;
}
@media screen and (max-width: 750px) {
    .c-section-2__head {
        max-width: 100%;
        width: calc(650 / var(--contents-width) * 100%);
        transform: translate(-49%, 58%);
    }
}
.c-section-2__body {
    padding-top: 12.7647058824%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-2__body {
        padding-top: calc(84 / var(--design-width) * 100vw);
        padding-inline: 6.6153846154%;
    }
}
.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-3
--------------------------------------------- */
.c-section-3 {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 264px;
    margin-inline: auto;
    padding-bottom: 3.75%;
    background: var(--color-white-1);
}
@media screen and (max-width: 2400px) {
    .c-section-3 {
        margin-top: calc(264 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3 {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        margin-top: calc(136 / var(--design-width) * 100vw);
        padding-bottom: calc(51 / var(--design-width) * 100vw);
    }
}
.c-section-3__head {
    position: absolute;
    max-width: 1700px;
    width: calc(1700 / var(--contents-width) * 100%);
    bottom: 100%;
    left: 49%;
    transform: translate(-49%, 52%);
    z-index: 7;
}
@media screen and (max-width: 750px) {
    .c-section-3__head {
        max-width: 100%;
        width: calc(650 / var(--contents-width) * 100%);
        transform: translate(-49%, 58%);
    }
}
.c-section-3__body {
    padding-top: 14.2941176471%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-3__body {
        padding-top: calc(95 / var(--design-width) * 100vw);
        padding-inline: 6.6153846154%;
    }
}
.c-section-3__txt {
    font-size: min(54 / var(--design-width) * 100vw, 54px);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-3__txt {
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
    }
}

/* ---------------------------------------------
*   c-section-4
--------------------------------------------- */
.c-section-4 {
    position: relative;
    max-width: 1700px;
    width: calc(1700 / var(--design-width) * 100%);
    margin-top: 269px;
    margin-inline: auto;
    padding-bottom: 4.2916666667%;
    background: var(--color-white-1);
}
@media screen and (max-width: 2400px) {
    .c-section-4 {
        margin-top: calc(269 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4 {
        max-width: 650px;
        width: calc(650 / var(--design-width) * 100%);
        margin-top: calc(124 / var(--design-width) * 100vw);
        padding-bottom: calc(40 / var(--design-width) * 100vw);
    }
}
.c-section-4__head {
    position: absolute;
    max-width: 1700px;
    width: calc(1700 / var(--contents-width) * 100%);
    bottom: 100%;
    left: 49%;
    transform: translate(-49%, 52%);
    z-index: 7;
}
@media screen and (max-width: 750px) {
    .c-section-4__head {
        max-width: 100%;
        width: calc(650 / var(--contents-width) * 100%);
        transform: translate(-49%, 58%);
    }
}
.c-section-4__body {
    padding-top: 12.9411764706%;
    padding-inline: 6.6470588235%;
}
@media screen and (max-width: 750px) {
    .c-section-4__body {
        padding-top: calc(89 / var(--design-width) * 100vw);
        padding-inline: 6.6153846154%;
    }
}
.c-section-4__txt {
    font-size: min(55 / var(--design-width) * 100vw, 55px);
    font-weight: bold;
    text-align: center;
    line-height: 1.41;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt {
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
        letter-spacing: -0.02em;
    }
}
.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: 85.1063829787%;
    }
}

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