@charset "UTF-8";

/* MV section */
.sec_mod .inner_md {
    left: 5%;
}
.mv_content {
    width: 45%;
}


/* brand wrap */
.brand_wrap {
    position: relative;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(calc(70 * var(--pc-unit)), 70px);
}
/* 左右配置指定 */
.brand_wrap.left .brand_logo,
.brand_wrap.left .brand_content {
    grid-column: 1;
}
.brand_wrap.right .brand_logo,
.brand_wrap.right .brand_content {
    grid-column: 2;
}
.brand_wrap .brand_logo {
    grid-row: 1;
    z-index: 1;
    align-self: self-end;
    padding: 0 min(calc(140 * var(--pc-unit)), 140px);
}
.brand_wrap .brand_logo img {
    width: 475px;
}
.brand_wrap .img_ctn {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: 1 / 3;
}
.brand_wrap img {
    width: 100%;
}
.brand_wrap .brand_content {
    grid-row: 2;
    padding: 0 min(calc(140 * var(--pc-unit)), 140px);
}
.brand_content p {
    text-align: left;
    margin-bottom: min(calc(65 * var(--pc-unit)), 65px);
    font-size: clamp(20px, calc(32 * var(--pc-unit)), 32px);
}
.brand_content.mikihouse p {
    color: var(--color-white);
}
.brand_content.mikihouse .button_wrap .button_base {
    color: var(--color-white);
    border: 6px solid var(--color-white);
}

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .sec_mod .img_mv {
        background-color: #FB9D92;
    }
    .sec_mod .img_mv picture {
        left: -14%;
        position: relative;
    }
    .sec_mod .inner_md {
        max-width: 100%;
    }
    .mv_content {
        width: 58%;
    }
    .sec_mod .inner_md {
        left: 0;
    }
    .brand_wrap .brand_content {
        padding: 0 clamp(60px, calc(120 * var(--tablet-unit)), 120px);
    }
    /* brand wrap */
    /* .brand_wrap {
        margin-bottom: calc(20 * var(--tablet-unit));
        gap: clamp(35px, calc(70 * var(--tablet-unit)), 70px);
    }
    .brand_wrap .brand_logo {
        padding: 0 calc(120 * var(--tablet-unit));
    }
    .brand_wrap .brand_logo img {
        width: calc(475 * var(--tablet-unit));
    }
    .brand_wrap .brand_content {
        padding: 0 clamp(60px, calc(120 * var(--tablet-unit)), 120px);
    }
    .brand_content p {
        font-size: max(calc(32 * var(--tablet-unit)), 20px);
        margin-bottom: min(calc(65 * var(--tablet-unit)), 30px);
    }
    .brand_content.mikihouse .button_wrap .button_base {
        border: calc(6 * var(--tablet-unit)) solid var(--color-white);
    } */
}

/*For SP*/
@media only screen and (max-width: 767px) {
    /* MV section */
    .sec_mod .inner_md {
        left: 0;
        top: 0;
        transform: none;
    }
    .mv_content {
        width: 100%;
    }

    /* brand wrap */
    .brand_wrap {
        display: block;
        position: relative;
        margin-bottom: calc(100 * var(--sp-unit));
    }
    .brand_wrap .img_ctn {
        margin-bottom: calc(20 * var(--sp-unit));
    }
    .brand_wrap .brand_content {
        width: 100%;
    }
    .brand_wrap .brand_logo {
        padding: 0 calc(50 * var(--sp-unit));
    }
    .brand_wrap .brand_logo img,
    .brand_wrap .brand_logo svg {
        width: calc(292 * var(--sp-unit));
        margin: 0 auto calc(45 * var(--sp-unit));
        display: block;
    }
    .brand_wrap .brand_content {
        padding: 0 0;
        width: 90%;
        max-width: calc(380 * var(--sp-unit));
        margin: 0 auto;
    }
    .brand_wrap .brand_content p {
        margin-bottom: calc(40 * var(--sp-unit));
    }
    .brand_wrap .brand_content.mikihouse p {
        color: var(--color-theme);
    }
    .brand_wrap .brand_content.mikihouse .button_wrap .button_base {
        color: var(--color-theme);
        border: calc(6 * var(--sp-unit)) solid var(--color-theme);
    }
}