/* --------------------------------------------------------------------------
INTRO
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .intro-section {
    }
    .intro-section__inner {
    }
    .intro-section__body {
    }
    .intro-img {
        width: 100%;
        max-width: calc(700 / var(--font) * 1rem);
        margin: 0 auto calc(32 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .intro-section {
    }
    .intro-section__inner {
    }
    .intro-section__body {
    }
    .intro-img {
        margin: 0 auto calc(24 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
FLEX-BOX
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .ly-block + .ly-block{
        margin-top: calc(60 / var(--font) * 1rem);
    }

    .flex-box{
        display: flex;
        justify-content: space-between;
        gap:calc(56 / var(--font) * 1rem);
    }
    .flex-box.flex-box--reverse {
        flex-direction: row-reverse;
    }
    .flex-box .flex-box__contents{
        max-width: calc(540 / var(--font) * 1rem);
        width: 100%;
    }
    .flex-box .mc-header-lv2__body {
        padding-top: 0;
        padding-bottom: calc(12 / var(--font) * 1rem);
    }
    .flex-box .mc-header-lv2__body::after {
        max-width: calc(52 / var(--font) * 1rem);
    }
    .flex-box .mc-header-lv2-text__label {
        font-size: calc(22 / var(--font) * 1rem);
    }
    .flex-box .mc-note {
        margin-top: calc(32 / var(--font) * 1rem);;
    }
    .flex-box__image{
    }
    .flex-box__image__object{
        border-radius: calc(20 / var(--font) * 1rem);
        max-width: calc(520 / var(--font) * 1rem);
        width: 100%;
        overflow:hidden;
    }
    .flex-box__text {
        text-align: center;
        font-size: calc(16 / var(--font) * 1rem);
        line-height: calc(28.8 / 16);
        margin-top: calc(16 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .ly-block + .ly-block{
        margin-top: calc(40 / var(--font) * 1rem);
    }

    .flex-box{
    }
    .flex-box .flex-box__contents{
    }
    .flex-box .mc-header-lv2__body {
        padding-top: 0;
    }
    .flex-box .mc-note {
        margin-top: calc(12 / var(--font) * 1rem);
    }
    .flex-box__image{
        margin-top: calc(24 / var(--font) * 1rem);
    }
    .flex-box__image__object{
        border-radius: calc(20 / var(--font) * 1rem);
        overflow:hidden;
    }
    .flex-box__text {
        text-align: center;
        font-size: calc(13 / var(--font) * 1rem);
        line-height: calc(28.8 / 16);
        margin-top: calc(8 / var(--font) * 1rem);
    }
}