/* ==========================================
 
 
【レスポンシブ】
 
 
========================================== */

#menu_block {
	display: none;
}

#icon_tel {
	display: none;
}

#icon_menu {
	display: none;
}

.show_pc {
	display: block;
}

.show_sp {
	display: none;
}


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

body {
	font-size: 26px !important;
}

.show_pc {
	display: none;
}

.show_sp {
	display: block;
}

#menu_block {
	display: block;
	width: 650px;
	background: #808080;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 3;
}

#menu_block .menu_box {
	width: 20%;
	float: left;
}

#icon_tel {
	display: block;
	width: 650px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 3;
}

#icon_menu {
	display: block;
	position: fixed;
	top: 30px;
	right: 10px;
	z-index: 10;
}

/* ----- header ----- */

#site_header_wrapper {
	width: 650px !important;
}

#header_description {
	display: none;;
}

#site_header {
	width: 650px !important;
}

#site_title {
	width: 650px !important;
}

#site_title .logo {
	position: static !important;
	padding: 15px !important;
}

#site_title .btn {
	display: none !important;
}

#site_title .bg {
	display: none !important;
}

/* ----- global_nav ----- */

#global_nav {
	display: none !important;
}

/* ----- main_visual ----- */

.main_visual {
	width: 100% !important;
}

/* ----- main_wrapper ----- */

#main_wrapper {
	width: 650px !important;
	background: #ffffff !important;
}

#main_wrapper .main {
	clear: both !important;
	padding: 0 !important;
}

#main_wrapper .main img {
	max-width: 100% !important;
}

/* ----- sidebar ----- */

#sidebar_wrapper {
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	display: none;
	z-index: 9999 !important;
}

/* ----- footer ----- */

#site_footer_wrapper {
	margin-bottom: 130px;
}

#site_footer {
	width: 650px !important;
}

#access {
	display: block;
	padding-top: 160px;
	margin-top: -160px;
}

#contact {
	z-index: 2;
}

.contact, .contact tbody, .contact thead, .contact tfoot, .contact tr, .contact th, .contact td {
	display: block;
	box-sizing: border-box;
	width: 100% !important;
}

.contact th {
	padding: 15px 15px !important;
}

.contact td {
	padding: 30px 15px !important;
}

.contact input {
	max-width: 100%;
	font-size: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.contact textarea {
	max-width: 100%;
	font-size: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.contact select {
	font-size: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.input-name {
	width: 100% !important;
}

.large {
	font-size: 100% !important;
}

} /* @media screen and (max-width: 567px) */