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



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



/*------------  MAIN ------------*/	



#wrap_box_b01 {
	width: 	90%;
	position: relative;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	border-right: 1.5px #000000 solid;
	box-sizing: border-box;
}

#wrap_title {
	width: 10%;
	position: relative;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	box-sizing: border-box;	
}

#wrap_title h2 {
	font-family: fot-tsukuaoldmin-pr6n, sans-serif;
	font-style: normal;
	font-weight: 100;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	color: #212121;
	top: 0;
	font-size: 3.0em;
	padding: 20% 0 0 30%;
	position: relative;
}




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


#wrap_contact .font_main01 {
	text-align: left; 
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	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 .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:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	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:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	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:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	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;
}



/*------------  BAR ------------*/	

#bar05 {
	position: relative;
	width: 100%;
	height: 310px;
	background-image: url(../images/contact_bar.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	margin-top: -10%;
	padding: -70% 0 0 0;
}

#wrap_box_w05 {
	width: 90%;
	position: relative;
	padding: 0 0 0 0;
	top:0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	border-right: 1.5px #ffffff solid;
	height: 100%;
	z-index: 90;
}

	
/*------------  確認テーブル ------------*/	

#table_form02 {
	width: 95%;
	margin-top: 5%;
	margin-bottom: -0.0em;
	border-top: 1px #b19d54 solid;
	border-left: 1px #b19d54 solid; 
}

#table_form02 .td_left {
	width: 25%;
	background-color: #fcfcf7;
	font-size:1.1em;
	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; 
	box-sizing: nowrap;
}



#table_form02 .td_right {
	width: 75%;
	font-size:1.1em;
	background-color: #ffffff;
	text-align: left;
	line-height: 0.92em;
	padding:3% 0 3% 20px;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	border-bottom: 1px #b19d54 solid;
	border-right: 1px #b19d54 solid; 
	box-sizing: nowrap;
}	

	
#pad_button {
	position: relative;
	width: 100%;
	margin-top: 5%;
	text-align: center;
}	
	
.back_button {
	position: absolute;
	text-align: left; 
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 1.13em;
	letter-spacing: 0.1em;
	padding: 4% 0 0.4% 2%;
	line-height: 1.3rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	z-index: 20;
}
	
}










/*------------ smartPhone  ------------*/	
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/

	
	


/*------------  MAIN ------------*/	



#wrap_box_b01 {
	width: 	82%;
	position: relative;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	border-right: 1.5px #000000 solid;
	box-sizing: border-box;
}

#wrap_title {
	width: 18%;
	position: relative;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	box-sizing: border-box;	
}

#wrap_title h2 {
	font-family: fot-tsukuaoldmin-pr6n, sans-serif;
	font-style: normal;
	font-weight: 100;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	color: #212121;
	top: 0;
	font-size: 1.9rem;
	letter-spacing: 0.06em;
	line-height: 1.4rem;
	padding: 80% 0 0 30%;
	position: relative;
	transform: scale(1.25, 1);
	z-index: 20;
}




#wrap_contact {
	width:75%;
	padding: 11% 0 20% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


#wrap_contact .font_main01 {
	text-align: left; 
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 0.88rem;
	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:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	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_txt02 {
	text-align: center; 
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 0.9rem;
	letter-spacing: 0.05rem;
	padding: 2% 0 0.4% 0;
	line-height: 1.3rem;
	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:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	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;
}



/*------------  BAR ------------*/	

#bar05 {
	position: relative;
	width: 100%;
	height: 190px;
	background-image: url(../images/contact_bar.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	margin-top: -1%;
	padding: -70% 0 0 0;
}

#wrap_box_w05 {
	width: 82%;
	position: relative;
	padding: 0 0 0 0;
	top:0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	border-right: 1.5px #ffffff solid;
	height: 100%;
	z-index: 90;
}
	
/*------------  確認テーブル ------------*/	



#table_form02 {
	width: 110%;
	margin-top: 5%;
	margin-left:-5%;
	margin-bottom: -0.0em;
	border-spacing:0;
	border-top: 1px #b19d54 solid;
	border-left: 1px #b19d54 solid; 
}

#table_form02 .td_left {
	width: 26%;
	background-color: #fcfcf7;
	color: #8d8980;
	font-size:0.68rem;
	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; 
	box-sizing: nowrap;
}



#table_form02 .td_right {
	width: 74%;
	font-size:0,75rem;
	background-color: #ffffff;
	text-align: left;
	line-height: 0.9rem;
	padding:3% 0 3% 20px;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	border-bottom: 1px #b19d54 solid;
	border-right: 1px #b19d54 solid; 
	box-sizing: nowrap;
}	

	
#pad_button {
	position: relative;
	width: 100%;
	margin-top: 5%;
	text-align: center;
}	
	
.back_button {
	position: absolute;
	text-align: left; 
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-style: normal;
	font-weight: 300;
	color: #4f2c2c;
	top: 0;
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	padding: 20% 0 14% 0;
	line-height: 1.3rem;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	z-index: 20;
}
	
}