@charset "UTF-8";
/* sp(320px) */

/* box */
.pbox {
	/*background: url(../img/share/bg_line_p.png) repeat;*/
	padding: 30px 0 0px;
	border: 0px solid;
	border-top: 1px solid #f7e5de;
}
.pbox.btm {
	border-bottom: 1px solid #f7e5de;
	padding: 30px 0 10px;
}

#pageFlow .pbox {
	border-top: 0px;
	padding: 0px 0 0px;
}


/* bglr */
.bglr {
	background-color: #fff;
	padding-top: 0px;
}
.bglr .ph {
	min-height: 250px;
	max-width: 510px;
	margin-left: auto;
	margin-right: auto;
}
.bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 30px;
	padding-bottom: 20px;
}
.bglr .txt .hl {
	display: table;
}
.bglr .txt .hl .no_r {
	width: 66px;
	display: table-cell;
	vertical-align: middle;
}
.bglr .txt .hl .no_p {
	width: 69px;
	display: table-cell;
	vertical-align: middle;
}
.bglr .txt .hl .no_g {
	width: 64px;
	display: table-cell;
	vertical-align: middle;
}
.bglr .txt .hl .ttl {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding-left: 1.2em;
}
.bglr .txt .btn {
	padding: 0.6em 2em 0.6em 1.4em;
	background-position: right 1.2em top 50%;
	text-align: left;
}
.bglr .txt .btn:hover {
	background-position: right 1.0em top 50%;
}

/* bglr  + お客様の声 */
.vbox .bglr {
	background-color: #fbf9e5;
	padding-top: 0;
}
.vbox .bglr .col {
	/*border: 1px solid;*/
}
.vbox .bglr .ph {
	min-height: auto;
}
.vbox .bglr .ph figure {
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}
.vbox .bglr .ph.ph_left figure {
	margin-left: auto;
	margin-right: 0;
}
.vbox .bglr .txt {
	padding-top: 0;
	padding-left: 4%;
	padding-right: 4%;
}
.vbox .bglr .txt .hls {
	color: #39c0f0;
}

/* bglr  + ポイント */
.pbox .bglr {
	background: none;
	padding: 0;
	border: 0px solid red;
}
.pbox .bglr .ph {
	min-height: auto;
	border: 0px solid;
}
.pbox .bglr .ph figure {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.pbox .bglr .txt .hl .ttl {
	color: #ed6f3d;
}

/* bglr  + 家づくり */
#pageHouse .bglr .txt .ttl {
	color: #f56e46;
}


/* bglr  + 流れ */
#pageFlow .pbox .bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pageFlow .pbox .bglr .txt .no_f {
	font-size: 26px;
	line-height: 1;
}
#pageFlow .pbox .bglr .txt .ttl_f {
	color: #32b9ee;
}

/* bglr  + 高品質。低価格 */
#pageLowcost .pbox .bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 20px;
	padding-bottom: 0px;
}

/* bglr  + お客様の声 */
#pageVoices .bglr {
	padding: 0;
}
#pageVoices .bglr .ph {
	min-height: auto;
	max-width: 510px;
	border: 0px solid;
}
#pageVoices .bglr .rside.txt {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid;
}












/* bglr  + 安心の保証 */
#pageGuarantee .bglr {
	padding: 20px;
	background-color: #fdfae9;
	border: 0px solid;
}
#pageGuarantee .bglr .ph {
	min-height: auto;
	max-width: 480px;
	padding-bottom: 0;
	border: 0px solid;
}
#pageGuarantee .bglr .txt {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 20px;
	padding-bottom: 0px;
	border: 0px solid;
}
#pageGuarantee .bglr .txt .ttl {
	color: #ed6f3d;
}
#pageGuarantee .bglr .txt p {
	margin-bottom: 0;
}


/*tbox */
.tbox {
	background-color: #fbf9e5;
	position: relative;
	margin-top: 0px;
}
.tbox .col {
	border: 0px solid;
}
.tbox .txt {
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
}
.tbox .ph figure {
	width: 89.41%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 0px;
	padding-bottom: 30px;
	border: 0px solid;
}

#pageLowcost .tbox {
	background-color: #fbf3eb;
}

#pageGuarantee .tbox {
	background-color: #e0f2f1;
}

#pageVoices .tbox .txt {
	/*padding-top: 50px;*/
}


