@charset "UTF-8";

main {
	padding-bottom: 100px;
}



.com_table {
	width:1000px;
	margin:0 auto;
	margin-top:100px;
	text-align:left;
}
.box2 .com_table h2 {
	font-weight:normal;
	text-align:left;
	margin-bottom:1em;
	font-size:18px;
}
.com_table table {
	width:100%;
	text-align:left;
	font-size:16px;
	border-collapse:collapse;
}
.com_table table tr th {
	width:300px;
	border-top:1px solid #714600;
	padding:25px 25px 25px 25px;
	box-sizing:border-box;
	white-space:nowrap;
	font-weight:normal;
	vertical-align:top;
}
.com_table table tr th small {
	display:block;
	margin-top:.5em;
	font-size:14px;
}
.com_table table tr:last-child th {
	border-bottom:1px solid #714600;
}
.com_table table tr td {
	vertical-align:top;
	line-height:1.6em;
	border-top:1px solid #c6bd99;
	padding:25px 0 25px 25px;
	box-sizing:border-box;
}
.com_table table tr td strong {
	font-weight:normal;
	display:block;
	margin-bottom:.5em;
	background-color:#714600;
	color:#fff;
	padding:.5em 1em;
	margin-bottom:.5em;
	border-radius:5px;
}
.com_table table tr:last-child td {
	border-bottom:1px solid #cbcbcb;
}
.com_table table tr td hr {
	border:none;
	display:block;
	height:1px;
	width:100%;
	background-color:#714600;
	margin:20px 0;
}
.com_table table tr td .trybox {
	border:1px solid #714600;
	padding:1em;
	border-radius:10px;
	margin-bottom:1em;
}

.com_table table tr td hr.mini {
	width:15%;
	margin:5px 0;
	background-color:#c6bd99;
}

@media screen and (max-width: 767px) {
	.com_table {
		width:86%;
		margin-top:18vw;
	}
	.box2 .com_table h2 {
		font-size:4vw;
		margin-top:3em;
	}
	.com_table table {
		width:100%;
		text-align:left;
		font-size:4vw;
	}
	.com_table table tr th {
		display:block;
		width:100%;
		padding:3vw 3vw;
		white-space:normal;
		box-sizing:border-box;
		font-size:3.8vw;
		background-color:#f3f2ec;
	}
	.com_table table tr th small {
		font-size:3.2vw;
	}
	.com_table table tr td {
		display:block;
		width:100%;
		border-top:none;
		padding:5vw 1vw;
		box-sizing:border-box;
		font-size:3.8vw;
	}
	.com_table table tr td .spspace {
		display:inline-block;
		width:1.5em;
	}
	.com_table table tr td .trybox {
		padding:1em;
	}
	.com_table table tr td.menubox label {
		display:block;
		padding:2vw 0;
		border-bottom:1px dotted #ccc;
		margin-right:0;
	}
	.com_table table tr td.menubox label.spbdr {
		border-bottom:1px solid #c6bd99;
	}

	.com_table table tr:last-child th {
		border-bottom:none;
	}
	.com_table table tr td hr {
		display:none;
	}
}



.com_table {
	margin-top:40px;
}

@media screen and (max-width: 767px) {
	.com_table {
		width:100%;
		margin-top:5vw;
	}
	.com_table table {
		width:100%;
	}
}


/*===== お問い合わせ =====*/
.box {
	width:990px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-top:140px;
}
@media screen and (max-width: 767px) {
	.box {
		width:80%;
		flex-direction:column;
		margin-top:10vw;
	}
	.box .item {
		margin-top:5vw;
	}
	.box .item img {
		width:100%;
	}
}



.box2 {
	width:1000px;
	margin:0 auto;
	margin-top:70px;
}
.box2 a {
	text-decoration:underline;
}
.box2 h2 {
	font-size:26px;
	text-align:center;
}
.box2 ul {
	margin:0;
	padding:0;
	margin-top:30px;
}
.box2 ul li {
	line-height:1.8em;
	list-style:none;
}
.box2 ul li a {
	color:#05e;
}
@media screen and (max-width: 767px) {
	.box2 {
		width:86%;
		margin-top:5vw;
	}
	.box2 h2 {
		font-size:6vw;
	}
	.box2 ul {
		margin-top:8vw;
	}
	.box2 ul li {
		font-size:3.6vw;
		padding-left:1em;
		text-indent:-1em;
	}
}


@media screen and (min-width: 768px) {
	.tellink {
		pointer-events:none;
	}
}


