@charset "UTF-8";
/* CSS Document */

#reservationHead{
padding-bottom: 100px;
display: flex;
justify-content: center;
align-items: center;
}
#reservationHead figure{
width: 300px;
margin-right: 40px;
overflow: hidden;
border-radius: 10px;
}
#reservationHead .txt{
max-width: calc(100% - 340px);
}
#reservationHead .txt .title{
font-size: 131.25%;
line-height: 1.4;
margin-bottom: 1em;
}

@media screen and (max-width: 999px){
#reservationHead{
padding-bottom: 50px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#reservationHead figure{
width: auto;
max-width: 300px;
margin: 0 auto 20px;
}
#reservationHead .txt{
max-width: none;
}
#reservationHead .txt .title{
font-size: 131.25%;
line-height: 1.4;
margin-bottom: 1em;
}
}/*999*/





#reservationMain p{
margin-top: 2em;
}
#reservationMain h3{
margin-top: 2em;
}
#reservationMain h3::before{
content: '＜';
}
#reservationMain h3::after{
content: '＞';
}
#reservationMain ul li{
list-style-type: disc;
margin-left: 20px;
}
#reservationFrame{
margin-top: 50px;
position: relative;
padding-top: 1000px;
}
#reservationFrame iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





@media screen and (max-width: 999px){
#reservationFrame{
padding-top: 100%;
}
}/*999*/





#reservationMainNew dl#contactItems{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -40px;
}
#reservationMainNew dl#contactItems dt{
width: 240px;
border-right: 2px solid #1d2086;
margin-top: 40px;
}
#reservationMainNew dl#contactItems dt.optional::after{
content: '任意';
display: inline-block;
font-size: 10px;
padding: 5px 10px;
line-height: 100%;
color: #ffffff;
background-color: #1d2086;
border-radius: 3px;
margin-left: 10px;
}
#reservationMainNew dl#contactItems dd{
width: calc(100% - 280px);
margin-top: 40px;
}
#reservationMainNew .normalAttention{
margin-bottom: 0.5em;
}
#agree{
max-width: 600px;
margin: 50px auto 0;
}
#agree label{
border: 1px solid #cdcdcd;
border-radius: 5px;
padding: 20px 20px 20px 50px;
}
#agree label::before, #agree label::after{
top: 20px;
left: 20px;
}





@media screen and (max-width: 999px){
#reservationMainNew dl#contactItems{
display: block;
margin-top: -30px;
}
#reservationMainNew dl#contactItems dt{
width: auto;
border-right: none;
border-left: 2px solid #1d2086;
padding-left: 10px;
margin-top: 30px;
}
#reservationMainNew dl#contactItems dd{
width: auto;
margin-top: 0.5em;
font-weight: 700;
}
#agree{
margin: 30px auto 0;
}
}/*999*/





#thanksMain{
text-align: center;
}
#thanksMain h2{
font-size: 187.5%;
font-weight: 700;
line-height: 1.5;
}
#thanksMain p{
margin-top: 2em;
}
#thanksMain p.btn{
max-width: 300px;
margin: 30px auto;
}





@media screen and (max-width: 999px){
#thanksMain{
text-align: left;
}
}/*999*/