@charset "UTF-8";

header{
	background: #FBF7F2 url(../img/bg_body.jpg) no-repeat center center;
	background-size: 100% auto;
}

.gn-building a{
	border-bottom: solid 3px #DC471E;
}

#contents .ttl-block{
	padding: 60px 0;
}

#contents h2{
	margin: 0 0 15px;
}

#contents h3{
	margin: 0 0 30px;
	color: #DC461E;
}


.intro{
	padding: 0 0 20px;
	text-align: center;
	font-family: Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
	font-weight: 400;
	font-size: 3rem;
	line-height: 1.4;
}

#freeplan .ttl-block{
	color: #fff;
	background: transparent url(../img/bg_freeplan.jpg) no-repeat center center;
	background-size: 100% auto;
	text-align: center;
}

.freeplan-wrap{
	max-width: 1152px;
	overflow: hidden;
	text-align: left;
}
.freeplan-wrap .freeplan{
	float: left;
	width: 33.33%;
}


.freeplan-wrap2{
	margin: 0 auto;
	max-width: 66.66%;
	overflow: hidden;
	text-align: left;
}
.freeplan-wrap2{
	margin: 20px auto 0;
	max-width: 66.66%;
	overflow: hidden;
}
.freeplan-wrap2 .freeplan{
	float: left;
	width: 50%;
}

.freeplan-wrap dl,
.freeplan-wrap2 dl{
	margin: 0 15px;
}


.freeplan-wrap dt,
.freeplan-wrap2 dt{
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	color: #DC461E;
	font-size: 2.2rem;
}
.freeplan-wrap dd,
.freeplan-wrap2 dd{
	min-height: 6em;
}

#omakase{
	background: transparent url(../img/bg_omakase.png) no-repeat left center;
}

#omakase .omakase-wrap{
	padding-left: 50%;
	width: 50%;
}

#omakase span,em{
	color: #DC461E;
	font-weight: 500;
}


#taishin{
	background-image: url(../img/bg_taishin.png);
	background-repeat:  no-repeat;
	background-position: right bottom;
}
.taishin-wrap{
}

#taishin dl{
	width: 45%;
}
#taishin dt{
	margin: 40px 0 10px;
	padding: 0 0 10px;
	border-bottom: dotted 1px #ccc;
	font-size: 2.2rem;
	color: #DC471E;
	font-weight: 300;
}

#taishin dd{
}

#architect{
	background: transparent url(../img/bg_kenchiikuka.jpg) no-repeat center center;
	background-size: 100% auto;
}

.architect-wrap div{
	margin: 0 20px;
	padding: 25px 0;
	width: 25%;
	display: inline-block;
	background:  rgba(0,0,0,0.5);
	color: #fff;
}

.architect-wrap h4{
	font-size: 3.2rem;
	font-weight: 300;
}


#after-follow .ttl-block{
	background: transparent url(../img/bg_hoshou.jpg) no-repeat center center;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
}

.jio-flow-wrap{
	margin: 40px 0 0;
	max-width: 1152px;
	overflow: hidden;
}

.jio-flow{
	margin: 0 0 20px;
	float: left;
	width: 33.33%;
	background: transparent url(../img/ar_jio.gif) no-repeat right center;
}

.jio-flow:last-child{
	background: none;
}

.jio-flow div{
	margin: 0 30px 0 0;
	padding: 30px;
	background: #fff;
	border: solid 1px #eee;
}
.jio-flow dt{
	margin: 0 0 0.5em;
	font-size: 2rem;
	font-weight: 500;
}
.jio-flow dt span{
	padding: 0 0.5em;
	color: #fff;
	background: #DC471E;
	font-size: 1.8rem;
	display: inline-block;
}

.jio-flow figure{
	margin: 20px 0 0;
	text-align: center;
}

.after-support{
	background: transparent url(../img/bg_support.jpg) no-repeat right center;
}

