@charset "UTF-8";
/*
間取り
*/
.pages_main_image{height:auto;position: relative}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.pages_main_image p.txt12{position: absolute;right: 10px;bottom: 10px;}

#body_plan{padding: 0px 0 70px;}
#body_plan h2{font-size: 30px;letter-spacing: 0.2em;line-height: 1.8; font-weight: normal;margin: 60px 0 20px}

#body_plan .body_area_inner{position: relative}
@media screen and (max-width: 767px) {
#body_plan h2{font-size: 20px;margin: 40px 0 20px}
.pages_main_image img{height: 280px!important;width: 100%;object-fit: cover}
}



/*プラン　リンク付きmap*/
.plan_mapmenu {position: relative;width: 300px;margin: 60px auto;}
#body_plan img{width: 100%;height: 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_c{top:0px;left:177px;width:61px;height:488px;background: #e6c88c;mix-blend-mode: multiply;}
#mapmenu_type_d{top:0px;left:238px;width:61px;height:488px;background: #e6c88c;mix-blend-mode: multiply;}


@media screen and (max-width: 767px) {
.plan_mapmenu {margin: 0px auto 0px;width:50%;}
.plan_mapmenu .mapmenu{display: none;height: 0}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 0;}
}

/*プラン　メニュー*/
.limitedplan_menu {padding: 80px 0; }
.limitedplan_menu h2{}
.limitedplan_menu li.col4{width: 23%}
.limitedplan_menu li img{ width:100%; height:auto;}
.limitedplan_menu li p{}
.limitedplan_menu .cou{margin-top: 40px}

@media screen and (max-width: 767px) {
.limitedplan_menu {padding: 30px 0;}
.limitedplan_menu ul{width: 90%;margin: auto}
.limitedplan_menu li.col4{width: 100%;margin-top: 30px}
.limitedplan_menu .cou{font-size: 12px; margin-top: 40px}
}

#body_plan .point{margin: 40px 0 0;}
#body_plan .point h3{font-size: 28px;letter-spacing: 0.1em;margin-bottom: 60px}
#body_plan .point li{width: 32%; text-align: left;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}


#body_plan .point li h4{font-size: 17px;line-height: 1.8; margin: 12px 0;}
#body_plan .point li .coution{margin-top: 10px; font-size: 11px;line-height: 1.2}
@media screen and (max-width: 767px) {
#body_plan .point h3{font-size: 20px;line-height: 1.7}
#body_plan .point ul{width: 86%;margin: auto}
#body_plan .point li{width: 100%;margin-bottom: 30px}
}

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

.limitedbt:hover{opacity: 0.7}