@charset "UTF-8";
:root {
    /* 影響範囲確認済み変数↓↓ */
    --c-white: #fff; 
    --c-black: #000;
    /* main */
    --c-main: #e60012;
    --c-main-sub: #fef7f8;
    /* /main */

    /* sub */
    --c-sub-ffc22e: #ffc22e;
    --c-sub-fff3d5: #fff3d5;
    --c-sub-fffef1: #fffef1;
    /* /sub */

    /* orange */
    --c-orange: #ff7800;

    /* 仮 */
    --c-gray-999: #999;
    --c-gray-eb: #ebebeb;
    --c-gray-dc: #dcdcdc;
    --c-gray-c9: #c9c9c9;
    --c-gray-c8: #c8c8c8;
    --c-gray-f7: #f7f7f7;
    /* /仮 */
    --font: 16;
    --f-zen-maru: "Zen Maru Gothic", sans-serif;
    --f-zen-kaku: "Zen Kaku Gothic New", sans-serif;
    --f-noto: "Noto Sans JP", sans-serif;
    --f-out: "Outfit" , sans-serif;
    --transition-all: all .3s ease;
    --letter-60: calc(60 / 1000 * 1em);
}
/* ==========================================================================
ELEMENT RESET
========================================================================== */
*,*::before,*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--c-black);
font-weight: 400;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
ol,ul,dl {
margin-top: 0;
margin-bottom: 0;
}
dd {
margin-left: 0;
}
ol,ul {
margin: 0;
padding-left: 0;
list-style: none;
}
a {
color: inherit;
text-decoration: none;
cursor: pointer;
outline: 0;
}
a:focus,button:focus {
outline: 0;
}
em {
font-style: normal;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
}
button {
margin: 0;
padding: 0;
background: none;
border: none;
}
button:focus {
outline: none;
}
input,button,select,textarea {
line-height: inherit;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
margin-bottom: 0;
padding: 0;
line-height: inherit;
}
hr {
margin: 0;
}
hr {
margin: 5rem 0;
border: 1px #ccc solid;
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
}

/* --------------------------------------------------------------------------
非表示
-------------------------------------------------------------------------- */
/* PCのみ非表示 */
@media all and (min-width: 768px), print {
    .ut-hide-pc {
        display: none !important;
    }
}
/* タブレットのみ非表示 */
@media all and (min-width: 768px) and (max-width: 1024px) {
    .ut-hide-tab {
        display: none !important;
    }
}
/* SPのみ非表示 */
@media all and (max-width: 767px) {
    .ut-hide-sp {
        display: none !important;
    }
}
/* --------------------------------------------------------------------------
行揃え
-------------------------------------------------------------------------- */
.ut-center {
    text-align: center !important;
}
/* TAB,PCのみテキストセンター */
@media all and (min-width: 768px), print {
    .ut-center-tab-pc {
        text-align: center !important;
    }
}
/* SPのみテキストセンター */
@media all and (max-width: 767px) {
    .ut-center-sp {
        text-align: center !important;
    }
}
.ut-left {
    text-align: left;
}
/* TAB,PCのみテキストセンター */
@media all and (min-width: 768px), print {
    .ut-left-tab-pc {
        text-align: left !important;
    }
}
/* SPのみテキストセンター */
@media all and (max-width: 767px) {
    .ut-left-sp {
        text-align: left !important;
    }
}
.ut-right {
    text-align: right !important;
}
/* TAB,PCのみテキストセンター */
@media all and (min-width: 768px), print {
    .ut-right-tab-pc {
        text-align: right !important;
    }
}
/* SPのみテキストセンター */
@media all and (max-width: 767px) {
    .ut-right-sp {
        text-align: right !important;
    }
}
/* --------------------------------------------------------------------------
強調
-------------------------------------------------------------------------- */
.ut-black {
    font-weight: 900;
}
.ut-bold {
    font-weight: 700;
}
.ut-medium {
    font-weight: 500;
}
.ut-main {
    color: var(--c-main);
}

/* --------------------------------------------------------------------------
フォント
-------------------------------------------------------------------------- */
body,button,input,optgroup,select,textarea {
    font-family: var(--f-noto);
}
.ut-noto {
    font-family: var(--f-noto);
}
.ut-zen-maru {
    font-family: var(--f-zen-maru);
}
.ut-zen-kaku {
    font-family: var(--f-zen-kaku);
}
.ut-zen-out {
    font-family: var(--f-out);
}
/* color */
.ut-c-999 {
    color: var(--c-gray-999);
}
.ut-c-c9 {
    color: var(--c-gray-c9);
}

/* --------------------------------------------------------------------------
MC-INDENT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .ut-indent {
        padding-left: 1em;
    }
}

/* --------------------------------------------------------------------------
ROOT FONT SIZE
-------------------------------------------------------------------------- */
/* 16px */
html {
    font-size: 16px;
}
body {
    font-size: 1rem;
}
@media all and (min-width: 768px) and (max-width: 1365px) {
    /* 14px */
    html {
        font-size: 14px;
    }
}

/* ==========================================================================
IMG SVG COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
img
-------------------------------------------------------------------------- */
.mc-img {
}
.mc-img__label {
    width: 100%;
}

