/* CSS Document */
/*=== result ===*/
#result div.contents_wrap{
background:#fff;
font-feature-settings:"palt";
}

.about_us{
max-width:830px;
margin:120px auto 380px;
text-align:center;
}
.about_us h4{
font-size:25px;
letter-spacing:10px;
margin-bottom:70px;
}
.about_us p{
line-height:3em;
margin-bottom:30px;
}

.tower{
margin-bottom:70px;
display:flex;
justify-content:space-between;
}

.hotel{
margin-bottom:70px;
}

.building{
margin-bottom:30px;
display:flex;
justify-content:space-between;
}
.building3{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:70px;
}
.building3 li{
margin-bottom:30px;
}
.spacer{
visibility:hidden;
width:260px;
}

.series{
text-align:center;
margin:auto 100px;
}
.series h4{
font-size:25px;
margin-bottom:100px;
}
.series .piazza_series{
margin-bottom:60px;
}
.series h5{
font-size:18px;
margin-bottom:50px;
}
.series p{
line-height:3em;
margin-bottom:200px;

}
.apartment{
max-width:940px;
margin:0 auto 200px;
}
.house{
max-width:1200px;
margin:0 auto 300px;
}

.area_ttl{
font-size:25px;
letter-spacing:10px;
margin-bottom:60px;
}
.area_map{
max-width:1200px;
margin:0 auto 100px;
}


.commitment{
text-align:center;
}
.commitment h4{
font-size:25px;
margin-bottom:100px;
}
.bg_b{
background:#000a2e;
color:#fff;
padding:10px;
text-align:center;
}

.commitment ul{
max-width:1200px;
margin:0 auto 100px;
display:flex;
justify-content:space-between;
}
.commitment li{

}

.commitment ul:nth-child(odd){
flex-flow:row-reverse;
}

@media screen and (max-width: 767px){
/*=== result ===*/
.about_us{
max-width:90%;
margin:10% auto 15%;
text-align:center;
}
.about_us h4{
font-size:20px;
letter-spacing:0.3em;
margin-bottom:5%;
}
.about_us p{
line-height:2em;
margin-bottom:5%;
}

.tower{
margin-bottom:5%;
display:block;
}
.tower li{
margin-bottom:5%;
}
.tower li:last-child{
margin-bottom:0;
}

.hotel{
margin-bottom:5%;
}

.building{
margin-bottom:5%;
display:block;
}
.building li{
margin-bottom:5%;
}
.building3{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:5%;
}
.building3 li{
width:48%;
margin-bottom:5%;
}
.spacer{
display:none;
}


.series{
text-align:center;
margin:0 auto 10%;
}
.series h4{
font-size:20px;
margin-bottom:10%;
}
.series .piazza_series{
margin-bottom:5%;
}
.series h5{
font-size:15px;
margin-bottom:5%;
}
.series p{
max-width:90%;
margin:0 auto;
line-height:2em;
margin-bottom:20%;

}
.apartment{
max-width:90%;
margin:0 auto 20%;
}
.house{
max-width:100%;
margin:0 auto 30%;
}

.area_ttl{
max-width:90%;
margin:0 auto;
font-size:20px;
letter-spacing:0em;
margin-bottom:5%;
}
.series p.area_map{
max-width:100%;
margin:0 auto 10%;
}


.commitment{
text-align:center;
}
.commitment h4{
font-size:20px;
margin-bottom:10%;
}
.bg_b{
background:#000a2e;
color:#fff;
padding:2%;
text-align:center;
}

.commitment ul{
max-width:100%;
margin:0 auto 10%;
display:block;
}
.commitment li:nth-child(1){
width:95%;
margin:0 5% 0 0;
}
.commitment ul:nth-child(odd) li:nth-child(1){
width:95%;
margin:0 0 0 5%;
}
.commitment li:nth-child(2){
width:90%;
margin:0 auto;
}

}