@charset "utf-8";
/* =============================================================
 * お問い合わせ
 * ============================================================= */
.content-wrap {
	padding: 5% 0;
}
.content-wrap .txt	{
	font-size: 1.2vw;
	text-align: center;
	color: #FFF;
	margin: 0 auto 1%;
}
.table {
	width: 60%;
	margin: 0 auto;
	font-size: 1.2vw;
}
.table .tr {
	width: 100%;
	display: table;
	padding: 2%;
  margin: 0 0 1.5%;
	border: 1px solid #FFF;
	box-sizing: border-box;
}
.table .th01 {
	width: 30%;
	display: table-cell;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 			box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
	color: #FFF;
}
.table .th02 {
	width: 30%;
	display: table-cell;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 			box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	color: #FFF;
}
.tr .marker {
	padding: 1% 2%;
	background: #FF0000;
}
.table .td {
	width: 70%;
	display: table-cell;
	vertical-align: middle;
}
.table .td .txt03 {
	padding: 2% 0;
}
.form01 {
	width: 95%;
	border: 1px solid #B1B1B1;
	box-sizing: border-box;
}
.form02 {
	width: 95%!important;
	height: 10vw!important;
	border: 1px solid #B1B1B1;
}
#contact_button {
	text-align: center;
}

.table .td a{
color:#ffff00;
text-decoration: underline;
}


/* 
=============================
　　　　スマホ
=============================
*/
@media screen and (max-width: 699px) {
.content-wrap .txt {
  font-size: 14px;
}
.table {
  width: 90%;
  font-size: 14px;
}
.table .tr {
  width: 100%;
  display: block;
}
.table .th01 {
  width: 100%;
  display: block;
	margin: 0 0 1%;
}
.table .th02 {
  width: 100%;
  display: block;
	margin: 0 0 1%;
}
.table .td {
  width: 100%;
  display: block;
}
#contact-btn {
  width: 50%;
}
}