@charset "UTF-8";

#quality_area{
	padding:150px 0 200px;
	border-top:1px solid #dfd5a1;
	background-color:#fbf9f7;
	background-image:url(../img/quality_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
}

#quality_area>div{
	max-width:900px;
	margin:0 auto;
	padding:0 30px;
}

#quality_intro_area{
	margin:0 0 80px;
}

#quality_intro_area h1{
	margin:0 0 60px;
	color:#564f3b;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	font-size:22px;
	line-height:1;
	font-weight:400;
}

#quality_intro_area p{
	margin:0;
	color:#4b433a;
	text-align:center;
	text-indent:0.1em;
	letter-spacing:0.1em;
	font-size:15px;
	line-height:2.5;
}

@media only screen and (max-width:660px){
	#quality_area{
		padding:80px 0 120px;
		background-image:none;
	}
	
	#quality_area>div{
		padding:0 20px;
	}
	
	#quality_intro_area{
		margin:0 0 45px;
	}
	
	#quality_intro_area h1{
		margin:0 0 40px;
		font-size:18px;
	}
	
	#quality_intro_area p{
		text-align:justify;
		text-justify:inter-ideograph;
		font-size:13px;
		line-height:2;
	}
}


#quality_area>div section{
	margin:0 0 20px;
}

#quality_area>div section:last-of-type{
	margin:0;
}

#quality_area>div section a:link,
#quality_area>div section a:visited{
	display:block;
	padding:5px;
	background-repeat:no-repeat;
	background-size:35% auto;
	background-position:right -10px center;
	background-color:#fff;
	color:#4b433a;
	transition:.2s;
}

#quality_area>div section:first-of-type a:link,
#quality_area>div section:first-of-type a:visited{
	background-image:url(../img/quality01_bg.jpg);
}

#quality_area>div section:nth-of-type(2) a:link,
#quality_area>div section:nth-of-type(2) a:visited{
	background-image:url(../img/quality02_bg.jpg);
}

#quality_area>div section:nth-of-type(3) a:link,
#quality_area>div section:nth-of-type(3) a:visited{
	background-image:url(../img/quality03_bg.jpg);
}

#quality_area>div section:nth-of-type(4) a:link,
#quality_area>div section:nth-of-type(4) a:visited{
	background-image:url(../img/quality04_bg.jpg);
}

#quality_area>div section:nth-of-type(5) a:link,
#quality_area>div section:nth-of-type(5) a:visited{
	background-image:url(../img/quality05_bg.jpg);
}

#quality_area>div section a:hover,
#quality_area>div section a:active{
	opacity:0.8;
	text-decoration:none;
}

#quality_area>div section a span{
	display:block;
	padding:35px 45px;
	border:1px solid #c1b9ad
}

#quality_area>div section a span h2{
	margin:0 0 20px;
	letter-spacing:0.1em;
	font-size:18px;
	line-height:1;
	font-weight:300;
}

#quality_area>div section a span p{
	width:60%;
	margin:0;
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:0.1em;
	font-size:13px;
	line-height:1.8;
}

@media only screen and (max-width:660px){
	#quality_area>div section{
		margin:0 0 15px;
	}
	
	#quality_area>div section a:link,
	#quality_area>div section a:visited{
		background-size:100% auto;
		background-position:center bottom -30%;
	}
	
	#quality_area>div section a span{
		padding:35px 30px;
	}
	
	#quality_area>div section a span h2{
		text-align:center;
		font-size:16px;
	}
	
	#quality_area>div section a span p{
		width:100%;
		margin:0 0 50%;
	}
}

/*----------下層----------*/

#quality_sub_area{
	padding:110px 0 150px;
	border-top:1px solid #dfd5a1;
	background-color:#fbf5ec;
}

#quality_sub_area h1{
	margin:0 0 100px;
	padding:0 30px;
	color:#564f3b;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	font-size:22px;
	line-height:1;
}

#quality_sub_area h1>span{
	display:table;
	margin:0 auto 26px;
	padding:0 15px;
	border-bottom:1px solid #dab400;
	color:#dab400;
	font-size:12px;
}

#quality_sub_area h1>span>span{
	display:block;
	padding:0 15px;
	background-color:#fbf5ec;
	position:relative;
	bottom:-6px;
}

/*quality_contents_area*/
#quality_contents_area{
	max-width:1000px;
	margin:0 auto 70px;
	padding:0 30px;
}

#quality_contents_area>div{
	padding:80px 70px;
	background-color:#fff;
}

#quality_contents_area>div>section{
	margin:0 0 80px;
}

#quality_contents_area>div>section:last-of-type{
	margin:0 0 0;
}

#quality_contents_area>div>section h2{
	margin:0 0 30px;
	padding:0 0 20px 32px;
	border-bottom:1px solid #dfd5a1;
	background-image:url(../img/title_icon.svg);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:left top;
	color:#76695a;
	letter-spacing:0.1em;
	font-size:17px;
	line-height:20px;
	font-weight:400;
}

#quality_contents_area>div p{
	margin:0 0 20px;
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:0.05em;
	font-size:14px;
	line-height:2.2;
}

#quality_contents_area>div p:last-child{
	margin:0;
}

#quality_contents_area>div p .gold{
	color:#dab400;
	font-size:16px;
}

#quality_contents_area>div .text_area{
	margin:0 0 40px;
}

#quality_contents_area>div .text_area:last-child{
	margin:0;
}

#quality_contents_area>div .text_area dl{
	margin:0 0 25px;
}

#quality_contents_area>div .text_area dl:last-child{
	margin:0;
}

#quality_contents_area>div .text_area dl dt{
	margin:0 0 10px;
	color:#dab400;
	font-size:15px;
	line-height:1;
}

