@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
:root {
    --design-width: 2400;
    --contents-width: 1300;
    --contents-side-padding: 550;
    --minwidth: 320;
    --fixed-header-height: 90;
    --root-fz: 16;
    --line-height: 1.5;
    --hover-opacity-ratio: 0.8;
    --hover-duration: .3s;
    --color-base-1: #000;
    --color-base-1-rgb: 0, 0, 0;
    --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;
    --ff-root: "Zen Kaku Gothic New", sans-serif;
    --ff-noto: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 750px) {
    :root {
        --design-width: 750;
        --contents-width: 750;
        --contents-side-padding: 0;
        --minwidth: 320;
        --fixed-header-height: 66;
        --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-root);
    -webkit-text-size-adjust: 100%;
    line-height: var(--line-height);
    background-image: url(../img/bg.png);
    background-position: center top;
    background-repeat: repeat;
    background-size: 100% auto;
}
@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: 146px; /* 画像の横幅に合わせる */
    height: 114px; /* 画像の高さに合わせる */
    background: url(../img/ico_pagetop.png) no-repeat center / contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    right: 210%;
}
@media screen and (max-width: 750px) {
    .l-footer-pagetop__link {
        width: 85px; /* 画像の横幅に合わせる */
        height: 66px; /* 画像の高さに合わせる */
        background: url(../img/sp/ico_pagetop.png) no-repeat center / contain;
        right: 50%;
    }
}

@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 {
    max-width: 1300px;
    margin-inline: auto;
    background-color: #ffffff;
    box-shadow: 16px 0 16px -10px gray, -16px 0 14px -16px gray;
}

