@charset "UTF-8";

/*
=====================================================================
	アイホーム　interviewページ
=====================================================================
*/

/* base
---------------------------------------------------------------------- */
	/* p
	------------------------------------------------------- */
	p{
		font-size:18px;
	}



/* ============================================================================================== */
@media print, screen and (min-width:641px) {

/* width
------------------------------------------------------------ */
#wrap .w145{
	width:145px;
	}

#wrap .w200{
	width:200px;
	}

#wrap .w240{
	width:240px;
	}

#wrap .w390{
	width:390px;
	}

#wrap .w450{
	width:450px;
	}

#wrap .w610{
	width:610px;
	}

#wrap .w640{
	width:640px;
	}

#wrap .w670{
	width:670px;
	}

/* contents
---------------------------------------------------------------------- */
#contents .mv{
	margin-bottom:50px;
	}

#contents ul.forestMenu{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:50px;
	}

	#contents ul.forestMenu li{
		
		}

.main{
	margin:0 auto 60px;
	width:880px;
	}

	.main h3{
		font-weight:bold;
		font-size:28px;
		}

/* form
---------------------------------------------------------------------- */
.form{
	margin-bottom:20px;
	}

/* =========================================================================

森の住まいと長期優良住宅の性能・コスト比較

========================================================================= */
.main .compa{
	margin-bottom:30px;
	}

	.main .compa p{
		font-size:13px;
		margin-bottom:10px
		}

	.main .compaL{
		float:left;
		width:410px;
		border:1px solid #000;
		padding:10px 9px;
		}

		.main .compaL em.head{
			background:#1D2087;
			color:#fff;
			padding:2px;
			}

		.main .compaL em.large{
			font-size:15px;
			color:#1D2087;
			font-weight:bold;
			}

		.main .compaL .formula{
			background:#D2ECFA;
			padding:2px;
			}

	.main .compaR{
		float:right;
		width:410px;
		border:1px solid #000;
		padding:10px 9px;
		}

		.main .compaR em.head{
			background:#E50012;
			color:#fff;
			padding:2px;
			}

		.main .compaR .formula{
			background:#FAD9C7;
			padding:2px;
			}


/* =========================================================================

ロングライフ住宅「森の住まい」プロジェクト

========================================================================= */

.pjtWrap{
	width:880px;
	}

	.pjtL{
		width:420px;
		float:left;
		}

	.pjtR{
		width:415px;
		float:right;
		}

.prf{
	margin-bottom:40px;
	}

	.prfL{
		float:left;
		width:200px;
		}

		.prfL h6{
			font-size:14px;
			margin-bottom:20px;
			}

			.prfL h6 span{
				font-size:11px;
				}

		.prfL dl{
			font-size:12px;
			margin-bottom:20px;
			}

			.prfL dl dt{
				margin-bottom:5px;
				}

			.prfL dl dd ul li{
				list-style:disc;
				margin-left:1.5em;
				}


	.prfR{
		float:right;
		width:206px;
		}

.kmpWrap{
	margin-bottom:40px;
	}

	.kmpL{
		float:left;
		width:129px;
		}

	.kmpR{
		float:right;
		width:280px;
		}

/* =========================================================================

ロングライフ住宅「森の住まい」性能と品質

========================================================================= */
ul.subMenu{
	width:880px;
	margin-bottom:50px;
	border-top:1px solid #006600;
	}

	ul.subMenu li{
		width:220px;
		float:left;
		}

		ul.subMenu li a{
			border-left:1px solid #006600;
			border-bottom:1px solid #006600;
			padding:10px 8px;
			 box-sizing:border-box;
			 display:block;
			 color:#006600;
			}

			ul.subMenu li a:hover{
				color:#1fc000;
				}

		ul.subMenu li a.last{
			border-right:1px solid #006600;
			}

			ul.subMenu li a span{
				background:url(../../img/sec/forest/icon_menu.jpg) no-repeat left center;
				padding-left:15px;
				}

/* menu04
----------------------------------------------------------- */
.longLifeTop{
	padding:15px 40px;
	background:#FFFF99;
	margin-bottom:30px;
	}

	.longLifeTop h3{
		margin-bottom:20px;
		}

	.main .longLifeTop p{
		font-size:16px;
		}

		.main .longLifeTop p span{
			color:#FF0000;
			}

.longlifeInner{
	width:880px;
	margin:0 auto;
	}

	.main .longlifeInner p{
		font-size:15px;
		}

