@charset "UTF-8";
/* CSS Document */

/* .mainV */
.mainV{
    margin:0 calc(50% - 50vw);
    width:100vw;
}
.mainV_image{
    background:#a47272;
    position:relative;
    height:700px;
    background:url("/img/news/openhouse/2026/07/0718/mainV_bg.webp") bottom center / cover;
}
.mainV_image h3{
    color:#fff;
    font-size:1.3rem;
    writing-mode: vertical-rl;
    position:absolute;
    height:fit-content;
    width:fit-content;
    top:30px;
    left:30px;
}
.mainV_image .se_logo{
    width:35%;
    max-width:200px;
    position:absolute;
    height:fit-content;
    bottom:20px;
    right:20px;
}
.mainV_detail{
    background:#2f4210;
}
.mainV_detail .title{
    max-width:1400px;
    margin:auto;
    text-align:center;
    padding:10vh 0;
    color:#ffff;
}
.mainV_detail .title h1{
    font-size:2.3rem;
    line-height:1.8em;
    margin:0 0 0.5em 0;
}
.mainV_detail .title h1 span{
    display:block;
    font-size:190%;
    letter-spacing:0.2em;
}
.mainV_detail .title h3{
    font-size:1rem;
    margin:1.5em 0;
}
.mainV_detail .title .day{
    font-size:3rem;
    margin:0 0 0.5em 0;
}
.mainV_detail .title .day span{
    font-size:40%;
    margin:0 0.2em 0 0;
}
.mainV_detail .title h4{
    font-weight:100;
    font-size:1.0rem;
    position: relative;
    padding:0.25em 1em;
    display: inline-block;
    top:0;
}
.mainV_detail .title h4:before,
.mainV_detail .title h4:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.mainV_detail .title h4:before {
  border-top: solid 0.5px #ffffff;
  border-left: solid 0.5px #ffffff;
  border-bottom: solid 0.5px #ffffff;
  left: 0;
}

.mainV_detail .title h4:after {
  content: '';
  border-top: solid 0.5px #ffffff;
  border-right: solid 0.5px #ffffff;
  border-bottom: solid 0.5px #ffffff;
  right: 0;
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
    .mainV_image{
        height:600px;
    }
}
/* ---- 519px ------- */
@media screen and (max-width: 519px) {
    .mainV_image{
        height:500px;
    }
    .mainV_detail .title h1{
        font-size:7.0vw;
    }
    .mainV_detail .title h3{
        font-size:3vw;
    }
    .mainV_detail .title h4{
        font-size:3vw;
    }
    .mainV_detail .title .day{
       font-size:11vw;
    }
}

/* modelhouse */
.modelhouse{
    margin:0 calc(50% - 50vw);
    width:100vw;
    display:flex;
    justify-content:space-between;
}
.modelhouse .image{
    width:50%;
    position:sticky;
    top:0;
     height:100vh;
}
.modelhouse .image img{
    object-fit:cover;
    object-position: bottom;
    height:100%;
    width:100%;
}
.modelhouse .text{
    width:50%;
    align-items:center;
    display:flex;
    background:#384e15;
}
.modelhouse .text .inner{
    color:#fff;
    width:80%;
    max-width:500px;
    margin:100vh auto 100vh;
}
.modelhouse .text h4{
    font-size:0.8rem;
    margin:0 0 1.5em 0;
}
.modelhouse .text h2{
    font-size:1.4rem;
    margin:0 0 1.5em 0;
}
.modelhouse .text h2 span{
    display:block;
    font-size:120%;
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
    .modelhouse{
        width:100vw;
        display:block;
        justify-content:unset;
    }
    .modelhouse .image{
        width:100%;
        position:unset;
        top:unset;
        height:700px;
    }
    .modelhouse .text{
        width:100%;
        align-items:unset;
        display:block;
    }
    .modelhouse .text .inner{
        width:80%;
        max-width:500px;
        margin:0 auto 0;
        padding:100px 0;
    }
}
/* ---- 519px ------- */
@media screen and (max-width: 519px) {
    .modelhouse .text h2{
        font-size:4.5vw;
    }
    .modelhouse .text .inner{
        width:90%;
    }
}

