@charset "utf-8";
/*-----------------------------------------------------------
	common
-----------------------------------------------------------*/
.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
sup
{
	font-size: 12px;
	line-height: 14px;
	vertical-align: text-top;
}

.dispnone
{
	display: none;
}

/*-----------------------------------------------------------
	#wrapper
-----------------------------------------------------------*/
#wrapper
{
	width: 1310px;
	margin: 0 auto;
	color: #666;
	font:14px "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	line-height: 1.4;
}

/*-----------------------------------------------------------
	#header
-----------------------------------------------------------*/
#header
{
	background: url("../images/bg_header.png") no-repeat left top;
	position: relative;
	height: 660px;
	width: 1310px;
	margin-bottom: 10px;
	padding-top: 22px;
}
	#header .companyLogo
	{
		margin-left: 948px;
	}
	#header h1
	{
		height: 197px;
		margin: 244px 0 0 366px;
		width: 579px;
		position: relative;
	}
	#header .contactBtn
	{
		left: 540px;
		position: absolute;
		top: 525px;
		width: 590px;
		z-index: 1;
	}
		#header .contactBtn img
		{
			border: 0 none;
			position: absolute;
			top:0;
			left:0;
		}


	#header .fair
	{
		margin:89px 0 0 353px;
		position: relative;
		width: 746px;
	}


	#header .fair02
	{
		margin:30px 0 0 368px;
		position: relative;
		width: 726px;
	}

		#header .fair03
	{
		margin:30px 0 0 298px;
		position: relative;
		width: 786px;
	}

	#header .headerMain
	{
		margin-left: 515px;
		margin-top: -22px;
	}

