@charset "UTF-8";
@import url("grid.css");
@import url("01-header.css");
@import url("02-footer.css");
@import url("03-bg.css");
@import url("04-style.css");


/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }

p {
text-align: center;
margin: 0 auto 3rem auto;
}
table {
margin: 0 auto;
}
.form-contents{
width: 740px;
margin: 0 auto 5rem auto;
text-align: center;	
}
/*WEB予約--------------*/
.mainimg-form {
text-align: center;
width: auto;
height: 450px;
background-image: url("../img/top_re_sp.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}
.mainimg-cont {
max-width: 760px;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.mainimg-form h1{
color: #fff;		
text-align: center;
line-height: 5.5rem;
font-size: 3rem;	
font-weight: 600;	
margin: 0rem 0rem 5rem 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);		
}

.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 0rem 1rem;	
text-align: left;
font-size: 0.9rem;	
line-height: 1.5rem;	
list-style: none;	
}	

.form-contents a{
width: 90%;	
margin: 5rem auto 5rem auto;
padding: 1rem 0rem 1rem 0rem;	
font-size: 1rem;	
line-height: 1.5rem;	
text-decoration: none;
color: #00589e;	
text-align: center;
}

.formTable-form {
width:760px;
margin: 1rem auto 0rem auto;  	
}
.formTable-form th {
width: 30%;		
font-weight: 400;
font-size: 1rem;
background:#012249;
border: solid 1px #ccc;
color: #fff;
padding: 1rem;
}
.formTable-form td {
font-size: 1rem;
border: solid 1px #ccc;
padding: 0.5rem  0.5rem  0.5rem  0.5rem;
margin: 1rem 0rem 1rem 0rem;
text-align: left;	
}
.formTable-form td li{
font-size: 0.9rem;
line-height: 1.3rem;	
padding:0rem 0rem 0rem 0rem;
margin: 0.5rem 0 0rem 1rem;
text-align: left;	
text-indent: -1rem;	
color: #333;	
}
td input,option,select {
font-size: 1rem;
line-height: 1.3rem;	
padding:0rem 0rem 0rem 0rem;
margin: 0.5rem  0.25rem 0rem 0rem;
text-align: left;	
color: #333;	
}
td placeholder{
font-size: 1rem;
line-height: 1.3rem;	
padding:0rem 5rem 0rem 5rem;
margin: 0.5rem  0rem 0rem;
text-align: left;	
text-indent: -1rem;	
color: #333;	
}
textarea {
width: 95%;
height: 3rem;
}
#formbtn{
width: 100%;  
text-align: center;
margin: 3rem auto 0em auto;
}

#formbtn input#search_submit {
border-radius: 6px;
margin: 0rem 2rem 2rem 0rem;  
background-color: #B6DBFF; 
font-size: 1.5rem;	
padding: 0.35rem 0.5rem 0.35rem 0.5rem;	
	
}
#formbtn input#search_reset {
border-radius: 6px;
margin: 0rem 0rem 0rem 2rem;  
font-size: 1.5rem;
padding: 0.35rem 1rem 0.35rem 1rem;	
}  


.thanks h3{
text-align: center;
margin: 5rem 0rem 3rem 0rem ;
}
.thanks p{
text-align: center;
margin: 0rem 0rem 150rem 0rem ;
}
/*39
-------------------------------------*/
.thanks{
margin: 0rem auto 0rem auto;
}
.thanks h2{
margin: 0rem auto 0rem auto;
}
.thanks p{
margin: -8rem auto 20rem auto;
text-align: center;	
line-height: 3rem;	
}	
.mainimg-39 {
text-align: center;
width: auto;
height: 675px;
background-image: url("../img/bg/top_thanks.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}

.mainimg-39 h1{
color: #333;		
text-align: center;
line-height: 5.5rem;
font-size: 3rem;	
font-weight: 600;	
margin: 0rem 0rem 5rem 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);		
}	
/*コピーライト
-------------------------------------*/
.copyright {
width: 100%;	
text-align: center;
margin: 0rem auto 0rem auto;	
padding: 0.5rem 0 0.5rem 0;
background-color: #00589e;
bottom: 0;	
}
.copyright a {
color: #fefef6;
font-size: 90%;	
text-decoration: none;
display: inline;
}