@charset "UTF-8";
@import url("grid_sp.css");
@import url("01-header.css");
@import url("02-footer.css");
@import url("03-bg.css");
@media only screen and (max-width :768px ){
	
.pc { display: none !important;}
.sp { display: block !important;}  
form {
width: 100%;  
text-align: center;
margin: 0 auto 5rem auto;
}
p {
text-align: center;
margin: 0 auto 3rem auto;
}
table {
width: 94%;
margin: 0 auto;
border: none;
}
.form-contents{
width: 94%;
margin: 0 auto 3rem auto;
text-align: center;	
}
/*WEB予約--------------*/
.mainimg-form {
text-align: center;
width: 100%;
height: 500px;
background-image: url("../img/top_re_sp.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
padding: 0rem auto 0rem auto;
}

.mainimg-cont h1{
color: #fff;		
text-align: center;
line-height: 2.5rem;
font-size: 2rem;	
font-weight: 600;	
margin: 0rem 0rem 0rem 0rem;
padding:15rem 0rem 0rem 0rem;
letter-spacing: 0.1rem;	
display: flex;
align-items: center;
justify-content: center;
text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);		
}	
.mainimg-form p{
width: 94%;	
color: #333;		
text-align: left;
line-height: 3rem;
margin: 0rem auto 0rem auto;
padding: 5rem 0rem 0rem 0rem;
}		
	
.mainimg-cont {
max-width: 96%;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.form-contents p{
margin: 3rem auto 1rem auto;
text-align: center;
font-size: 1rem;	
line-height: 1.5rem;	
}	
.form-contents li{
margin: 0rem auto 0rem auto;
padding: 0rem 1rem 0.5rem 1rem;	
text-align: left;
font-size: 0.9rem;	
line-height: 1.3rem;	
list-style: none;	
text-indent: -1rem;	
text-align: justify;	
}			
	
	
.last td:last-child {
width: 100%;
}
.formTable-form {
width: 94%;
margin: 0rem auto 0rem auto;  	
}

.formTable-form td {
text-align: left;
margin: 0rem auto 0rem auto;  
border: none;
display: block;
width: 96%;
padding: 0.5rem 0rem 0.5rem 0rem;
}
.formTable-form tr,  
.formTable-form th {
text-align: center;
margin: 0rem auto 0rem auto;  
border: none;
display: block;
width: 96%;
padding: 0.5rem 0rem 0.5rem 0rem;
}	
	
textarea {
width: 100%;
height: 5rem;
}

#formbtn{
width: 100%;  
text-align: center;
margin: 3rem auto 3rem auto;
}
  
#formbtn input#search_submit {
border-radius: 6px;
margin: 0rem 2rem 2rem 1rem;  
background-color: #B6DBFF;  
  }
#formbtn input#search_reset {
border-radius: 6px;
margin: 0rem 0rem 2rem 0rem;  
  }  
  
  
.thanks h3{
text-align: center;
margin: 5rem 0rem 3rem 0rem ;
line-height: 1.2;
}
.thanks p{
text-align: left;
text-align: justify;
margin: -10rem 0rem 44rem 0rem ;
}



	
/*39
-------------------------------------*/
.thanks{
width: 96%;	
margin: 0rem auto 0rem auto;
}
.thanks h2{
margin: 1rem auto -5rem auto;
}
.thanks p{
margin: 0rem auto 10rem auto;
font-size: 1rem;
line-height: 1.5rem;
text-align: center;
}	
	
.mainimg-39 {
text-align: center;
width: auto;
height: 675px;
background-image: url("../img/bg/top_thanks_sp.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto -15rem auto;
}

.mainimg-39 h1{
color: #333;		
text-align: center;
line-height: 2.5rem;
font-size: 2rem;	
font-weight: 600;	
margin: 18rem 0rem 0rem 0rem;
padding: 0rem 0.1rem 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);		
}	
.mainimg-cont {
max-width: 96%;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.mainimg-cont p{
width: 96%;	
margin: 0rem auto 3rem auto;
text-align: left;	
line-height: 3rem;	
}	
	

/*個人情報--------------*/
.mainimg-privacy {
text-align: center;
width: auto;
height: 500px;background-image: url("../img/top_pri_sp.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}
.mainimg-cont {
max-width: 94%;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.mainimg-privacy h1{
color: #333;		
text-align: center;
line-height: 3rem;
font-size: 3rem;	
font-weight: 600;	
margin: 20rem 0rem 5rem 0rem;
padding: 0rem 0rem 0rem 0rem;
letter-spacing: 0.1rem;	
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);		
}	

.catch {
width: 96%;
margin: 0 auto 3rem auto;
text-align: center;	
}
.catch h3{
width: 96%;
margin: 0 auto 2rem auto;
text-align: center;	
font-weight: 600;
color: #555;
font-size: 1.8rem;	
line-height: 2rem;	
}
.catch p{
width: 96%;
margin: 0 auto 1rem auto;
text-align: left;
text-align: justify;	
}
		
}