/*-----------------------------------------------------------
	#paln
-----------------------------------------------------------*/
#plan
{
	width: 1066px;
	margin: 0 auto 140px;
	position: relative;
	z-index: 999;
}
		#plan .planCaution
		{
			margin: 8px 0 0 58px;
			font-size: 12px;
			color: #999;
			width:950px;
		}
	#plan h2
	{
		text-align: center;
	}
	#plan .h2Text
	{
		color: #666;
		font-size: 14px;
		letter-spacing: 0.2em;
		margin: -49px 0 114px 55px;
	}
	#plan h3
	{
		text-align: center;
		margin-bottom: 50px;
	}

	#plan .planStoreMain
	{
		margin: 0 0 35px 2px;
	}
	#plan .planHouseMain
	{
		margin: 0 0 0 39px;
	}
		#plan .plan_house_01_caution
		{
			margin: 8px 0 0 58px;
			font-size: 12px;
			color: #999;
		}



	#plan .imgShow
	{
		margin: 21px 0 39px 57px;
	}
	#plan .imgShow.houseImg
	{
		margin-top: 60px;
	}


		#plan .imgShow .mainImg
		{
			float:left;
			position:relative;
			width: 650px;
			height: 300px;
			margin-right: 40px;
		}
			#plan .imgShow .mainImg img
			{
				position:absolute;
				top:0;
				left:0;
				vertical-align: bottom;
				display:none;
			}
			#plan .imgShow .mainImg img.main1
			{
				display:inline-block;
			}

		#plan .imgShow .subImg
		{
			float:left;
		}
			#plan .imgShow .subImg li:FIRST-CHILD
			{
				margin-top: 0px;
			}
			#plan .imgShow .subImg li
			{
				margin-top: 1px;
			}
				#plan .imgShow .subImg li:FIRST-CHILD a
				{
					width: 260px;
					height: 59px;
					position:relative;
				}
				#plan .imgShow .subImg li
				{
					width: 260px;
					height: 60px;
					position:relative;
				}
					#plan .imgShow .subImg li img
					{
						vertical-align: bottom;
						position: absolute;
						top:0;
						left: 0;
					}

	#plan .detailBox
	{
		border-top: 1px #BFBFBF solid;
		border-bottom: 1px #BFBFBF solid;
		padding:22px 0 26px;
		width: 950px;
		margin: 0 auto 18px;
	}
	#plan .detailBox.open
	{
		border-bottom: 1px #E0E0E0 solid;
	}

		#plan .detailBox .detailBoxHead
		{
		}
			#plan .detailBox .detailBoxHead .left
			{
				float: left;
			}
				#plan .detailBox .detailBoxHead .left p
				{
					margin-bottom: 38px;
					line-height: 1.7;
					font-size: 18px;
					letter-spacing: 0.1em;
				}
				#plan .detailBox .detailBoxHead .left a
				{
					display: block;
					background-color: #E6EAEC;
					text-align: center;
					position:relative;
					padding: 10px 0 9px;
					text-decoration: none;
					color: #666;
					letter-spacing: 0.2em;
					font-size: 15px;
					width: 380px;
				}
				#plan .detailBox .detailBoxHead .left a:HOVER
				{
					/*background-color: #ECF4F7;*/
				}
					#plan .detailBox .detailBoxHead .left a.close i
					{
						width: 17px;
						height:29px;
						position:absolute;
						top:5px;
						left: 10px;
					}
						#plan .detailBox .detailBoxHead .left a.close span.close
						{
							display: none;
						}
					#plan .detailBox .detailBoxHead .left a.close i.nImg
					{
						background: url("../images/ico_01.gif") no-repeat left top;
					}
					#plan .detailBox .detailBoxHead .left a.close i.yImg
					{
						background: url("../images/ico_01_o.gif") no-repeat left top;
						width: 17px;
						height:29px;
						position:absolute;
						top:5px;
						left: 10px;
					}




				#plan .detailBox .detailBoxHead .left a:HOVER.close i
				{
					/*background: url("../images/ico_01_o.gif") no-repeat left top;*/
				}

					#plan .detailBox .detailBoxHead .left a.open i
					{
						width: 21px;
						height:21px;
						position:absolute;
						top:10px;
						left: 15px;
					}
					#plan .detailBox .detailBoxHead .left a.open i.nImg
					{
						background: url("../images/ico_02.gif") no-repeat left top;
					}
					#plan .detailBox .detailBoxHead .left a.open i.yImg
					{
						background: url("../images/ico_02.gif") no-repeat left top;
						width: 21px;
						height:21px;
						position:absolute;
						top:10px;
						left: 15px;
					}
						#plan .detailBox .detailBoxHead .left a.open span.close
						{
							display: inline-block;
						}



			#plan .detailBox .detailBoxHead .right
			{
				float: right;
				margin-right: 0;
				text-align: right;
				width: 446px;
				margin-top: 4px;
			}
			#plan .detailBox .detailBoxHead .right.house
			{
				margin-top: 4px;
			}



				#plan .detailBox .detailBoxHead .right img
				{
					display: block;
					margin-bottom: 20px;
					margin-left: 26px;
				}
				#plan .detailBox .detailBoxHead .right p
				{
					color: #999;
					font-size: 12px;
					margin-left: 44px;
					text-align: left;
					text-indent: -1.5em;
					line-height: 1.3;
				}
				#plan .detailBox .detailBoxHead .right ul
				{
					margin-left: 25px;
					font-size: 12px;
					margin-bottom: 26px;
				}
					#plan .detailBox .detailBoxHead .right ul li
					{
						width: 91%;
						float:left;

					}
					#plan .detailBox .detailBoxHead .right ul li:FIRST-CHILD
					{
						text-align: left;
						width: 9%;
					}
						#plan .detailBox .detailBoxHead .right ul li dl
						{
						}
							#plan .detailBox .detailBoxHead .right ul li dl dt,
							#plan .detailBox .detailBoxHead .right ul li dl dd
							{
								float: left;
								line-height: 1.2;
							}
							#plan .detailBox .detailBoxHead .right ul li dl dt
							{
								width: 75%;
								text-align: left;
							}
							#plan .detailBox .detailBoxHead .right ul li dl dd
							{
								text-align: right;
								width: 25%;
							}






	#plan .detailContents
	{
		border-bottom: 1px solid #bfbfbf;
		margin: 0 auto 17px;
		padding: 20px 0 35px 19px;
		width: 930px;
		display: none;
	}
		#plan .detailContents .detailContentsOuter
		{
			margin-bottom: 30px;
		}
			#plan .detailContents .detailContentsOuter .left
			{
				float: left;
				margin-right:69px;
			}
			#plan .detailContents .detailContentsOuter .right
			{
				float: left;
				width: 454px;
			}
				#plan .detailContents .detailContentsOuter dl
				{
					color:#666;
					margin-top: 2px;
				}
				#plan .detailContents .detailContentsOuter dl.nextSpace
				{
					margin-bottom: 22px;
				}
					#plan .detailContents .detailContentsOuter dl dt
					{
						width: 131px;
						float: left;
					}
					#plan .detailContents .detailContentsOuter dl dt.right01,
					#plan .detailContents .detailContentsOuter dl dt.right02
					{
						text-align: right;
					}
					#plan .detailContents .detailContentsOuter dl dt.right01
					{
						padding-right: 23px;
						width: 99px;
					}
					#plan .detailContents .detailContentsOuter dl dt.right02
					{
						padding-right: 11px;
						width: 111px;
					}

					#plan .detailContents .detailContentsOuter dl dd
					{
						color: #999;
						float: left;
						padding-left: 1em;
						text-indent: -1em;
						width: 262px;
						line-height: 1.5;
					}
						#plan .detailContents .detailContentsOuter dl dd sup
						{
							font-size: 12px;
							line-height: 14px;
							vertical-align: text-top;
							line-height: 1.5;
						}

		#plan .detailContents .caution01 li
		{
			font-size: 14px;
			color: #999;
			line-height: 1.4;
			padding-bottom:20px;
		}

		#plan .detailContents .caution li
		{
			font-size: 12px;
			color: #999;
			line-height: 1.4;
		}

	#plan .contactBtn
	{
		position:relative;
		height: 52px;
		margin-bottom: 78px;
		text-align: right;
	}
	#plan .contactBtn.nextContents
	{
		margin-bottom: 99px;
	}

		#plan .contactBtn a
		{
			height: 52px;
			position: relative;
			width: 434px;
			display: inline-block;
			margin-right: 23px;
		}
			#plan .contactBtn a img
			{
				position:absolute;
				top:0;
				left: 0;
			}




