@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 768px) {

.crumb{
font-size: 1.2rem;
margin-top: 2%;
margin-bottom: 5%;
color: #42210b;
}

.page_midashi_01{
font-size: 3.2rem;
color: #42210b;
margin-bottom: 3%;
}

.page_midashi_02{
font-family: setofont-sp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.5rem;
color: #42210b;
background: url("../img/page/midashi_ba_01.png") no-repeat center center;
background-size: 100% 100%;
width: 200px;
padding: 15px 0 30px 0;
text-align: center;
margin-bottom: 2%;
}

.page_honbun_01{
font-size: 1.5rem;
color: #42210b;
}

.page_honbun_02{
font-size: 1.8rem;
color: #42210b;
}

.page_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

.page_section_01 div:first-of-type{
width: 100%;
margin-bottom: 5%;
}

.page_section_01 div:last-of-type{
width: 50%;
padding: 0 25%;
}

.marginbottom10{
margin-bottom: 10%;
}

.img_02{
width: 87px;
top: -150px;
left: auto;
right: 10px;
}

.products_center{
 margin: 0 auto;
 width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2%;
position: relative;
}

.products_center div:first-of-type{
width: 100%;
}

.products_center div:last-of-type{
width: 100%;
}

.multiple-items figure{
width: 20%;
padding: 2%;
}

.multiple-items figure img{
height: 100%;
}


.page_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border: #a67c52 1px solid;
font-size: 1.4rem;
background: #fff;
margin: 3% 0 5% 0;
}

.page_list_01 dt{
width: 15%;
padding: 1% 2%;
text-align: center;
background: #fbb03b;
border-bottom: #a67c52 1px solid;
}

.page_list_01 dt:last-of-type{
border-bottom: none;
}

.page_list_01 dd{
width: 76.6%;
padding: 1% 2%;
border-bottom: #a67c52 1px solid;
border-left: #a67c52 1px solid;
}


.page_list_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.4rem;
margin: 2% 0;
line-height: 200%;
border-top: #42210b 1px dotted;
padding-top: 1%;
margin-bottom: 10%;
}

.page_list_02 dt{
width: 25%;
color: #754c24;
border-bottom: #42210b 1px dotted;
margin-bottom: 1%;
padding-bottom: 1%;
}

.page_list_02 dd{
width: 75%;
border-bottom: #42210b 1px dotted;
margin-bottom: 1%;
padding-bottom: 1%;
}


.page_img_14{
width: 100px;
position: absolute;
bottom: 100px;
right: 0;
}




.img_13_02{
width: 80px;
height: auto;
position: absolute;
top: -80px;
left: auto;
right: 0px;
}

.page_btn_01{
width: 90%;
display: block;
margin: 10% auto 0 auto;
}


.page_midashi_04{
font-family: setofont-sp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.0rem;
font-weight: bold;
color: #42210b;
border-bottom: #42210b 2px solid;
padding-bottom: 2%;
margin-bottom: 2%;
}

.page_midashi_04 span{
font-size: 70%;
}

.page_two_c_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 8% 0 0 0;
}

.page_two_c_div{
width: 100%;
margin-bottom: 2%;
}

.page_data_01{
font-size: 1.4rem;
margin-top: 1.0em;
}

.reverse{
flex-direction: row-reverse;
}



#form-tbl{
	}

#form{
	width:100%;
	}

#form tr{
	font-size:1.4rem;
	}

#form tr th{
display: block;
	font-size:1.4rem;
	font-weight:bold;
	width:100%;
	padding-bottom:0;
	padding-top:15px;
	border-bottom: none;
	}

#form tr th span{
	background:#ED1C24;
	color:#FFFFFF;
	font-size:1.1rem;
	padding:1% 5%;
	font-weight:bold;
	margin-right:3px;
	}

#form tr td{
display: block;
	width:100%;
	font-size:1.4rem;
	padding-bottom:15px;
	padding-top:0;
	border-bottom:#666666 1px dotted;
text-align: left;

	}

#form input{
	font-size:1.5rem;
	border-radius:5px;
	border:#999 1px solid;
	background:#F7F8F8;
	padding:1%;
	margin-bottom:5px;
	margin-top:5px
	}
#form select{
	border-radius:5px;
	font-size:1.5rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	}
	
#form textarea{
	border-radius:5px;
	font-size:1.5rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	width:98%;
	}

.btn_03{
background: #42210b;
background-size:100% 100%;
width: 234px;
margin: 0 auto;
display: block;
font-size: 1.4rem;
color: #fff;
padding: 2.5% 0;
line-height: 100%;
border: none;
margin-top: 4%;
cursor: pointer;
}

.msg{
	color:#E5001C;
	}
    
.contact_box{
width: 100%;
margin: 3% 0 10% 0;
}


.privacy_section{
text-align: left;
height: 300px;
overflow-y: scroll;
margin: 2% 0;
border: #A0A0A0 1px solid;
padding: 2%;
background: #fff;
}

.page_midashi_05{
font-size: 2.0rem;
}

.page_honbun_03{
font-size: 1.2rem;
margin-bottom: 4%;
}

}