/* ---------------------------------------------
*   c-block-date
--------------------------------------------- */
.c-block-date {
    margin-top: 42px;
}
@media screen and (max-width: 1300px) {
    .c-block-date {
        margin-top: calc(42 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-date {
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-block-date__txt {
    max-width: 1264px;
    width: calc(1264 / var(--contents-width) * 100%);
    margin-left: auto;
}
@media screen and (max-width: 750px) {
    .c-block-date__txt {
        max-width: 100%;
        width: calc(729 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-block-note
--------------------------------------------- */
.c-block-note {
    margin-top: 35px;
}
@media screen and (max-width: 1300px) {
    .c-block-note {
        margin-top: calc(35 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-note {
        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: 154px;
    padding-bottom: 145px;
}
@media screen and (max-width: 1300px) {
    .c-block-logo {
        padding-top: 11.8461538462%;
        padding-bottom: 11.1538461538%;
    }
}
@media screen and (max-width: 750px) {
    .c-block-logo {
        padding-top: calc(90 / var(--design-width) * 100vw);
        padding-bottom: calc(55 / var(--design-width) * 100vw);
    }
}
.c-block-logo__img {
    max-width: 658px;
    width: calc(658 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-block-logo__img {
        max-width: 100%;
        width: calc(379 / var(--design-width) * 100%);
    }
}
.c-block-logo__copyright {
    max-width: 134px;
    width: calc(134 / var(--contents-width) * 100%);
    margin-top: 36px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-block-logo__copyright {
        margin-top: calc(36 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-logo__copyright {
        margin-top: calc(26 / var(--design-width) * 100vw);
        max-width: 100%;
        width: calc(120 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-box-qr
--------------------------------------------- */
.c-box-qr {
    margin-top: 54px;
    filter: drop-shadow(6px 6px 5px rgba(10, 3, 6, 0.7));
}
@media screen and (max-width: 1300px) {
    .c-box-qr {
        margin-top: calc(54 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-box-qr--2 {
    margin-top: 48px;
}
@media screen and (max-width: 1300px) {
    .c-box-qr--2 {
        margin-top: calc(48 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr--2 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-box-qr--3 {
    margin-top: 73px;
}
@media screen and (max-width: 1300px) {
    .c-box-qr--3 {
        margin-top: calc(73 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr--3 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-box-qr__img {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-inline: auto;
    filter: drop-shadow(6px 6px 5px rgba(10, 3, 6, 0));
}
@media screen and (max-width: 750px) {
    .c-box-qr__img {
        max-width: 100%;
        width: calc(580 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-box-terms
--------------------------------------------- */
.c-box-terms {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 56px;
    margin-inline: auto;
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 1300px) {
    .c-box-terms {
        margin-top: calc(56 / var(--contents-width) * 100vw);
        padding-top: 3.6923076923%;
        padding-bottom: 3.6923076923%;
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms {
        max-width: 100%;
        width: calc(600 / var(--design-width) * 100%);
        margin-top: calc(30 / var(--design-width) * 100vw);
        padding-top: calc(30 / var(--design-width) * 100vw);
        padding-bottom: calc(34 / var(--design-width) * 100vw);
        padding-inline: calc(30 / 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: calc(20 / var(--root-fz) * 1rem);
    font-family: inherit;
    background-color: var(--color-black-1);
    margin-inline: auto;
    padding: 8px 77px 8px 42px;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 50px;
    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: 750px) {
    .c-box-terms__head {
        font-size: calc(15 / var(--root-fz) * 1rem);
        padding: 5px 60px 5px 30px;
    }
}
.c-box-terms__head span {
    position: absolute;
    background-color: #FFF;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    right: 0;
    top: 50%;
    transform: translate(-182%, -43%);
}
@media screen and (max-width: 750px) {
    .c-box-terms__head span {
        width: 16px;
        height: 16px;
        transform: translate(-180%, -44%);
    }
}
.c-box-terms__head span::before, .c-box-terms__head span::after {
    content: "";
    background-color: #000;
    position: absolute;
    width: 12px;
    height: 2px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: transform 0.3s;
}
.c-box-terms__head span::before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.c-box-terms__body {
    padding-inline: 58px;
}
@media screen and (max-width: 1300px) {
    .c-box-terms__body {
        padding-inline: 5.2727272727%;
    }
}
@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--sub {
    margin-top: 0;
}

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

.c-box-terms__txt strong {
    font-weight: bold;
}
.c-box-terms__link {
    text-decoration: underline !important;
}
.c-box-terms__link:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   アコーディオン
--------------------------------------------- */
.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-bromide
--------------------------------------------- */
.c-box-bromide {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 44px;
    margin-inline: auto;
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 1300px) {
    .c-box-bromide {
        margin-top: calc(40 / var(--contents-width) * 100vw);
        padding-top: 3.0769230769%;
        padding-bottom: 2.3076923077%;
    }
}
@media screen and (max-width: 750px) {
    .c-box-bromide {
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
        margin-top: calc(40 / var(--design-width) * 100vw);
        padding-top: calc(36 / var(--design-width) * 100vw);
        padding-bottom: calc(40 / var(--design-width) * 100vw);
    }
}
.c-box-bromide__head {
    max-width: 666px;
    width: 60.5454545455%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-bromide__head {
        max-width: 100%;
        width: 70.6060606061%;
    }
}
.c-box-bromide__method {
    max-width: 1022px;
    width: 92.9090909091%;
    margin-top: 36px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-box-bromide__method {
        margin-top: calc(36 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-bromide__method {
        max-width: 267px;
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-box-entry
--------------------------------------------- */
.c-box-entry {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 85px;
    margin-inline: auto;
    padding-top: 36px;
    padding-bottom: 50px;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 1300px) {
    .c-box-entry {
        margin-top: calc(85 / var(--contents-width) * 100vw);
        padding-top: 2.7692307692%;
        padding-bottom: 3.8461538462%;
    }
}
@media screen and (max-width: 750px) {
    .c-box-entry {
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
        margin-top: calc(47 / var(--design-width) * 100vw);
        padding-top: calc(36 / var(--design-width) * 100vw);
        padding-bottom: calc(40 / var(--design-width) * 100vw);
    }
}
.c-box-entry__head {
    max-width: 366px;
    width: 33.2727272727%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-entry__head {
        max-width: 100%;
        width: 39.0909090909%;
    }
}
.c-box-entry__method {
    max-width: 790px;
    width: 71.8181818182%;
    margin-top: 46px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-box-entry__method {
        margin-top: calc(46 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-entry__method {
        max-width: 279px;
        width: 100%;
        margin-top: calc(23 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-box-store
--------------------------------------------- */
.c-box-store {
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 98px;
    margin-inline: auto;
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 1300px) {
    .c-box-store {
        margin-top: calc(98 / var(--contents-width) * 100vw);
        padding-top: 3.8461538462%;
        padding-bottom: 3.0769230769%;
    }
}
@media screen and (max-width: 750px) {
    .c-box-store {
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
        margin-top: calc(50 / var(--design-width) * 100vw);
        padding-top: calc(24 / var(--design-width) * 100vw);
        padding-bottom: calc(26 / var(--design-width) * 100vw);
    }
}
.c-box-store__head {
    max-width: 1100px;
    width: 100%;
    margin-inline: auto;
}

/* ---------------------------------------------
*   c-box-contact
--------------------------------------------- */
.c-box-contact {
    width: 435px;
    margin-top: 64px;
    margin-inline: auto;
    padding-top: 12px;
    padding-bottom: 14px;
    border: 1px solid var(--color-black-1);
    text-align: center;
}
@media screen and (max-width: 1300px) {
    .c-box-contact {
        margin-top: calc(64 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-contact {
        max-width: 316px;
        width: 87.7777777778%;
        margin-top: calc(30 / var(--design-width) * 100vw);
        padding-inline: calc(20 / var(--design-width) * 100vw);
    }
}
.c-box-contact__ttl, .c-box-contact__mail {
    font-size: calc(25 / var(--root-fz) * 1rem);
    font-weight: bold;
    line-height: 1.4;
}
@media screen and (max-width: 750px) {
    .c-box-contact__ttl, .c-box-contact__mail {
        font-size: calc(18 / var(--root-fz) * 1rem);
        line-height: initial;
    }
}

/* ---------------------------------------------
*   c-btn
--------------------------------------------- */
/* ---------------------------------------------
*   c-card
--------------------------------------------- */
/* ---------------------------------------------
*   c-cassette-contents
--------------------------------------------- */
.c-cassette-contents {
    margin-top: 52px;
}
@media screen and (max-width: 1300px) {
    .c-cassette-contents {
        margin-top: calc(52 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-contents {
        margin-top: calc(29 / var(--design-width) * 100vw);
    }
}
.c-cassette-contents__head {
    max-width: 336px;
    width: calc(336 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-contents__head {
        max-width: 100%;
        width: calc(185 / var(--design-width) * 100%);
    }
}

/* ---------------------------------------------
*   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: 1110px;
    width: calc(1110 / var(--contents-width) * 100%);
    margin-top: 20px;
    margin-inline: auto;
    -moz-column-gap: calc(70 / var(--contents-width) * 100%);
         column-gap: calc(70 / var(--contents-width) * 100%);
    row-gap: min(36px, 36 / var(--contents-width) * 100vw);
}
@media screen and (max-width: 1300px) {
    .c-list-anchor {
        margin-top: calc(20 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-anchor {
        max-width: 100%;
        width: calc(612 / var(--design-width) * 100%);
        margin-top: calc(6 / var(--design-width) * 100vw);
        -moz-column-gap: 5.2287581699%;
             column-gap: 5.2287581699%;
        row-gap: min(19px, 19 / var(--design-width) * 100vw);
    }
}
.c-list-anchor__item {
    max-width: 525px;
    width: 47.2972972973%;
}
@media screen and (max-width: 750px) {
    .c-list-anchor__item {
        max-width: 100%;
        width: calc(355 / var(--design-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 {
    color: var(--color-white-1);
    font-size: calc(20 / var(--root-fz) * 1rem);
    font-weight: bold;
    max-width: 950px;
    width: calc(950 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-list-note {
        max-width: 100%;
        width: calc(650 / var(--design-width) * 100%);
        margin-inline: 0;
        padding-inline: calc(50 / var(--design-width) * 100%);
        font-size: calc(15 / var(--root-fz) * 1rem);
        line-height: 1.8;
    }
}
.c-list-note__item {
    display: flex;
}
.c-list-note__ico {
    line-height: 2;
}
@media screen and (max-width: 750px) {
    .c-list-note__ico {
        line-height: 1.8;
    }
}
.c-list-note__txt {
    line-height: 2;
}
@media screen and (max-width: 750px) {
    .c-list-note__txt {
        line-height: 1.8;
    }
}
.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: 36px;
}
@media screen and (max-width: 1300px) {
    .c-list-terms {
        margin-top: calc(36 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-terms {
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
.c-list-terms__item {
    display: flex;
    font-size: calc(18 / var(--root-fz) * 1rem);
}
@media screen and (max-width: 750px) {
    .c-list-terms__item {
        font-size: calc(15 / var(--root-fz) * 1rem);
        line-height: 1.86;
    }
}
.c-list-terms__item--sub {
    padding-left: 1em;
}
.c-list-terms__ico {
    line-height: 2.2;
}
@media screen and (max-width: 750px) {
    .c-list-terms__ico {
        line-height: 1.86;
    }
}
.c-list-terms__ico--2 {
    line-height: 1.55;
}
@media screen and (max-width: 750px) {
    .c-list-terms__ico--2 {
        line-height: 1.86;
    }
}
.c-list-terms__txt {
    line-height: 2.2;
}
@media screen and (max-width: 750px) {
    .c-list-terms__txt {
        line-height: 1.86;
    }
}
.c-list-terms__txt--2 {
    line-height: 1.55;
}
@media screen and (max-width: 750px) {
    .c-list-terms__txt--2 {
        line-height: 1.86;
    }
}
.c-list-terms--2 {
    margin-top: 0;
}

/* ---------------------------------------------
*   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
--------------------------------------------- */
.c-list-goods {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1100px;
    width: calc(1100 / var(--contents-width) * 100%);
    margin-top: 63px;
    margin-inline: auto;
    -moz-column-gap: calc(44 / var(--contents-width) * 100%);
         column-gap: calc(44 / var(--contents-width) * 100%);
    row-gap: min(38px, 38 / var(--contents-width) * 100vw);
}
@media screen and (max-width: 1300px) {
    .c-list-goods {
        margin-top: calc(63 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-goods {
        max-width: 660px;
        width: calc(660 / var(--design-width) * 100%);
        -moz-column-gap: calc(25 / var(--design-width) * 100%);
             column-gap: calc(25 / var(--design-width) * 100%);
        row-gap: min(23px, 23 / var(--design-width) * 100vw);
        margin-top: calc(45 / var(--design-width) * 100vw);
    }
}
.c-list-goods__item {
    max-width: 530px;
    width: 48.1818181818%;
}
@media screen and (max-width: 750px) {
    .c-list-goods__item {
        max-width: 318px;
        width: 48.1818181818%;
    }
}

/* ---------------------------------------------
*   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 {
    margin-top: 40px;
    margin-inline: 105px;
}
@media screen and (max-width: 1300px) {
    .c-list-store {
        margin-top: calc(40 / var(--contents-width) * 100vw);
        margin-inline: calc(105 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-store {
        max-width: 552px;
        width: 83.6363636364%;
        margin-top: calc(17 / var(--design-width) * 100vw);
        margin-inline: calc(54 / var(--design-width) * 100vw);
    }
}
.c-list-store__item {
    margin-top: 22px;
}
@media screen and (max-width: 1300px) {
    .c-list-store__item {
        margin-top: calc(22 / var(--contents-width) * 100vw);
    }
}
.c-list-store__ttl {
    max-width: 143px;
    width: 20.3125%;
}
@media screen and (max-width: 750px) {
    .c-list-store__ttl {
        max-width: 94px;
    }
}

/* ---------------------------------------------
*   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 {
    margin-top: 73px;
    padding-top: 2.4615384615%;
    padding-bottom: 7.9230769231%;
    background: #FF6E61;
    background: linear-gradient(90deg, rgb(255, 110, 97) 0%, rgb(244, 148, 52) 100%);
}
@media screen and (max-width: 1300px) {
    .c-section-1 {
        margin-top: calc(73 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        margin-top: calc(51 / var(--design-width) * 100vw);
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(72 / var(--design-width) * 100vw);
    }
}
.c-section-1__head {
    max-width: 1244px;
    width: calc(1244 / var(--contents-width) * 100%);
    margin-left: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1__head {
        max-width: 100%;
        width: calc(718 / var(--design-width) * 100%);
    }
}
.c-section-1__body {
    margin-top: 46px;
}
@media screen and (max-width: 1300px) {
    .c-section-1__body {
        margin-top: calc(46 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        margin-top: calc(35 / var(--design-width) * 100vw);
    }
}
.c-section-1__txt {
    color: var(--color-white-1);
    font-size: calc(30 / var(--root-fz) * 1rem);
    font-weight: bold;
    margin-inline: 100px;
    text-align: center;
    line-height: 1.73;
}
@media screen and (max-width: 1300px) {
    .c-section-1__txt {
        margin-inline: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__txt {
        margin-inline: calc(45 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    margin-top: 100px;
    padding-top: 2.4615384615%;
    padding-bottom: 7.9230769231%;
    background: #FF6E61;
    background: linear-gradient(90deg, rgb(255, 110, 97) 0%, rgb(244, 148, 52) 100%);
}
@media screen and (max-width: 1300px) {
    .c-section-2 {
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2 {
        margin-top: calc(61 / var(--design-width) * 100vw);
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(72 / var(--design-width) * 100vw);
    }
}
.c-section-2__head {
    max-width: 1244px;
    width: calc(1244 / var(--contents-width) * 100%);
    margin-left: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__head {
        max-width: 100%;
        width: calc(718 / var(--design-width) * 100%);
    }
}
.c-section-2__body {
    margin-top: 47px;
}
@media screen and (max-width: 1300px) {
    .c-section-2__body {
        margin-top: calc(47 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__body {
        margin-top: calc(35 / var(--design-width) * 100vw);
    }
}
.c-section-2__txt {
    color: var(--color-white-1);
    font-size: calc(30 / var(--root-fz) * 1rem);
    font-weight: bold;
    margin-inline: 100px;
    text-align: center;
    line-height: 1.66;
}
@media screen and (max-width: 1300px) {
    .c-section-2__txt {
        margin-inline: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__txt {
        margin-inline: calc(45 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
    }
}
.c-section-2__txt--sub {
    font-size: calc(20 / var(--root-fz) * 1rem);
    display: flex;
    justify-content: center;
    text-align: initial;
    margin-top: 10px;
}
@media screen and (max-width: 1300px) {
    .c-section-2__txt--sub {
        margin-top: calc(10 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__txt--sub {
        margin-top: calc(6 / var(--design-width) * 100vw);
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-section-2__txt-ico {
    line-height: 2;
}
.c-section-2__txt-desc {
    line-height: 2;
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3 {
    margin-top: 100px;
    padding-top: 2.4615384615%;
    padding-bottom: 8.0769230769%;
    background: #FF6E61;
    background: linear-gradient(90deg, rgb(255, 110, 97) 0%, rgb(244, 148, 52) 100%);
}
@media screen and (max-width: 1300px) {
    .c-section-3 {
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3 {
        margin-top: calc(64 / var(--design-width) * 100vw);
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(78 / var(--design-width) * 100vw);
    }
}
.c-section-3__head {
    max-width: 1244px;
    width: calc(1244 / var(--contents-width) * 100%);
    margin-left: auto;
}
@media screen and (max-width: 750px) {
    .c-section-3__head {
        max-width: 100%;
        width: calc(718 / var(--design-width) * 100%);
    }
}
.c-section-3__body {
    margin-top: 50px;
}
@media screen and (max-width: 1300px) {
    .c-section-3__body {
        margin-top: calc(50 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__body {
        margin-top: calc(35 / var(--design-width) * 100vw);
    }
}
.c-section-3__txt {
    color: var(--color-white-1);
    font-size: calc(30 / var(--root-fz) * 1rem);
    font-weight: bold;
    margin-inline: 100px;
    text-align: center;
    line-height: 1.66;
}
@media screen and (max-width: 1300px) {
    .c-section-3__txt {
        margin-inline: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 914px) {
    .c-section-3__txt br {
        display: none;
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__txt {
        margin-inline: calc(72 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
        line-height: initial;
    }
}

/* ---------------------------------------------
*   c-section-4
--------------------------------------------- */
.c-section-4 {
    margin-top: 100px;
    padding-top: 2.4615384615%;
    padding-bottom: 8.0769230769%;
    background: #FF6E61;
    background: linear-gradient(90deg, rgb(255, 110, 97) 0%, rgb(244, 148, 52) 100%);
}
@media screen and (max-width: 1300px) {
    .c-section-4 {
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4 {
        margin-top: calc(66 / var(--design-width) * 100vw);
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(67 / var(--design-width) * 100vw);
    }
}
.c-section-4__head {
    max-width: 1244px;
    width: calc(1244 / var(--contents-width) * 100%);
    margin-left: auto;
}
@media screen and (max-width: 750px) {
    .c-section-4__head {
        max-width: 100%;
        width: calc(718 / var(--design-width) * 100%);
    }
}
.c-section-4__body {
    margin-top: 50px;
}
@media screen and (max-width: 1300px) {
    .c-section-4__body {
        margin-top: calc(50 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__body {
        margin-top: calc(33 / var(--design-width) * 100vw);
    }
}
.c-section-4__txt {
    color: var(--color-white-1);
    font-size: calc(30 / var(--root-fz) * 1rem);
    font-weight: bold;
    margin-inline: 100px;
    text-align: center;
    line-height: 1.66;
}
@media screen and (max-width: 1300px) {
    .c-section-4__txt {
        margin-inline: calc(76 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__txt {
        margin-inline: calc(45 / var(--design-width) * 100vw);
        font-size: calc(21 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
/* ---------------------------------------------
*   c-table
--------------------------------------------- */
/* ---------------------------------------------
*   c-tile
--------------------------------------------- */
/* ---------------------------------------------
*   c-ttl
--------------------------------------------- */
/* ---------------------------------------------
*   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;
    }
}