/* menu04-1
----------------------------------------------------------- */
span.three{
	font-size:26px;
	color:#e50012;
	font-weight:bold;
	}

h5.structure{
	color:#e50012;
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
	}

ul.structureList{
	font-size:20px;
	width:600px;
	margin:0 auto 40px;
	}

	ul.structureList span{
		color:#006600;
		}

.tripleWrap ul li{
	float:left;
	}

/* menu04-2
----------------------------------------------------------- */
.dnt{
	width:840px;
	margin:0 auto;
	}

.dannetsuWrap{
	border:2px solid #000;
	margin-bottom:30px;
	padding:20px;
	width:796px;
	}

	.dannetsuWrap .dntL{
		float:left;
		width:365px;
		}

		.dannetsuWrap .dntL h6{
			color:#00693e;
			font-size:20px;
			margin-bottom:20px;
			}

	.dannetsuWrap .dntR{
		float:right;
		width:354px;
		}

/* menu04-3
----------------------------------------------------------- */
.ftBox{
	margin-bottom:40px;
	}

	.ftBox .ftBoxL h5,
	.ftBox .ftBoxR h5{
		margin-bottom:20px;
		}

	.ftBox .ftBoxL{
		float:left;
		width:420px;
		}

	.ftBox .ftBoxR{
		float:right;
		width:420px;
		}

p.attention{
	font-size:22px;
	font-weight:bold;
	color:#e50012;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:2px solid #000;
	}

.borderRed{
	border:2px solid #e50012;
	padding:15px;
	color:#e50012;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.h5Txt{
	margin-bottom:30px;
	font-size:22px;
	font-weight:bold;
	}


/* =========================================================================

スマホで快適を見える化

========================================================================= */
.kurashiWrap{
	margin-bottom:20px;
	}

	.kurashi01L{
		float:left;
		width:363px;
		}

	.kurashi01R{
		float:right;
		width:485px;
		}

	.kurashi02L{
		float:left;
		width:339px;
		}

	.kurashi02R{
		float:right;
		width:510px;
		margin-top:112px;
		}

		.kurashi02R p span{
			color:#e50012;
			}

		.kurashi02R p.small{
			font-size:12px;
			float:right;
			}

/* =========================================================================

ロングライフのサポート

========================================================================= */

.aboutCR {
	border: 2px solid #006BB4;
	margin-bottom: 30px;
	}

	.aboutCR h5{
		background: #006BB4;
		padding: 3px 8px;
		color: #fff;
		font-size: 24px;
		}

	.aboutCR h6 {
		background: #DEF1FB;
		padding: 5px 8px;
		font-size: 18px;
		}

	.aboutCR p {
		background: #FFFCE4;
		padding: 8px 15px;
		}

/* =========================================================================

信頼される家づくり

========================================================================= */
ul.trustM li{
	width:440px;
	float:left;
	}

.main p.trustText span{
	color:#E50012;
	}

.main p.small{
	font-size:14px;
	text-align:right;
	}


.interviewTop{
	margin-bottom:50px;
	}

	.interviewTopL{
		float:left;
		width:428px;
		}

		.interviewTopL p span{
			color:#FF3300;
			}

	.interviewTopR{
		float:right;
		}

		.main .interviewTopR p{
			margin-top:10px;
			font-size:16px;
			}


/* ivWrap  */
#ivWrap{
	width:880px;
	margin:0 auto 30px;
	padding:64px 0 0;
	background:url(../../img/sec/forest/menu07/bg_contents.jpg) no-repeat 0 0;
	}

/* ivInner  */
#ivInner{
	width:786px;
	border-right:8px solid #F7AB00;
	border-bottom:8px solid #F7AB00;
	border-left:8px solid #F7AB00;
	padding:0 39px 40px 39px;
	}

	#ivInner h4{
		margin-bottom:60px;
		text-align:center;
		}

	.interview{
		width:650px;
		padding:40px 68px 0 68px;
		position:relative;
		}

		.interview .btn_movie{
			width:142px;
			height:82px;
			position:absolute;
			overflow:hidden;
			top:0;
			left:395px;
			}

		.interview .photo{
			float:right;
			margin:0 0 30px 50px;
			}

		.interview h5{
			margin-bottom:55px;
			}

		.interview h6{
			margin-bottom:30px;
			}

		.interview p{
			font-size:16px;
			line-height:200%;
			letter-spacing:0.1em;
			background:url(../../img/sec/forest/menu07/answer.jpg) no-repeat 0 0;
			padding-left:54px;
			}

	.interviewPhoto01{
		width:618px;
		margin:0 auto;
		}

	.interviewPhoto02{
		width:593px;
		margin:0 auto;
		}

	#ivInner .border{
		background:url(../../img/sec/forest/menu07/border.jpg) no-repeat center bottom;
		padding-bottom:50px;
		margin-bottom:50px;
		}


