@charset "utf-8";
@media screen and ( max-width:1100px) , print{
.sp_menu{
	display:block;
	top:2.5vw;
	right:5vw;
}
.wrapper {
    width: 100%;
}
.search_box {
    width: 96%;
    left: 2%;
}
section {
    margin: 3% 3%;
}
.top_right {
    width: 100%;
}
.top_left {
    width: 50%;
}
.top_ttl {
    margin-top: 5%;
	padding: 5%;
}
.top_tel {
    height: 4vw;
}
.top_tel p {
    margin-top: 0%;
    line-height: 4vw;
}
.top_tel a {
    font-size: 1.3em;
}
.top_msg {
    position: absolute;
    padding: 1% 2.8%;
    top: 0;
}
.bukken_list {
    padding: 0;
}
section {
    margin: 3% 1%;
}
.bukken_photo {
    height: 16.8vw;
}
.bukken {
    height: 22.5vw;
}
.bukken h3 {
    line-height: 4vw;
}
.bukken h3 img {
    display: none;
}
.bukken_tbl td, .bukken_tbl th {
    height: 4vw;
}
.foot_left {
    width: fit-content;
    float: none;
    margin: auto;
    word-break: keep-all;
	margin-bottom: 5%;
}
.foot_ttl {
    text-align: center;
}
.foot_ttl img {
    float: none;
    margin: auto;
}
.foot_center {
    width: 45%;
    float: left;
    margin-left: 10%;
    white-space: nowrap;
}
.foot_right {
    width: 40%;
    float: left;
    margin-left: 5%;
}
.menu_box ul {
    display: block;
    padding: 7%;
    font-size: 1.5em;
}
.menu_box ul li {
    padding: 3% 0;
}
}

@media screen and ( max-width:900px){
.top_tel a {
    width: fit-content;
    white-space: nowrap;
    padding: 0.3% 3%;
    margin-top: 0.4%;
	font-size: 2.5vw;
}
.form_item {
    width: 50%;
}
.search_box {
    top: 5%;
}
.main_visual_box {
	height: 565px;
    background-size: cover;
}
.bukken {
    width: 98%;
    height: 37vw;
}
.bukken_tbl td, .bukken_tbl th {
    height: 7vw;
}
.bukken_photo {
    height: 29.2vw;
}
.foot_tel .tel_msg_small {
    display: block;
}
.foot_center {
    width: fit-content;
    float: none;
    margin: auto;
    margin-bottom: 2%;
    white-space: nowrap;
}
.foot_right {
    width: fit-content;
    float: none;
    margin: auto;
}
.submit {
    width: 32%;
    margin-left: 0%;
}
.options label {
    width: 100%;
}
}
@media screen and ( max-width:680px){
.top_msg {
    position: static;
}
.top_ttl {
    margin-top: 1%;
}
.top_left {
    width: 100%;
}
.top_tel {
    height: 13vw;
}
.top_tel a {
    padding: 0.5% 25%;
    margin-top: 2.4%;
    font-size: 4.5vw;
}
.top_tel p {
    margin-top: 0%;
    line-height: 5vw;
    text-align: center;
    display: block;
    float: none;
    clear: both;
}
.form_item {
    width: 100%;
}
.search_box h2 {
    width: 40%;
    margin: auto;
    margin-left: 17px;
    display: block;
}
.main_visual_box {
    height: auto;
    padding: 1%;
    background-size: cover;
}
.search_box{
	position: static;
    margin: 2%;
}
.options {
    width: 100%;
    margin: 3% 0;
}
.submit {
    width: 60%;
    height: 27vw;
    margin: 3% auto;
}
.bukken h3 {
    line-height: 8vw;
}
.bukken {
    height: 52vw;
}
.bukken_tbl td, .bukken_tbl th {
    height: 10vw;
    padding: 0 5%;
    vertical-align: middle;
}
.bukken_photo {
    height: 40vw;
}
.section_h2 {
    margin-left: 4%;
}
}
@media screen and ( max-width:425px){
.tel_msg_small{
	display:block;
}
.bukken_list {
    font-size: 0.75em;
}
.bukken h3 {
    padding: 0% 2%;
}
.top_ttl {
    font-size: 1.3em;
}
.top_tel {
    height: 25vw;
}
.top_tel a {
    padding: 0.5% 16%;
    margin-top: 2.4%;
    font-size: 7.5vw;
}
.top_tel p {
    padding-top: 2%;
    margin: 5%;
}
.bukken_link {
    width: 97%;
    font-size: 1.4em;
    padding: 3%;
}
.submit {
    width: 96%;
    height: 41vw;
}
.menu_box ul {
    font-size: 1.3em;
}
.menu_box ul li {
    padding: 7% 0;
}
.section_h2 {
    margin-left: 6%;
}
}