@charset "utf-8";

/*下層ページ*/
@media(min-width: 768px) and (max-width:1800px) {}

@media(min-width: 768px) and (max-width:1024px) {}

@media (max-width: 767px) {}

/* text-sizeXX-sp */
@media (max-width: 767px) {
    .text-size16-sp {
        letter-spacing: 0 !important;
        font-size: calc(16 / 375 * 100vw) !important;
    }

    .text-size14-sp {
        letter-spacing: 0 !important;
        font-size: calc(14 / 375 * 100vw) !important;
    }

    .text-size12-sp {
        letter-spacing: 0 !important;
        font-size: calc(12 / 375 * 100vw) !important;
    }

    .text-size10-sp {
        letter-spacing: 0 !important;
        font-size: calc(10 / 375 * 100vw) !important;
    }
}

/* copy-common01 */
.copy-common01 {
    text-align: center;
    color: #fff;
}

.copy-common01 .deco {
    display: inline-block;
    padding: 0 calc(100 / var(--break3));
    position: relative;
    z-index: 1;
}

.copy-common01 .deco::before,
.copy-common01 .deco::after {
    content: "";
    width: calc(80 / var(--break3));
    height: calc(110 / var(--break3));
    margin: auto;
    background: url("../img/common/deco-copy01.png")no-repeat center top / cover;
    position: absolute;
    inset: 0;
}

.copy-common01 .deco::before {
    right: auto;
}

.copy-common01 .deco::after {
    left: auto;
    transform: scale(-1, 1);
}

.copy-common01.bottom .deco::before,
.copy-common01.bottom .deco::after {
    top: auto;
}

@media (max-width: 767px) {
    .copy-common01 .deco {
        padding: 0 calc(25 / 375 * 100vw)
    }

    .copy-common01 .deco::before,
    .copy-common01 .deco::after {
        width: calc(80 / 1100 * 100vw);
        height: calc(110 / 1100 * 100vw);
    }
}

/* copy-common02 */
.copy-common02 {
    padding-bottom: calc(20 / var(--break3));
    border-bottom: 3.5px #8a7979 dashed;
}

.copy-common02 .deco {
    display: inline-block;
    padding-top: calc(10 / var(--break3));
    padding-right: calc(30 / var(--break3));
    position: relative;
    z-index: 1;
}

.copy-common02 .deco::before {
    content: "";
    width: calc(25 / var(--break3));
    height: calc(22 / var(--break3));
    margin: auto;
    background: url("../img/common/deco-copy02.png")no-repeat center top / cover;
    position: absolute;
    top: calc(-10 / var(--break3));
    right: 0;
}

@media (max-width: 767px) {
    .copy-common02 {
        padding-bottom: 2vw;
        border-bottom-width: 2px;
    }

    .copy-common02 .deco {
        padding: 0;
    }

    .copy-common02 .deco::before {
        content: none;
    }
}

/* copy-common03 */
.copy-common03 {
    line-height: 1.6;
    text-align: center;
}

