@charset "utf-8";
    /*-----内覧コンテント-----*/
          div.nairan{
               width: 100%;
               padding: 5% 0px;
           }
           article.content-n{
               width: 100%;
               display: -webkit-flex;
               display: -moz-flex;
               display: -ms-flex;
               display: -o-flex;
               display: flex;
               margin: 8% 0;
           }
           #content figure.nairan{
               width: 60%;
           }
           
           figure.nairan{
               width: 43%;
    padding: 0% 0% 0 6%;
}
           div.txt{
               width: 23%;
               height: 220px;
               border: solid 1px #222;
               border-radius: 50%;
               position: relative;
               text-align: center;
               margin-left: 14%;
               margin-top: 1%;
           }
           .content-n p{
               position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
width: 100%;
text-align: center;
            font-size: 17px;
    font-weight: bold;
    color: #222;
           }
/*-----内覧コンテントend-----*/


div.bvaer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
        padding-top: 10%;
    padding-bottom: 0%;
}
    
/*    div#hiraya-btn{
    padding-bottom: 13%;
    }*/
    .sinoi .kura figure.kura_l {
       width: 45%;
    padding: 0 0 0 4%;
}

.sinoi .kura figure.kura_r {
        width: 45%;
    padding: 0 4% 0 0;
}
#wrapper{
        margin: 10% auto 0;
}
    
.sinoi .nairan.clearfix .nairan_top.clearfix{
    margin: 10% auto 0;
}

.nairan_bottom.clearfix{
padding-bottom: 10%;
}

.sinoi .nairan.clearfix .nairan_bottom.clearfix {
    padding-top: 5%;
}
section.map {
    padding: 0 0 13% 0;
}
.kukaku-number {
    font-size: 30px;
    font-weight: bold;
    color: #222;
}
@media screen and (max-width: 768px){
    /*.sinoi .sinoi div.kura {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }*/
    .kukaku-number{
        width: 95%;
        margin: auto;
    }
    .sinoi .kura figure.kura_r {
    width: 45%;
    padding: 0 2% 0 02%;
}
    .sinoi .kura figure.kura_l {
    width: 45%;
    padding: 0 0 0 2%;
}
    div.txt {
    width: 23%;
    height: 176px;
}
    .content-n p {
    font-size: 14px;
    }
    figure.midasi {
    width: 91.5%;
    margin: auto;
}
        .ggmap {
    width: 91.5%;
    margin: auto;
}
    div.bvaer {
    width: 91.5%;
    margin: auto;
    }
}

@media screen and (max-width:414px){
.sinoi .kura figure.kura_l {
    width: 85%;
    padding: 0 7%;
}
    .sinoi .kura figure.kura_r {
    width: 89%;
    padding: 0 4.5%;
}
    div.bvaer{
        display: block;
    }
    .sinoi .sinoi div.kura{
        display:block;
    }
        div.hiruzu_sinoi {
    width: 90%;
    margin-top: 5%;
}
    div.yoyaku {
    width: 90%;
    }
    
element.style {
}
figure.nairan {
    width: 95%;
    margin: auto;
    padding: 0;
}
    div.txt {
    width: 43%;
    height: 70px;
}
    div.txt {
    width: 43%;
    height: 70px;
    border: double 1px #222;
    border-radius: 0%;
    position: relative;
    text-align: center;
    border: double;
    margin: 2% auto;
}
    article.content-n {
        display:block;
    }
    .sinoi .kura figure.kura_r {
    width: 85%;
    margin: auto;
    padding: 0;
        float: none;
}
    .kukaku-number {
        font-size: 20px;
    }
}

@media screen and (max-width:320px){
.content-n p {
    font-size: 12px;
}
}

.top-2 img{
    width: 50%;
}