@charset "UTF-8";
@import url("grid_sp.css");
@import url("01-header.css");
@import url("02-footer.css");
@import url("03-bg.css");
@import url("05-style_sp.css");
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;
}

@media screen and (max-width : 768px ){
.last td:last-child {
width: 100%;
}
.formTable-reserve {
width: 94%;
margin: 0rem auto 0rem auto;  	
}

.formTable-reserve td {
text-align: left;
margin: 0rem auto 0rem auto;  
border: none;
display: block;
width: 100%;
}
.formTable-reserve tr,  
.formTable-reserve th {
text-align: center;
margin: 0rem auto 0rem auto;  
border: none;
display: block;
width: 100%;
}	
/*-----------------------*/	
.formTable-consultation {
width: 94%;
margin: 0rem auto 0rem auto;  	
}

.formTable-consultation td {
text-align: left;
margin: 0rem auto 0rem auto;  
border: none;
display: block;
width: 100%;
}
.formTable-consultation tr,  
.formTable-consultation th {
text-align: center;
margin: 0rem auto 0rem auto;  
border: none;
display: block;
width: 100%;
}
	
	
	
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 ;
}

/*個人情報--------------*/
.mainimg-privacy {
text-align: center;
width: auto;
height: 500px;background-image: url("../img/mainimg/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;	
}
	

/*WEB予約--------------*/
.mainimg-reserve {
text-align: center;
width: 100%;
height: 500px;
background-image: url("../img/bg/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-reserve h1{
color: #333;		
text-align: center;
line-height: 5.5rem;
font-size: 5rem;	
font-weight: 600;	
margin: 20rem 0rem 0rem 0rem;
padding: 0rem 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-reserve p{
width: 94%;	
color: #333;		
text-align: left;
line-height: 3rem;
margin: 25rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}		
	
.mainimg-cont {
max-width: 96%;	
text-align: center;
margin: 0rem auto  0rem auto;
}

/*無料相談--------------*/
.mainimg-consultation {
text-align: center;
width: 100%;
height: 500px;
background-image: url("../img/bg/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-consultation h1{
color: #333;		
text-align: center;
line-height: 5.5rem;
font-size: 5rem;	
font-weight: 600;	
margin: 20rem 0rem 0rem 0rem;
padding: 0rem 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-consultation p{
width: 94%;	
color: #333;		
text-align: left;
line-height: 3rem;
margin: 18rem auto -20rem auto;
padding: 0rem 0rem 0rem 0rem;
}		
	
.mainimg-cont {
max-width: 960px;	
text-align: center;
margin: 0rem auto  -20rem auto;
padding: 0rem 0rem 0rem 0rem;
	
}
	
	
/*39
-------------------------------------*/
.thanks{
width: 96%;	
margin: 0rem auto 0rem auto;
}
.thanks h2{
margin: 1rem auto -5rem auto;
}
.thanks p{
margin: 0rem auto 10rem auto;
}	
	
.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: 3.5rem;
font-size: 3rem;	
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;	
}	
}