::placeholder {
	color:#969696;
}
@media screen and (max-width: 767px) {
	::placeholder {
		font-size:3.6vw;
	}
}
input,
select,
textarea {
	font-size:16px;
	background-color:#fff;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=checkbox],
input[type=radio],
textarea,
select {
	font-size:16px;
	margin:5px;
}

input[type=text],
input[type=tel],
input[type=email],
textarea,
select {
	margin:2px;
	padding:5px;
	vertical-align:middle;
	border:solid 1px #bbb;
	border-radius:0;
	box-shadow:none;
}

select {
	padding:5px;
	color:#666;
}

input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
textarea:focus {
	outline:2px solid #09d;
	background:#fdeff5;
}

textarea {
	box-sizing:border-box;
	width:100%;
}

label {
	display:inline-block;
	margin:.2em 0;
	margin-right:1em;
}

.copy {
	margin-top:0;
	text-align:left;
}

.error,
.error2 {
	display:inline-block;
	background-color:#ff0;
	color:#c00;
	margin-top:.5em;
	font-size:93%;
	padding:.5em .5em;
	line-height:1em;
}
.error2.erhide {
	display:none;
}


.requ {
	color:#e00;
	font-size:14px;
	margin-left:1em;
}
td .requ {
	margin-left:0;
}
.exe {
	font-size:16px;
	margin-left:1em;
	color:#666;
}
.addr {
	margin-right:1em;
}
.inlinebox {
	display:block;
	margin:.5em 0;
}
@media screen and (max-width: 767px) {
	.copy {
		font-size:3.6vw;
	}

	.requ {
		font-size:3.6vw;
	}
	.exe {
		font-size:3.6vw;
		margin-left:5px;
	}
	.inlinebox {
		margin:1em 0;
	}
}



input.error,
select.error {
	background:#ffffd5;
	color:#333;
}

@media screen and (max-width: 767px) {
	input[type=text],
	input[type=tel],
	input[type=email],
	textarea {
		box-sizing:border-box;
		max-width:100%;
	}

	input[type=text],
	input[type=tel],
	input[type=checkbox],
	input[type=radio] {
		font-size:4.3vw;
		margin:5px;
	}

	textarea {
		height:8em;
		width:100%;
	}
}

.submitbtn {
	margin-top:40px;
	margin-bottom:30px;
	text-align:center;
}

.imagebutton,
#button_send,
#button_cancel {
	font-size:22px;
	line-height:1em;
	margin-top:30px;
	padding:30px 60px;
	cursor:pointer;
	transition:.3s;
	letter-spacing:2px;
	color:#fff;
	border:none;
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	background:#009494;
	text-shadow:none;
}

.imagebutton:hover,
#button_send:hover {
	text-decoration:none;
	     opacity:.7;
	color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
}

#button_cancel {
	margin-right:20px;
	padding-right:20px;
	padding-left:20px;
	margin-right:15px;
	color:#fff;
	background:#666;
}

#button_cancel:hover {
	color:#fff;
	background:#bbb;
}

div.buttons {
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	padding-bottom:60px;
	margin-top:30px;
}

@media screen and (max-width: 767px) {
	.imagebutton,
	#button_send,
	#button_cancel {
		font-size:5vw;
		margin-top:10vw;
		padding:6vw 10vw;
	}

	#button_cancel {
		font-size:4.6vw;
		margin-right:0vw;
		padding:4vw 4vw;
		margin-top:10vw;
	}

	div.buttons {
		display:block;
		margin-top:10vw;
		padding-bottom:20vw;
		text-align:center;
	}
}


/*========================================

  thanks

========================================*/
.thanks {
	padding-top:80px;
	text-align:center;
}

.thanks h2 {
	font-size:30px;
}

.thanks p {
	font-size:16px;
	margin-top:1.5em;
	line-height:2em;
}

.thanks p small {
	font-size:13px;
	line-height:1.8em;
	display:block;
	margin-top:1em;
}

.thanks .closebtn {
	margin-top:2em;
}

.thanks .closebtn a {
	display:inline-block;
	background-color:#888;
	color:#fff;
	padding:1em 1.5em;
	transition:.3s;
}

.thanks .closebtn a:hover {
	text-decoration:none;
	background-color:#444;
}

@media screen and (max-width: 768px) {
	.thanks {
		text-align:justify;
		width:86%;
		margin:0 auto;
		padding-top:8vw;
	}

	.thanks h2 {
		font-size:6vw;
	}

	.thanks p {
		font-size:3.8vw;
	}

	.thanks p small {
		font-size:3.5vw;
	}

	.thanks .closebtn {
		text-align:center;
	}

	.thanks .closebtn a {
		font-size:4vw;
	}
}