/*-----------------------------------------------------------
	#case
-----------------------------------------------------------*/
#case
{
	width: 953px;
	margin: 0 auto 163px;
}
	#case h2
	{
		margin-bottom: 80px;
	}
	#case .caseBox
	{
	}
	#case .content1
	{
		float: left;
		margin-right: 27px;
	}
		#case .content1 li
		{
			position: relative;
		}
		#case .content1 li:FIRST-CHILD
		{
			margin-bottom: 35px;
		}
			#case .content1 li p
			{
				position: absolute;
				top:128px;
				left: 8px;
				width: 220px;
				text-align: center;
				letter-spacing: 0.05em;
			}
			#case .content1 li:FIRST-CHILD p
			{
				top:135px;
			}




	#case .content2
	{
		float: left;
		margin-right: 22px;
	}
		#case .content2 li
		{
			position: relative;
		}
		#case .content2 li:FIRST-CHILD
		{
			margin-bottom: 35px;
			margin-top: 59px;
		}

			#case .content2 li p
			{
				left: 8px;
				position: absolute;
				text-align: center;
				top: 128px;
				width: 220px;
				letter-spacing: 0.05em;
			}
			#case .content2 li:FIRST-CHILD p
			{
				top:135px;
			}
	#case .content3
	{
		float: left;
	}
		#case .content3 li
		{
		}
			#case .content3 li p
			{
				margin-top: 33px;
				text-align: center;
				line-height: 1.5;
				letter-spacing: 0.05em;
				margin-left: 19px;
			}

/*-----------------------------------------------------------
	#features
-----------------------------------------------------------*/
#features
{
	width: 953px;
	margin: 0 auto 171px;
}
	#features h2
	{
		margin-bottom: 80px;
	}
	#features .featuresBox
	{
	}
	#features .content1
	{
		float: left;
	}
		#features .content1 li
		{
			position: relative;
		}
		#features .content1 li:FIRST-CHILD
		{
			margin-bottom: 35px;
		}
			#features .content1 li:FIRST-CHILD p
			{
				left: 33px;
				top: 237px;
			}
			#features .content1 li p
			{
				left: 33px;
				line-height: 1.8;
				position: absolute;
				text-align: left;
				top: 229px;
				width: 440px;
				letter-spacing: 0.05em;
			}
			#features .content1 li.cautionList
			{
				margin-top: 143px;
			}
				#features .content1 li.cautionList li
				{
					margin: 0;
					text-indent: -2em;
					padding-left: 2em;
					line-height: 1.4;
					color: #999;
					font-size: 12px;
					letter-spacing: 0.05em;
				}

	#features .content2
	{
		float: left;
	}
		#features .content2 li
		{
			position: relative;
		}
		#features .content2 li:FIRST-CHILD
		{
			margin-bottom: 19px;
			margin-top: 171px;
		}
			#features .content2 li p
			{
				left: 29px;
				line-height: 1.8;
				position: absolute;
				text-align: left;
				top: 248px;
				width: 440px;
				letter-spacing: 0.05em;
			}

