@charset "UTF-8";
/* CSS Document */

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

.page_main_section{
width: 80%;
margin: 0 auto;
background: #fff;
border-radius: 20px;
padding: 20px 5%;
}


.page_midashi_01{
font-family: ta-kotodama-r, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.0rem;
text-align: center;
position: relative;
display: inline-block;
padding: 5px 20px;
margin-bottom: 10px;
}

.page_midashi_01::before{
content: '';
display: inline-block;
width: 12px;
height: 20px;
background: url("../img/page/ba_01.png");
background-size: 100% 100%;
position: absolute;
bottom: 0;
left: 0;
}

.page_midashi_01::after{
content: '';
display: inline-block;
width: 12px;
height: 20px;
background: url("../img/page/ba_01.png");
background-size: 100% 100%;
position: absolute;
top: 0;
right: 0;
}

.page_sectinon_01{
position: relative;
margin-top: 30px;
}

.page_sectinon_01 div:nth-of-type(1){
width: 100%;
margin: 0 0 0 auto;
}

.page_sectinon_01 div:nth-of-type(2){
width: 80%;
background: url("../img/page/ba_02.png") no-repeat center center;
background-size: 100% 100%;
padding: 8% 10%;
position: static;
    top: auto;
    left: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
	margin-top: -20px;
}

.page_img_01{
width: 60px;
position: absolute;
top: -10px;
left: 0;
}

.page_img_02{
width: 20px;
position: absolute;
bottom: -10px;
right: 55px;
}

.page_sectinon_02{
position: relative;
margin-top: 30px;
}

.page_sectinon_02 div:nth-of-type(1){
width: 100%;
margin: 0 auto 0 0;
}

.page_sectinon_02 div:nth-of-type(2){
width: 80%;
background: url("../img/page/ba_02.png") no-repeat center center;
background-size: 100% 100%;
padding: 8% 10%;
position: static;
    top: auto;
    right: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
	margin-top: -20px;
	margin-bottom: 20px;
}

.page_img_03{
width: 60px;
position: absolute;
top: -10px;
right: 0px;
}

.page_img_04{
width: 20px;
position: absolute;
bottom: -0px;
left: 0px;
}

.page_img_05{
width: 105%;
position: absolute;
top: -10px;
left: -10px;
}

.page_img_06{
width: 105%;
position: absolute;
bottom: -10px;
left: -10px;
}

.page_midashi_02{
background: url("../img/top/ba_02.png") repeat-x bottom;
font-size: 1.8rem;
font-family: ta-kotodama-r, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block !important;
margin-bottom: 10px;
}

.pc{
	display:none !important;
	}
	
.sp{
display: block;
}

.page_two_column_01 div{
width: 100%;
}

.honbun_02{
font-size: 1.5rem;
}

.list{
font-size: 1.3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
}

.page_img_07{
display: none;
}

.data_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
}

.data_list_01 dt{
font-size: 1.5rem;
color: #46210C;
font-weight: bold;
width: 100%;
border-bottom: none;
margin-bottom: 1%;
padding-bottom: 1%;
}

.data_list_01 dd{
font-size: 1.4rem;
width: 100%;
border-bottom: #808080 1px dotted;
margin-bottom: 2%;
padding-bottom: 2%;
}

.page_img_08{
width: 100%;
display: block;
margin: 10px auto;
}

.page_img_09{
width: 100%;
position: absolute;
bottom: -70px;
left: 0;
}

.margintop100{
margin-top: 50px;
}

.page_midashi_03{
font-family: ta-kotodama-r, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.0rem;
color: #E95711;
}

.marginbottom40{
margin-bottom: 40px;
}

.page_sectinon_04{
width: 100%;
margin: 0 auto;
position: relative;
}

.page_img_10{
display: none;
}

.map iframe{
width: 100%;
height: 300px;
}

.page_midashi_04{
background: url("../img/page/ba_05.png") no-repeat center center;
background-size: 100%; 100%;
width: 100%;
margin: 0 auto;
color: #fff;
font-family: maru-maru-gothic-bsr-stdn, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.7rem;
text-align: center;
padding: 20px 0;
margin-top: 30px;
margin-bottom: 10px;
}

.page_img_11{
width: 100%;
display: block;
margin: 0 auto;
}

.btn_03{
display: block;
width: 100%;
margin: 40px auto;
}

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

#form tr th{
	display:block;
	font-size:1.4rem;
	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% 3%;
	font-weight:bold;
	margin-right:6px;
	}

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

	}

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

#form input[type="radio"] {
width: auto;
}

#form select{
	width:98%;
	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%;
	}

.contact_box{
width: 90%;
margin: 3% auto;
}

.youtube_section{
width: 100%;
margin: 0 auto;
margin-top: 20px;
}

.youtube_section iframe{
width: 100%;
height: 250px;
}

}