@charset "UTF-8";
/*
間取り
*/
.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 700px!important;object-fit: cover}
.pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;color: #000}
.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: 240px!important;}
.pages_main_image .inner{display: none}
}


#body_plan{padding: 0px 0 80px}
#body_plan .page_title{background: url("../images/plan/bg.jpg") no-repeat center top;background-size: cover;position: relative;color: #fff;padding: 80px 0}
#body_plan .page_title h2{position:absolute;top: -130px;left: 0;right: 0;margin: auto;  font-size: 150px;letter-spacing: 0.2em;font-weight: normal;}
#body_plan .page_title h3{font-size: 43px;letter-spacing: 0.3em;font-weight: normal;padding-bottom: 20px}
#body_plan .txt{line-height: 3;letter-spacing: 0.2em;font-size: 14px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_plan .page_title{padding: 50px 0}
#body_plan .page_title h2{top: -40px;font-size: 13vw;}
#body_plan .page_title h3{font-size: 20px;padding-bottom: 20px;line-height: 2}
#body_plan .txt{line-height: 2;letter-spacing: 0.2em;font-size: 14px;}
}

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

.plan_mapmenu {position: relative;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_b{top:402px;left:212px;width:130px;height:135px;background: URL("../images/plan/roomplan_floors_b.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_h{top:415px;left:855px;width:136px;height:123px;background: URL("../images/plan/roomplan_floors_h.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_l{top:120px;left:436px;width:162px;height:113px;background: URL("../images/plan/roomplan_floors_l.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_n{top:120px;left:756px;width:245px;height:129px;background: URL("../images/plan/roomplan_floors_n.svg") no-repeat 0 0;background-size: cover}

/*プラン　メニュー*/
.limitedplan_menu {}
.limitedplan_menu li img{ width:100%; height:auto;}
.limitedplan_menu li {text-align: center;width: 23%;margin: 0 2%; padding-bottom: 20px;margin-bottom: 30px;background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 10%,#d3d3d3 10%,#d3d3d3 100%);
}
.limitedplan_menu li div{width: 85%;margin: 12px auto 0}
#body_plan .notice{text-align: left;}

@media screen and (max-width: 767px) {
.plan_mapmenu {margin: 30px auto;}
#body_plan h4{font-size: 14px;margin-bottom: 30px;margin-top: 50px; line-height: 1.9}
#body_plan h4 span{font-size: 20px;}
.plan_mapmenu .mapmenu{display: none;height: 0}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 0;}

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


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

}

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