/*reservation */


.resevation{padding: 0;}
.resevation__box{background-size: cover;background-position: center;position: relative;overflow: hidden;width: 100%;padding: 5em 0;}
.resevation__box .title_eng{max-width: 434px;width: 90%;margin:1em auto;display: block;}
/*.resevation__box h2{font-size: clamp(17px, 2.25vw, 20px);color: var(--blue);font-family: "noto_bold";text-align: center;}*/
.resevation__box p{font-size: clamp(16px, 1.75vw, 18px);text-align: center;margin: 2em auto 3em;line-height: 1.66;}
.resevation #form{margin: 1em auto;}
.resevation #form .container .hidden-xs, .resevation #form .container .visible-xs{text-align: center;overflow-x: hidden;}
.resevation #form .container .hidden-xs{display: block;background: #FFF;padding: 25px;width: 100%;max-width: 800px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);margin: auto;}
.resevation #form .container .visible-xs{display: none;}
.resevation #form iframe{width: 100%;border: 0;overflow-x: hidden;min-height: 1688px;/* margin: 0.5em 0; */}
.resevation .button {max-width: 405px;width: 55%;background: #FFE631;margin:0 auto;font-size: clamp(16px, 2.5vw, 31px);font-family: "noto_bold";color: var(--blue);position: relative;bottom: 0;padding: 0.66em 1em;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 88px;}
.resevation .button:hover{background: #f3cf00;}

@media screen and (max-width: 820px) {
  
   .resevation h2{margin: 0 0 1em;}
   .resevation p{ max-width: 500px; }
   .resevation #form iframe{min-height: 1700px;}
   }

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

.resevation h2{margin: 0 0 0.5em;}
.resevation p{width: 95%;margin: 2em auto;text-align: center;}
.resevation__box .title_eng{min-width: 272px;width: 60%;margin: 1em auto 0.75em;}
.resevation__box{overflow: hidden;padding: 2em 0em;}
.resevation #form .container .hidden-xs{display: none;}
.resevation #form .container .visible-xs{display: block;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}
.resevation #form iframe{min-height: 2200px;padding: 8px;}
.resevation .button {max-width: 200px;width: 55%;background: #FFE631;margin:0 auto;font-size: clamp(16px, 2.5vw, 31px);font-family: "noto_bold";color: var(--blue);position: relative;bottom: 0;padding: 0.66em 1em;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 88px;}
.resevation .button:hover{background: #f3cf00;}
}
    
@media screen and (max-width: 425px) {
.resevation #form iframe{min-height: 2250px;padding: 11px 15px 0;box-sizing: border-box;}
}

@media screen and (max-width: 375px) {
.resevation #form iframe{min-height: 2245px;}
.contents {max-width: 500px; width: 95%;}
}

@media screen and (max-width: 360px) {
.resevation #form iframe{min-height: 1685px;}
.brspsp{display: block!important;}
}