@charset "utf-8";
@media screen and (min-width: 769px){
	.mq_show {
		display: none;
	}
}


@media screen and (max-width: 768px){

body {
	min-width: 320px;
	min-height: 500px;
}

.mq_hide {
	display: none;
}
.mq_show {
	display: block;
	position: static;
	width: auto;
	height: auto;
}
span.mq_show {
	display: inline;
}

.wrapper {
	box-sizing: border-box;
	width: 100%;
	padding: 0 8px;
}


#site_name {
	position: static;
	width: 70%;
	max-width: 400px;
	margin-top: 64px;
	height: auto;
	transform: translateY(0px);
}



#btn_contact {
	top: 16px;
	left: auto;
	right: 16px;
	width: 48px;
	height: 48px;
	padding: 12px;
}

#contact {
	top: 16px;
	bottom: auto;
	width: 96%;
}
	.input_form {
		height: 75vh;
		overflow: scroll;
		padding: 0 8px;
	}
		#contact .contact {
			display: block;
			width: 100%;
		}
			#contact .contact tr,
			#contact .contact tbody,
			#contact .contact th,
			#contact .contact td {
				display: block;
			}
			#contact .contact th {
				padding-bottom: 0;
				text-align: left;
			}
			#contact .contact td {
				padding-top: 0;
			}

.contact_steps {
	width: auto;
	padding: 0;
}
	.contact_steps li {
		padding: 0.5em 0;
		font-size: 0.9em;
	}
		.contact_steps li strong {
			font-size: 1.1em;
		}

.form_complete {
	text-align: left;
}

.form .form_wrapper {
	width: auto;
	padding: 16px 8px;
}
	.form input.half[type="text"],
	.form input.half[type="email"],
	.form input.half[type="tel"],
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="tel"],
	.form textarea{
		width: 95%;
	}

.btn {
	width: auto;
}



.mq_table,
.mq_table thead,
.mq_table tbody,
.mq_table tr,
.mq_table th,
.mq_table td {
	display: block;
	width: auto;
}
.mq_table {
	margin-right: 8px;
	margin-left: 8px;
}


body.sub #footer {
	position: static;
	margin-top: 40px;
}

}
	/*ウィンドウ幅可変文字サイズ {
		font-size: 4.875vw;  //320px幅で13px;
	}
	高さ可変背景
	.mq_bg {
		width: auto!important;
		height: auto!important;
		background-size: 100%!important;
	}
	個別 {
		max-width: 個別;
		padding-top: 高さ / 幅 %;
	}
	*/