/* --------------------------------------------------------------------------
svg
-------------------------------------------------------------------------- */
.mc-svg {
    position: relative;
    display: block;
    width: 100%;
}
.mc-svg::before {
    display: block;
    padding-top: 100%;
    content: '';
}
.mc-svg > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
TEXT COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
MC-TEXT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-text {
        --txt-font-size: 16;
        --line-height: 1.8;
        font-size: calc(var(--txt-font-size) / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: var(--line-height);
        text-align: left;
        word-break: break-all;
    }
    [data-cat="en"] .mc-text {
        word-break:normal;
    }
    .mc-text sub {
        font-size: 0.5em;
        top: -0.5em;
        bottom: -0.1em;
    }
    /* L */
    .mc-text--xl {
        --txt-font-size: 20;
    }
    .mc-text--l {
        --txt-font-size: 18;
    }
    
    /* S */
    .mc-text--s {
        --txt-font-size: 14;
    }
    .mc-text--xs {
        --txt-font-size: 12;
    }
    .mc-text + .mc-text {
        margin-top: 1em;
    }
    .mc-text--pdf {
        display: inline-block;
        border: solid 1px var(--c-main);
        border-radius: calc(6 / var(--font) * 1rem);
        padding: calc(5 / var(--font) * 1rem) calc(16 / var(--font) * 1rem);
        color: var(--c-main);
        font-family: var(--f-out);
        font-size: calc(14 / var(--font) * 1rem);
        line-height: 1;
        margin-left: calc(18 / var(--font) * 1rem);
    }
    .ut-text-underline {
        text-decoration: underline;
    }
    .ut-text-link--red {
        color: var(--c-main);
        background: linear-gradient(var(--c-main), var(--c-main)) 100% 100%/100% 1px no-repeat;
    }
    .ut-text-link--red:hover,
    .ut-text-link:hover {
        animation: line-animation 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }
    .ut-text-link {
        background: linear-gradient(var(--c-black), var(--c-black)) 100% 100%/100% 1px no-repeat;
    }
    @keyframes line-animation {
        0% {
            background-size: 100% 1px;
            background-position: 100% 100%;
        }
        50% {
            background-size: 0 1px;
            background-position: 100% 100%;
        }
        51% {
            background-size: 0 1px;
            background-position: 0 100%;
        }
        100% {
            background-size: 100% 1px;
            background-position: 0 100%;
        }
    }
}
@media all and (max-width: 767px) {
    .mc-text {
        --txt-font-size: 14;
        --line-height: 1.8;
        font-size: calc(var(--txt-font-size) / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: var(--line-height);
        text-align: left;
        word-break: break-all;
    }
    [data-cat="en"] .mc-text {
        word-break:normal;
    }
    .mc-text sub {
        font-size: 0.5em;
        top: -0.5em;
        bottom: -0.1em;
    }
    /* L */
    .mc-text--xl {
        --txt-font-size: 20;
    }
    .mc-text--l {
        --txt-font-size: 15;
    }
    
    /* S */
    .mc-text--s {
        --txt-font-size: 12;
    }
    .mc-text--xs {
        --txt-font-size: 12;
    }
    .mc-text + .mc-text {
        margin-top: 1em;
    }
    .mc-text--pdf {
        display: inline-block;
        border: solid 1px var(--c-main);
        border-radius: calc(3 / var(--font) * 1rem);
        padding: calc(3 / var(--font) * 1rem) calc(10 / var(--font) * 1rem);
        color: var(--c-main);
        font-family: var(--f-out);
        font-size: calc(12 / var(--font) * 1rem);
        line-height: 1;
        margin-left: calc(2 / var(--font) * 1rem);
    }
    .ut-text-underline {
        text-decoration: underline;
    }
    .ut-text-link--red {
        color: var(--c-main);
    }
    .ut-text-link--red::after {
        content: "";
        display: inline-block;
        width: calc(15 / var(--font) * 1rem);
        padding-top: calc(7 / var(--font) * 1rem);
        mask: url("/assets_v2/img/common/ico_link_sp.svg") no-repeat center / contain;
        -webkit-mask: url("/assets_v2/img/common/ico_link_sp.svg") no-repeat center / contain;
        background: var(--c-main);
        margin-left: calc(16 / 14 * 1em);
    }
    .ut-text-link {
        text-decoration: underline;
    }
}
/* --------------------------------------------------------------------------
MC-LIST
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-list {
        --list-size: 16;
        --list-line-height: 1.6;
        --list-rate: var(--list-size) / 16;
        --list-desc-color: var(--c-main);
        --gap-y: 6;
        --gap-x: 0;
    }
    .mc-list-item {
        position: relative;
        display: flex;
        font-size: calc(var(--list-size) / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: var(--list-line-height);
    }
    .mc-list-item::before {
        content: "・";
    }
    .mc-list--desc .mc-list-item::before {
        content: none;
    }
    .mc-list-item-head {
        flex-shrink: 0;
    }
    .mc-list-item__inner {
    }

    /* L */
    .mc-list--xl {
        --list-size: 20;
    }
    .mc-list--l {
        --list-size: 18;
    }
    /* m */
    .mc-list--m {
        --list-size: 16;
    }
    /* s */
    .mc-list--s {
        --list-size: 14;
    }
    /* xs */
    .mc-list--xs {
        --list-size: 12;
    }

}
@media all and (max-width: 767px) {
    .mc-list {
        --list-size: 14;
        --list-line-height: 1.6;
        --list-rate: var(--list-size) / 16;
        --list-desc-color: var(--c-main);
        --gap-y: 6;
        --gap-x: 0;
    }
    .mc-list-item {
        position: relative;
        display: flex;
        font-size: calc(var(--list-size) / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: var(--list-line-height);
    }
    .mc-list-item::before {
        content: "・";
    }
    .mc-list--desc .mc-list-item::before {
        content: none;
    }
    .mc-list-item-head {
        flex-shrink: 0;
    }
    .mc-list-item__inner {
    }

    /* L */
    .mc-list--xl {
        --list-size: 20;
    }
    .mc-list--l {
        --list-size: 15;
    }
    /* m */
    .mc-list--m {
        --list-size: 14;
    }
    /* s */
    .mc-list--s {
        --list-size: 12;
    }
    /* xs */
    .mc-list--xs {
        --list-size: 10;
    }
}

/* --------------------------------------------------------------------------
MC-NOTE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-note {
        --note-size: 16;
        --note-position: start;
    }
    .mc-note-text {
        font-size: calc(var(--note-size) / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: 1.6;
        display: flex;
        justify-content: var(--note-position);
    }
    .mc-note-text__num {
        flex-shrink: 0;
    }
    .mc-note-text::before {
        content: "※";
    }
    .mc-note-text__label {
    }
    
    /* CENTER */
    .mc-note--center {
        --note-position: center;
    }
    .mc-note--end {
        --note-position: end;
    }

    /* l */
    .mc-note--xl {
        --note-size: 20;
    }
    .mc-note--l {
        --note-size: 18;
    }
    /* S */
    .mc-note--s {
        --note-size: 14;
    }
    .mc-note--xs {
        --note-size: 12;
    }
    .mc-note--xxs {
        --note-size: 11;
    }
    .mc-note--xxxs {
        --note-size: 10;
    }
}
@media all and (max-width: 767px) {
    .mc-note {
        --note-size: 14;
        --note-position: start;
    }
    .mc-note-text {
        font-size: calc(var(--note-size) / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: 1.6;
        display: flex;
        justify-content: var(--note-position);
    }
    .mc-note-text__num {
        flex-shrink: 0;
    }
    .mc-note-text::before {
        content: "※";
    }
    .mc-note-text__label {
    }
    
    /* CENTER */
    .mc-note--center {
        --note-position: center;
    }
    .mc-note--end {
        --note-position: end;
    }

    /* l */
    .mc-note--xl {
        --note-size: 20;
    }
    .mc-note--l {
        --note-size: 18;
    }
    /* S */
    .mc-note--s {
        --note-size: 12;
    }
    .mc-note--xs {
        --note-size: 12;
    }
    .mc-note--xxs {
        --note-size: 11;
    }
    .mc-note--xxxs {
        --note-size: 10;
    }
    .mc-note--xxs-sp {
        --note-size: 11;
    }
}

/* --------------------------------------------------------------------------
LY-BUTTON-LIST
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .ly-button-list {
        display: flex;
        flex-wrap: wrap;
        --gap-x: 32;
        --gap-y: 25;
        gap: calc(var(--gap-y) / var(--font) * 1rem) calc(var(--gap-x) / var(--font) * 1rem);
    }
    .ly-button-list--2col {
        --col: 2;
    }
    .ly-button-list--3col {
        --col: 3;
        --gap-x: 30;
    }
    .ly-button-list-item {
        width: calc((100% - (var(--gap-x) * (var(--col) - 1) / var(--font) * 1rem)) / var(--col));
    }
}
@media all and (max-width: 767px) {
    .ly-button-list {
        display: flex;
        flex-wrap: wrap;
        --gap-x: 0;
        --gap-y: 20;
        gap: calc(var(--gap-y) / var(--font) * 1rem) calc(var(--gap-x) / var(--font) * 1rem);
    }
    .ly-button-list--2col {
    }
    .ly-button-list--3col {
    }
    .ly-button-list-item {
        width: 100%;
    }
}

/* --------------------------------------------------------------------------
MC-BUTTON
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-button {
        --btn-bg-color: var(--c-main);
        --btn-border-color: var(--c-main);
        --btn-txt-color: var(--c-white);
        --btn-ico-color: var(--c-white);
        --btn-txt-font-size: 18;
        --btn-min-height: 54;
        --btn-radius: 9999;
        --btn-px: 48;
    
        display: block;
    }
    .mc-button:hover {
        --btn-bg-color: var(--c-white);
        --btn-txt-color: var(--btn-border-color);
        --btn-ico-color: var(--btn-border-color);
    }
    .mc-button__inner {
        background: var(--btn-bg-color);
        border-radius: calc(var(--btn-radius) / var(--font) * 1rem);
        border: 1px solid var(--btn-border-color);
        height: 100%;
        transition: all 0.3s;
    }
    .mc-button__body {
        position: relative;
        min-height: calc(var(--btn-min-height) / var(--font) * 1rem);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: calc(7 / var(--font) * 1rem) calc(var(--btn-px) / var(--font) * 1rem);
    }
    .mc-button-text {
        color: var(--btn-txt-color);
        text-align: center;
        width: 100%;
        transition: all 0.3s;
    }
    .mc-button-text__label {
        font-size: calc(var(--btn-txt-font-size) / var(--font) * 1rem);
        font-weight: 500;
        font-feature-settings: "palt";
        line-height: 1.4;
        letter-spacing: calc(60 / 1000 * 1em);
    }
    .mc-button-ico {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .mc-button-ico__label {
        display: flex;
        align-items: center;
        margin-right: calc(26 / var(--font) * 1rem);
        height: 100%;
    }
    
    .mc-button-ico__label .mc-svg {
        width: calc(12 / var(--font) * 1rem);
        fill: var(--btn-ico-color);
        transition: all 0.3s;
    }
    
    /* fontsize */
    .mc-button--l {
        --btn-txt-font-size: 20;
    }
    .mc-button--s {
        --btn-txt-font-size: 16;
    }
    .mc-button--xs {
        --btn-txt-font-size: 14;
    }
    .mc-button--s .mc-button-ico__label .mc-svg {
        width: calc(10 / var(--font) * 1rem);
    }
    /* color */
    .mc-button--stroke {
        --btn-bg-color: var(--c-white);
        --btn-txt-color: var(--btn-border-color);
        --btn-ico-color: var(--btn-border-color);
    }
    a.mc-button--stroke:hover {
        --btn-bg-color: var(--c-main);
        --btn-txt-color: var(--c-white);
        --btn-ico-color: var(--c-white);
    }
    .mc-button--back {
    }
    .mc-button--back .mc-button-ico {
        right: auto;
        left: 0;
    }
    .mc-button--back .mc-button-ico__label {
        margin-right: 0;
        margin-left: calc(26 / var(--font) * 1rem);
    }
    .mc-button--back .mc-button-ico__label .mc-svg {
        transform: rotate(180deg);
    }
    /* 別タブ */
    .mc-button--window .mc-button-ico__label .mc-svg {
        width: calc(16 / var(--font) * 1rem);
    }
    /* 非活性 */
    .mc-button--disable {
        pointer-events: none;
        --btn-bg-color: var(--c-gray-dc);
        --btn-border-color: var(--c-gray-dc);
    }
    /* PDF */
    .mc-button--pdf {
        --btn-px: 60;
    }
    .mc-button--pdf .mc-button-ico__label {
        margin-right: calc(38 / var(--font) * 1rem);
    }
    .mc-button--pdf .mc-button-ico__label .mc-svg {
        width: calc(18 / var(--font) * 1rem);
        height: calc(24 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .mc-button {
        --btn-bg-color: var(--c-main);
        --btn-border-color: var(--c-main);
        --btn-txt-color: var(--c-white);
        --btn-ico-color: var(--c-white);
        --btn-txt-font-size: 14;
        --btn-min-height: 42;
        --btn-radius: 9999;
        --btn-px: 30;
    
        display: block;
    }
    .mc-button__inner {
        background: var(--btn-bg-color);
        border-radius: calc(var(--btn-radius) / var(--font) * 1rem);
        border: 1px solid var(--btn-border-color);
        height: 100%;
    }
    .mc-button__body {
        position: relative;
        min-height: calc(var(--btn-min-height) / var(--font) * 1rem);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: calc(7 / var(--font) * 1rem) calc(var(--btn-px) / var(--font) * 1rem);
    }
    .mc-button-text {
        color: var(--btn-txt-color);
        text-align: center;
        width: 100%;
    }
    .mc-button-text__label {
        font-size: calc(var(--btn-txt-font-size) / var(--font) * 1rem);
        font-weight: 500;
        font-feature-settings: "palt";
        line-height: 1.4;
        letter-spacing: calc(60 / 1000 * 1em);
    }
    .mc-button-ico {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .mc-button-ico__label {
        display: flex;
        align-items: center;
        margin-right: calc(18 / var(--font) * 1rem);
        height: 100%;
    }
    
    .mc-button-ico__label .mc-svg {
        width: calc(8 / var(--font) * 1rem);
        fill: var(--btn-ico-color);
    }
    
    /* fontsize */
    .mc-button--l {
        --btn-txt-font-size: 18;
    }
    .mc-button--s {
        --btn-txt-font-size: 14;
    }
    .mc-button--xs {
        --btn-txt-font-size: 12;
    }
    .mc-button--s .mc-button-ico__label .mc-svg {
        width: calc(7.5 / var(--font) * 1rem);
    }
    /* color */
    .mc-button--stroke {
        --btn-bg-color: var(--c-white);
        --btn-txt-color: var(--btn-border-color);
        --btn-ico-color: var(--btn-border-color);
    }
    .mc-button--back {
    }
    .mc-button--back .mc-button-ico {
        right: auto;
        left: 0;
    }
    .mc-button--back .mc-button-ico__label {
        margin-right: 0;
        margin-left: calc(18 / var(--font) * 1rem);
    }
    .mc-button--back .mc-button-ico__label .mc-svg {
        transform: rotate(180deg);
    }
    /* 別タブ */
    .mc-button--window .mc-button-ico__label .mc-svg {
        width: calc(8 / var(--font) * 1rem);
    }
    /* 非活性 */
    .mc-button--disable {
        pointer-events: none;
        --btn-bg-color: var(--c-gray-dc);
        --btn-border-color: var(--c-gray-dc);
    }
    /* PDF */
    .mc-button--pdf {
        --btn-px: 40;
    }
    .mc-button--pdf .mc-button-ico__label {
        margin-right: calc(21 / var(--font) * 1rem);
    }
    .mc-button--pdf .mc-button-ico__label .mc-svg {
        width: calc(13 / var(--font) * 1rem);
        height: calc(16 / var(--font) * 1rem);
    }
}

/* ==========================================================================
TABLE COMPONENT
========================================================================== */
@media all and (min-width: 768px), print {
    .mc-table {
    }
    .mc-table__in {
    }
    .mc-table__body {
    }
    .mc-table-chart {
        border: var(--c-gray-dc) 1px solid;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }
    /* all */
    .mc-table-chart__tr {
    }
    .mc-table-chart-cell {
        text-align: left;
        font-weight: 400;
        background-color: var(--c-white);
        padding: calc(13 / var(--font) * 1rem);
    }
    .mc-table-chart-cell + .mc-table-chart-cell {
        border-left: var(--c-white) 1px solid;
    }
    .mc-table-chart__tr + .mc-table-chart__tr .mc-table-chart-cell {
        border-top: var(--c-white) 1px solid;
    }
    .mc-table-chart__tr + .mc-table-chart__tr:not(:has(td)) .mc-table-chart-cell {
        border-top: var(--c-gray-dc) 1px solid;
    }
    .mc-table-chart__tr:first-child .mc-table-chart-cell {
        border-top: 0;
    }
    .mc-table-chart__tr:last-child .mc-table-chart-cell {
        border-bottom: 0;
    }
    .mc-table-chart-cell:first-child {
        border-left: 0;
    }
    .mc-table-chart-cell:last-child {
        border-right: 0;
    }
    /* th */
    th.mc-table-chart-cell {
        background: var(--c-sub-fff3d5);
    }
    /* td */
    td.mc-table-chart-cell {
    }
    td.mc-table-chart-cell + td.mc-table-chart-cell {
        border-color: var(--c-gray-dc);
    }
    .mc-table-chart__tr + .mc-table-chart__tr td.mc-table-chart-cell {
        border-color: var(--c-gray-dc);
    }
}
@media all and (max-width: 767px) {
    .mc-table {
    }
    .mc-table__in {
    }
    .mc-table__body {
    }
    .mc-table-chart {
        border: var(--c-gray-dc) 1px solid;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }
    /* all */
    .mc-table-chart__tr {
    }
    .mc-table-chart-cell {
        text-align: left;
        font-weight: 400;
        background-color: var(--c-white);
        padding: calc(8 / var(--font) * 1rem) calc(17 / var(--font) * 1rem);
    }
    .mc-table-chart-cell * {
        line-height: 1.4;
    }
    .mc-table-chart-cell + .mc-table-chart-cell {
        border-left: var(--c-white) 1px solid;
    }
    .mc-table-chart__tr + .mc-table-chart__tr .mc-table-chart-cell {
        border-top: var(--c-white) 1px solid;
    }
    .mc-table-chart__tr + .mc-table-chart__tr:not(:has(td)) .mc-table-chart-cell {
        border-top: var(--c-gray-dc) 1px solid;
    }
    .mc-table-chart__tr:first-child .mc-table-chart-cell {
        border-top: 0;
    }
    .mc-table-chart__tr:last-child .mc-table-chart-cell {
        border-bottom: 0;
    }
    .mc-table-chart-cell:first-child {
        border-left: 0;
    }
    .mc-table-chart-cell:last-child {
        border-right: 0;
    }
    /* th */
    th.mc-table-chart-cell {
        font-weight: 500;
        background: var(--c-sub-fff3d5);
    }
    /* td */
    td.mc-table-chart-cell {
    }
    td.mc-table-chart-cell + td.mc-table-chart-cell {
        border-color: var(--c-gray-dc);
    }
    .mc-table-chart__tr + .mc-table-chart__tr td.mc-table-chart-cell {
        border-color: var(--c-gray-dc);
    }
    .mc-table--scroll {
    }
    .ly-section:has(.mc-table--scroll) {
        overflow: hidden;
    }
    .mc-table--scroll .mc-table__body {
        overflow-x: scroll;
        margin: 0 calc(-15 / var(--font) * 1rem);
        padding: 0 calc(15 / var(--font) * 1rem);
    }
    .mc-table--scroll .mc-table-chart {
        width: calc(1120 / var(--font) * 1rem);
    }
}
/* 企業情報 */
@media all and (min-width: 768px), print {
    .mc-co-table {
    }
    .mc-co-table__in {
    }
    .mc-co-table__body {
    }
    .mc-co-table-chart {
        border: var(--c-gray-dc) 1px solid;
        width: 100%;
    }
    .mc-co-table-chart__tr {
    }
    .mc-co-table-chart-cell {
        background: var(--c-white);
        padding: calc(13 / var(--font) * 1rem) calc(18 / var(--font) * 1rem);
    }
    th.mc-co-table-chart-cell {
        background: var(--c-gray-eb);
    }
    .mc-co-table-chart__tr + .mc-co-table-chart__tr .mc-co-table-chart-cell {
        border-top: var(--c-gray-dc) 1px solid;
    }
    .mc-co-table-chart-cell {
        border-left: var(--c-gray-dc) 1px solid;
    }
    th.mc-co-table-chart-cell {
        font-weight: 500;
    }
}
@media all and (max-width: 767px) {
    .mc-co-table {
    }
    .mc-co-table__in {
    }
    .mc-co-table__body {
    }
    .mc-co-table-chart {
        border: var(--c-gray-dc) 1px solid;
        width: 100%;
    }
    .mc-co-table-chart__tr {
    }
    .mc-co-table-chart-cell {
        background: var(--c-white);
        padding: calc(8.5 / var(--font) * 1rem) calc(15 / var(--font) * 1rem);
    }
    th.mc-co-table-chart-cell {
        background: var(--c-gray-eb);
    }
    .mc-co-table-chart__tr + .mc-co-table-chart__tr .mc-co-table-chart-cell {
        border-top: var(--c-gray-dc) 1px solid;
    }
    .mc-co-table-chart-cell {
        border-left: var(--c-gray-dc) 1px solid;
    }
    th.mc-co-table-chart-cell {
        font-weight: 500;
    }
    .mc-co-table-chart-cell .mc-text {
        --line-height: 1.4;
    }
    .mc-co-table--scroll {
    }
    .ly-section:has(.mc-co-table--scroll) {
        overflow: hidden;
    }
    .mc-co-table--scroll .mc-co-table__body {
        overflow-x: scroll;
        margin: 0 calc(-15 / var(--font) * 1rem);
        padding: 0 calc(15 / var(--font) * 1rem);
    }
    .mc-co-table--scroll .mc-co-table-chart {
        width: calc(1120 / var(--font) * 1rem);
    }
}

/* ==========================================================================
FORM COMPONENT
========================================================================== */
@media all and (min-width: 768px), print {
    .mc-form {
        --gray-color: var(--c-gray-999);
        --border-01: solid 1px var(--c-gray-dc);
        --border-02: solid calc(2 / var(--font) * 1rem) var(--c-gray-dc);
        --border-error: solid 2px var(--c-main);
    }
    .mc-form__inner {
    }
    .mc-form__body {
    }
    .mc-form-block {
        border-bottom: var(--border-01);
        padding: calc(32 / var(--font) * 1rem) 0;
    }
    .mc-form-block:first-child {
        padding-top: 0;
    }
    .mc-form-block-item {
        display: flex;
        align-items: start;
    }
    .mc-form-block-item + .mc-form-block-item {
        margin-top: calc(28 / var(--font) * 1rem);
    }
    .mc-form-heading {
        max-width: calc(274 / var(--font) * 1rem);
        width: 100%;
        padding-right: calc(20 / var(--font) * 1rem);
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .mc-form-heading__inner {
        display: flex;
        align-items: start;
    }
    .mc-form-heading__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
    }
    .mc-form-content {
        max-width: calc(570 / var(--font) * 1rem);
        width: 100%;
    }
    .mc-form-content--l {
        max-width: 100%;
    }
    .mc-form-block-item--l .mc-form-content {
    }
    .mc-form-content__inner {
    }
    .mc-form-content__body {
    }
    .mc-form-content-item {
        display: flex;
    }
    .mc-form-content-item + .mc-form-content-item {
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .mc-form-content-item-heading {
        max-width: calc(180 / var(--font) * 1rem);
        width: 100%;
        padding-right: calc(20 / var(--font) * 1rem);
    }
    .mc-form-content-item-heading__inner {
        min-height: calc(52 / var(--font) * 1rem);
        display: flex;
        align-items: center;
    }
    .mc-form-content-item-heading__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 1.6;
    }
    .mc-form-content-item-content {
        flex-grow: 1;
    }
    .mc-form-content-item-content > * + .mc-form-text {
        margin-top: calc(8 / var(--font) * 1rem);
    }
    .mc-form-content-item-content > .mc-form-text + *{
        margin-top: calc(8 / var(--font) * 1rem);
    }
    .mc-form-text .mc-note-text {
        line-height: 1.4;
    }
    .mc-form-input input,
    .mc-form-select select,
    .mc-form-textarea textarea {
        width: 100%;
        border: var(--border-02);
        border-radius: calc(6 / var(--font) * 1rem);
        padding: calc(13 / var(--font) * 1rem) calc(20 / var(--font) * 1rem);

        
        font-family: var(--f-noto);
        font-size: calc(16 / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: 1.5;
    }
    .mc-form ::placeholder {
        color: var(--gray-color);
    }
    /* 必須 */
    .mc-form-block-item--required {
    }
    .mc-form-block-item--required .mc-form-heading__inner::after {
        content: "必須";
        display: block;
        color: var(--c-white);
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1;
        background: var(--c-main);
        padding: calc(3 / var(--font) * 1rem) calc(10 / var(--font) * 1rem) calc(4 / var(--font) * 1rem);
        margin-left: calc(15 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    /* input */
    .mc-form-input {
    }
    /* radio */
    .mc-form-radio-list {
        display: flex;
        gap: calc(48 / var(--font) * 1rem);
        padding: calc(12 / var(--font) * 1rem) 0;
    }
    .mc-form-radio-item {
        position: relative;
    }
    .mc-form-radio {
    }
    .mc-form-radio-item label {
        font-size: calc(16 / var(--font) * 1rem);
        line-height: 1.5;
        position: relative;
        padding-left: calc(34 / var(--font) * 1rem);
        display: inline-block;
    }
    input[type='radio'] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::before,
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::after {
        content: "";
        display: block;
        border-radius: 100%;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 0;
        top: 0;
    }
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::before {
        width: calc(24 / var(--font) * 1rem);
        border: var(--border-02);
        margin-top: calc(1 / var(--font) * 1rem);
    }
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::after {
        background: var(--c-main);
        width: calc(14 / var(--font) * 1rem);
        margin-top: calc(6 / var(--font) * 1rem);
        margin-left: calc(5 / var(--font) * 1rem);
        opacity: 0;
        transition: opacity 0.2s linear;
    }
    .mc-form-radio-item input[type='radio']:checked + .mc-form-radio::after {
        opacity: 1;
    }
    /* select */
    .mc-form-select {
    }
    .mc-form-select select {
        color: var(--c-black);
        padding-right: calc(48 / var(--font) * 1rem);
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }
    .mc-form-select-box {
        position: relative;
    }
    .mc-form-select-ico {
        width: calc(13 / var(--font) * 1rem);
        padding-top: calc(13 / var(--font) * 1rem);
        background: url("/assets_v2/img/common/select_ico_arrow.svg") no-repeat center / contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin-right: calc(24 / var(--font) * 1rem);
    }
    /* textarea */
    .mc-form-textarea textarea {
        resize: none;
        height: calc(170 / var(--font) * 1rem);
    }
    /* checkbox */
    .mc-form-checkbox input[type='checkbox'] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .mc-form-checkbox label {
        padding-left: calc(34 / var(--font) * 1rem);
        position: relative;
        display: block;
    }
    .mc-form-checkbox input[type='checkbox'] + .mc-form-checkbox__label::before {
        content: "";
        display: block;
        width: calc(24 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        border: var(--border-02);
        border-radius: calc(4 / var(--font) * 1rem);
        position: absolute;
        left: 0;
        top: 0;
        margin-top: calc(-2 / var(--font) * 1rem);
    }
    .mc-form-checkbox input[type='checkbox'] + .mc-form-checkbox__label::after {
        content: "";
        display: block;
        width: calc(8 / var(--font) * 1rem);
        padding-top: calc(10 / var(--font) * 1rem);
        border-right: calc(3  / var(--font) * 1rem) solid var(--c-main);
        border-bottom: calc(3  / var(--font) * 1rem) solid var(--c-main);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        transition: opacity 0.2s linear;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(2 / var(--font) * 1rem);
        margin-left: calc(8 / var(--font) * 1rem);
    }
    .mc-form-checkbox input[type='checkbox']:checked + .mc-form-checkbox__label::after {
        opacity: 1;
    }
    .mc-form-checkbox input[type='checkbox'] + .mc-form-checkbox__label span {
        display: block;
        margin-top: calc(2 / var(--font) * 1rem);
        font-size: calc(16 / var(--font) * 1rem);
        font-feature-settings: "palt";
    }
    /* error */
    .error-heading {
        display: none;
        background: var(--c-main-sub);
        border-radius: calc(6 / var(--font) * 1rem);
        margin-top: calc(48 / var(--font) * 1rem);
    }
    .error-heading--active {
        display: block;
    }
    .error-heading__inner {
        text-align: center;
        padding: calc(12 / var(--font) * 1rem) calc(20 / var(--font) * 1rem);
    }
    .error-heading__label {
        color: var(--c-main);
        font-family: var(--f-zen-maru);
        font-size: calc(20 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .mc-form-block-item--error {
    }
    .mc-form-content-error {
        display: none;
        margin-top: calc(4 / var(--font) * 1rem);
    }
    .mc-form-content-item--error .mc-form-content-error {
        display: block;
    }
    .mc-form-content-error__label {
        color: var(--c-main);
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .mc-form-content-item--error .mc-form-input input,
    .mc-form-content-item--error .mc-form-select select,
    .mc-form-content-item--error .mc-form-textarea textarea {
        border: var(--border-error);
        background: var(--c-main-sub);
    }
    .mc-form-content-item--error .mc-form-radio-item input[type='radio'] + .mc-form-radio::before {
        border: var(--border-error);
        background: var(--c-main-sub);
    }
    /* 確認画面 */
    .mc-form--confirmation .mc-form-heading {
        margin-top: 0;
    }
    .mc-form-confirmation {
    }
    .mc-form-confirmation-text {
        font-size: calc(16 / var(--font) * 1rem);
        line-height: 1.5;
    }
    .mc-form-confirmation-text + .mc-form-confirmation-text {
        margin-top: calc(8 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .mc-form {
        --gray-color: var(--c-gray-999);
        --border-01: solid 1px var(--c-gray-dc);
        --border-02: solid 1px var(--c-gray-dc);
        --border-error: solid 1px var(--c-main);
    }
    .mc-form__inner {
    }
    .mc-form__body {
    }
    .mc-form-block {
        border-bottom: var(--border-01);
        padding: calc(20 / var(--font) * 1rem) 0;
    }
    .mc-form-block:first-child {
        padding-top: 0;
    }
    .mc-form-block-item {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(10 / var(--font) * 1rem);
    }
    .mc-form-block-item-sp--column {
        display: flex;
        flex-direction: row;
    }
    .mc-form-block-item + .mc-form-block-item {
        margin-top: calc(28 / var(--font) * 1rem);
    }
    .mc-form-heading {
        padding-right: calc(15 / var(--font) * 1rem);
    }
    .mc-form-block-item-sp--column .mc-form-heading {
        margin-top: calc(2 / var(--font) * 1rem);
        min-width: calc(88 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    .mc-form-heading__inner {
        display: flex;
        align-items: start;
    }
    .mc-form-heading__label {
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
    }
    .mc-form-content {
        width: 100%;
    }
    .mc-form-content--l {
        max-width: 100%;
    }
    .mc-form-block-item--l .mc-form-content {
    }
    .mc-form-content__inner {
    }
    .mc-form-content__body {
    }
    .mc-form-content-item {
    }
    .mc-form-content-item-sp--column {
        display: flex;
    }
    .mc-form-content-item + .mc-form-content-item {
        margin-top: calc(10 / var(--font) * 1rem);
    }
    .mc-form-content-item-heading {
        width: 100%;
        padding-right: calc(20 / var(--font) * 1rem);
        margin-bottom: calc(4 / var(--font) * 1rem);
    }
    .mc-form-content-item-heading__inner {
    }
    .mc-form-content-item-heading__label {
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 1.6;
    }
    .mc-form-content-item-content {
        flex-grow: 1;
    }
    .mc-form-content-item-content > * + .mc-form-text {
        margin-top: calc(4 / var(--font) * 1rem);
    }
    .mc-form-content-item-content > .mc-form-text + *{
        margin-top: calc(8 / var(--font) * 1rem);
    }
    .mc-form-text .mc-note-text {
        line-height: 1.4;
    }
    .mc-form-input input,
    .mc-form-select select,
    .mc-form-textarea textarea {
        width: 100%;
        border: var(--border-01);
        border-radius: calc(3 / var(--font) * 1rem);
        padding: calc(8.5 / var(--font) * 1rem) calc(15 / var(--font) * 1rem);

        
        font-family: var(--f-noto);
        font-size: calc(14 / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: 1.5;
    }
    .mc-form ::placeholder {
        color: var(--gray-color);
    }
    /* 必須 */
    .mc-form-block-item--required {
    }
    .mc-form-block-item--required .mc-form-heading__inner::after {
        content: "必須";
        display: block;
        color: var(--c-white);
        font-size: calc(11 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1;
        background: var(--c-main);
        padding: calc(3 / var(--font) * 1rem) calc(8 / var(--font) * 1rem) calc(4 / var(--font) * 1rem);
        margin-left: calc(7 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    /* input */
    .mc-form-input {
    }
    /* radio */
    .mc-form-radio-list {
        display: flex;
        gap: calc(32 / var(--font) * 1rem);
    }
    .mc-form-radio-item {
        position: relative;
    }
    .mc-form-radio {
    }
    .mc-form-radio-item label {
        font-size: calc(14 / var(--font) * 1rem);
        line-height: 1.5;
        position: relative;
        padding-left: calc(34 / var(--font) * 1rem);
        display: inline-block;
    }
    input[type='radio'] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::before,
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::after {
        content: "";
        display: block;
        border-radius: 100%;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::before {
        width: calc(24 / var(--font) * 1rem);
        border: var(--border-01);
        margin-top: calc(1 / var(--font) * 1rem);
    }
    .mc-form-radio-item input[type='radio'] + .mc-form-radio::after {
        background: var(--c-main);
        width: calc(14 / var(--font) * 1rem);
        margin-top: calc(1 / var(--font) * 1rem);
        margin-left: calc(5 / var(--font) * 1rem);
        opacity: 0;
        transition: opacity 0.2s linear;
    }
    .mc-form-radio-item input[type='radio']:checked + .mc-form-radio::after {
        opacity: 1;
    }
    /* select */
    .mc-form-select {
    }
    .mc-form-select select {
        color: var(--c-black);
        padding-right: calc(40 / var(--font) * 1rem);
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }
    .mc-form-select-box {
        position: relative;
    }
    .mc-form-select-ico {
        width: calc(8 / var(--font) * 1rem);
        padding-top: calc(8 / var(--font) * 1rem);
        background: url("/assets_v2/img/common/select_ico_arrow.svg") no-repeat center / contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin-right: calc(18 / var(--font) * 1rem);
    }
    /* textarea */
    .mc-form-textarea textarea {
        resize: none;
        height: calc(170 / var(--font) * 1rem);
    }
    /* checkbox */
    .mc-form-checkbox input[type='checkbox'] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .mc-form-checkbox label {
        padding-left: calc(32 / var(--font) * 1rem);
        position: relative;
        display: block;
    }
    .mc-form-checkbox input[type='checkbox'] + .mc-form-checkbox__label::before {
        content: "";
        display: block;
        width: calc(24 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        border: var(--border-01);
        border-radius: calc(2 / var(--font) * 1rem);
        position: absolute;
        left: 0;
        top: 0;
        margin-top: calc(-2 / var(--font) * 1rem);
    }
    .mc-form-checkbox input[type='checkbox'] + .mc-form-checkbox__label::after {
        content: "";
        display: block;
        width: calc(8 / var(--font) * 1rem);
        padding-top: calc(10 / var(--font) * 1rem);
        border-right: calc(3  / var(--font) * 1rem) solid var(--c-main);
        border-bottom: calc(3  / var(--font) * 1rem) solid var(--c-main);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        transition: opacity 0.2s linear;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: calc(2 / var(--font) * 1rem);
        margin-left: calc(8 / var(--font) * 1rem);
    }
    .mc-form-checkbox input[type='checkbox']:checked + .mc-form-checkbox__label::after {
        opacity: 1;
    }
    .mc-form-checkbox input[type='checkbox'] + .mc-form-checkbox__label span {
        display: block;
        margin-top: calc(2 / var(--font) * 1rem);
        font-size: calc(14 / var(--font) * 1rem);
        font-feature-settings: "palt";
    }
    /* error */
    .error-heading {
        display: none;
        background: var(--c-main-sub);
        border-radius: calc(3 / var(--font) * 1rem);
        margin-top: calc(24 / var(--font) * 1rem);
    }
    .error-heading--active {
        display: block;
    }
    .error-heading__inner {
        text-align: center;
        padding: calc(12 / var(--font) * 1rem) calc(20 / var(--font) * 1rem);
    }
    .error-heading__label {
        color: var(--c-main);
        font-family: var(--f-zen-maru);
        font-size: calc(20 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .mc-form-block-item--error {
    }
    .mc-form-content-error {
        display: none;
        margin-top: calc(4 / var(--font) * 1rem);
    }
    .mc-form-content-item--error .mc-form-content-error {
        display: block;
    }
    .mc-form-content-error__label {
        color: var(--c-main);
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .mc-form-content-item--error .mc-form-input input,
    .mc-form-content-item--error .mc-form-select select,
    .mc-form-content-item--error .mc-form-textarea textarea {
        border: var(--border-error);
        background: var(--c-main-sub);
    }
    .mc-form-content-item--error .mc-form-radio-item input[type='radio'] + .mc-form-radio::before {
        border: var(--border-error);
        background: var(--c-main-sub);
    }
    /* 確認画面 */
    .mc-form--confirmation .mc-form-heading {
        margin-top: 0;
    }
    .mc-form-confirmation {
    }
    .mc-form-confirmation-text {
        font-size: calc(14 / var(--font) * 1rem);
        line-height: 1.5;
    }
    .mc-form-confirmation-text + .mc-form-confirmation-text {
        margin-top: calc(8 / var(--font) * 1rem);
    }
}
/* filter */
@media all and (min-width: 768px), print {
    .mc-filter {
        margin-bottom: calc(40 / var(--font) * 1rem);
        display: inline-block;
        position: relative;
    }
    .mc-filter select {
        color: var(--c-black);
        font-size: calc(18 / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: 1.5;
        width: calc(163 / var(--font) * 1rem);
        background: var(--c-white);
        border: solid 1px var(--c-gray-dc);
        border-radius: calc(6 / var(--font) * 1rem);
        padding: calc(9 / var(--font) * 1rem) 0;
        padding-left: calc(20 / var(--font) * 1rem);
        padding-right: calc(32 / var(--font) * 1rem);

        -webkit-appearance: none;
        appearance: none;
    }
    .mc-filter-arrow {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(calc(-50% - (4 / var(--font) * 1rem)));
        margin-right: calc(20 / var(--font) * 1rem);
    }
    .mc-filter-arrow-ico {
        position: relative;
        width: calc(11 / var(--font) * 1rem);
    }
    .mc-filter-arrow-ico::before {
        content: "";
        display: block;
        border: solid 1px var(--c-gray-999);
        border-top: 0;
        border-left: 0;
        position: absolute;
        top: 0;
        width: calc(8 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
    }
    .mc-filter-arrow-ico::before {
        transform: rotate(45deg);
        transform-origin: right;
        left: 0;
    }
}
@media all and (max-width: 767px) {
    .mc-filter {
        margin-bottom: calc(40 / var(--font) * 1rem);
        display: inline-block;
        position: relative;
    }
    .mc-filter select {
        color: var(--c-black);
        font-size: calc(14 / var(--font) * 1rem);
        font-feature-settings: "palt";
        line-height: 1.5;
        width: calc(122 / var(--font) * 1rem);
        background: var(--c-white);
        border: solid 1px var(--c-gray-dc);
        border-radius: calc(3 / var(--font) * 1rem);
        padding: calc(9 / var(--font) * 1rem) 0;
        padding-left: calc(15 / var(--font) * 1rem);
        padding-right: calc(27 / var(--font) * 1rem);

        -webkit-appearance: none;
        appearance: none;
    }
    .mc-filter-arrow {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(calc(-50% - (2 / var(--font) * 1rem)));
        margin-right: calc(17.5 / var(--font) * 1rem);
    }
    .mc-filter-arrow-ico {
        position: relative;
        width: calc(5.5 / var(--font) * 1rem);
    }
    .mc-filter-arrow-ico::before {
        content: "";
        display: block;
        border: solid 1px var(--c-gray-999);
        border-top: 0;
        border-left: 0;
        position: absolute;
        top: 0;
        width: calc(5.5 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
    }
    .mc-filter-arrow-ico::before {
        transform: rotate(45deg);
        transform-origin: right;
        left: 0;
    }
}


/* --------------------------------------------------------------------------
MC-MT-*
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-mt-0--pc {
        margin-top: 0 !important;
    }
    .mc-mt-4--pc {
        margin-top: calc(4 / var(--font) * 1rem) !important;
    }
    .mc-mt-8--pc {
        margin-top: calc(8 / var(--font) * 1rem) !important;
    }
    .mc-mt-12--pc {
        margin-top: calc(12 / var(--font) * 1rem) !important;
    }
    .mc-mt-14--pc {
        margin-top: calc(14 / var(--font) * 1rem) !important;
    }
    .mc-mt-16--pc {
        margin-top: calc(16 / var(--font) * 1rem) !important;
    }
    .mc-mt-20--pc {
        margin-top: calc(20 / var(--font) * 1rem) !important;
    }
    .mc-mt-24--pc {
        margin-top: calc(24 / var(--font) * 1rem) !important;
    }
    .mc-mt-28--pc {
        margin-top: calc(28 / var(--font) * 1rem) !important;
    }
    .mc-mt-32--pc {
        margin-top: calc(32 / var(--font) * 1rem) !important;
    }
    .mc-mt-36--pc {
        margin-top: calc(36 / var(--font) * 1rem) !important;
    }
    .mc-mt-40--pc {
        margin-top: calc(40 / var(--font) * 1rem) !important;
    }
    .mc-mt-44--pc {
        margin-top: calc(44 / var(--font) * 1rem) !important;
    }
    .mc-mt-48--pc {
        margin-top: calc(48 / var(--font) * 1rem) !important;
    }
    .mc-mt-52--pc {
        margin-top: calc(52 / var(--font) * 1rem) !important;
    }
    .mc-mt-64--pc {
        margin-top: calc(64 / var(--font) * 1rem) !important;
    }
}
@media all and (max-width: 768px) {
    .mc-mt-0--sp {
        margin-top: 0 !important;
    }
    .mc-mt-4--sp {
        margin-top: calc(4 / var(--font) * 1rem) !important;
    }
    .mc-mt-8--sp {
        margin-top: calc(8 / var(--font) * 1rem) !important;
    }
    .mc-mt-12--sp {
        margin-top: calc(12 / var(--font) * 1rem) !important;
    }
    .mc-mt-16--sp {
        margin-top: calc(16 / var(--font) * 1rem) !important;
    }
    .mc-mt-20--sp {
        margin-top: calc(20 / var(--font) * 1rem) !important;
    }
    .mc-mt-24--sp {
        margin-top: calc(24 / var(--font) * 1rem) !important;
    }
    .mc-mt-28--sp {
        margin-top: calc(28 / var(--font) * 1rem) !important;
    }
    .mc-mt-32--sp {
        margin-top: calc(32 / var(--font) * 1rem) !important;
    }
    .mc-mt-36--sp {
        margin-top: calc(36 / var(--font) * 1rem) !important;
    }
    .mc-mt-40--sp {
        margin-top: calc(40 / var(--font) * 1rem) !important;
    }
    .mc-mt-44--sp {
        margin-top: calc(44 / var(--font) * 1rem) !important;
    }
    .mc-mt-48--sp {
        margin-top: calc(48 / var(--font) * 1rem) !important;
    }
    .mc-mt-52--sp {
        margin-top: calc(52 / var(--font) * 1rem) !important;
    }
}

/* --------------------------------------------------------------------------
MC-BREADCRUMB
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-breadcrumb__content {
    }
    .mc-breadcrumb {
        position: relative;
        z-index: 1;
    }
    .mc-breadcrumb__inner {
        max-width: calc(1160 / var(--font) * 1rem);
        margin: 0 auto;
        padding: 0 calc(20 / var(--font) * 1rem);
    }
    .mc-breadcrumb__body {
        padding: calc(15 / var(--font) * 1rem) 0;
    }
    .mc-breadcrumb-list {
        display: flex;
    }
    .mc-breadcrumb-list-item {
    }
    .mc-breadcrumb-text {
    }
    .mc-breadcrumb-text__label {
        font-size: calc(12 / var(--font) * 1rem);
        display: block;
    }
    .mc-breadcrumb-list-item:last-child {
        pointer-events: none;
    }
    .mc-breadcrumb-list-item + .mc-breadcrumb-list-item {
        position: relative;
        display: flex;
        align-items: center;
    }
    .mc-breadcrumb-list-item + .mc-breadcrumb-list-item::before {
        content: "";
        display: block;
        width: calc(8 / var(--font) * 1rem);
        height: calc(8 / var(--font) * 1rem);
        -webkit-mask: url("/assets_v2/img/common/breadcrumb_ico_arrow.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/breadcrumb_ico_arrow.svg") no-repeat center / contain;
        background: var(--c-black);
        flex-shrink: 0;
        margin: 0 calc(12 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .mc-breadcrumb__content {
        display: flex;
        flex-direction: column-reverse;
    }
    .mc-breadcrumb {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .mc-breadcrumb__inner {
        margin: 0 auto;
        padding: 0 calc(15 / var(--font) * 1rem);
    }
    .mc-breadcrumb__body {
        padding: calc(8 / var(--font) * 1rem) 0;
    }
    .mc-breadcrumb-list {
        display: flex;
        flex-wrap: wrap;
        gap: calc(6 / var(--font) * 1rem) 0;
    }
    .mc-breadcrumb-list-item {
    }
    .mc-breadcrumb-text {
    }
    .mc-breadcrumb-text__label {
        font-size: calc(10 / var(--font) * 1rem);
        display: block;
        line-height: 1.6;
    }
    .mc-breadcrumb-list-item:last-child {
        pointer-events: none;
    }
    .mc-breadcrumb-list-item {
        position: relative;
        display: flex;
        align-items: center;
    }
    .mc-breadcrumb-list-item:not(:last-child):after {
        content: "";
        display: block;
        width: calc(5.5 / var(--font) * 1rem);
        height: calc(5.5 / var(--font) * 1rem);
        -webkit-mask: url("/assets_v2/img/common/breadcrumb_ico_arrow.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/breadcrumb_ico_arrow.svg") no-repeat center / contain;
        background: var(--c-black);
        flex-shrink: 0;
        margin: 0 calc(7.5 / var(--font) * 1rem);
    }
}

/* ==========================================================================
LAYOUT
========================================================================== */
/* --------------------------------------------------------------------------
LY-SECTION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .ly-section {
    }
    .ly-section__inner {
        max-width: calc(1160 / var(--font) * 1rem);
        padding: 0 calc(20 / var(--font) * 1rem);
        margin: 0 auto;
    }
    .ly-section__body {
        padding-bottom: calc(32 / var(--font) * 1rem);
    }
    .ly-section + .ly-section .ly-section__body {
        padding-top: calc(32 / var(--font) * 1rem);
    }
    .ly-section:first-child .ly-section__body {
        padding-top: calc(80 / var(--font) * 1rem);
    }
    .ly-section:last-child > .ly-section__inner > .ly-section__body {
        padding-bottom: calc(120 / var(--font) * 1rem);
    }
    .ly-section__header {
    }
    .ly-section__content {
    }
    .ly-block {
    }
}
@media all and (max-width: 767px) {
    .ly-section {
    }
    .ly-section__inner {
        padding: 0 calc(15 / var(--font) * 1rem);
        margin: 0 auto;
    }
    .ly-section__body {
        padding-bottom: calc(18 / var(--font) * 1rem);
    }
    .ly-section + .ly-section .ly-section__body {
        padding-top: calc(24 / var(--font) * 1rem);
    }
    .ly-section:first-child .ly-section__body {
        padding-top: calc(80 / var(--font) * 1rem);
    }
    .ly-section:last-child > .ly-section__inner > .ly-section__body {
        padding-bottom: calc(60 / var(--font) * 1rem);
    }
    .ly-section__header {
    }
    .ly-section__content {
    }
    .ly-block {
    }
}

/* ==========================================================================
ACCORDION
========================================================================== */
.js-accordion {
}
.js-accordion.is-accordion-active {
}
.js-accordion-trigger {
    cursor: pointer;
}
.js-accordion-container {
transition: all 0.3s;
display: none;
opacity: 0;
visibility: hidden;
}
.js-accordion.is-accordion-active .js-accordion-container {
display: block;
opacity: 1;
visibility: visible;
}
/* js-accordion-sp */
@media all and (max-width: 767px) {
    .js-accordion-sp {
    }
    .js-accordion-sp.is-accordion-active {
    }
    .js-accordion-sp-trigger {
    }
    .js-accordion-sp-container {
        transition: all 0.3s;
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .js-accordion-sp.is-accordion-active .js-accordion-sp-container {
        transition: all 0.3s;
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .js-accordion-sp-container .js-accordion-sp .js-accordion-sp-container {
        opacity: 0;
    }
    .js-accordion-sp-container .js-accordion-sp.is-accordion-active .js-accordion-sp-container {
        opacity: 1;
    }
}
/* js-accordion-sp */
@media all and (max-width: 1024px) {
    .js-accordion-tab {
    }
    .js-accordion-tab.is-accordion-active {
    }
    .js-accordion-tab-trigger {
    }
    .js-accordion-tab-container {
        transition: all 0.3s;
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .js-accordion-tab.is-accordion-active .js-accordion-tab-container {
        transition: all 0.3s;
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .js-accordion-tab-container .js-accordion-tab .js-accordion-tab-container {
        opacity: 0;
    }
    .js-accordion-tab-container .js-accordion-tab.is-accordion-active .js-accordion-tab-container {
        opacity: 1;
    }
}

/* ==========================================================================
MODAL
========================================================================== */
.mc-modal {
    position: relative;
    z-index: 9999;
}
.mc-modal__inner {
}
.mc-modal__body {
}
.mc-modal-trigger {
}
.mc-modal-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}
.mc-modal-content__inner {
    position: relative;
    z-index: 101;
    width: 100%;
}
.mc-modal-content__body {
    width: 100%;
    height: auto;
}
.mc-modal-content__body video,
.mc-modal-content__body iframe {
    width: 100%;
    height: 100%;
}
/* アクティブ時 */
.is-modal-open {
    overflow: hidden;
}
.is-modal-open .mc-modal-content-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100;
}
.is-modal-active.mc-modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media all and (min-width: 768px), print {
    /* design */
    .mc-modal {
    }
    .mc-modal__inner {
    }
    .mc-modal__body {
    }
    .mc-modal-content {
        padding: calc(20 / var(--font) * 1rem) calc(40 / var(--font) * 1rem);
    }
    .mc-modal-content__inner {
        background: var(--c-white);
        max-width: calc(1160 / var(--font) * 1rem);
        padding: 0 calc(32 / var(--font) * 1rem);
    }
    .mc-modal-content__body {
        padding: calc(56 / var(--font) * 1rem) 0;
    }
    .mc-modal-content-movie {
        aspect-ratio: 900 / 507;
        max-width: calc(900 / var(--font) * 1rem);
        margin: 0 auto;
    }
    .mc-modal-content-text {
        margin-top: calc(16 / var(--font) * 1rem);
        text-align: center;
    }
    .mc-modal-content-text__label {
        font-size: calc(20 / var(--font) * 1rem);
        line-height: 1.5;
    }
    .mc-modal-content-close {
        background: var(--c-main);
        width: calc(64 / var(--font) * 1rem);
        height: calc(64 / var(--font) * 1rem);
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        transform: translate(50% , -50%);
    }
    .mc-modal-content-close:hover {
        transition: var(--transition-all);
        opacity: 0.7;
    }
    .mc-modal-content-close::before,
    .mc-modal-content-close::after {
        content: "";
        display: block;
        background: var(--c-white);
        width: calc(28 / var(--font) * 1rem);
        height: calc(2 / var(--font) * 1rem);
        border-radius: 9999px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .mc-modal-content-close::before {
        transform: rotate(45deg);
    }
    .mc-modal-content-close::after {
        transform: rotate(-45deg);
    }
}
@media all and (max-width: 767px), print {
    /* design */
    .mc-modal {
    }
    .mc-modal__inner {
    }
    .mc-modal__body {
    }
    .mc-modal-content {
        padding: calc(20 / var(--font) * 1rem) calc(15 / var(--font) * 1rem);
    }
    .mc-modal-content__inner {
        background: var(--c-white);
        max-width: calc(650 / var(--font) * 1rem);
        padding: 0 calc(15 / var(--font) * 1rem);
    }
    .mc-modal-content__body {
        padding: calc(40 / var(--font) * 1rem) 0;
    }
    .mc-modal-content-movie {
        aspect-ratio: 900 / 507;
        max-width: calc(900 / var(--font) * 1rem);
        margin: 0 auto;
    }
    .mc-modal-content-text {
        margin-top: calc(14 / var(--font) * 1rem);
        text-align: center;
    }
    .mc-modal-content-text__label {
        font-size: calc(15 / var(--font) * 1rem);
        line-height: 1.5;
    }
    .mc-modal-content-close {
        background: var(--c-main);
        width: calc(30 / var(--font) * 1rem);
        height: calc(30 / var(--font) * 1rem);
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        margin-top: calc(-9 / var(--font) * 1rem);
        margin-right: calc(-9 / var(--font) * 1rem);
    }
    .mc-modal-content-close::before,
    .mc-modal-content-close::after {
        content: "";
        display: block;
        background: var(--c-white);
        width: calc(13.5 / var(--font) * 1rem);
        height: 1.5px;
        border-radius: 9999px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .mc-modal-content-close::before {
        transform: rotate(45deg);
    }
    .mc-modal-content-close::after {
        transform: rotate(-45deg);
    }
}