@charset "UTF-8";

/* MV section */
.sec_mod .inner_md {
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.mv_content {
    width: 45%;
}


/* brand wrap */
.brand_wrap {
    position: relative;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 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 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 140px;
}
.brand_content p {
    text-align: left;
    margin-bottom: 65px;
    font-size: 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: 1440px) {
    /* brand wrap */
    .brand_wrap {
        margin-bottom: calc(20 * var(--tablet-unit));
        gap: calc(70 * var(--tablet-unit));
    }
    .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 calc(120 * var(--tablet-unit));
    }
    .brand_content p {
        font-size: calc(32 * var(--tablet-unit));
        margin-bottom: calc(65 * var(--tablet-unit));
    }
    .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);
    }
}