@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */

/* bglr */
.bglr .ph {
	min-height: 300px;
}

/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* bglr */
.bglr .ph {
	min-height: 340px;
}

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */

/* ボックス */
.pbox {
	padding: 40px 0 0px;
}
.pbox.btm {
	border-bottom: 1px solid #f7e5de;
	padding: 40px 0 20px;
}

/* bglr */
.bglr {
	padding-top: 30px;
}
.bglr .ph {
	min-height: 440px;
}
.bglr .txt {
	padding-top: 30px;
	padding-bottom: 30px;
}
.bglr .txt .hl .no_r {
	width: 86px;
}
.bglr .txt .hl .no_p {
	width: 83px;
}

/* bglr  + お客様の声 */
.vbox .bglr .ph {
	min-height: 390px;
}

/* bglr  + 流れ */
#pageFlow .pbox .bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 30px;
	padding-bottom: 20px;
}
#pageFlow .pbox .bglr .txt .no_f {
	font-size: 30px;
}
.bglr .txt .hl .no_g {
	width: 77px;
	display: table-cell;
	vertical-align: middle;
}

/* bglr  + 高品質。低価格 */
#pageLowcost .pbox .bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 30px;
	padding-bottom: 0px;
}

/* bglr  + お客様の声 */
#pageVoices .bglr .ph {
	min-height: auto;
	max-width: 510px;
}
#pageVoices .bglr .rside.txt {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 0px;
	padding-bottom: 0px;

}

/* bglr  + 安心の保証 */
#pageGuarantee .bglr {
	padding: 20px;
}

#pageGuarantee .bglr .txt {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 20px;
	padding-bottom: 0px;
}

/*tbox */
.tbox {
	margin-top: 0px;
}
.tbox .txt {
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
}
.tbox .ph figure {
	width: auto;
	max-width: 456px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-bottom: 40px;
	padding-top: 0px;
}


/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* ボックス */
.pbox {
	padding: 50px 0 0px;
}
.pbox.btm {
	border-bottom: 1px solid #f7e5de;
	padding: 50px 0 20px;
}

/*tbox */
.tbox {
	margin-top: 0px;
}
.tbox .txt {
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
}
.tbox .ph figure {
	width: auto;
	max-width: 456px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-bottom: 40px;
	padding-top: 0px;
}




/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */
/* ボックス */
.pbox {
	padding: 50px 0 0px;
}
.pbox.btm {
	border-bottom: 1px solid #f7e5de;
	padding: 50px 0 30px;
}

/* bglr */
.bglr {
	padding-top: 0px;
}
.bglr .ph {
	min-height: 440px;
}
.bglr .txt {
	padding-top: 30px;
	padding-bottom: 20px;
}
.bglr .txt .hl .no_r {
	width: 96px;
}
.bglr .txt .hl .no_p {
	width: 104px;
}

/* bglr  + 家づくり */
#pageHouse #bglr_03 .txt {
	padding-top: 30px;
	padding-bottom: 80px;
	border: 0px solid;
}


/* bglr  + お客様の声 */
.vbox .bglr .ph figure {
	max-width: 470px;
	margin-left: 0;
	margin-right: 0;
}

/* bglr  + 流れ */
#pageFlow .pbox .bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 0px;
	padding-bottom: 20px;
}
#pageFlow .pbox .bglr .txt .no_f {
	font-size: 36px;
}
.bglr .txt .hl .no_g {
	width: 97px;
	display: table-cell;
	vertical-align: middle;
}

/* bglr  + 高品質。低価格 */
#pageLowcost .pbox .bglr .txt {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 10px;
	padding-bottom: 20px;
}

/* bglr  + お客様の声 */
.bglr .ph {
	min-height: auto;
	max-width: 510px;
}
#pageVoices .bglr .txt {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 0px;
}

/* bglr  + 安心の保証 */
#pageGuarantee .bglr {
	padding: 20px;
}

#pageGuarantee .bglr .txt {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 15px;
	padding-bottom: 0px;
}


/*tbox */
.tbox {
	margin-top: 70px;
}
.tbox .txt {
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 5%;
	padding-right: 2%;
}
.tbox .ph figure {
	width: 89.41%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -50px;
	padding-bottom: 40px;
}

#pageVoices .tbox .txt {
	padding-top: 80px;
}




/* end of media query(pc) */
}