@media(min-width: 768px) {
    .copy-common03>.line {
        display: inline-block;
        background: linear-gradient(transparent 70%, #ffc100 30%);
    }
}

@media (max-width: 767px) {
    .copy-common03 .line_sp {
        display: inline-block;
        background: linear-gradient(transparent 70%, #ffc100 30%);
    }
}

/* copy-common04 */
.copy-common04 {
    text-align: center;
    position: relative;
    z-index: 1;
}

.copy-common04::before {
    content: "";
    width: 100%;
    height: 1px;
    margin: auto;
    border-top: 3px dashed #f2bb8a;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.copy-common04>.bg {
    display: inline-block;
    padding: 0 1em;
    position: relative;
    z-index: 2;
}

.copy-common04>.bg::after {
    content: "";
    width: 102%;
    height: 5px;
    margin: auto;
    background: #fff;
    position: absolute;
    inset: -1px -1%;
    z-index: -1;
}

@media (max-width: 767px) {
    .copy-common04::before {
        border-top-width: 2px;

    }

    .copy-common04>.bg {
        padding: 0 .5em;
    }

    .copy-common04>.bg::after {
        width: 102%;
        height: 3.5px;
    }
}

/* .deco-img  */
.deco-img {
    padding-bottom: calc(10 / var(--break3));
    position: relative;
    z-index: 1;
}

.deco-img::before {
    content: "";
    width: 100%;
    height: calc(100% - 10 / var(--break3));
    margin: auto;
    background: #F2BB8A;
    border-radius: calc(15 / var(--break3));
    position: absolute;
    bottom: 0;
    left: calc(10 / var(--break3));
    z-index: -1;
}

.deco-img.v2::before {
    background: #BCC6E3;
}

.deco-img.v3::before {
    background: #9FD1AA;
}

.deco-img02 {
    padding-bottom: calc(20 / var(--break3));
}

.deco-img02::before {
    height: calc(100% - 20 / var(--break3));
    border-radius: calc(60 / var(--break3));
    left: calc(-20 / var(--break3));
}

@media (max-width: 767px) {
    .deco-img {
        padding-bottom: calc(8 / 375 * 100vw);
    }

    .deco-img::before {
        height: calc(100% - 8 / 375 * 100vw);
        border-radius: calc(10 / 375 * 100vw);
        left: calc(8 / 375 * 100vw);
    }

    .deco-img02 {
        padding-bottom: calc(12.5 / 375 * 100vw);
    }

    .deco-img02::before {
        height: calc(100% - 12.5 / 375 * 100vw);
        border-radius: calc(30 / 375 * 100vw);
        left: calc(10 / 375 * 100vw);
    }
}

/* row-common30 */
.row-common30>.col {
    width: 32%;
}

.row-common30 .copy {
    margin-top: calc(20 / var(--break3));
    line-height: 1.6;
    letter-spacing: .1em;
    font-size: calc(20 / var(--break3));
    text-align: center;
}

@media (max-width: 767px) {
    .row-common30>.col {
        max-width: calc(312 / 375 * 100vw);
        width: 100%;
        margin: 0 auto 6.5vw;
    }

    .row-common30>.col:last-child {
        margin-bottom: 0;
    }

    .row-common30 .copy {
        margin-top: 2vw;
        letter-spacing: 0;
        font-size: calc(16 / 375 * 100vw);
    }

    .row-common30.in-anchor-sp>.col {
        padding-bottom: 5vw;
        position: relative;
        z-index: 1;
    }

    .row-common30.in-anchor-sp>.col::before {
        content: "";
        width: calc(20 / 375 * 100vw);
        height: calc(20 / 375 * 100vw);
        border: calc(3 / 375 * 100vw) solid;
        margin: auto;
        border-color: transparent transparent #DC6E1E #DC6E1E;
        position: absolute;
        inset: auto 0 0;
        transform: rotate(-45deg);
    }

    .row-common30.in-anchor-sp>.col:nth-of-type(3n - 1):before {
        border-color: transparent transparent #50639F #50639F;
    }

    .row-common30.in-anchor-sp>.col:nth-of-type(3n):before {
        border-color: transparent transparent #5A9467 #5A9467;
    }

    .row-common30.in-anchor-sp>.col>.anchor {
        display: block;
        width: 100%;
        height: 100%;
        margin: auto;
        position: absolute;
        inset: 0;
        z-index: 10;
    }
}

/* row-common30 */
.row-common31 {
    align-items: stretch;
}

.row-common31>.col {
    width: 32%;
    padding: calc(30 / var(--break3)) 2.5%;
    background: #ea9040;
    border-radius: calc(25 / var(--break3));
}

.row-common31>.col:nth-of-type(2n) {
    background: #eead5d;
}

.row-common31 .copy {
    min-height: calc(80 / var(--break3));
    margin: 0 auto calc(30 / var(--break3));
    line-height: 1.6;
    font-size: calc(29 / var(--break3));
    color: #fff;
    text-align: center;
}

.row-common31 .icon {
    margin: auto;
    width: calc(220 / var(--break3));
}

@media(min-width: 768px) {
    .row-common31>.col:nth-of-type(n + 4) {
        margin-top: 2.5%;
    }
}

@media (max-width: 767px) {
    .row-common31>.col {
        width: 49%;
        padding: 4vw 0 6vw;
        border-radius: calc(25 / 375 * 100vw);
    }

    .row-common31>.col:nth-of-type(n + 3) {
        margin-top: 4%;
    }

    .row-common31 .copy {
        min-height: calc(52 / 375 * 100vw);
        margin: 0 auto 2vw;
        letter-spacing: 0;
        font-size: calc(15 / 375 * 100vw);
    }

    .row-common31 .icon {
        width: calc(140 / 375 * 100vw);
    }
}

/* box-contact-contact */
.box-contact-contact {
    border-radius: calc(40 / var(--break3));
    overflow: hidden;
}

.box-contact-contact>.copy01 {
    padding: calc(20 / var(--break3));
    line-height: 1.5;
    letter-spacing: .1em;
    font-size: calc(30 / var(--break3));
    text-align: center;
    color: #fff;
    background: #1a1a1a;
}

.box-contact-contact>.box {
    padding: calc(80 / var(--break3)) 4%;
    background: #fff;
}

@media (max-width: 767px) {
    .box-contact-contact {
        border-radius: 0;
    }

    .box-contact-contact>.copy01 {
        padding: 0 0 3vw;
        letter-spacing: 0;
        font-size: calc(12.5 / 375 * 100vw);
        background: transparent;
    }

    .box-contact-contact>.box {
        padding: 0;
        background: transparent;
    }

    .box-contact-contact>.box .text-size10-sp {
        color: #fff;
    }

    .box-contact-contact .txt-form-accept {
        color: #fff;
    }
}

/* modelhouse */
.modelhouse {
    padding: calc(999/ var(--break3)) 0 0;
    position: relative;
    z-index: 1;
}

.modelhouse::before {
    content: "";
    max-width: 1920px;
    max-height: 2478px;
    width: calc(1920 / 1920 * 100vw);
    height: calc(2478/ 1920 * 100vw);
    margin: auto;
    position: absolute;
    inset: 0 -50% auto;
    z-index: -1;
}

.copy-modelhouse01 {
    padding-bottom: calc(900 / 1920 * 100vw);
}

.copy-modelhouse01 .deco {
    padding-bottom: calc(10 / var(--break3));
}

.copy-modelhouse01 .en {
    display: block;
    margin-bottom: calc(20 / var(--break3));
    line-height: 1;
    letter-spacing: .1em;
    font-size: calc(58 / var(--break3));
}

.copy-modelhouse01 .jp {
    line-height: 1.6;
    letter-spacing: .2em;
    font-size: calc(32 / var(--break3));
}

.copy-modelhouse02 {
    line-height: 1.6;
    letter-spacing: .1em;
    margin-top: calc(-30/ var(--break3));
    font-size: calc(34 / var(--break3));
}
@media(min-width: 768px) {
    .fix-modelhous {display: none;}
}
@media (max-width: 767px) {
    .modelhouse {
        padding: 105vw 0 0;
    }

    .modelhouse::before {
        width: calc(750 / 740 * 100vw);
        height: calc(1982 / 740 * 100vw);
        background: url("../img/modelhouse/bg01_sp.png")no-repeat center top / calc(750 / 730 * 100vw);
    }

    .copy-modelhouse01 {
        padding-bottom: calc(250 / 375 * 100vw);
    }

    .copy-modelhouse01 .deco {
        padding-bottom: calc(10 / var(--break3));
    }

    .copy-modelhouse01 .en {
        margin-bottom: calc(20 / var(--break3));
        letter-spacing: .05em;
        font-size: calc(26 / 375 * 100vw);
    }

    .copy-modelhouse01 .jp {
        letter-spacing: .1em;
        font-size: calc(14 / 375 * 100vw);
    }

    .slider-modelhouse-sp {
        margin-left: -3.5%;
        margin-right: -3.5%;
    }

    .slider-modelhouse-sp .slid {
        width: calc(190 / 375 * 100vw);
    }

    .copy-modelhouse02 {
        letter-spacing: 0;
        margin-top: -4vw;
        font-size: calc(20 / 375 * 100vw);
    }
    
    .modelhouse .scroll-hint figure{
        width: calc(1000 / 800 * 100vw);
    }

    .fix-modelhous {
        width: 100%;
        height: calc(104 / 750 * 100vw);
        margin: auto;
        background: url("../img/modelhouse/fix-modelhous.png")no-repeat center top / cover;
        position: fixed;
        inset: auto 0 0;
        z-index: 999;
    }
}

/* modelhouse */
.cover-box-modelhouse {
    position: relative;
    z-index: 1;
}

.cover-box-modelhouse>.deco-reservation02 {
    width: calc(300 / var(--break3));
    height: calc(124 / var(--break3));
    margin: auto;
    position: absolute;
    bottom: calc(-50 / var(--break3));
    right: calc(-100 / var(--break3));
    z-index: 1;
}

.box-modelhouse {
    padding: calc(50 / var(--break3)) 4% calc(60 / var(--break3));
    background: #fff;
    box-shadow: 0 0 calc(20 / var(--break3)) rgba(0, 0, 0, .1), 0 0 calc(30 / var(--break3)) rgba(0, 0, 0, .1);
    border-radius: calc(30 / var(--break3));
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.box-modelhouse>.deco-reservation {
    width: calc(102 / var(--break3));
    height: calc(102 / var(--break3));
    margin: auto;
    position: absolute;
    top: -.5px;
    left: -.5px;
    z-index: 1;
}

.copy-box-modelhouse {
    line-height: 1.5;
    letter-spacing: .1em;
    text-align: center;
    font-size: calc(34 / var(--break3));
}

.btn-modelhouse {
    display: block;
    max-width: 640px;
    width: calc(660 / var(--break3));
}

@media (max-width: 767px) {
    .cover-box-modelhouse>.deco-reservation02 {
        width: calc(300 / 1000 * 100vw);
        height: calc(124 / 1000 * 100vw);
        bottom: -5vw;
        right: 0;
    }

    .box-modelhouse {
        max-width: calc(327 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
        padding: 5vw 6vw 7vw;
        box-shadow: 0 0 calc(20 / 750 * 100vw) rgba(0, 0, 0, .2), 0 0 calc(30 / 750 * 100vw) rgba(0, 0, 0, .2);
        border-radius: calc(30 / 750 * 100vw);
    }

    .box-modelhouse>.deco-reservation {
        width: calc(102 / 750 * 100vw);
        height: calc(102 / 750 * 100vw);
    }

    .copy-box-modelhouse {
        letter-spacing: 0;
        font-size: calc(16 / 375 * 100vw);
    }

    .row-box-modelhouse .colImg {
        margin-bottom: 5vw;
    }

    .row-box-modelhouse .colText {
        padding: 0 4.5vw;
    }

    .btn-modelhouse {
        width: calc(350 / 375 * 100vw);
    }
}

/* cover-pickup-modelhouse */
.cover-pickup-modelhouse {
    max-width: 1780px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.cover-pickup-modelhouse::before {
    content: "";
    max-width: 1600px;
    width: 94%;
    height: calc(100% + 100 / var(--break3));
    margin: auto;
    background: url("../img/modelhouse/bg03.png")no-repeat center / cover;
    border-radius: calc(40 / var(--break3));
    position: absolute;
    inset: calc(40 / var(--break3)) 0 auto;
    z-index: -1;
}

.row-pickup-modelhouse {
    max-width: 1400px;
    width: 90%;
    margin-bottom: calc(100 / var(--break3));
}

.row-pickup-modelhouse.v1 {
    margin-left: auto;
}

.row-pickup-modelhouse.v2 {
    margin-right: auto;
}

.row-pickup-modelhouse>.col-img {
    width: 55%;
}

.row-pickup-modelhouse>.col-text {
    width: 41%;
    padding-top: calc(60 / var(--break3));
}

.row-pickup-modelhouse .num {
    width: 90%;
    margin-bottom: calc(20 / var(--break3));
}

.row-pickup-modelhouse .copy {
    width: 200%;
    margin-bottom: calc(40/ var(--break3));
    line-height: 1;
    letter-spacing: .1em;
    font-size: calc(48/ var(--break3));
    position: relative;
}

.row-pickup-modelhouse .copy .s {
    display: inline-block;
    padding: calc(15/ var(--break4)) calc(30/ var(--break4));
    background: #fff;
}

.row-pickup-modelhouse.v1 .copy {
    margin-right: -100%;
}

.row-pickup-modelhouse.v1 .copy .s2 {
    margin-left: calc(180 / var(--break3));
}

.row-pickup-modelhouse.v2 .copy {
    margin-left: -100%;
    text-align: right;
}

.row-pickup-modelhouse.v2 .copy .s {
    margin-left: auto;
}

.row-pickup-modelhouse02 {
    max-width: 1280px;
    width: 89%;
    margin: 0 auto calc(100 / var(--break3));
}

.row-pickup-modelhouse02>.col01 {
    width: 33%;
}

.row-pickup-modelhouse02>.col02 {
    width: 27%;
    padding-top: calc(30 / var(--break3));
}

.row-pickup-modelhouse02>.col03 {
    width: 33%;
}

.row-pickup-modelhouse02 .text {
    padding-top: calc(30 / var(--break3));
}

@media (max-width: 767px) {
    .cover-pickup-modelhouse::before {
        width: 96%;
        height: calc(100% + 10 / 375 * 100vw);
        border-radius: calc(40 / 750 * 100vw);
        inset: calc(40 / 375 * 100vw) 0 auto;
    }

    .row-pickup-modelhouse {
        width: 100%;
        margin-bottom: 9vw;
    }

    .row-pickup-modelhouse.row3 {
        margin-bottom: 7.5vw !important;
    }

    .row-pickup-modelhouse>.col-img {
        order: 0;
        width: 88%;
    }

    .row-pickup-modelhouse>.col-text {
        order: 1;
        width: 86%;
        margin: auto;
        padding-top: 6vw;
        position: relative;
    }

    .row-pickup-modelhouse.v1>.col-img {
        margin-left: auto;
        margin-right: -5vw;
    }

    .row-pickup-modelhouse.v2>.col-img {
        margin-right: auto;
        margin-left: -5vw;
    }

    .row-pickup-modelhouse .num {
        width: 111%;
        margin: auto;
        position: absolute;
        top: -30vw;
        left: -2.5vw;
    }

    .row-pickup-modelhouse.v2 .num {
        left: auto;
        right: -7vw;
    }

    .row-pickup-modelhouse .copy {
        width: 110%;
        margin-top: -17.5vw;
        margin-bottom: 10vw;
        letter-spacing: 0;
        font-size: calc(24/ 375*100vw);
    }

    .row-pickup-modelhouse.v1 .copy{
        margin-left: -2.5vw;
    }
   .row-pickup-modelhouse.v2 .copy {
        margin-left: -7vw;
   }
    .row-pickup-modelhouse .copy .s {
        padding: 1.75vw 2vw;
    }

    .row-pickup-modelhouse.v1 .copy .s2 {
        margin-left: 0;
    }
 

    .row-pickup-modelhouse02 {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto 10vw;
    }

    .row-pickup-modelhouse02>.col{
        width: calc(310 / 375 * 100vw);
        margin: 0 auto;
    }
    .row-pickup-modelhouse02>.col01{
        order: 1;
    }
    .row-pickup-modelhouse02>.col01 .img {
        padding-right: 5.5vw;
    }
    .row-pickup-modelhouse02>.col03 .img{
        padding-left: 8vw;
    }
    .row-pickup-modelhouse02>.col02 {
        display: none;
    }
    .row-pickup-modelhouse02>.col03 {
        order: 0;
        margin-bottom: 7vw;
    }

    .row-pickup-modelhouse02 .text {
        padding-top: 5vw;
    }

}

/* cover-gallery-modelhouse */
.cover-gallery-modelhouse {
    margin-bottom: calc(80 / var(--break3));
    position: relative;
    z-index: 3;
}

.copy-gallery-modelhouse {
    line-height: 1;
    font-size: calc(82 / var(--break3));
    text-align: center;
    color: #5a9467;
}

.slider-gallery-modelhouse .slid {
    max-width: 608px;
    width: calc(615 / var(--break3));
    margin: 0 calc(14 / var(--break3));
    background: #fff;
    border-right: #D4D4D4 solid calc(6 / var(--break3));
    border-bottom: #D4D4D4 solid calc(6 / var(--break3));
    border-radius: calc(35 / var(--break3));
}

.slider-gallery-modelhouse .text {
    padding: calc(30 / var(--break3))
}

.slider-gallery-modelhouse .slick-prev,
.slider-gallery-modelhouse .slick-next {
    width: calc(90 / var(--break3));
    height: calc(90 / var(--break3));
    background: url("../img/modelhouse/arrow.png")no-repeat center / cover !important;
    transform: translate(0);
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.slider-gallery-modelhouse .slick-prev {
    left: 2%;
}

.slider-gallery-modelhouse .slick-next {
    right: 2%;
    transform: translate(0) scaleX(-1);
}

.slider-gallery-modelhouse .slick-prev:before,
.slider-gallery-modelhouse .slick-next:before {
    display: none;
}


.slider-gallery-modelhouse .slick-dots {
    margin-top: calc(30 / var(--break3));
    position: relative;
    bottom: auto;
}

.slider-gallery-modelhouse li button:before {
    width: calc(14 / var(--break3)) !important;
    height: calc(14 / var(--break3)) !important;
    opacity: 1;
    color: transparent !important;
    background: #dddddd;
    font-size: 0;
    border-radius: 100%;
}

.slider-gallery-modelhouse .slick-dots li {
    margin: 0 !important;
}

.slider-gallery-modelhouse .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #e48028;
}

.slider-gallery-modelhouse .slick-list {
    padding: 0 !important;
}

.slider-gallery-modelhouse .slick-dots li:only-child {
    display: none;
}

@media(max-width: 767px) {
    .cover-gallery-modelhouse {
        margin-bottom: calc(80 / var(--break3));
    }

    .copy-gallery-modelhouse {
        font-size: calc(44 / 375 * 100vw);
    }

    .slider-gallery-modelhouse .slid {
        width: calc(310 / 375 * 100vw);
        margin: 0 1vw;
        border-right-width: calc(4 / 375 * 100vw);
        border-bottom-width: calc(4 / 375 * 100vw);
        border-radius: calc(35 / 375 * 100vw);
    }

    .slider-figure-modelhouse.slider-gallery-modelhouse .slid {
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    .slider-gallery-modelhouse .text {
        padding: 4vw 3vw 5vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: calc(12 / 375 * 100vw);
    }

    .slider-gallery-modelhouse .slick-prev,
    .slider-gallery-modelhouse .slick-next {
        display: none !important;
        width: calc(90 / 750* 100vw);
        height: calc(90 / 750* 100vw);
    }

    .slider-gallery-modelhouse .slick-dots {
        margin-top: 4vw;
    }

    .slider-gallery-modelhouse .slick-dots li button,
    .slider-gallery-modelhouse li button:before {
        width: calc(10 / 375 * 100vw) !important;
        height: calc(10 / 375 * 100vw) !important;
    }
}

/* cover-access-modelhouse */
.cover-access-modelhouse {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.row-access-modelhouse {
    max-width: 1300px;
    width: 93%;
}

.row-access-modelhouse.right {
    margin-left: auto;
}

.row-access-modelhouse .col-img,
.row-access-modelhouse .col-map {
    width: 55%;
}

.row-access-modelhouse .col-text {
    width: 41%;
}

.row-access-modelhouse .col-map {
    height: calc(600 / var(--break3));
    border-radius: calc(60 / var(--break3));
    overflow: hidden;
    position: relative;
}

.row-access-modelhouse .col-map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.row-access-modelhouse .list dt {
    width: calc(175 / var(--break));
}

.row-access-modelhouse .list dd {
    width: calc(100% - 175 / var(--break));
}

.row-access-modelhouse .list02 .up {
    font-size: 150%;
    line-height: 1.7;
}

.row-access-modelhouse .tel-access-modelhouse {
    display: block;
    max-width: 400px;
    width: calc(420 / var(--break2));
}

.row-access-modelhouse .logo-access-modelhouse {
    display: block;
    max-width: 400px;
    width: calc(420 / var(--break2));
}

@media (max-width: 767px) {
    .cover-access-modelhouse {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .row-access-modelhouse {
        width: 100%;
    }

    .row-access-modelhouse.right {
        margin-left: auto;
        margin-right: auto;
    }

    .row-access-modelhouse .col-img,
    .row-access-modelhouse .col-map {
        order: 0;
        width: 100%;
        margin-bottom: 5vw;
    }

    .row-access-modelhouse .col-text {
        order: 1;
        width: 92%;
        margin: auto;
    }

    .row-access-modelhouse .col-map {
        height: calc(240 / 375 * 100vw);
        border-radius: calc(30 / 375 * 100vw);
    }

    .row-access-modelhouse .col-map iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .row-access-modelhouse .list,
    .row-access-modelhouse .list02 {
        letter-spacing: 0;
        font-size: calc(12 / 375 * 100vw);
    }

    .row-access-modelhouse .list dt {
        width: calc(100 / 375 * 100vw);
    }

    .row-access-modelhouse .list dd {
        width: calc(100% - 100 / 375 * 100vw);
    }

    .row-access-modelhouse .list02 .up {
        font-size: 150%;
        line-height: 1.7;
    }

    .row-access-modelhouse .tel-access-modelhouse {
        display: block;
        margin: 0 auto 0;
        max-width: 100%;
        width: calc(328 / 375 * 100vw);
    }

    .row-access-modelhouse .logo-access-modelhouse {
        display: none;
    }

    .row-access-modelhouse01 {
        padding-top: calc(70 / 375 * 100vw);
        margin-bottom: 10vw;
        position: relative;
        z-index: 1;
    }

    .row-access-modelhouse01 .title {
        width: calc(292/ 375 * 100vw);
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
}

/* cover-recommendation-modelhouse */
.cover-recommendation-modelhouse {
    padding-bottom: calc(90 / var(--break3));
    position: relative;
    z-index: 1;
}

.cover-recommendation-modelhouse::before {
    content: "";
    width: 100%;
    height: calc(100% - 100 / var(--break3));
    margin: auto;
    background: url("../img/modelhouse/bg03.png")no-repeat center / cover;
    opacity: .8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.row-recommendation-modelhouse {
    margin-top: calc(360 / var(--break3));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.row-recommendation-modelhouse::before {
    content: "";
    width: calc(1225/ var(--break3));
    height: calc(285/ var(--break3));
    margin: auto;
    background: url("../img/modelhouse/deco-recommendation-modelhouse.png")no-repeat center bottom / contain;
    position: absolute;
    bottom: calc(100% - 1px);
    left: -1%;
    right: 0;
}

@media (max-width: 767px) {
    .cover-recommendation-modelhouse {
        padding-bottom: 11vw;
    }

    .cover-recommendation-modelhouse::before {
        height: calc(100% - 50 / 375 * 100vw);
    }

    .row-recommendation-modelhouse {
        margin-top: calc(320 / 375 * 100vw);
    }

    .row-recommendation-modelhouse::before {
        width: calc(640 / 750*100vw);
        height: calc(592 / 750*100vw);
        background: url("../img/modelhouse/deco-recommendation-modelhouse_sp.png")no-repeat center bottom / contain;
    }
}

/* contact-modelhouse */
.contact-modelhouse {
    padding: calc(110 / var(--break3)) 0 calc(200 / var(--break3));
    background: url("../img/modelhouse/bg02.jpg")no-repeat center bottom/ cover;
}

.copy-contact-modelhouse01 {
    line-height: 1;
    letter-spacing: .1em;
    font-size: calc(80 / var(--break3));
    text-align: center;
    color: #fff;
}

@media (max-width: 767px) {
    .contact-modelhouse {
        padding: 12.5vw 0 15vw;
        background: url("../img/modelhouse/bg02_sp.jpg")no-repeat center top/ cover;
    }

    .copy-contact-modelhouse01 {
        letter-spacing: 0;
        font-size: calc(45 / 375 * 100vw);
    }

}

/* gift-common */
.gift-common {
    padding: calc(30 / var(--break3)) 0 calc(70 / var(--break3));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff6ea 50%);
}

.title-gift-common {
    max-width: 1200px;
    max-width: calc(1200 / var(--break3));
}

.copy-gift-common {
    font-size: calc(38 / var(--break3));
}

@media (max-width: 767px) {
    .gift-common {
        padding: 7.5vw 0 11vw;
    }

    .gift-common .inner {
        width: 88%;
    }

    .title-gift-common {
        max-width: calc(714 / 750 * 100vw);
    }

    .copy-gift-common {
        letter-spacing: 0;
        margin-top: -55.5vw;
        margin-bottom: 27.5vw;
        font-size: calc(30 /375 * 100vw);
    }
}