@charset "utf-8";

/* ==================================================================

    renovation.css

=================================================================== */

/* --------------------------------
■共通
-------------------------------- */

/* --------------------------------
■accentBox
-------------------------------- */
#accentBox .lv1 {
    text-transform: capitalize;
}

/* --------------------------------
■
-------------------------------- */
main section .inner p.image {
    margin: 38px auto;
}
main section .inner .cont_box {
    margin: 80px auto;
}
main section .inner .cont_box > .right_box {
    flex-basis: 388px;
    flex-shrink: 0;
}
main section .inner .cont_box > .left_box {
    flex-basis: auto;
    flex-shrink: 1;
}
main section .inner .cont_box > .left_box p:last-child {
    margin-bottom: 0;
}

main section .inner .beige_box p {
    margin-top: 0;
    margin-bottom: 0;
}
main section .inner .beige_box p.buttonStyle {
    width: 270px;
    flex-shrink: 0;
}
main section .inner .beige_box p.buttonStyle a {
    width: 270px;
    color: var(--text-color-white);
    background: var(--bg-color-blue);
    border: 1px solid #284B7D;
}
    main section .inner .beige_box p.buttonStyle a::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 22px;
        display: inline-block;
        width: 24px;
        height: 17px;
        background: url(../../images/common/icon/contact.svg) center top / contain no-repeat;
        transition: 0.4s;
    }
    main section .inner .beige_box p.buttonStyle a:hover {
        background: var(--bg-color-lightblue);
        border: 1px solid #3568A7;
    }

@media only screen and (max-width: 1080px) {

    main section .inner .beige_box .flex_box.gap32 {
        gap: 24px;
    }
}

@media only screen and (max-width: 767px) {

    main section .inner p.image {
        margin: 20px auto;
    }
    main section .inner .cont_box {
        margin: 40px auto;
    }
}