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

@media screen and (min-width: 641px) {

#icon_menu {
	display: none !important;
}

#icon_tel {
	display: none !important;
}

#contact_sp {
	display: none;
}

.show_sp {
	display: none;
}

} /* @media screen and (min-width: 641px) */


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

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

.show_pc {
	display: none;
}

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

#icon_menu {
	position: fixed !important;
	top: 20px !important;
	right: 10px !important;
	z-index: 3 !important;
}

#icon_tel {
	position: fixed !important;
	top: 150px !important;
	right: 10px !important;
	z-index: 3 !important;
}

#site_header_wrapper {
	width: 680px !important;
}

#header_description {
	width: 680px !important;
}

#header_description h1 {
	width: 680px !important;
	padding: 10px 0 !important;
}

#site_header {
	width: 680px !important;
}

#site_title {
	width: 680px !important;
}

#site_title .logo {
	width: 50% !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	padding: 10px 0 !important;
}

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

#site_title .bg {
	display: none !important;
}
/* ----- global_nav ----- */

#global_nav {
	display: none !important;
}

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

.main_visual_wrapper {
	width: 680px !important;
	height: 198px !important;
}

.main_visual {
	width: 100% !important;
}

#slide {
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
}

#slide img {
	width: 100% !important;
}

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

#main_wrapper {
	width: 680px !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 {
	width: 650px !important;
}

#site_footer table {
	width: 650px !important;
}

#site_footer td {
	vertical-align: top !important;
}

/* ----- contact ----- */

.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: 40%;
}

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