#quality_contents_area>div .text_area dl dd{
	margin:0;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:14px;
	line-height:1.8;
}

#quality_contents_area>div>img,
#quality_contents_area>div>picture img{
	width:100%;
	height:auto;
	margin:0 0 40px;
	vertical-align:bottom;
}

#quality_contents_area>div .text_image{
	margin:0 0 40px;
	overflow:hidden;
}

#quality_contents_area>div .text_image:last-child{
	margin:0;
}

#quality_contents_area>div .text_image p{
	width:65%;
	float:left;
}

#quality_contents_area>div .text_image img{
	width:30%;
	float:right;
}

#quality_contents_area>div .image_1column{
	margin:0 0 40px;
}

#quality_contents_area>div .image_1column img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#quality_contents_area>div .image_2column{
	margin:0 0 40px;
	overflow:hidden;
}

#quality_contents_area>div .image_2column:last-child{
	margin:0;
}

#quality_contents_area>div .image_2column figure{
	width:48%;
	margin:0;
}

#quality_contents_area>div .image_2column figure:first-child{
	float:left;
}

#quality_contents_area>div .image_2column figure:last-child{
	float:right;
}

#quality_contents_area>div .image_2column figure img{
	width:100%;
	height:auto;
	margin:0 0 10px;
	vertical-align:bottom;
}

#quality_contents_area>div .image_2column figure figcaption{
	display:block;
	text-align:center;
	font-size:13px;
	line-height:1;
}

@media only screen and (max-width:900px){
	#quality_contents_area>div .text_image p{
		width:100%;
		float:none;
	}
	
	#quality_contents_area>div .text_image img{
		display:block;
		max-width:380px;
		width:100%;
		margin:0 auto 15px;
		float:none;
	}
	
	#quality_contents_area>div .text_image img:last-child{
		margin:0 auto;
	}
}

@media only screen and (max-width:660px){
	#quality_contents_area{
		margin:0 auto 50px;
		padding:0 20px;
	}
	
	#quality_contents_area>div{
		padding:40px 25px 50px;
	}
	
	#quality_contents_area>div>section{
		margin:0 0 50px;
	}
	
	#quality_contents_area>div>section h2{
		margin:0 0 15px;
		padding:0 0 15px 28px;
		background-size:16px 16px;
		letter-spacing:0.05em;
		font-size:16px;
		line-height:16px;
	}
	
	#quality_contents_area>div p{
		margin:0 0 15px;
		font-size:13px;
		line-height:1.8;
	}
	
	#quality_contents_area>div p .gold{
		font-size:14px;
	}
	
	#quality_contents_area>div .text_area{
		margin:0 0 20px;
	}
	
	#quality_contents_area>div .text_area dl{
		margin:0 0 15px;
	}
	
	#quality_contents_area>div .text_area dl dt{
		margin:0 0 5px;
		font-size:14px;
	}
	
	#quality_contents_area>div .text_area dl dd{
		font-size:12px;
		line-height:1.6;
	}
	
	#quality_contents_area>div>img{
		margin:0 0 20px;
	}
	
	#quality_contents_area>div .text_image{
		margin:0 0 20px;
	}
	
	#quality_contents_area>div .text_image p{
		width:100%;
		float:none;
	}
	
	#quality_contents_area>div .text_image img{
		display:block;
		max-width:380px;
		width:100%;
		margin:0 auto 15px;
		float:none;
	}
	
	#quality_contents_area>div .text_image img:last-child{
		margin:0 auto;
	}
	
	#quality_contents_area>div .image_2column{
		margin:0 0 20px;
	}
	
	#quality_contents_area>div .image_2column figure{
		width:100%;
		margin:0 0 15px;
	}
	
	#quality_contents_area>div .image_2column figure:first-child{
		float:none;
	}
	
	#quality_contents_area>div .image_2column figure:last-child{
		float:none;
	}
	
	#quality_contents_area>div .image_2column figure img{
		margin:0 0 8px;
	}
	
	#quality_contents_area>div .image_2column figure figcaption{
		font-size:12px;
	}
}


/*quality_link_area*/
#quality_link_area{
	display:table;
	width:530px;
	margin:0 auto 90px;
}

#quality_link_area a:link,
#quality_link_area a:visited{
	box-sizing:border-box;
	display:block;
	width:250px;
	margin:0 30px 30px 0;
	padding:23px 30px 23px 20px;
	border:1px solid #c1b9ad;
	background-image:url(../img/arrow_right.svg);
	background-repeat:no-repeat;
	background-size:7px 11px;
	background-position:right 20px center;
	background-color:#fff;
	color:#4b433a;
	text-align:center;
	letter-spacing:0.1em;
	font-size:14px;
	line-height:1;
	float:left;
	transition:.2s;
}

#quality_link_area a:nth-child(2n):link,
#quality_link_area a:nth-child(2n):visited{
	margin:0 0 30px 0;
}

#quality_link_area a:hover,
#quality_link_area a:active{
	background-image:url(../img/arrow_right-.svg);
	background-color:#4b433a;
	color:#fff;
	text-decoration:none;
}

@media only screen and (max-width:660px){
	#quality_link_area{
		box-sizing:border-box;
		width:100%;
		margin:0 auto 50px;
		padding:0 20px;
	}
	
	#quality_link_area a:link,
	#quality_link_area a:visited{
		width:100%;
		margin:0 0 10px 0;
		padding:18px 30px 18px 20px;
		background-size:7px 11px;
		background-position:right 20px center;
		font-size:12px;
		float:none;
	}
	
	
	#quality_link_area a:nth-child(2n):link,
	#quality_link_area a:nth-child(2n):visited{
		margin:0 0 10px 0;
	}
}