@charset "UTF-8";
@import url("header.css");
@import url("footer.css");


p {
text-align: center;
margin: 0 auto 3rem auto;
}
table {
margin: 0 auto;
}
/*相談-------------*/
.formTable-consultation {
max-width: 960px;
margin: 0rem auto 0rem auto;
}
.formTable-consultation th {
width: 25%;
font-weight: 400;
font-size: 90%;
background:#012249;
border: solid 1px #ccc;
color: #fff;
padding: 1rem;
}
.formTable-consultation td {
font-size: 90%;
border: solid 1px #ccc;
padding: 1rem;
margin: 1rem auto auto auto;
text-align: left;
}

/*予約-------------*/
.formTable-reserve {
max-width: 960px;
margin: 0rem auto 0rem auto;
}
.formTable-reserve th {
width: 25%;
font-weight: 400;
font-size: 90%;
background:#012249;
border: solid 1px #ccc;
color: #fff;
padding: 1rem;
}
.formTable-reserve td {
font-size: 90%;
border: solid 1px #ccc;
padding: 1rem;
margin: 1rem auto auto auto;
text-align: left;
}





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;
}
#formbtn input#search_reset {
border-radius: 6px;
margin: 0rem 0rem 0rem 2rem;
}


.thanks h3{
text-align: center;
margin: 5rem 0rem 3rem 0rem ;
}
.thanks p{
text-align: center;
margin: 0rem 0rem 150rem 0rem ;
}
/*WEB予約--------------*/
.mainimg-reserve {
text-align: center;
width: auto;
height: 675px;
background-image: url("../../img/mainimg/top_re.webp"); /* 現行は ../img/bg/ を参照しているが実ファイルが無くリンク切れ。docs/todo.md 項目50 */
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}

.mainimg-reserve h1{
color: #333;
text-align: center;
line-height: 5.5rem;
font-size: 5rem;
font-weight: 600;
margin: 28rem 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);
}
.mainimg-reserve p{
width: 960px;
color: #333;
text-align: left;
line-height: 3rem;
margin: 25rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}

/*相談--------------*/
.mainimg-consultation {
text-align: center;
width: auto;
height: 675px;
background-image: url("../../img/mainimg/top_re.webp"); /* 現行は ../img/bg/ を参照しているが実ファイルが無くリンク切れ。docs/todo.md 項目50 */
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}

.mainimg-consultation h1{
color: #333;
text-align: center;
line-height: 5.5rem;
font-size: 5rem;
font-weight: 600;
margin: 28rem 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);
}
.mainimg-consultation p{
width: 960px;
color: #333;
text-align: left;
line-height: 3rem;
margin: 20rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}
/*39
-------------------------------------*/
.thanks{
margin: 0rem auto 0rem auto;
}
.thanks h2{
margin: 0rem auto 0rem auto;
}
.thanks p{
margin: 0rem auto 00rem auto;
text-align: center;
line-height: 3rem;
}
.mainimg-re {
text-align: center;
width: auto;
height: 675px;
background-image: url("../../img/mainimg/top_thanks.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}

.mainimg-re h1{
color: #333;
text-align: center;
line-height: 5.5rem;
font-size: 3.5rem;
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-cont {
max-width: 960px;
text-align: center;
margin: 0rem auto  0rem auto;
}
.re p{
max-width: 960px;
text-align: left;
margin: 3rem auto  5rem auto;
}

/* ------------------------------------------------------------------
 * .mainimg-39（完了ページ: reserve / soudan / consultation）のPC表示
 *
 * 現行サイトは .mainimg-39 を form_sp.css の @media (max-width:768px)
 * 内にしか定義していないため、PC幅では h1 のサイズ指定が効かず
 * 見出しがブラウザ既定の巨大サイズになり左右に溢れていた。
 * 移行にあたり .mainimg-re（同じ完了ページ用・PC定義あり）に合わせて
 * PC用の指定を追加する。現行サイトに無い修正のためクライアントへ報告する。
 * docs/todo.md 項目50。
 * ------------------------------------------------------------------ */
.mainimg-39 {
text-align: center;
width: auto;
height: 675px;
background-image: url("../../img/mainimg/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: 3.5rem;
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);
}