@charset "utf-8";
.smv{
background:url(../img/planning_smv.png);
background-size:cover;
background-position:center center;
height:400px;
margin-bottom:100px;
}


.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 15px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 10.5em);
}
.point_border span:before {
left:-2em;
}
.point_border span:after {
right:-2em;
}

.sec_tit{
font-size:30px;
text-align:center;
margin-bottom:70px;
}
.sec_tit span{
font-size:65%;
}

.proposal{
max-width:1000px;
margin:0 auto 50px;
}

.house{
max-width:1000px;
margin:0 auto 50px;
}

.zeh{
background:#00471d;
padding:100px 0;
text-align:center;
margin:0 auto 50px;
}
.zeh img{
max-width:1000px;
}

.plan_area h4{
font-size:30px;
text-align:center;
margin-bottom:30px;
}

.plan_wrap{
/*max-width:1000px;*/
margin:0 auto;
}
.plan_box{
margin-bottom:100px;
}
.plan_box:last-child{
margin-bottom:0;
}
.plan_info{
margin-bottom:15px;
padding:20px 0;

/*background:#7496a6;*/
text-align:center;
}
.plan_info img{
max-width:1000px;
margin:0 auto;
}

.plan_flex{
max-width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
}
.plan{
width:60%;
}
.plan_point{
width:40%;
}

/*
.plan_box{
max-width:1200px;
margin:0 auto 50px;
background:#fff;
}
.plan_info{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}
.plan{
display:flex;
justify-content:space-between;
align-items:center;
}
.plan_img{
width:50%;
}
.plan_txt{
width:50%;
padding:0 2%;
}

*/
.plan_note{
font-size:12px;
max-width:1000px;
margin:30px auto 100px;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.smv{
height:150px;
margin-bottom:10%;
}

.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 10px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 8em);
}
.point_border span:before {
left:-1.5em;
}
.point_border span:after {
right:-1.5em;
}

.sec_tit{
max-width:90%;
margin:0 auto 5%;
font-size:5vw;
line-height:1.5em;
}
.sec_tit span{
}

.proposal{
max-width:90%;
margin:0 auto 10%;
}

.scroll_txt{
font-size:3vw;
max-width:90%;
margin:0 auto;
}
.house{
max-width:90%;
margin:0 auto 10%;
}
.house{
position: relative;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-top:15%;
}
.scroll-hint {
  position: absolute;
  left: 5%;
  top: 0%;
  /*transform: translateY(-50%);*/
  background: rgba(0,0,0,0.6);
  color: white;
  padding: 10px;
  border-radius:9999px;
  pointer-events: none;
  animation: pulse 2s infinite;
font-size:4vw;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}


.house img {
width: auto;
max-width: none;
}


.zeh{
padding:10% 0;
margin:0 auto 10%;
}
.zeh img{
max-width:90%;
}

.plan_area h4{
max-width:90%;
margin:0 auto 5%;
font-size:5vw;
line-height:1.5em;
}


.plan_wrap{
margin:0 auto;
}
.plan_box{
margin-bottom:15%;
}
.plan_box:last-child{
}
.plan_info{
margin-bottom:3%;
padding:5% 0;
text-align:center;
}
.plan_info img{
max-width:90%;
margin:0 auto;
}
.plan_flex{
max-width:90%;
margin:0 auto;
display:block;
text-align:center;
}
.plan{
width:100%;
margin-bottom:5%;
}
.plan_point{
width:90%;
margin:0 auto;
}

/*
.plan_box{
max-width:90%;
margin:0 auto 10%;
}
.plan_info{
display:block;
margin-bottom:3%;
}
.plan{
display:block;
margin-bottom:3%;
}
.plan_img{
width:100%;
}
.plan_txt{
width:100%;
padding:3%;
}

*/
.plan_note{
font-size:3vw;
max-width:90%;
margin:5% auto 15%;
}
}