/* Scss Document */

/* お問合せ */
#contact table {
	line-height:1.0;
	border: 1px solid #eee;
	width: 100%;
	margin: 3% auto;
}
#contact table tr {
	border-bottom: 1px solid #eee;
}
#contact table th {
	line-height:1.2;
	width: 25%;
	border-right: 1px solid #eee;
	padding: 2%;
}
#contact table tr:nth-child(2n),
#contact table th:nth-child(2n) {
	background: #EBEBEB;
}
#contact table td {
padding: 2%;
}
#contact table .form01{
	width:100%;
}
#contact table .form02{
	width: 100%;
	height: 200px;
}
.button {
	position: relative;
	-webkit-perspective: 400px;
	perspective: 400px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	width: 400px;
	height: 60px;
}
.button span {
	width: 400px;
	height: 60px;
	display: block;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button span:nth-child(1) {
	background-color: #002F55;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button.button-c-gray span:nth-child(1) {
	background-color: #555;
}
.button span:nth-child(2) {
	background-color: #004C90;
	color: #fff;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button.button-c-gray span:nth-child(2) {
	background-color: #999;
}
.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
	background-color: #002F55;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
@media (max-width: 980px) {
#contact table th {
	font-size: 90%;
	width: 32%;
	padding: 2% 3px;
}
#contact table th span{
	display: block;
	margin-top: 5px
}
#contact table td {
	width: auto;
}
.button{
	-webkit-perspective: 90%;
	perspective: 90%;
	width: 90%;
	height: 60px;
}
.button span {
	width: 100%;
	height: 60px;
}
}