@charset "utf-8";

/*------------------------------------------------------------
  Reservation
------------------------------------------------------------*/

#sec-reservation { margin:0 0 12.82vw;}
#sec-reservation h2 { text-align:center; padding:7.69vw 0 12.82vw; font-size:4.87vw; font-weight:600; }
#sec-reservation h2:after { content:""; position:absolute; bottom:7.17vw; left:calc(50% - 6vw); width:12vw; height:0.51vw; background:#2e70b0; }

@media screen and (min-width:900px){
#sec-reservation { margin:0 0 4.35vw; }
#sec-reservation h2 { padding:2.17vw 0 3.62vw; font-size:1.74vw; }
#sec-reservation h2:after { bottom:2.17vw; left:calc(50% - 1.74vw); width:3.48vw; height:0.14vw; }
}
@media screen and (min-width:1380px){
#sec-reservation { margin:0 0 60px; }
#sec-reservation h2 { padding:30px 0 50px; font-size:24px; }
#sec-reservation h2:after { bottom:30px; left:calc(50% - 24px); width:48px; height:2px; }
}




#shinpai-ul { border-top:.5px #C2C2C2 dashed; border-bottom:.5px #C2C2C2 dashed; margin:7.69vw 0; padding:7.69vw 0; }
#shinpai-ul li { line-height:1.625; padding:0 0 0 8.97vw; font-size:3.59vw; font-weight:600; position:relative; }
#shinpai-ul li:not(:last-child) { margin:0 0 3.33vw; }
#shinpai-ul li:before { content:"…"; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; border:1px #C2C2C2 solid; border-radius:1.03vw; padding:0 1.54vw; font-size:2.56vw; color:#2e70b0; }

@media screen and (min-width:900px){
#shinpai-ul { margin:2.9vw 0; padding:2.9vw 0; }
#shinpai-ul li { padding:0 0 0 1.45vw; font-size:1.09vw; }
#shinpai-ul li:not(:last-child) { margin:0 0 1.3vw; }
#shinpai-ul li:before { border-radius:0.58vw; padding:0 0.29vw; font-size:0.72vw; }
}
@media screen and (min-width:1380px){
#shinpai-ul { margin:40px 0; padding:40px 0; }
#shinpai-ul li { padding:0 0 0 20px; font-size:15px; }
#shinpai-ul li:not(:last-child) { margin:0 0 18px; }
#shinpai-ul li:before { border-radius:8px; padding:0 4px; font-size:10px; }
}




#check-ul { border-top:.5px #C2C2C2 dashed; border-bottom:.5px #C2C2C2 dashed; margin:7.69vw 0; padding:7.69vw 0; }
#check-ul li { line-height:1.625; padding:0 0 0 7.69vw; font-size:3.59vw; font-weight:600; position:relative; }
#check-ul li:not(:last-child) { margin:0 0 3.33vw; }
#check-ul li:before { content:""; position:absolute; top:1.54vw; left:0.51vw; width:2vw; height:1.28vw; border-left:0.51vw solid #1c8dcb; border-bottom:0.51vw solid #1c8dcb; transform:rotate(-45deg); }
#check-ul li:after { content:""; position:absolute; left:0.51vw; top:1.54vw; width:2.56vw; height:1.28vw; border-left:0.51vw solid #1c8dcb; border-bottom:0.51vw solid #1c8dcb; transform: rotate(-45deg); }

@media screen and (min-width:900px){
#check-ul { margin:2.9vw 0; padding:2.9vw 0; }
#check-ul li { padding:0 0 0 1.45vw; font-size:1.09vw; }
#check-ul li:not(:last-child) { margin:0 0 1.3vw; }
#check-ul li:before { top:0.43vw; left:0.14vw; width:0.72vw; height:0.36vw; border-left:0.14vw solid #1c8dcb; border-bottom:0.14vw solid #1c8dcb; }
#check-ul li:after { left:0.14vw; top:0.43vw; width:0.72vw; height:0.36vw; border-left:0.14vw solid #1c8dcb; border-bottom:0.14vw solid #1c8dcb; }
}
@media screen and (min-width:1380px){
#check-ul { margin:40px 0; padding:40px 0; }
#check-ul li { padding:0 0 0 20px; font-size:15px; }
#check-ul li:not(:last-child) { margin:0 0 18px; }
#check-ul li:before { top:6px; left:2px; width:10px; height:5px; border-left:2px solid #1c8dcb; border-bottom:2px solid #1c8dcb; }
#check-ul li:after { left:2px; top:6px; width:10px; height:5px; border-left:2px solid #1c8dcb; border-bottom:2px solid #1c8dcb; }
}



#common-reservation-check { text-align:center; line-height:1.875; font-size:3.85vw; font-weight:600; }
#reservation-button {}
#reservation-button li { border:1px #eef3f9 solid; }
#reservation-button li:not(:last-child) { margin:0 0 5.13vw; }
#reservation-button li a { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:26.15vw; text-decoration:none; position:relative; }
#reservation-button li a:before { content:""; position:absolute; top:50%; right:3.33vw; width:2.56vw; height:0.51vw; background:#2e70b0; transform:rotate(45deg); transform-origin:top right; }
#reservation-button li a:after { content:""; position:absolute; bottom:50%; right:3.33vw; width:2.56vw; height:0.51vw; background:#2e70b0; transform:rotate(-45deg); transform-origin:bottom right; }
#reservation-button figure { width:25.64vw; }
#reservation-button figure img { width:100%; height:auto; }
#reservation-button div { width:55.38vw; }
#reservation-button div span { display:flex; align-items:center; width:30.77vw; height:6.66vw; background:#2e70b0 url(../img/common/ico_mail_w.svg) 8% center no-repeat; background-size:3.07vw auto; margin:0 0 2.05vw; padding:0 2.05vw 0 6.15vw; font-size:3.33vw; color:#fff; }
#reservation-button div h3 { font-size:4.61vw; color:#2e70b0; font-weight:600; }

@media screen and (min-width:900px){
#common-reservation-check { font-size:1.09vw; }
#reservation-button { display:flex; flex-flow:row nowrap; justify-content:space-between; }
#reservation-button li { width:26.08vw; }
#reservation-button li:not(:last-child) { margin:0; }
#reservation-button li a { height:7.97vw; }
#reservation-button li a:before { right:0.87vw; width:0.72vw; height:0.14vw; }
#reservation-button li a:after { right:0.87vw; width:0.72vw; height:0.14vw; }
#reservation-button figure { width:7.97vw; }
#reservation-button figure img {}
#reservation-button div { width:16.81vw; }
#reservation-button div span { width:8.69vw; height:1.88vw; background-size:0.79vw auto; margin:0 0 0.58vw; padding:0 0.58vw 0 1.74vw; font-size:0.87vw; }
#reservation-button div h3 { font-size:1.45vw; }
}
@media screen and (min-width:1380px){
#common-reservation-check { font-size:15px; }
#reservation-button {}
#reservation-button li { width:360px; }
#reservation-button li a { height:110px; }
#reservation-button li a:before { right:12px; width:10px; height:2px; }
#reservation-button li a:after { right:12px; width:10px; height:2px; }
#reservation-button figure { width:110px; }
#reservation-button figure img {}
#reservation-button div { width:232px; }
#reservation-button div span { width:120px; height:26px; background-size:11px auto; margin:0 0 8px; padding:0 8px 0 24px; font-size:12px; }
#reservation-button div h3 { font-size:20px; }
}