/*-----------ページ下部読み込みコンテンツ -----------------*/
@import url("housing.css");
.in-wo-block{
}
.in-re-block{
	margin-top: 120px;
}
@media screen and (max-width:640px) {
.in-re-block{
	margin-top: 96px;
}
}



#sub_headimage {
    background-image: url(../img/plan/head_img.jpg);
}
/*-----------プランページ外側リート文 -----------------*/

.plan{
	width: 1188px;
	margin: 100px auto;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
@media screen and (max-width:1270px) {
.plan{
	width: auto;
	margin: 90px 5%;
}
}
@media screen and (max-width:640px) {
.plan{
	width: auto;
	margin: 70px 7%;
}
}
/*----*/

.plan .caption{
}
.plan .caption .title1{
	text-align: center;
	font-size: 36px;
	line-height: 1.4em;
	margin: 35px auto;
}
.plan .caption .title2{
	font-family: Avenir, Heebo, Helvetica, "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	margin: 22px auto;
}
.plan .caption p{
	font-family: Avenir, Heebo, Helvetica, "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	color: #8b8b8b;
	font-size: 13px;
	line-height: 1.4em;
}
@media screen and (max-width:640px) {
.plan .caption{
}
.plan .caption .title1{
	font-size: 24px;
	line-height: 1.4em;
	margin: 25px auto;
}
.plan .caption .title2{
	font-size: 15px;
	line-height: 1.6em;
	margin: 20px auto;
}
.plan .caption p{
	font-size: 12px;
	line-height: 1.4em;
}
}


/*----------- プランボックスのベース：レイアウト-----------------*/



.plan .body-block{
	margin: 90px auto;
}
.plan .body-block .midasi1{
	text-align: center;
	font-size: 32px;
	line-height: 1.4em;
	margin: 40px auto;
}
.plan .body-block .midasi1 span{
	display: inline-block;
	padding: 15px 0;
	border-top: solid 1px #111;
	border-bottom: solid 1px #111;
}
.plan .body-block .plan-box{
}
.plan .body-block img{
	display: block;
	width: 100%;
}
.plan .plan-box{
	margin: 60px auto;
	padding-bottom: 30px;
}
@media screen and (max-width:640px) {

.plan .body-block{
	margin: 60px auto;
}
.plan .body-block .midasi1{
	font-size: 20px;
	line-height: 1.4em;
	margin: 10px auto;
}
.plan .body-block .midasi1 span{
	padding: 13px 0;
}
.plan .plan-box{
	margin: 40px auto;
	padding-bottom: 10px;
}
}


/*-----------プラン：タイトルバー -----------------*/



.plan .plan-box .title-bar{
	display: flex;
	justify-content: space-between;
}
.plan .plan-box .title-bar .number{
	width: 14.5%;
}
.plan .plan-box .title-bar .info{
	width: 82%;
	font-size: 15px;
	line-height: 1.4em;
}
.plan .plan-box .title-bar .info .fp{
	text-align: center;
	color: #333;
	border: solid 1px #444;
	font-size: 18px;
	line-height: 1em;
	padding: 9px 0;
	margin: 0px 0 20px 0;
	width: 100px;
}
.plan .plan-box .title-bar .info .catch{
	font-size: 30px;
	line-height: 1.4em;
	margin-bottom: 0px;
}
.plan .plan-box .title-bar .info .info{
	margin: 4px 0;
	color: #444;
}
.plan .plan-box .title-bar .info .fee{
	margin: 14px 0;
	font-size: 15px;
	line-height: 1em;
	color: #444;
}
.plan .plan-box .title-bar .info .fee span:before{
	content: "建物参考価格：";
}
.plan .plan-box .title-bar .info .fee span:after{
	content: "万円～";
}
.plan .plan-box .title-bar .info .fee span b{
	margin-right: 4px;
	color: #728cba;
	font-size: 30px;
	line-height: 1em;
}
@media screen and (max-width:640px) {

.plan .plan-box .title-bar{
	display: flex;
}
.plan .plan-box .title-bar .number{
	margin-top: 17px;
	width: 21%;
}
.plan .plan-box .title-bar .info{
	width: 75%;
	font-size: 13px;
	line-height: 1.4em;
}
.plan .plan-box .title-bar .info .fp{
	font-size: 11px;
	line-height: 1em;
	padding: 4px 0;
	margin: 0px 0 10px 0;
	width: 60px;
}
.plan .plan-box .title-bar .info .catch{
	font-size: 19px;
	line-height: 1.4em;
}
.plan .plan-box .title-bar .info .info{
	margin: 5px 0;
	width: 100%;
}
.plan .plan-box .title-bar .info .fee{
	margin: 10px 0;
	font-size: 11px;
	line-height: 1em;
}
.plan .plan-box .title-bar .info .fee span b{
	margin-right: 4px;
	font-size: 24px;
	line-height: 1em;
}
}


/*-----------間取り図 -----------------*/



.plan .plan-box .madori{
	position: relative;
	margin: 35px auto;
}
.plan .plan-box .madori:before{
    content: "";
    background-color: #EBEBEB;
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    height: 100%;
    background-image: url(../img/index/back_border.jpg);
    background-repeat: repeat;
    background-size: 4px auto;
}
.plan .plan-box .madori ul{
	display: block;
	padding: 40px 0 50px 0;
}
.plan .plan-box .madori .col1{
	width: 56%;
	margin: 0 auto;
}
.plan .plan-box .madori .col1 li{
}
.plan .plan-box .madori .col2{
	display: flex;
	justify-content: space-between;
}
.plan .plan-box .madori .col2 li{
	width: 48.6%;
}
.plan .plan-box .madori .row2{
	width: 68%;
	margin: 0 auto;
}
.plan .plan-box .madori .row2 li:first-child{
	margin-bottom: 35px;
}
.plan .plan-box .madori{
}
@media screen and (max-width:640px) {

.plan .plan-box .madori{
	margin: 15px auto;
}

.plan .plan-box .madori ul{
	display: block;
	padding: 25px 0 25px 0;
}
.plan .plan-box .madori .col1{
	width: 100%;
	margin: 0 auto;
}
.plan .plan-box .madori .col2{
	display: block;
}
.plan .plan-box .madori .col2 li{
	width: 100%;
}
.plan .plan-box .madori .row2{
	width: 100%;
}
.plan .plan-box .madori .row2 li:first-child{
	margin-bottom: 20px;
}
.plan .plan-box .madori ul li{
	margin-bottom: 15px;
}
.plan .plan-box .madori ul li:last-child{
	margin-bottom: 5px;
}
}


/*-----------個別調整 -----------------*/

.plan-box .mp1{
	margin-top: 33px;
}
@media screen and (max-width:640px) {

.plan-box .mp1{
	margin-top: 0px;
}
}




/*----------- こだわり仕様-----------------*/



.plan .plan-box .detail{
	font-family: Avenir, Heebo, Helvetica, "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	position: relative;
	padding-left: 170px;
	margin: 50px auto;
}
.plan .plan-box .detail p{
	color: #666;
}
.plan .plan-box .detail:before{
	content: "こだわり仕様";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
	padding: 18px 0;
	width: 150px;
	background-color: #EEEEEE;
	-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
@media screen and (max-width:640px) {
.plan .plan-box .detail{
	padding-left: 0px;
	margin: 20px auto;
}
.plan .plan-box .detail p{
	font-size: 12px;
	line-height: 1.6em;
}
.plan .plan-box .detail:before{
	display: block;
	position: relative;
	font-size: 11px;
	line-height: 1em;
	padding: 12px 0;
	width: 110px;
	margin-bottom: 10px;
}
}