/*-----------------------------------------------------------
	#flow
-----------------------------------------------------------*/
#flow
{
	width: 1310px;
	margin: 0 auto 100px;
}
	#flow h2
	{
		width: 953px;
		margin: 0 auto 30px;
	}
	#flow ul
	{
		margin: 30px 0 35px 177px;
	}
		#flow ul li
		{
			float: left;
			margin-left: 30px;
			width: 134px;
		}
		#flow ul li:FIRST-CHILD
		{
			margin-left: 0px;
			width: 136px;
		}
			#flow ul li h3
			{
				color: #799AAE;
				text-align: center;
				font-weight: bold;
				margin-bottom: 14px;
				letter-spacing: 0.2em;
			}
			#flow ul li p
			{
				letter-spacing: 0.05em;
			}

	#flow .flowCaution
	{
		font-size: 12px;
		color: #999;
		margin-left: 177px;
		margin-bottom: 89px;
	}

	#flow .estimatedTotalCost
	{
		border: 7px solid #f0f0f0;
		margin: 0 auto;
		padding: 31px 0 29px;
		width: 938px;
	}
		#flow .estimatedTotalCost .estimatedToDelivery
		{
			border-bottom: 1px #E0E0E0 solid;
			margin-bottom: 36px;
		}
			#flow .estimatedTotalCost .estimatedToDelivery h4
			{
				font-size: 18px;
				letter-spacing: 0.2em;
				text-align: center;
				margin: 0 43px 29px;

			}
			#flow .estimatedTotalCost .estimatedToDelivery p
			{
				letter-spacing: 0.05em;
				line-height: 1.7;
				margin: 0 43px 34px;

			}

	#flow .estimatedCaution
	{
		font-size: 12px;
		color: #999;
		margin: 0 43px 34px;
		margin-top:36px;
	}

		#flow .estimatedTotalCost h4
		{
			font-size: 18px;
			letter-spacing: 0.2em;
			text-align: center;
			margin-bottom: 34px;
		}
#flow .estimatedTotalCost h4 span{
	font-size: 12px;
}

		#flow .estimatedTotalCost .outer
		{
			margin: 0 43px
		}


		#flow .estimatedTotalCost .left
		{
			float:left;
			width: 430px;
			margin-right: 60px;
		}
			#flow .estimatedTotalCost .left p
			{
				line-height: 1.7;
			}

			#flow .estimatedTotalCost .left .caution
			{
				color: #999;
				font-size: 12px;
				line-height: 1.4;
				margin-top: 24px;
				padding-left: 1.5em;
				text-indent: -1.5em;
			}

		#flow .estimatedTotalCost .right
		{
			float:left;
			width: 354px;
		}
			#flow .estimatedTotalCost .right dl
			{
				color:#666;
				margin-top: 2px;
			}
			#flow .estimatedTotalCost .right dl:FIRST-CHILD
			{
				margin-top: -2px;
			}
				#flow .estimatedTotalCost .right dl dt
				{
					width: 241px;
					float: left;
					color: #999;
					line-height: 0.8;
					padding-top: 8px;
				}

				#flow .estimatedTotalCost .right dl dd
				{
					float: left;
					padding-left: 1em;
					text-indent: -1em;
					width: 99px;
					line-height: 0.9;
				}
					#flow .estimatedTotalCost .right dl dd span
					{
						font-size: 22px;
						margin: 0 3px;
						letter-spacing: 0.08em;
					}

			#flow .estimatedTotalCost .right .ttl
			{
				border-top: 1px solid #e0e0e0;
				margin-right: -9px;
				margin-top: 11px;
				padding-top: 3px;
				text-align: right;
			}
				#flow .estimatedTotalCost .right .ttl .price
				{
					font-size: 22px;
					margin: 0 3px;
					letter-spacing: 0.08em;
				}
				#flow .estimatedTotalCost .right .ttl .text
				{
					margin-right: 27px;
				}




/*-----------------------------------------------------------
	#contact
-----------------------------------------------------------*/
#contact
{
	width: 1310px;
	height:397px;
	background:url("../images/bg_contact.jpg") no-repeat left top ;
	margin: 0 auto 39px;
	padding-top: 83px;
}
	#contact h2
	{
		width: 310px;
		margin: 0 auto 56px 497px;
	}
	#contact p
	{
		letter-spacing: 0.07em;
		line-height: 1.8;
		margin: 0 auto 32px;
		text-align: center;
		width: 536px;
	}
	#contact a
	{
		width: 578px;
		height:73px;
		margin: 0 auto 0 371px;
		display: block;
		position: relative;
	}
		#contact a img
		{
			position: absolute;
			top:0px;
			left: 0px;
		}

