@charset "UTF-8";
/* article.css */




/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/


	
/*------------ TOP  ------------*/	


#background_article {
	width: 100%;
	background-color: #eff2df;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	position: relative;
	z-index:1;
}

	
	
	
h2.font_title {
	text-align: left;
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 1.6em;
	letter-spacing: 0.09em;
	color: #212121;
	border-bottom: 1px #212121 solid;
	display: inline-block;
	padding: 30% 0 1% 0;
	margin-top: -0.0em;
	margin-left: 12%;
	margin-bottom: 1%;
	white-space: nowrap;
}
	
h2.font_title  span {
	padding-left: 0.1%;
	font-size: 1.2em;	
}	
	
	
	
	
	
	
#wrap_contact {
	width:75%;
	padding: 0 0 10% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}



#wrap_contact .font_txt01{
	text-align: center; 
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 1.45em;
	line-height: 1.5em;
	letter-spacing: 0.09em;
	color: #4f2c2c;
	top: 0;
	padding: 2% 0 0.4% 0;
	margin-top: -0.0em;
	margin-bottom: 2%;
	border-bottom: 1px solid #000;
  	display: inline-block;
}


#wrap_contact .font_txt02 {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-weight: 600;
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: 0.09em;
	color:#967124;
	top: 0;
	border-bottom: 1px solid #000;
	display: inline-block;
	padding: 2% 0 0.4% 0;
	margin-top: -0.0em;
	margin-bottom: 2%;
}
	
#wrap_contact .font_txt03 {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 1.45em;
	line-height: 1.5em;
	letter-spacing: 0.09em;
	color: #4f2c2c;
	top: 0;
	padding: 0 0 5% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact ul#first {
	margin-left: 5%;
	margin-bottom: 3%;
	margin-top: -3%;
} 	
	
#wrap_contact ul#first li {
	list-style:decimal;
	text-align: left; 
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 1.45em;
	line-height: 1.5em;
	letter-spacing: 0.09em;
	color: #4f2c2c;
	top: 0;
	padding: 0 0 2% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
} 		

#wrap_contact ul#first li ul#next {
	margin-left: 5%;
	margin-top: 2%;
	margin-bottom:-0.0em;
} 
	
#wrap_contact ul#first li ul#next li {
	list-style: lower-alpha;
	text-align: left; 
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 1.0em;
	line-height: 1.5em;
	letter-spacing: 0.06em;
	color: #4f2c2c;
	top: 0;
	padding: 0 0 2% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
} 	
	
}
 









 
/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/
	
#background_article {
	width: 100%;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	position: relative;
	overflow-x: hidden;
	z-index:1;
	background-color: #eff2df;
}
	

	
	
	
	
h2.font_title {
	text-align: left;
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 0.83rem;
	letter-spacing: 0.02rem;
	color: #212121;
	border-bottom: 1px #212121 solid;
	display: inline-block;
	padding: 32% 0 1% 0;
	margin-top: -0.0em;
	margin-left: 7%;
	margin-bottom: 2%;
	white-space: nowrap;
}
	
h2.font_title  span {
	padding-left: 0.1%;
	font-size: 1.05rem;	
}	
	
	
	
#wrap_contact {
	width:88%;
	padding: 3% 0 20% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}



#wrap_contact .font_txt01 {
	text-align: center; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 400;
	color: #4f2c2c;
	top: 0;
	font-size: 0.97rem;
	letter-spacing: 0.05rem;
	padding: 2% 0 0.4% 0;
	line-height: 1.37rem;
	margin-top: -0.0em;
	margin-bottom: 8%;
	border-bottom: 1px solid #000;
  	display: inline-block;
}


#wrap_contact .font_txt02 {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 600;
	color:#967124;
	top: 0;
	font-size: 0.89rem;
	letter-spacing: 0.06rem;
	padding: 8% 0 0.4% 0;
	line-height: 1.3rem;
	border-bottom: 1px solid #000;
  	display: inline-block;
	margin-top: -0.0em;
	margin-bottom: 2%;
}

#wrap_contact .font_txt03 {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 400;
	color: #4f2c2c;
	top: 0;
	font-size: 0.74rem;
	letter-spacing: 0.02rem;
	padding: 0 0 9% 0;
	line-height: 1.07rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact ul#first {
	margin-top: -6%;
	margin-left: 8%;
	margin-bottom: 3%;
} 	
	
#wrap_contact ul#first li {
	list-style:decimal;
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 400;
	color: #4f2c2c;
	top: 0;
	font-size: 0.67rem;
	letter-spacing: 0.02rem;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
} 	

#wrap_contact ul#first li ul#next {
	margin-left: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
} 
	
#wrap_contact ul#first li ul#next li {
	list-style: lower-alpha;
	text-align: left; 
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 0.67rem;
	line-height: 1.0rem;
	letter-spacing: 0.02rem;
	color: #4f2c2c;
	top: 0;
	padding: 0 0 2% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
} 	


}