/* 赤ちゃんがハイハイできる現場
----------------------------------------------------------------- */
.bbHeadWap{
	margin-bottom:50px;
	}

	.bbHeadWap .bbHeadL{
		float:left;
		width:344px;
		}

	#contents .bbHeadWap .bbHeadR{
		float:right;
		width:480px;
		font-size:20px;
		line-height:180%;
		}

/* babyWrap01 */
.babyWrap01{
	margin-bottom:50px;
	}

	.babyWrap01 img{
		float:left;
		margin-right:40px;
		}

	#contents .babyWrap01 p{
		float:left;
		width:350px;
		font-size:15px;
		margin-top:15px;
		}

/* baby3clumn */
.baby3clumn{
	width:880px;
	margin-bottom:30px;
	}

	.baby3clumn ul{
		width:915px;
		margin-right:-35px;
		}

		.baby3clumn ul li{
			width:270px;
			float:left;
			margin-right:35px;
			}

			.baby3clumn ul li p{
				margin-top:5px;
				}

/* babyWrap02 */
.babyWrap02{
	margin-bottom:30px;
	}

	.babyL02{
		float:left;
		width:429px;
		}

		.babyL02 .seat{
			margin-bottom:20px;
			}

			#wrap .babyL02 .seat p{
				width:320px;
				float:left;
				margin-top:10px;
				}

			.babyL02 .seat img{
				float:right;
				}
		
		.babyL02 .photo10{
			width:208px;
			margin-left:auto;
			}

	.babyR02{
		float:right;
		width:429px;
		margin-top:50px;
		}

/* babyWrap03 */
.babyWrap03{
	margin-bottom:50px;
	}

	.babyL03{
		float:left;
		width:436px;
		}

	.babyR03{
		float:right;
		width:424px;
		}

/* =========================================================================

モデルハウス

========================================================================= */

.main .titleWrap{
	margin-bottom:20px;
	}

	.main .titleWrap h2{
		float:left;
		}

	.main .titleWrap p{
		float:right;
		}

.main .dateWrap{
	margin-bottom:20px;
	}

	.main .dateWrap h3{
		margin-bottom:20px;
		background:#008f3b;
		color:#fff;
		font-size:22px;
		font-weight:bold;
		text-align:center;
		padding:4px 0;
		}

.txt{
	width:875px;
	margin:0 auto 60px;
	}


}


/* ============================================================================================== */
@media screen and  (max-width:640px) {

/* contents
---------------------------------------------------------------------- */

#contents .mv{
	margin-bottom:50px;
	}

#contents ul.forestMenu{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:50px;
	}

	#contents ul.forestMenu li{
		width: 50%;
		}

#contents .main{
	margin:0 auto 60px;
	width:95%;
	}

	#contents .main h3{
		font-weight:bold;
		font-size:22px;
		}

	#contents .main img{
		width:100%;
		}

	#contents .main img.w30{
		width:30%;
		}

	#contents .main img.w50{
		width:50%;
		}

/* form
---------------------------------------------------------------------- */
.form{
	margin-bottom:20px;
	}

/* =========================================================================

森の住まいと長期優良住宅の性能・コスト比較

========================================================================= */
.main .compa{
	margin-bottom:30px;
	}

	.main .compa p{
		font-size:13px;
		margin-bottom:10px
		}

	.main .compaL{
		margin-bottom:20px;
		
		border:1px solid #000;
		padding:10px 9px;
		box-sizing:boder-box;
		}

		.main .compaL em.head{
			background:#1D2087;
			color:#fff;
			padding:2px;
			}

		.main .compaL em.large{
			font-size:15px;
			color:#1D2087;
			font-weight:bold;
			}

		.main .compaL .formula{
			background:#D2ECFA;
			padding:2px;
			}

	.main .compaR{
		margin-bottom:20px;
		
		border:1px solid #000;
		padding:10px 9px;
		box-sizing:boder-box;
		}

		.main .compaR em.head{
			background:#E50012;
			color:#fff;
			padding:2px;
			}

		.main .compaR .formula{
			background:#FAD9C7;
			padding:2px;
			}



