@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
:root {
    --design-width: 2400;
    --contents-width: 1692;
    --contents-side-padding: 350;
    --minwidth: 320;
    --fixed-header-height: 0;
    --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;
    --color-gray-1: #707070;
    --color-gray-1-rgb: 112, 112, 112;
    --color-gray-2: #B4B4B4;
    --color-gray-2-rgb: 180, 180, 180;
    --color-yellow-1: #F39800;
    --color-yellow-1-rgb: 243, 152, 0;
    --ff-root: "M PLUS Rounded 1c", sans-serif;
    --ff-noto: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 750px) {
    :root {
        --design-width: 750;
        --contents-width: 660;
        --contents-side-padding: 45;
        --minwidth: 320;
        --fixed-header-height: 0;
        --root-fz: 16;
        --line-height: 1.5;
    }
}

/* ---------------------------------------------
*   Universal selector
--------------------------------------------- */
*, *::before, *::after {
    box-sizing: border-box;
}

.l-wrapper {
    color: var(--color-gray-1);
    font-size: calc(var(--root-fz) * 1px);
    font-family: var(--ff-root);
    -webkit-text-size-adjust: 100%;
    line-height: var(--line-height);
    padding-top: 157px;
    background-image: url(../img/bg.png);
    background-position: center top;
    background-repeat: repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 2400px) {
    .l-wrapper {
        padding-top: calc(157 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .l-wrapper {
        padding-top: 0;
        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: 200px;
    height: 214px;
    background: url(../img/ico_pagetop.png) no-repeat center/contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    right: 352%;
    z-index: 1000;
    transform: translateY(-6%);
}
@media screen and (max-width: 1692px) {
    .l-footer-pagetop__link {
        width: calc(200 / var(--contents-width) * 100vw);
        height: calc(214 / var(--contents-width) * 100vw);
        right: 8vw;
    }
}
@media screen and (max-width: 750px) {
    .l-footer-pagetop__link {
        width: 87px;
        height: 80px;
        background: url(../img/sp/ico_pagetop.png) no-repeat center/contain;
        right: 84%;
    }
}

@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: 1692px;
    margin-inline: auto;
    background-color: #ffffff;
    border: 10px solid #EBEAEA;
    box-shadow: 20px 20px 0px 0px rgb(180, 180, 180);
}
@media screen and (max-width: 750px) {
    .l-contents {
        border: none;
        box-shadow: none;
    }
}

/* ---------------------------------------------
*   c-block-date
--------------------------------------------- */
.c-block-date {
    margin-top: 99px;
}
@media screen and (max-width: 1692px) {
    .c-block-date {
        margin-top: calc(99 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-date {
        margin-top: calc(26 / var(--design-width) * 100vw);
    }
}
.c-block-date__ttl {
    max-width: 312px;
    width: calc(312 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-block-date__ttl {
        max-width: 100%;
        width: calc(156 / var(--design-width) * 100%);
    }
}
.c-block-date__date {
    max-width: 972px;
    width: calc(972 / var(--contents-width) * 100%);
    margin-top: 75px;
    margin-inline: auto;
}
@media screen and (max-width: 1692px) {
    .c-block-date__date {
        margin-top: calc(75 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-date__date {
        max-width: 100%;
        width: calc(462 / var(--design-width) * 100%);
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}
.c-block-date__txt {
    margin-top: 26px;
    font-size: calc(36 / var(--root-fz) * 1rem);
    text-align: center;
}
@media screen and (max-width: 1692px) {
    .c-block-date__txt {
        margin-top: calc(26 / var(--contents-width) * 100vw);
        font-size: min(36 / var(--contents-width) * 100vw, 36px);
    }
}
@media screen and (max-width: 750px) {
    .c-block-date__txt {
        margin-top: calc(36 / var(--design-width) * 100vw);
        font-size: min(24 / var(--design-width) * 100vw, 24px);
        padding-inline: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 500px) {
    .c-block-date__txt {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 400px) {
    .c-block-date__br {
        display: none;
    }
}

/* ---------------------------------------------
*   c-block-movie
--------------------------------------------- */
.c-block-movie--spring {
    margin-top: 82px;
}
@media screen and (max-width: 1692px) {
    .c-block-movie--spring {
        margin-top: calc(82 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-movie--spring {
        margin-top: calc(47 / var(--design-width) * 100vw);
    }
}
.c-block-movie--summer {
    margin-top: 160px;
}
@media screen and (max-width: 1692px) {
    .c-block-movie--summer {
        margin-top: calc(160 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-movie--summer {
        margin-top: calc(87 / var(--design-width) * 100vw);
    }
}
.c-block-movie__contents {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 1047px;
    width: 82.832278481%;
    margin-inline: auto;
    -moz-column-gap: 5.635148042%;
         column-gap: 5.635148042%;
    row-gap: min(36px, 2.8481012658vw);
    z-index: 7;
}
@media screen and (max-width: 750px) {
    .c-block-movie__contents {
        max-width: 100%;
        width: calc(572 / var(--contents-width) * 100%);
        -moz-column-gap: 5.2447552448%;
             column-gap: 5.2447552448%;
    }
}
.c-block-movie__img {
    max-width: 494px;
    width: 47.182425979%;
    height: -moz-fit-content;
    height: fit-content;
}
@media screen and (max-width: 750px) {
    .c-block-movie__img {
        max-width: 100%;
        width: calc(355 / var(--design-width) * 100%);
    }
}
.c-block-movie__img--spring {
    box-shadow: 10px 10px 0px 0px rgb(203, 114, 147);
}
@media screen and (max-width: 1692px) {
    .c-block-movie__img--spring {
        box-shadow: clamp(5px, 0.6vw, 10px) clamp(5px, 0.6vw, 10px) 0px 0px rgb(203, 114, 147);
    }
}
@media screen and (max-width: 750px) {
    .c-block-movie__img--spring {
        box-shadow: clamp(2.5px, 0.67vw, 5px) clamp(2.5px, 0.67vw, 5px) 0px 0px rgb(203, 114, 147);
    }
}
.c-block-movie__img--summer {
    box-shadow: 10px 10px 0px 0px rgb(213, 171, 35);
}
@media screen and (max-width: 1692px) {
    .c-block-movie__img--summer {
        box-shadow: clamp(5px, 0.6vw, 10px) clamp(5px, 0.6vw, 10px) 0px 0px rgb(213, 171, 35);
    }
}
@media screen and (max-width: 750px) {
    .c-block-movie__img--summer {
        box-shadow: clamp(2.5px, 0.67vw, 5px) clamp(2.5px, 0.67vw, 5px) 0px 0px rgb(213, 171, 35);
    }
}
.c-block-movie__bg {
    position: absolute;
    background-size: contain;
    max-width: 1108px;
    width: calc(1108 / var(--contents-width) * 100%);
    max-height: 320px;
    height: calc(320 / var(--contents-width) * 100vw);
    box-sizing: border-box;
    inset-inline: 0;
    margin-inline: auto;
    transform: translateY(-69%);
}
@media screen and (max-width: 750px) {
    .c-block-movie__bg {
        max-width: 100%;
        width: calc(605 / var(--design-width) * 100%);
        max-height: 174px;
        height: calc(174 / var(--contents-width) * 100vw);
        transform: translateY(-69%);
    }
}
.c-block-movie__bg--spring {
    background-color: #F0A0BE;
}
.c-block-movie__bg--summer {
    background-color: #FAD250;
}
.c-block-movie__txt {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    margin-inline: auto;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .c-block-movie__txt {
        transform: translateY(-62%);
    }
}
.c-block-movie__txt--spring {
    max-width: 246px;
    width: 22.202166065%;
}
@media screen and (max-width: 750px) {
    .c-block-movie__txt--spring {
        max-width: 100%;
        width: 21.9834710744%;
    }
}
.c-block-movie__txt--summer {
    max-width: 245px;
    width: 22.1119133574%;
}
@media screen and (max-width: 750px) {
    .c-block-movie__txt--summer {
        max-width: 100%;
        width: 21.9834710744%;
    }
}

/* ---------------------------------------------
*   c-block-copyright
--------------------------------------------- */
.c-block-copyright {
    text-align: center;
    background-color: var(--color-white-1);
    padding-top: 64px;
    padding-bottom: 162px;
    margin-top: 116px;
}
@media screen and (max-width: 1692px) {
    .c-block-copyright {
        padding-top: calc(64 / var(--contents-width) * 100vw);
        padding-bottom: calc(162 / var(--contents-width) * 100vw);
        margin-top: calc(116 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-copyright {
        padding-top: calc(44 / var(--design-width) * 100vw);
        padding-bottom: calc(38 / var(--design-width) * 100vw);
        margin-top: 0;
    }
}
.c-block-copyright__txt {
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
}
@media screen and (max-width: 967px) {
    .c-block-copyright__txt {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-block-copyright__txt {
        font-size: calc(12 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-box-movie
--------------------------------------------- */
.c-box-movie {
    max-width: 1277px;
    width: calc(1277 / var(--contents-width) * 100%);
    margin-inline: auto;
    padding-top: 130px;
    padding-bottom: 143px;
    background: url(../img/bg_deco.png) repeat-x 50% top, url(../img/bg_deco.png) repeat-x 50% bottom, linear-gradient(180deg, rgb(240, 160, 190) 0%, rgb(240, 160, 190) 20%, rgb(255, 243, 204) 50%, rgb(250, 210, 80) 80%, rgb(250, 210, 80) 100%), #F0A0BE;
    background-size: 105.2215189873% auto, 105.2215189873% auto, auto auto;
}
@media screen and (max-width: 1692px) {
    .c-box-movie {
        padding-top: calc(130 / var(--contents-width) * 100vw);
        padding-bottom: calc(143 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-movie {
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
        padding-top: calc(70 / var(--design-width) * 100vw);
        padding-bottom: calc(64 / var(--design-width) * 100vw);
        background: url(../img/sp/bg_deco.png) repeat-x 48% top, url(../img/sp/bg_deco.png) repeat-x 48% bottom, linear-gradient(180deg, rgb(240, 160, 190) 0%, rgb(255, 243, 204) 60%, rgb(250, 210, 80) 100%), #F0A0BE;
        background-size: 112.7272727273% auto, 112.7272727273% auto, auto auto;
    }
}
.c-box-movie__ttl {
    max-width: 1077px;
    width: 85.2056962025%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-movie__ttl {
        max-width: 100%;
        width: calc(584 / var(--contents-width) * 100%);
    }
}
.c-box-movie__lead {
    color: var(--color-white-1);
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
    font-weight: 700;
    padding-inline: 90px;
    text-align: center;
    margin-top: 31px;
}
@media screen and (max-width: 1692px) {
    .c-box-movie__lead {
        padding-inline: calc(90 / var(--contents-width) * 100vw);
        margin-top: calc(31 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-movie__lead {
        font-size: min(20 / var(--contents-width) * 100vw, 20px);
        padding-inline: calc(20 / var(--contents-width) * 100vw);
        line-height: 1.45;
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-box-movie__note {
    color: var(--color-white-1);
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
    display: flex;
    justify-content: center;
    margin-top: 36px;
    padding-inline: 93px;
    line-height: 1.45;
}
@media screen and (max-width: 1692px) {
    .c-box-movie__note {
        margin-top: calc(36 / var(--contents-width) * 100vw);
        padding-inline: calc(93 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-movie__note {
        font-size: calc(14 / var(--root-fz) * 1rem);
        margin-top: calc(14 / var(--design-width) * 100vw);
        padding-inline: calc(45 / var(--design-width) * 100vw);
        line-height: 1.43;
    }
}
.c-box-movie__note--2 {
    justify-content: end;
    padding-right: 122px;
    padding-left: 0;
}
@media screen and (max-width: 1692px) {
    .c-box-movie__note--2 {
        padding-right: calc(122 / var(--contents-width) * 100vw);
        padding-left: 0;
    }
}
@media screen and (max-width: 750px) {
    .c-box-movie__note--2 {
        padding-right: calc(30 / var(--design-width) * 100vw);
        padding-left: calc(124 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-movie__note--2 .pc-hide {
        display: none;
    }
}
.c-box-movie__note-ico, .c-box-movie__note-desc {
    line-height: 1.45;
}

/* ---------------------------------------------
*   c-box-qr
--------------------------------------------- */
.c-box-qr--1 {
    margin-top: 202px;
}
@media screen and (max-width: 1692px) {
    .c-box-qr--1 {
        margin-top: calc(202 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr--1 {
        margin-top: calc(95 / var(--design-width) * 100vw);
    }
}
.c-box-qr--2 {
    margin-top: 105px;
}
@media screen and (max-width: 1692px) {
    .c-box-qr--2 {
        margin-top: calc(105 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr--2 {
        margin-top: calc(52 / var(--design-width) * 100vw);
    }
}
.c-box-qr--3 {
    margin-top: 136px;
}
@media screen and (max-width: 1692px) {
    .c-box-qr--3 {
        margin-top: calc(136 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-qr--3 {
        margin-top: calc(130 / var(--design-width) * 100vw);
    }
}
.c-box-qr__img {
    max-width: 1020px;
    width: 80.6962025316%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-qr__img {
        max-width: 100%;
        width: calc(605 / var(--contents-width) * 100%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-box-qr__link {
        transition: opacity var(--hover-duration);
    }
    .c-box-qr__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-box-terms
--------------------------------------------- */
.c-box-terms {
    max-width: 1080px;
    width: calc(1080 / var(--contents-width) * 100%);
    margin-top: 100px;
    margin-inline: auto;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 1692px) {
    .c-box-terms {
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms {
        max-width: 100%;
        width: calc(602 / var(--design-width) * 100%);
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms--2 {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-box-terms__head {
    position: relative;
    display: block;
    color: var(--color-white-1);
    font-family: inherit;
    font-size: min(36 / var(--contents-width) * 100vw, 36px);
    background-color: var(--color-gray-1);
    margin-inline: auto;
    width: 100%;
    padding: 24px 477px 24px 430px;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 20px;
    border: none;
    white-space: nowrap;
}
@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: 1692px) {
    .c-box-terms__head {
        padding: calc(24 / var(--contents-width) * 100vw) calc(477 / var(--contents-width) * 100vw) calc(24 / var(--contents-width) * 100vw) calc(430 / var(--contents-width) * 100vw);
        border-radius: min(20 / var(--contents-width) * 100vw, 20px);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__head {
        font-size: min(28 / var(--contents-width) * 100vw, 28px);
        padding: calc(8 / var(--contents-width) * 100vw) calc(177 / var(--contents-width) * 100vw) calc(7 / var(--contents-width) * 100vw) calc(145 / var(--contents-width) * 100vw);
        border-radius: min(10 / var(--contents-width) * 100vw, 10px);
    }
}
.c-box-terms__head span {
    position: absolute;
    background-color: #FFF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    transform: translate(60%, -50%);
}
@media screen and (max-width: 1692px) {
    .c-box-terms__head span {
        width: calc(50 / var(--contents-width) * 100vw);
        height: calc(50 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__head span {
        width: calc(37 / var(--design-width) * 100vw);
        height: calc(37 / var(--design-width) * 100vw);
        transform: translate(27%, -50%);
    }
}
.c-box-terms__head span::before, .c-box-terms__head span::after {
    content: "";
    background-color: var(--color-gray-1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 8px;
    transition: transform 0.3s;
}
@media screen and (max-width: 1692px) {
    .c-box-terms__head span::before, .c-box-terms__head span::after {
        width: calc(30 / var(--contents-width) * 100vw);
        height: calc(8 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__head span::before, .c-box-terms__head span::after {
        width: calc(22 / var(--design-width) * 100vw);
        height: calc(4 / var(--design-width) * 100vw);
    }
}
.c-box-terms__head span::before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.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: 90px;
    font-size: min(24 / var(--contents-width) * 100vw, 24px);
    line-height: 1.66;
}
@media screen and (max-width: 1692px) {
    .c-box-terms__txt {
        margin-top: calc(90 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 1128px) {
    .c-box-terms__txt {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__txt {
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.75;
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-box-terms__txt--2 {
    margin-top: 40px;
}
@media screen and (max-width: 1962px) {
    .c-box-terms__txt--2 {
        margin-top: calc(40 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms__txt--2 {
        margin-top: calc(28 / var(--design-width) * 100vw);
    }
}
.c-box-terms__txt strong {
    font-weight: bold;
}
.c-box-terms__txt--sub {
    margin-top: 0;
}
.c-box-terms__link {
    text-decoration: underline !important;
}
.c-box-terms__link :hover {
    text-decoration: none !important;
}

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

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

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

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

/* ---------------------------------------------
*   c-box-bromide
--------------------------------------------- */
.c-box-bromide {
    max-width: 1264px;
    width: calc(1264 / var(--contents-width) * 100%);
    margin-inline: auto;
    padding-top: 130px;
    padding-bottom: 150px;
    background: url(../img/bg_deco.png) repeat-x 50% top, url(../img/bg_deco.png) repeat-x 50% bottom, linear-gradient(180deg, rgb(250, 210, 80) 0%, rgb(255, 243, 204) 50%, rgb(240, 160, 190) 100%), #FAD250;
    background-size: 105.2215189873% auto, 105.2215189873% auto, auto auto;
}
@media screen and (max-width: 1692px) {
    .c-box-bromide {
        padding-top: calc(130 / var(--contents-width) * 100vw);
        padding-bottom: calc(150 / var(--contents-width) * 100vw);
    }
}
@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(77 / var(--design-width) * 100vw);
        padding-bottom: calc(61 / var(--design-width) * 100vw);
    }
}
.c-box-bromide__ttl {
    max-width: 1080px;
    width: 85.4430379747%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-bromide__ttl {
        max-width: 100%;
        width: calc(540 / var(--contents-width) * 100%);
    }
}
.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-holder
--------------------------------------------- */
.c-box-holder {
    max-width: 1264px;
    width: calc(1264 / var(--contents-width) * 100%);
    margin-inline: auto;
    padding-top: 130px;
    padding-bottom: 143px;
    background: url(../img/bg_deco.png) repeat-x 50% top, url(../img/bg_deco.png) repeat-x 50% bottom, linear-gradient(180deg, rgb(240, 160, 190) 0%, rgb(255, 243, 204) 50%, rgb(250, 210, 80) 100%), #F0A0BE;
    background-size: 105.2215189873% auto, 105.2215189873% auto, auto auto;
}
@media screen and (max-width: 1692px) {
    .c-box-holder {
        padding-top: calc(130 / var(--contents-width) * 100vw);
        padding-bottom: calc(143 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-holder {
        max-width: 100%;
        width: calc(660 / var(--design-width) * 100%);
        padding-top: calc(72 / var(--design-width) * 100vw);
        padding-bottom: calc(70 / var(--design-width) * 100vw);
        background: url(../img/sp/bg_deco.png) repeat-x 48% top, url(../img/sp/bg_deco.png) repeat-x 48% bottom, linear-gradient(180deg, rgb(240, 160, 190) 0%, rgb(255, 243, 204) 60%, rgb(250, 210, 80) 100%), #F0A0BE;
        background-size: 112.7272727273% auto, 112.7272727273% auto, auto auto;
    }
}
.c-box-holder__ttl {
    max-width: 1098px;
    width: 86.8670886076%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-box-holder__ttl {
        max-width: 100%;
        width: calc(542 / var(--contents-width) * 100%);
    }
}
.c-box-holder__head {
    max-width: 300px;
    width: 23.7341772152%;
    margin-inline: auto;
    margin-top: 50px;
}
@media screen and (max-width: 1692px) {
    .c-box-holder__head {
        margin-top: calc(50 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-holder__head {
        max-width: 100%;
        width: calc(160 / var(--contents-width) * 100%);
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-box-holder__img {
    max-width: 569px;
    width: 45.0158227848%;
    margin-inline: auto;
    margin-top: 96px;
}
@media screen and (max-width: 1692px) {
    .c-box-holder__img {
        margin-top: calc(96 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-holder__img {
        max-width: 100%;
        width: calc(581 / var(--contents-width) * 100%);
        margin-top: calc(90 / var(--design-width) * 100vw);
    }
}
.c-box-holder__note {
    color: var(--color-white-1);
    text-align: center;
    font-size: calc(16 / var(--root-fz) * 1rem);
    line-height: 1.43;
    margin-top: calc(36 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-box-holder__note {
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.43;
        margin-top: calc(36 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-btn
--------------------------------------------- */
/* ---------------------------------------------
*   c-card
--------------------------------------------- */
/* ---------------------------------------------
*   c-cassette-contents
--------------------------------------------- */
.c-cassette-contents {
    margin-top: 94px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-contents {
        margin-top: calc(94 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-contents {
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
.c-cassette-contents__ttl {
    max-width: 910px;
    width: calc(910 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-contents__ttl {
        max-width: 100%;
        width: calc(607 / var(--design-width) * 100%);
    }
}
.c-cassette-contents__nav {
    margin-top: 112px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-contents__nav {
        margin-top: calc(112 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-contents__nav {
        margin-top: calc(28 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-cassette-bromide
--------------------------------------------- */
.c-cassette-bromide {
    margin-top: 102px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-bromide {
        margin-top: calc(102 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-bromide {
        margin-top: calc(19 / var(--design-width) * 100vw);
    }
}
.c-cassette-bromide__head {
    max-width: 300px;
    width: 23.7341772152%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-bromide__head {
        max-width: 100%;
        width: calc(160 / var(--contents-width) * 100%);
    }
}
.c-cassette-bromide__img {
    max-width: 824px;
    width: 65.1898734177%;
    margin-inline: auto;
    margin-top: 60px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-bromide__img {
        margin-top: calc(60 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-bromide__img {
        max-width: 100%;
        width: 70.6060606061%;
    }
}
.c-cassette-bromide__note {
    font-size: min(20 / var(--contents-width) * 100vw, 20px);
    text-align: center;
    line-height: 1.45;
    margin-top: 92px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-bromide__note {
        margin-top: calc(92 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 1185px) {
    .c-cassette-bromide__note {
        font-size: calc(12 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-bromide__note {
        margin-top: calc(23 / var(--design-width) * 100vw);
    }
}
.c-cassette-bromide__note.pc-hide {
    color: var(--color-white-1);
    font-size: calc(14 / var(--root-fz) * 1rem);
    line-height: 1.43;
}
.c-cassette-bromide__note-br {
    display: none;
}

/* ---------------------------------------------
*   c-cassette-method
--------------------------------------------- */
.c-cassette-method--1 {
    margin-top: 150px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-method--1 {
        margin-top: calc(150 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-method--1 {
        margin-top: calc(41 / var(--design-width) * 100vw);
    }
}
.c-cassette-method--2 {
    margin-top: 100px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-method--2 {
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-method--2 {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-cassette-method__head {
    max-width: 1256px;
    width: calc(1256 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-method__head {
        max-width: 100%;
        width: calc(605 / var(--design-width) * 100%);
    }
}
.c-cassette-method__step {
    max-width: 1256px;
    width: calc(1256 / var(--contents-width) * 100%);
    margin-inline: auto;
    margin-top: 100px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-method__step {
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-method__step {
        max-width: 100%;
        width: calc(401 / var(--design-width) * 100%);
        margin-top: calc(64 / var(--design-width) * 100vw);
        transform: translateX(-5%);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-method__step--2 {
        max-width: 100%;
        width: calc(613 / var(--design-width) * 100%);
        margin-top: calc(28 / var(--design-width) * 100vw);
        transform: translateX(0%);
    }
}

/* ---------------------------------------------
*   c-cassette-about
--------------------------------------------- */
.c-cassette-about {
    margin-top: 164px;
    margin-bottom: 140px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-about {
        margin-top: calc(164 / var(--contents-width) * 100vw);
        margin-bottom: calc(140 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-about {
        margin-top: calc(154 / var(--design-width) * 100vw);
        margin-bottom: 0;
    }
}
.c-cassette-about__head {
    max-width: 661px;
    width: calc(661 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-about__head {
        max-width: 100%;
        width: calc(495 / var(--design-width) * 100%);
    }
}
.c-cassette-about__logo {
    max-width: 400px;
    width: calc(400 / var(--contents-width) * 100%);
    margin-inline: auto;
    margin-top: 94px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-about__logo {
        margin-top: calc(94 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-about__logo {
        max-width: 100%;
        width: calc(300 / var(--design-width) * 100%);
        margin-top: calc(47 / var(--design-width) * 100vw);
    }
}
.c-cassette-about__desc {
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
    font-weight: 400;
    padding-inline: 200px;
    margin-top: 82px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-about__desc {
        padding-inline: calc(200 / var(--contents-width) * 100vw);
        margin-top: calc(82 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-about__desc {
        font-size: calc(14 / var(--root-fz) * 1rem);
        padding-inline: calc(72 / var(--design-width) * 100vw);
        margin-top: calc(37 / var(--design-width) * 100vw);
        line-height: 1.75;
    }
}
.c-cassette-about__desc-link {
    font-weight: 700;
    text-decoration: underline !important;
}
.c-cassette-about__desc-link:hover {
    text-decoration: none !important;
}
.c-cassette-about__txt {
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
    font-weight: 700;
    text-align: center;
    margin-top: 95px;
    margin-bottom: 145px;
}
@media screen and (max-width: 1692px) {
    .c-cassette-about__txt {
        margin-top: calc(90 / var(--contents-width) * 100vw);
        margin-bottom: calc(145 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-about__txt {
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.45;
        margin-top: calc(40 / var(--design-width) * 100vw);
        margin-bottom: 0;
    }
}
.c-cassette-about__br {
    display: none;
}
@media screen and (max-width: 500px) {
    .c-cassette-about__br {
        display: block;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-about__link {
        transition: opacity var(--hover-duration);
    }
    .c-cassette-about__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
/* ---------------------------------------------
*   c-form
--------------------------------------------- */
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    padding: 64px 56px 0 65px;
}
@media screen and (max-width: 2400px) {
    .c-kv {
        padding: calc(60 / var(--design-width) * 100vw) calc(60 / var(--design-width) * 100vw) 0 calc(61 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-kv {
        padding: 0;
    }
}
.c-kv__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-link
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-anchor
--------------------------------------------- */
.c-list-anchor {
    display: flex;
    flex-wrap: wrap;
    max-width: 1266px;
    width: calc(1266 / var(--contents-width) * 100%);
    margin-top: 20px;
    margin-inline: auto;
    -moz-column-gap: 1.7377567141%;
         column-gap: 1.7377567141%;
    row-gap: min(22px, 22 / var(--contents-width) * 100vw);
}
@media screen and (max-width: 1692px) {
    .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(622 / var(--design-width) * 100%);
        row-gap: min(20px, 20 / var(--design-width) * 100vw);
    }
}
.c-list-anchor__item {
    max-width: 622px;
    width: 49.131121643%;
}
@media screen and (max-width: 750px) {
    .c-list-anchor__item {
        width: 100%;
    }
}
.c-list-anchor__item--1 {
    max-width: 100%;
    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-size: min(24 / var(--contents-width) * 100vw, 24px);
    margin-inline: auto;
    margin-top: 82px;
}
@media screen and (max-width: 1692px) {
    .c-list-note {
        margin-top: calc(82 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 1128px) {
    .c-list-note {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-list-note {
        max-width: 100%;
        width: calc(602 / var(--design-width) * 100%);
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.43;
        margin-top: calc(36 / var(--design-width) * 100vw);
    }
}
.c-list-note--1 {
    max-width: 1080px;
    width: calc(1080 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-note--1 {
        max-width: 100%;
        width: calc(605 / var(--design-width) * 100%);
        margin-top: calc(50 / var(--design-width) * 100vw);
    }
}
.c-list-note--2 {
    color: var(--color-white-1);
    max-width: 1097px;
    width: 86.7879746835%;
}
@media screen and (max-width: 750px) {
    .c-list-note--2 {
        max-width: 100%;
        width: 5016.6666666667%;
        margin-top: calc(39 / var(--design-width) * 100vw);
        padding-inline: calc(34 / var(--design-width) * 100vw);
    }
}
.c-list-note--3 {
    max-width: 1055px;
    width: calc(1055 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-list-note--3 {
        width: 100%;
        margin-inline: 0;
        margin-top: calc(46 / var(--design-width) * 100vw);
        padding-inline: calc(69 / var(--design-width) * 100vw);
    }
}
.c-list-note__item {
    display: flex;
}
.c-list-note__item--strong {
    color: var(--color-yellow-1);
}
.c-list-note__ico {
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .c-list-note__ico {
        line-height: 1.43;
    }
}
.c-list-note__ico--3 {
    line-height: 1.66;
}
@media screen and (max-width: 750px) {
    .c-list-note__ico--3 {
        line-height: 1.75;
    }
}
.c-list-note__txt {
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .c-list-note__txt {
        line-height: 1.43;
    }
}
.c-list-note__txt--3 {
    line-height: 1.66;
}
@media screen and (max-width: 750px) {
    .c-list-note__txt--3 {
        line-height: 1.75;
    }
}
.c-list-note__link {
    text-decoration: underline !important;
}
.c-list-note__link :hover {
    text-decoration: none !important;
}
@media screen and (max-width: 1013px) {
    .c-list-note__br {
        display: none;
    }
}

/* ---------------------------------------------
*   c-list-terms
--------------------------------------------- */
.c-list-terms {
    margin-top: 92px;
    font-size: min(24 / var(--contents-width) * 100vw, 24px);
    line-height: 1.66;
}
@media screen and (max-width: 1692px) {
    .c-list-terms {
        margin-top: calc(92 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 1128px) {
    .c-list-terms {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-list-terms {
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-list-terms--2 {
    margin-top: 40px;
}
@media screen and (max-width: 1692px) {
    .c-list-terms--2 {
        margin-top: calc(40 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-terms--2 {
        margin-top: calc(28 / var(--design-width) * 100vw);
    }
}
.c-list-terms__item {
    display: flex;
}
@media screen and (max-width: 750px) {
    .c-list-terms__item {
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.75;
    }
}
.c-list-terms__item--sub {
    padding-left: 1em;
}
.c-list-terms__ico {
    line-height: 1.66;
}
@media screen and (max-width: 750px) {
    .c-list-terms__ico {
        line-height: 1.75;
    }
}
.c-list-terms__ico--2 {
    line-height: 1.55;
}
@media screen and (max-width: 750px) {
    .c-list-terms__ico--2 {
        line-height: 1.75;
    }
}
.c-list-terms__txt {
    line-height: 1.66;
}
@media screen and (max-width: 750px) {
    .c-list-terms__txt {
        line-height: 1.75;
    }
}
.c-list-terms__txt--2 {
    line-height: 1.55;
}
@media screen and (max-width: 750px) {
    .c-list-terms__txt--2 {
        line-height: 1.75;
    }
}
.c-list-terms__link {
    text-decoration: underline !important;
}
.c-list-terms__link:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   c-list-bromide
--------------------------------------------- */
.c-list-bromide {
    display: flex;
    flex-wrap: wrap;
    max-width: 824px;
    width: 65.1898734177%;
    margin-inline: auto;
    -moz-column-gap: 9.2233009709%;
         column-gap: 9.2233009709%;
    row-gap: min(75px, 75 / var(--contents-width) * 100vw);
    margin-top: 60px;
}
@media screen and (max-width: 1692px) {
    .c-list-bromide {
        margin-top: calc(60 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-bromide {
        max-width: 100%;
        width: calc(400 / var(--contents-width) * 100%);
        -moz-column-gap: 0;
             column-gap: 0;
        row-gap: min(48px, 48 / var(--design-width) * 100vw);
        margin-top: calc(39 / var(--design-width) * 100vw);
    }
}
.c-list-bromide__item {
    max-width: 374px;
    width: 45.3883495146%;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 750px) {
    .c-list-bromide__item {
        max-width: 100%;
        width: 100%;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    }
}

/* ---------------------------------------------
*   c-list-desc
--------------------------------------------- */
.c-list-desc {
    padding-inline: 89px;
    margin-inline: auto;
    margin-top: 100px;
}
@media screen and (max-width: 1692px) {
    .c-list-desc {
        padding-inline: calc(89 / var(--contents-width) * 100vw);
        margin-top: calc(100 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc {
        width: 100%;
        margin-top: calc(60 / var(--design-width) * 100vw);
        margin-inline: 0;
        padding-right: calc(22 / var(--design-width) * 100%);
        padding-left: calc(33 / var(--design-width) * 100%);
    }
}
.c-list-desc__item {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 1.5384615385%;
         column-gap: 1.5384615385%;
    color: var(--color-white-1);
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
    font-weight: bold;
}
@media screen and (max-width: 1088px) {
    .c-list-desc__item {
        font-size: calc(18 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc__item {
        font-size: calc(16 / var(--root-fz) * 1rem);
        display: block;
    }
}
.c-list-desc__item--2 {
    margin-top: 50px;
}
@media screen and (max-width: 1692px) {
    .c-list-desc__item--2 {
        margin-top: calc(50 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc__item--2 {
        display: flex;
        margin-top: calc(37 / var(--design-width) * 100vw);
    }
}
.c-list-desc__ttl {
    color: var(--color-gray-2);
    font-weight: 500;
    white-space: nowrap;
    display: inline-block;
    flex-wrap: nowrap;
    background-color: var(--color-white-1);
    padding: 9px 79px 8px 48px;
    border-radius: 0 50px 50px 0;
}
@media screen and (max-width: 1692px) {
    .c-list-desc__ttl {
        padding: calc(9 / var(--contents-width) * 100vw) calc(79 / var(--contents-width) * 100vw) calc(8 / var(--contents-width) * 100vw) calc(49 / var(--contents-width) * 100vw);
        border-radius: 0 min(50 / var(--contents-width) * 100vw, 50px) min(50 / var(--contents-width) * 100vw, 50px) 0;
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc__ttl {
        padding-block: 4px;
        padding-inline: 40px;
        border-radius: 0 min(50 / var(--contents-width) * 100vw, 50px) min(50 / var(--contents-width) * 100vw, 50px) 0;
        line-height: 1.45;
    }
}
@media screen and (max-width: 520px) {
    .c-list-desc__txt br {
        display: none;
    }
}
@media screen and (max-width: 750px) {
    .c-list-desc__desc {
        padding-left: 2em;
        line-height: 1.45;
    }
}
.c-list-desc__desc--1 {
    margin-top: 15px;
    align-self: baseline;
}
@media screen and (max-width: 1692px) {
    .c-list-desc__desc--1 {
        margin-top: calc(15 / var(--contents-width) * 100vw);
    }
}
.c-list-desc__desc--2 {
    display: block;
    align-self: center;
}
@media screen and (max-width: 750px) {
    .c-list-desc__desc--2 {
        padding-left: 0;
    }
}
.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-desc__link {
    text-decoration: underline !important;
}
.c-list-desc__link:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    margin-top: 153px;
}
@media screen and (max-width: 1692px) {
    .c-section-1 {
        margin-top: calc(153 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        margin-top: calc(41 / 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__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-1__step {
    max-width: 856px;
    width: calc(856 / var(--contents-width) * 100%);
    margin-top: 40px;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .c-section-1__step {
        margin-top: calc(40 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__step {
        max-width: 100%;
        width: calc(587 / var(--design-width) * 100%);
        margin-top: calc(33 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    margin-top: 96px;
}
@media screen and (max-width: 1692px) {
    .c-section-2 {
        margin-top: calc(96 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2 {
        margin-top: calc(41 / var(--design-width) * 100vw);
    }
}
.c-section-2__note {
    font-size: min(28 / var(--contents-width) * 100vw, 28px);
    text-align: center;
    font-weight: 700;
    margin-top: 86px;
}
@media screen and (max-width: 1692px) {
    .c-section-2__note {
        margin-top: calc(86 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__note {
        margin-top: calc(46 / var(--design-width) * 100vw);
    }
}
.c-section-2__note {
    color: var(--color-white-1);
    font-weight: 800;
    text-align: center;
    margin-top: 86px;
}
@media screen and (max-width: 1692px) {
    .c-section-2__note {
        margin-top: calc(86 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__note {
        font-size: calc(16 / var(--root-fz) * 1rem);
        line-height: 1.45;
        margin-top: calc(41 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3 {
    margin-top: 112px;
}
@media screen and (max-width: 1692px) {
    .c-section-3 {
        margin-top: calc(112 / var(--contents-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3 {
        margin-top: calc(90 / 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-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;
    }
}