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



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


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


#background_contact {
	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% 4% 1% 0;
	margin-top: -0.0em;
	margin-left: 12%;
	margin-bottom: 2%;
	white-space: nowrap;
}
	
h2.font_title  span {
	padding-left: 7%;
	font-size: 1.2em;	
}	
	
	

#wrap_contact {
	width:66%;
	padding: 1% 0 6% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


#wrap_contact .font_main01 {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	padding: 0 0 3% 0;
	line-height: 2.2em;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
	
#wrap_contact .font_main02 {
	text-align: center; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	padding: 0 0 7% 0;
	line-height: 2.2em;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}	

#wrap_contact .pad_process {
	text-align: center;
	width: 100%;
	padding: 0 0 3% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact .font_formtitle {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	padding: 0 0 1% 0;
	line-height: 1.2em;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	
}


#wrap_contact .font_formtitle span.must {
	background-color: #716242;
	padding: 0.2% 2% 0.2% 2%;
	font-size: 0.8em;
	color: #ffffff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px;
	margin-left: 1%;
}
#wrap_contact .font_formtitle span.note {
	font-size: 0.8em;
	color: #5e5e5e;
	margin-left: 1%;
}

::placeholder {
	color: #bab4b4;
	letter-spacing: 0.1em;
}



#wrap_contact .font_txt02 {
	text-align: center; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	padding: 2% 0 0.4% 0;
	line-height: 2.2em;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	border-bottom: 1px solid #000;
  	display: inline-block;
}

#wrap_contact .font_txt03 {
	text-align: center; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding: 2% 0 0.4% 0;
	line-height: 2.2em;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact .font_txt03 a:link {
	color: #4f2c2c;
	text-decoration: underline;
	outline: none;
}

#wrap_contact .font_txt03 a:visited {
	color: #4f2c2c;
	text-decoration: underline;
	outline: none;
}

#wrap_contact .font_txt03 a:hover {
	color: #a9854c;
	text-decoration: underline;
	outline: none;
}

#wrap_contact .font_txt03 a:hover {
	color: #eac58b;
	text-decoration: underline;
	outline: none;
}	
	
	
	
/*------------ TABLE  ------------*/	
	
#table_form02 {
	width: 95%;
	margin-top: 5%;
	margin-bottom: -0.0rem;
	border-top: 1px #b19d54 solid;
	border-left: 1px #b19d54 solid; 
}

#table_form02 .td_left {
	background-color: #ffffff;
	font-size:0.92em;
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	text-align: center;
	padding:3% 0 3% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	border-bottom: 1px #b19d54 solid;
	border-right: 1px #b19d54 solid; 
}

#table_form02 .td_left span {
	color: #FD1564;
}

#table_form02 .td_right {
	font-size:0.98em;
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	background-color: #ffffff;
	text-align: left;
	line-height: 1.8rem;
	padding:3% 0 3% 20px;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	border-bottom: 1px #b19d54 solid;
	border-right: 1px #b19d54 solid; 
}	

	
}
 









 
/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/
	
#background_contact {
	width: 100%;
	height: 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.9rem;
	letter-spacing: 0.09em;
	color: #212121;
	border-bottom: 1px #212121 solid;
	display: inline-block;
	padding: 32% 4% 1% 0;
	margin-top: -0.0em;
	margin-left: 8%;
	margin-bottom: 2%;
	white-space: nowrap;
}
	
h2.font_title  span {
	padding-left: 7%;
	font-size: 1.05rem;	
}	
	

	

#wrap_contact {
	width:95%;
	padding: 5% 0 12% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


#wrap_contact .font_main01 {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.0rem;
	letter-spacing: 0.06rem;
	padding: 0 0 3% 0;
	line-height: 1.5rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact .pad_process {
	text-align: center;
	width: 100%;
	padding: 0 0 3% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact .font_formtitle {
	text-align: left; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 0.9rem;
	letter-spacing: 0.06rem;
	padding: 0 0 1% 0;
	line-height: 1.01rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	
}


#wrap_contact .font_formtitle span.must {
	background-color: #716242;
	padding: 0.5% 2% 0.5% 2%;
	font-size: 0.7rem;
	color: #ffffff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px;
	margin-left: 1%;
}
#wrap_contact .font_formtitle span.note {
	font-size: 0.7rem;
	color: #5e5e5e;
	margin-left: 1%;
}

::placeholder {
	color: #bab4b4;
	letter-spacing: 0.06rem;
}



#wrap_contact .font_main02 {
	text-align: center; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 0.9rem;
	letter-spacing: 0.05rem;
	padding: 2% 0 4% 0;
	line-height: 1.3rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact .font_txt03 {
	text-align: center; 
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 0.78rem;
	letter-spacing: 0.06rem;
	padding: 8% 0 0.4% 0;
	line-height: 1.3rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

#wrap_contact .font_txt03 a:link {
	color: #4f2c2c;
	text-decoration: underline;
	outline: none;
}

#wrap_contact .font_txt03 a:visited {
	color: #4f2c2c;
	text-decoration: underline;
	outline: none;
}

#wrap_contact .font_txt03 a:hover {
	color: #a9854c;
	text-decoration: underline;
	outline: none;
}

#wrap_contact .font_txt03 a:hover {
	color: #eac58b;
	text-decoration: underline;
	outline: none;
}


/*------------ TABLE  ------------*/
	
#table_form02 {
	width: 94%;
	margin-top: 0.1rem;
	margin-bottom: -0.0rem;
	border-top: 1px #b19d54 solid;
	border-left: 1px #b19d54 solid; 
}

#table_form02 .td_left {
	background-color: #ffffff;
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 0.75rem;
	letter-spacing: 0.09em;
	color: #212121;
	line-height: 1.3rem;
	text-align: center;
	padding:3% 0 3% 0;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	border-bottom: 1px #b19d54 solid;
	border-right: 1px #b19d54 solid; 
}

#table_form02 .td_left span {
	color: #FD1564;
}

#table_form02 .td_right {
	font-family: "M PLUS 1p";
	font-weight: 400;
	font-size: 0.75rem;
	letter-spacing: 0.09em;
	color: #212121;
	line-height: 1.3rem;
	background-color: #ffffff;
	text-align: left;
	padding:3% 0 3% 20px;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	border-bottom: 1px #b19d54 solid;
	border-right: 1px #b19d54 solid; 
}		

	
}