/* =========================================================================

ロングライフ住宅「森の住まい」プロジェクト

========================================================================= */

.pjtWrap{
	width:100%;
	}

	.pjtL{
		margin-bottom:20px;
		}

	.pjtR{
		margin-bottom:20px;
		}

.prf{
	margin-bottom:40px;
	}

	.prfL{
		margin-bottom:20px;
		}

		.prfL h6{
			font-size:14px;
			margin-bottom:20px;
			}

			.prfL h6 span{
				font-size:11px;
				}

		.prfL dl{
			font-size:12px;
			margin-bottom:20px;
			}

			.prfL dl dt{
				margin-bottom:5px;
				}

			.prfL dl dd ul li{
				list-style:disc;
				margin-left:1.5em;
				}


	.prfR{
		margin-bottom:20px;
		}

.kmpWrap{
	margin-bottom:40px;
	}

	.kmpL{
		float:left;
		width:30%;
		}

		.kmpL img{
			width:100%;
			}

	.kmpR{
		float:right;
		width:60%;
		}

/* =========================================================================

ロングライフ住宅「森の住まい」性能と品質

========================================================================= */
ul.subMenu{
	width:100%;
	margin-bottom:50px;
	border-top:1px solid #006600;
	border-right:1px solid #006600;
	font-size:13px;
	}

	ul.subMenu li{
		width:50%;
		float:left;
		}

		ul.subMenu li a{
			border-left:1px solid #006600;
			border-bottom:1px solid #006600;
			padding:10px 8px;
			 box-sizing:border-box;
			 display:block;
			 color:#006600;
			}

			ul.subMenu li a:hover{
				color:#1fc000;
				}

/* menu04
----------------------------------------------------------- */
.longLifeTop{
	padding:15px 40px;
	background:#FFFF99;
	margin-bottom:30px;
	}

	.longLifeTop h3{
		margin-bottom:20px;
		}

	.main .longLifeTop p{
		font-size:16px;
		}

		.main .longLifeTop p span{
			color:#FF0000;
			}

.longlifeInner{
	width:100%;
	margin:0 auto;
	}

	.main .longlifeInner p{
		font-size:15px;
		}

/* menu04-1
----------------------------------------------------------- */
span.three{
	font-size:22px;
	color:#e50012;
	font-weight:bold;
	}

h5.structure{
	color:#e50012;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
	}

ul.structureList{
	font-size:16px;
	margin:0 auto 40px;
	}

	ul.structureList span{
		color:#006600;
		}

.tripleWrap ul li{
	float:left;
	}

/* menu04-2
----------------------------------------------------------- */
.dnt{
	width:100%;
	margin:0 auto;
	}

.dannetsuWrap{
	border:2px solid #000;
	margin-bottom:30px;
	padding:20px;
	box-sizing:border-box;
	width:100%;
	}

	.dannetsuWrap .dntL{
		
		}

		.dannetsuWrap .dntL h6{
			color:#00693e;
			font-size:16px;
			margin-bottom:20px;
			}

		.dannetsuWrap .dntL p{
			font-size:14px;
			margin-bottom:20px;
			}

	.dannetsuWrap .dntR{
		
		}

/* menu04-3
----------------------------------------------------------- */
.ftBox{
	margin-bottom:40px;
	}

	.ftBox .ftBoxL h5,
	.ftBox .ftBoxR h5{
		margin-bottom:20px;
		}

	.ftBox .ftBoxL{
		margin-bottom:20px;
		}

	.ftBox .ftBoxR{
		
		}

p.attention{
	font-size:22px;
	font-weight:bold;
	color:#e50012;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:2px solid #000;
	}

.borderRed{
	border:2px solid #e50012;
	padding:15px;
	color:#e50012;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.h5Txt{
	margin-bottom:30px;
	font-size:22px;
	font-weight:bold;
	}

/* =========================================================================

スマホで快適を見える化

========================================================================= */
.kurashiWrap{
	margin-bottom:20px;
	}

	.kurashi01L{
		margin-bottom:10px;
		}

	.kurashi01R{
		margin-bottom:30px;
		}

	.kurashi02L{
		margin-bottom:20px;
		text-align:center;
		}

		.kurashi02L img{
			width:50%;
			}

	.kurashi02R{
		margin-bottom:10px;
		}

		.kurashi02R p span{
			color:#e50012;
			}

		.kurashi02R p.small{
			font-size:12px;
			}

/* =========================================================================

ロングライフのサポート

========================================================================= */