/*-----------------------------------------------------------
	#footer
-----------------------------------------------------------*/
#footer
{
	width: 910px;
	margin: 0 auto 18px;
}
	#footer ul
	{
		margin-bottom: 45px;

	}
	#footer ul:after {
		display: block;
		content: '';
		height: 0;
		clear: both;
	}
		#footer ul li
		{
			float: right;
			width: auto;
			font-size: 12px;
			letter-spacing: 0.1em;
			margin-right: 5px;
		}
		#footer ul li:FIRST-CHILD
		{
			float: left;
		}
			#footer ul li a,
			#footer ul li a:HOVER,
			#footer ul li a:VISITED
			{
				text-decoration: none;
				color: #999;
				position: relative;
				display: block;
			}

			#footer ul li a i
			{
				background: url("../images/ico_04.gif") no-repeat left top;
				display: block;
				width: 15px;
				height: 10px;
				position: absolute;
				top: 3px;
				right: -24px;
			}
			#footer ul li:FIRST-CHILD a i
			{
				background: url("../images/ico_03.gif") no-repeat left top;
				display: block;
				width: 10px;
				height: 15px;
				position: absolute;
				top: 0;
				left: -20px;
			}

	#footer p.copyright
	{
		text-align: center;
		color: #333;
		font-size: 10px;
		letter-spacing: 0.04em;
	}











/*------------------------------------------------------------2016.06.13追記------------------------------------------------------------*/
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
html {
	font-size: 62.5%;
}

.align_right {
	text-align: right;
	margin-top: 10px;
	font-size: 1.0rem !important;
}
.align_right img {
	margin-bottom: 5px;
}

/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/
#wrap {
	-webkit-text-size-adjust: 100%;
	font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.7;
	color: #333;
	margin: 0 auto;
	width: 800px;
	padding-top: 60px;
}
#wrap h1 {
	position: relative;
	left: -100px;
	margin-bottom: 70px;
	line-height: 1;
	padding-left:17px;
}

/*------------------------------------------------------------
メイン
------------------------------------------------------------*/
#main {
	position: relative;
	margin-bottom: 20px;
}
#main h2 {
	position: absolute;
	top: 160px;
	left: -85px;
}

/*------------------------------------------------------------
sns
------------------------------------------------------------*/
.sns_menu_box_ {
	margin-bottom: 50px;
}
.sns_menu_box_ ul {
	font-size: 0;
	text-align: right;
}
.sns_menu_box_ ul li {
	font-size: 1.6rem;
	display: inline-block;
}
.sns_menu_box_ ul li:last-child {
	margin-left: 30px;
}

/*------------------------------------------------------------
キャッチ
------------------------------------------------------------*/
#catch {
	margin-bottom: 80px;
}
#catch h2 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 5px solid #eee93a;
}
#catch p {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

/*------------------------------------------------------------
できること
------------------------------------------------------------*/
#can h2 {
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-bottom: 5px solid #eee93a;
}
#can dl {
	margin-bottom: 40px;
	padding-right: 320px;
	position: relative;
}
#can dl:after {
	display: block;
	content: '';
	height: 0;
	clear: both;
}
#can dl dt {
	margin-bottom: 10px;
}
#can dl dd {
	padding-left: 40px;
}
#can dl dd.can01 {
	position: absolute;
	top: 40px;
	right: 0;
	height: 160px;
}
#can dl dd.can02 {
	position: absolute;
	top: 40px;
	right: 0;
	height: 324px;
}

/*------------------------------------------------------------
図
------------------------------------------------------------*/
#zu {
	position: relative;
	margin-top: 150px;
	margin-bottom: 180px;
}
#zu h2 {
	width: 446px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 5px solid #eee93a;
}
#zu p {
	width: 260px;
	font-size: 1.8rem;
}
#zu .zu {
	width: auto;
	position: absolute;
	top: -50px;
	right: 0;
}
/*------------------------------------------------------------2017.08.17追記------------------------------------------------------------*/
#plan .h2TopText {
  color: #666;
  font-size: 14px;
  letter-spacing: 0.2em;
  margin: 0 0 45px 55px;
	position: absolute;
	top: -100px;
	z-index: 999;
}

.tamayura-txt {
  max-width: 950px;
  margin: auto;
  margin-bottom: 20px;
  line-height: 1.5;
}
.tamayura-txt a {
  color: #000;
  margin-bottom: 10px;
}
.tamayura-txt a:hover {
  color: #0bcba1;
  text-decoration: none;
}