@charset "UTF-8";
/*
間取り
*/
.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 600px!important;object-fit: cover}
.pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;bottom: 5px; margin: auto;color: #fff}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0; margin: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 200px!important;}
.pages_main_image picture figcaption{width: 98%;left: 0;right: 0;margin: auto;}
.pages_main_image .inner{display: none}
}

#body_plan h2{width: 640px;margin: auto}

/*プラン　リンク付きmap*/
#body_plan h3{font-size: 30px;font-weight: normal;margin-top: 80px; margin-bottom: 60px}


.plan_mapmenu {position: relative;width: 1134px;margin: 60px auto;}
.plan_mapmenu .mapmenu {  position: absolute;cursor: pointer;opacity: 0;-webkit-transition: opacity 0.25s linear;-o-transition: opacity 0.25s linear;transition: opacity 0.25s linear;}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 1;}
.plan_mapmenu .mapmenu a {  display: block;height: 100%;}

#mapmenu_type_a{top:177px;left:52px;width:62px;height:177px;background: URL("../images/plan/roomplan_floors_a.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_k{top:60px;left:698px;width:62px;height:295px;background: URL("../images/plan/roomplan_floors_k.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_tr{top:60px;left:1009px;width:62px;height:60px;background: URL("../images/plan/roomplan_floors_tr.svg") no-repeat 0 0;background-size: cover}


/*プラン　メニュー*/
.limitedplan_menu {padding: 60px 0}
.limitedplan_menu li img{ width:100%; height:auto;}
.limitedplan_menu li {text-align: center;width: 30%;padding: 20px 30px;margin-bottom: 30px;background: #202a3a;
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
}
.limitedplan_menu li div{margin: 15px auto 0}


@media screen and (max-width: 767px) {
#body_plan h2{width: 90%;margin: auto}
#body_plan h3{font-size: 20px;}
.plan_mapmenu {position: relative;width:90%;margin: 0px auto;}

.plan_mapmenu .mapmenu{display: none;height: 0}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 0;}

.limitedplan_menu ul {width: 80%;margin: auto}
.limitedplan_menu li {text-align: center;width: 100%; }


#body_plan .notice{text-align: left; font-size: 13px;}


}
.quality{margin-top: 80px; background: url("../images/plan/bg.jpg") no-repeat center center;background-size: cover;padding: 80px 0}
.quality li{text-align: left}
.quality h4{font-size: 20px;margin: 12px 0;letter-spacing: 0.1em}
.quality p{letter-spacing: 0.05em}
.quality small{font-size: 90%}

.quality dl{background: #fff;margin-top: 60px;padding: 50px}
.quality dt{margin-bottom: 30px}
.saitama{width: 400px;margin: 60px auto 0}
@media screen and (max-width: 767px) {
.quality{margin-top: 0px;padding: 10px 0 20px}
.quality li.col3{width: 48%;margin-top: 30px}
.quality h4{font-size: 17px;margin: 12px 0;letter-spacing: 0.1em}
.quality dl{background: #fff;margin-top:40px;padding: 20px}
.quality dt{text-align:left}
.saitama{width: 80%;margin: 60px auto 0}
}

/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/
.print{display: block;}
#body_plan .body_area_inner{width: 96%;margin: auto}
}