.aboutCR {
	border: 2px solid #006BB4;
	margin-bottom: 30px;
	}

	.aboutCR h5{
		background: #006BB4;
		padding: 3px 8px;
		color: #fff;
		font-size: 24px;
		}

	.aboutCR h6 {
		background: #DEF1FB;
		padding: 5px 8px;
		font-size: 18px;
		}

	.aboutCR p {
		background: #FFFCE4;
		padding: 8px 15px;
		}

/* =========================================================================

信頼される家づくり

========================================================================= */
ul.trustM li{
	width:100%;
	}

.main p.trustText span{
	color:#E50012;
	}

.main p.small{
	font-size:14px;
	text-align:right;
	}


.interviewTop{
	margin-bottom:50px;
	}

	.interviewTopL{
		width:100%;
		}

		.interviewTopL p span{
			color:#FF3300;
			}

	.interviewTopR{
		margin-top:20px;
		}

		.main .interviewTopR p{
			margin-top:10px;
			font-size:16px;
			}


/* ivWrap  */
#ivWrap{
	width:100%;
	margin:0 auto 30px;
	padding:40px;
	box-sizing:border-box;
	border:8px solid #F7AB00;
	}


	#ivInner h4{
		margin-bottom:60px;
		text-align:center;
		}

	.interview{
		width:100%;
		}

		.interview .btn_movie{
			width:142px;
			height:82px;
			margin:0 auto 30px auto;
			}

		.interview .photo{
			margin:0 0 30px 0;
			text-align:center;
			}

		.interview h5{
			margin-bottom:55px;
			}

		.interview h6{
			margin-bottom:30px;
			}

		.interview p{
			font-size:14px;
			line-height:160%;
			background:url(../../img/sec/forest/menu07/answer.jpg) no-repeat 0 6px;
			background-size:16px 12px;
			padding-left:25px;
			}

	.interviewPhoto01{
		margin:0 auto;
		}

	.interviewPhoto02{
		margin:0 auto;
		}

	#ivInner .border{
		background:url(../../img/sec/forest/menu07/border.jpg) no-repeat center bottom;
		padding-bottom:50px;
		margin-bottom:50px;
		}


/* 赤ちゃんがハイハイできる現場
----------------------------------------------------------------- */
.bbHeadWap{
	margin-bottom:50px;
	}

	.bbHeadWap .bbHeadL{
		width:60%;
		margin:0 auto 40px;
		}

	#contents .bbHeadWap .bbHeadR{
		font-size:16px;
		}

/* babyWrap01 */
.babyWrap01{
	margin-bottom:50px;
	}

	.babyWrap01 img{
		
		}

	#contents .babyWrap01 p{
		float:left;
		width:350px;
		font-size:15px;
		margin-top:15px;
		}

/* baby3clumn */
.baby3clumn{
	width:100%;
	margin-bottom:30px;
	}

	.baby3clumn ul{
		
		}

		.baby3clumn ul li{
			margin-bottom:30px;
			}

			.baby3clumn ul li p{
				margin-top:5px;
				}

/* babyWrap02 */
.babyWrap02{
	margin-bottom:30px;
	}

	.babyL02{
		
		}

		.babyL02 .seat{
			margin-bottom:20px;
			}

			#wrap .babyL02 .seat p{
				width:70%;
				float:left;
				}

			.babyL02 .seat div{
				float:right;
				width:20%;
				}

				.babyL02 .seat div img{
					width:100%;
					}

/* babyWrap03 */
.babyWrap03{
	margin-bottom:30px;
	}

	.babyL03{
		margin-bottom:20px;
		}

	.babyR03{
		margin-bottom:20px;
		}

/* =========================================================================

モデルハウス

========================================================================= */
.main .titleWrap{
	margin:0 auto 20px;
	width:100%;
	}

	.main .titleWrap h2{
		float:left;
		width:60%;
		}

	.main .titleWrap p{
		float:right;
		width:30%;
		}

		#contents .titleWrap h2 img,
		#contents .titleWrap p img{
			width:100%;
			}

.main .dateWrap{
	margin-bottom:20px;
	}

	.main .dateWrap h3{
		margin-bottom:20px;
		background:#008f3b;
		color:#fff;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		padding:4px 0;
		}


.txt{
	width:100%;
	margin:0 auto 60px;
	}


#map_canvas{
	width:90%;
	margin:0 auto;
	}

	#map_canvas iframe{
		width:100% !important;
		}



}