/* se_cont */
.se_cont{
    margin:0 calc(50% - 50vw);
    width:100vw;
    display:flex;
    justify-content:space-between;
    background:#2f4210;
}
.se_cont .se_image{
    width:50%;
    height:100vh;
    overflow:hidden;
    position:sticky;
    top:0;
}
.se_cont .se_image img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.se_cont .se_detail{
    width:50%;
}
.se_cont .se_detail .sec_first{
    padding:150px 0 70px;
    margin:auto;
    width:80%;
    max-width:500px;
    color:#fff;
}
.se_cont .se_detail .sec_first .image{
    width:50%;
    margin:0 auto 50px;
    max-width:350px;
}
.se_cont .se_detail .sec_first p{
    font-size:1.05rem;
    text-align:center;
}
.se_cont .se_detail .sec{
    padding:5vh 0;
    margin:auto;
    width:90%;
    max-width:500px;
    color:#fff;
}
.se_cont .se_detail .sec h3{
    font-size:1.55rem;
    display: flex;
    align-items: center;
}
.se_cont .se_detail .sec h3:after {
    content: "";
    height: 0.5px;
    flex-grow: 1;
    background-color: #fff;
    margin-left: 1rem;
}
.se_cont .se_detail .sec h4{
    font-size:1.15rem;
}
.se_cont .se_detail .sec .image_4{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:10px 0;
}
.se_cont .se_detail .sec .image_4 dt{
    overflow:hidden;
    width:50%;
}
.se_cont .se_detail .sec .image_4 dt img{
    object-fit:cover;
    height:100%;
    width:100%;
    vertical-align:bottom;
}
.se_cont .se_detail .sec .image{
    
    margin:10px 0;
}
.se_cont .se_detail .sec .image dt img{
    width:100%;
    overflow:hidden;
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
        .se_cont{
        display:block;
        justify-content:unset;
    }
    .se_cont .se_image{
        width:100%;
        height:700px;
        position:unset;
    }
    .se_cont .se_detail{
        width:100%;
    }
    .se_cont .se_detail .sec_first{
        padding:100px 0 70px;
    }
}
/* ---- 519px ------- */
@media screen and (max-width: 519px) {
    .se_cont .se_detail .sec_first p{
        font-size:4vw;
    }
    .se_cont .se_detail .sec_first{
        width:90%;
    }
    .se_cont .se_detail .sec h3{
        font-size:5.5vw;
    }
    .se_cont .se_detail .sec h4{
        font-size:4vw;
    }
}


/* se_cta */
.se_cta{
    margin:0 calc(50% - 50vw);
    width:100vw;
    display:flex;
    justify-content:space-between;
    height:500px;
    background:url("/img/news/openhouse/2026/07/0718/se_cta.webp") top center / cover;
    position:relative;
}
.se_cta:before{
    position:absolute;
    content:"";
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#00000099;
}
.se_cta .text{
    color:#fff;
    z-index:1;
    position:absolute;
    width:80%;
    max-width:800px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height:fit-content;
}
.se_cta .text h2{
    font-size:1.5rem;
    margin:0 0 1em 0;
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
        .se_cta{
        height:700px;
    }
}
/* ---- 519px ------- */
@media screen and (max-width: 519px) {
    .se_cta .text h2{
        font-size:4.5vw;
    }
}



/* ---- information ------- */
.information{
	background:#f1f1ee;
    margin:0 calc(50% - 50vw);
    width:100vw;
    padding:70px 0;
}
.information .info_wrap{
    width:90%;
    max-width:1400px;
    margin:auto;
}
.information .info_wrap h3{
    font-size:1.5rem;
    display: flex;
    align-items: center;
    margin:0 0 20px 0;
}
.information .info_wrap h3:after {
    content: "";
    height: 0.5px;
    flex-grow: 1;
    background-color: #000;
    margin-left: 1rem;
}
.information .info_wrap .info_inner{
    display:flex;
    justify-content:space-between;
}
.information .info_wrap .info_inner .info{
    width:60%;
}
.information .info_wrap .info_inner .info h5{
    font-size:1.1rem;
    margin:0 0 1em 0;
}
.information .info_wrap .info_inner .info h5 span{
    display:block;
    font-size:85%;
}
.information .info_wrap .info_inner .info table{
    width:100%;
    margin:0 0 30px 0;
    border-collapse:collapse
}
.information .info_wrap .info_inner .info table tr{
    border-top:0.5px solid #666;
    line-height:1.7em;
}
.information .info_wrap .info_inner .info table td{
    padding:0.3em 0;
}
.information .info_wrap .info_inner .info table tr:last-of-type{
     border-bottom:0.5px solid #666;
}
.information .info_wrap .info_inner .map{
    width:35%;
}
.information .info_wrap .info_inner .map iframe{
    height:100%;
    width:100%;
}
.information .info_wrap .info_inner .info > p.note{
    font-size:80%;
    line-height:1.9em;
    text-indent:-1em;
    padding-left:1em;
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
    .information .info_wrap .info_inner{
        display:block;
        justify-content:unset;
    }
    .information .info_wrap .info_inner .info{
        width:100%;
    }
    .information .info_wrap .info_inner .map{
        width:100%;
        height:400px;
        margin:50px 0 0;
    }
}

/* ---- form ------- */
.form{
    margin:100px 0 50px;
}
.form h3{
    font-size:1.5rem;
}
.form h5{
     font-size:0.8rem;
}

/* ---- 599px ------- */
@media screen and (max-width: 599px) {

}


/* ---- 599px ------- */
@media screen and (max-width: 599px) {

}