@media only screen and (max-width: 640px) {
	body {
		min-width: 100%;
	}
	
	.gn-building a{
		border-bottom: none;
	}
	header{
		background: none;
	}
	#contents .ttl-block{
		padding: 60px 0;
	}

	#contents h2{
		margin: 0 0 15px;
	}

	#contents h3{
		margin: 30px 0 20px;
		text-align: center;
	}

	.intro{
		font-size: 2rem;
	}
	.intro br{
		display: none;
	}
	#freeplan .ttl-block{
		padding: 30px 0;
		color: #fff;
		background: transparent url(../img/bg_freeplan.jpg) no-repeat center center;
		background-size: 150%;
		text-align: center;
	}

	.freeplan-wrap{
		max-width: 100%;
		overflow: hidden;
		text-align: left;
	}
	.freeplan-wrap .freeplan{
		float: none;
		width: 100%;
	}


	.freeplan-wrap2{
		margin: 0 auto;
		max-width: 100%;
		overflow: hidden;
		text-align: left;
	}
	.freeplan-wrap2{
		margin: 0 auto;
		max-width: 100%;
		overflow: hidden;
	}
	.freeplan-wrap2 .freeplan{
		margin: 0 0 30px;
		float: none;
		width: 100%;
	}

	.freeplan-wrap dl,
	.freeplan-wrap2 dl{
		margin: 0 0 15px;
	}


	.freeplan-wrap dt,
	.freeplan-wrap2 dt{
		margin: 0 0 5px;
		padding: 0 0 5px;
		border-bottom: 1px dotted #ccc;
		color: #DC461E;
		font-size: 2.2rem;
	}
	.freeplan-wrap dd,
	.freeplan-wrap2 dd{
		font-size: 1.5rem;
		min-height: auto;
	}

	#omakase{
		background: transparent url(../img/bg_omakase.png) no-repeat left bottom;
		background-size: 100% auto;
	}

	#omakase .omakase-wrap{
		padding: 0 0 65%;
		width: 100%;
	}

	#omakase span,em{
		color: #DC461E;
		font-weight: 500;
	}


	#taishin{
		padding: 10px 0 75%;
		background-image: url(../img/bg_taishin.png);
		background-repeat:  no-repeat;
		background-position: right bottom;
		background-size: 80% auto;
	}
	.taishin-wrap{
	}

	#taishin dl{
		width: 100%;
	}
	#taishin dt{
		margin: 40px 0 10px;
		padding: 0 0 10px;
		border-bottom: dotted 1px #ccc;
		font-size: 2.2rem;
		color: #DC471E;
		font-weight: 300;
	}

	#taishin dd{
		font-size: 1.5rem;
	}

	#architect{
		padding: 10px 0 20px;
		background: transparent url(../img/bg_kenchiikuka.jpg) no-repeat center left;
		background-size: auto 100%;
	}

	.architect-wrap div{
		margin: 20px;
		padding: 25px 0;
		width: 90%;
		display: block;
		background:  rgba(0,0,0,0.5);
		color: #fff;
	}
	.architect-wrap h4{
		font-size: 3.2rem;
		font-weight: 300;
	}
	#after-follow {
	}
	#after-follow .ttl-block{
		background: transparent url(../img/bg_hoshou.jpg) no-repeat center center;
		background-size: auto 100%;
		text-align: center;
		color: #fff;
	}
	.jio-flow-wrap{
		margin: 40px 0 0;
		max-width: 100%;
		overflow: hidden;
	}
	.jio-flow{
		margin: 0 0 20px;
		padding: 0 0 30px;
		float: none;
		width: 100%;
		background: transparent url(../img/ar_jio_sp.gif) no-repeat center bottom;
	}
	.jio-flow:last-child{
		background: none;
	}
	.jio-flow div{
		margin: 0;
		padding: 20px;
		background: #fff;
		border: solid 1px #eee;
	}
	.jio-flow figure{
		margin: 20px 0 0;
		text-align: center;
	}
	.after-support{
		padding: 0 0 70%;
		background: transparent url(../img/bg_support.jpg) no-repeat right bottom;
		background-size: 100% auto;
	}
	
	#hw{
		padding: 15px 0;
	}
}