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

#menu_fixed {
	display: none;
}

#btn_line {
	display: none;
}

#contact_sp {
	display: none;
}

#call_block {
	display: none;
}

.show_sp {
	display: none;
}

#icon_rsv {
	position: fixed;
	bottom: 100px;
	right: 40px;
}


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

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

#icon_rsv {
	display: none;
}

.show_pc {
	display: none;
}

.show_sp {
	display: block;
}

#btn_line {
	display: block;
	width: 650px;
	height: 140px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
}

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

#menu_fixed {
	display: block;
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	z-index: 3 !important;
	background: #f24981;
}

#menu_block {
	width: 650px;
}

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

#call_block {
	display: flex;
	justify-content: space-between;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 3;
}

#call_block a {
	display: block;
	width: 100%;
	text-align: center;
}


#site_header_wrapper {
	width: 650px !important;
	padding-top: 80px;
}

#header_description {
	width: 650px !important;
}

#header_description h1 {
	width: 650px !important;
	font-size: 12px !important;
	text-align: left !important;
	color: #ffffff !important;
	font-weight: normal !important;
	padding: 10px 0 !important;
}

#site_header {
	width: 650px !important;
}

#site_title .bg {
	width: 650px !important;
	padding-top: 80px;
}

#site_title {
	width: 650px !important;
}

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

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

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

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

#global_nav {
	display: none !important;
}

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

.main_visual_wrapper {
	width: 100% !important;
        height: 700px;
}

.main_visual {
	width: 100% !important;
}

/*.main_visual .mv {
	width: 100% !important;
	top: 0 !important;
	left: -12% !important;
}

.main_visual .mv img {
	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: #f3f2f2;
	position: absolute;
	left: 0px;
	display: none;
	z-index: 9999 !important;
}

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

#site_footer {
	width: 650px !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%;
}

#access_info {
	padding-top: 180px;
	margin-top: -180px;
}

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