@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


/* PC */
@media screen and (min-width: 768px), print {
	
	
#pageTitle {
	background: url(../img/pagetitle.jpg) no-repeat center top;
	background-size: cover;
}
	
	

#intro {
	text-align: center;
}
	#intro dl dt {
		margin-bottom: 20px;
		font-size: 129%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#intro dl dd {
		line-height: 3;
	}



#Commitment {
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 100px;
	background: #FFF;
	padding: 40px 0;
}
	#Commitment .Commitment01 {
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 45%;
		background: url(../img/bg_commitment01.jpg) no-repeat left top;
		background-size: 40%;
	}
	#Commitment .Commitment02 {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-right: 45%;
		background: url(../img/bg_commitment02.jpg) no-repeat right center;
		background-size: 40%;
	}
	#Commitment .Commitment03 {
		padding-left: 45%;
		background: url(../img/bg_commitment03.jpg) no-repeat left top;
		background-size: 40%;
	}


#Commitment dl {
	padding: 0 40px;
	margin-bottom: 80px;
}
#Commitment dt {
	font-size: 143%;
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}







#history {
	letter-spacing: normal;
	margin-bottom: 100px;
}
	#history .set {
		width: 1000px;
		margin: 0 auto;
		background: #FFF;
		padding: 50px;
		position: relative;
	}
	#history p.bg {
		margin-bottom: 50px;
	}
	#history p.bg img {
		width: 100%;
		height: auto;
	}
	
	
	
	#history h3 {
		text-align: center;
		font-weight: normal;
		font-size: 129%;
		margin-bottom: 30px;
		background: url(../../common/img/icon_decorate.png) no-repeat center bottom;
		padding-bottom: 30px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing: 0.3em;
	}
	#history dl {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: dotted 1px #CCC;
	}
	#history dl.last {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	* html #history dl {
		zoom: 100%;
	}
	*:first-child+html #history dl {
		display: inline-block;
	}
	#history dl:after {
		content: ""; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
	
	#history dl dt {
		float: left;
		width: 120px;
		text-align: right;
		font-weight: bold;
	}
	#history dl dd {
		float: right;
		width: 860px;
	}
	#history .ph01 {
	position: absolute;
	top: 160px;
	right: 24px;
	}
	#history .ph02 {
	position: absolute;
	top: 658px;
	right: 129px;
	}
	#history .ph03 {
	position: absolute;
	top: 1276px;
	right: 107px;
	}
	#history .ph04 {
	position: absolute;
	top: 1848px;
	right: 122px;
	}
	#history .ph05 {
	position: absolute;
	top: 1476px;
	right: 8px;
	}






#related {
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 100px;
}
	#related h3 {
		text-align: center;
		font-weight: normal;
		font-size: 129%;
		margin-bottom: 30px;
		background: url(../../common/img/icon_decorate.png) no-repeat center bottom;
		padding-bottom: 30px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing: 0.3em;
	}
	
	* html #related {
		zoom: 100%;
	}
	*:first-child+html #related {
		display: inline-block;
	}
	#related:after {
		content: ""; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}



	#related .box {
		width: 358px;
		float: left;
		background: #FFF;
		margin-right: 10px;
		margin-bottom: 10px;
		border: solid 1px #d3d3d3;
		position: relative;
		letter-spacing: normal;
	}
	#related .box.return {
		margin-right: 0px;
	}
	
	#related .box dl {
		padding: 20px;
	}
		#related .box dl dt {
			font-weight: bold;
			margin-bottom: 15px;
		}
		#related .box dl dt span {
			display: block;
			font-size: 86%;
		}
		#related .box dl dd p {
			margin-bottom: 10px;
		}
		#related .box dl dd p a {
			text-decoration: underline;
			margin-right: 10px;
		}

	#related .pht {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 150px;
		height: 60px;
	}
	
	
	#related .Relation {
		border-top: solid 1px #d3d3d3;
		padding-top: 15px;
		line-height: 1.4;
	}
		#related .Relation strong {
			display: block;
			margin-bottom: 5px;
		}
	
	
	
	



}











/* スマホ */
@media only screen and (max-width: 767px) {
	
	
	
#pageTitle {
	background: url(../img/pagetitle.jpg) no-repeat center top;
	background-size: cover;
}


#intro {
	padding: 0 5%;
}
	#intro dl dt {
		margin-bottom: 20px;
		font-size: 129%;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing: 0.3em;
	}
	#intro dl dd {
	}



#Commitment {
	background: #FFF;
}
	#Commitment .Commitment01 {
		background: url(../img/bg_commitment01_sp.jpg) no-repeat center top;
		background-size: cover;
	}
	#Commitment .Commitment02 {
		background: url(../img/bg_commitment02_sp.jpg) no-repeat center top;
		background-size: cover;
	}
	#Commitment .Commitment03 {
		background: url(../img/bg_commitment03_sp.jpg) no-repeat center top;
		background-size: cover;
	}


#Commitment dl {
	padding: 10%;
	color: #FFF;
}
#Commitment dt {
	font-size: 129%;
	margin-bottom: 20px;
	opacity:1;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



#history {
	letter-spacing: normal;
	margin-bottom: 100px;
}
	#history .set {
	padding: 5%;
	}
	#history p.bg {
		margin-bottom: 50px;
	}
	#history p.bg img {
		width: 100%;
		height: auto;
	}
	
	
	
	#history h3 {
		text-align: center;
		font-weight: normal;
		font-size: 129%;
		margin-bottom: 30px;
		background: url(../../common/img/icon_decorate.png) no-repeat center bottom;
		padding-bottom: 30px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing: 0.3em;
	}
	#history dl {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: dotted 1px #CCC;
	}
	#history dl.last {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	#history dl dt {
		font-weight: bold;
	}
	#history dl dt br {
		display: none;
	}
	#history dl dd {
	}
	#history .ph01,
	#history .ph02,
	#history .ph03,
	#history .ph04 {
		display: none;
	}





#related {
	padding: 5%;
}
	#related h3 {
		text-align: center;
		font-weight: normal;
		font-size: 129%;
		margin-bottom: 30px;
		background: url(../../common/img/icon_decorate.png) no-repeat center bottom;
		padding-bottom: 30px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing: 0.3em;
	}
	



	#related .box {
		background: #FFF;
		margin-bottom: 5%;
		border: solid 1px #d3d3d3;
	}
	#related .box.return {
		margin-right: 0px;
	}
	
	#related .box dl {
		padding: 20px;
	}
		#related .box dl dt {
			font-weight: bold;
			margin-bottom: 15px;
		}
		#related .box dl dt span {
			display: block;
			font-size: 86%;
		}
		#related .box dl dd p {
			margin-bottom: 10px;
		}
		#related .box dl dd p a {
			text-decoration: underline;
			margin-right: 10px;
		}
		
		
	#related .pht {
		margin-bottom: 20px;
	}


}