@charset "UTF-8";

/* contact
----------------------------------------------- */
.contact .midashi01{ margin-bottom: 4vw;}

.reserve {margin-bottom: 14vw;}
.reserve li{margin-bottom: 4vw;}
.reserve li a{padding: 4vw 0;font-size: 5.4vw;color: #fff;font-weight: 500;line-height: 1.4;text-align: center;letter-spacing: 0.04em;border-radius: 60px;position: relative;background-color: #111;}
.reserve li a span{font-family: "Jost", sans-serif;}
.reserve li a span:before{content: "\e905";margin-right: 2vw;font-family: 'icon';display: inline-block;font-size: 5vw;}
.reserve li p{text-align:center;margin-bottom: 0;font-weight: 100;font-size: 3.6vw;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
.contact .midashi01{margin-bottom: 20px;}
.contact-tel {margin: 0 auto 60px;}
.contact-tel .tel {font-size: 54px;}

.reserve {margin-bottom: 80px;}
.reserve li{margin-bottom: 4vw;}
.reserve li a{padding: 20px 0;font-size: 30px;}
.reserve li a span{font-family: "Jost", sans-serif;}
.reserve li a span:before{margin-right: 8px;font-size: 24px;}
.reserve li p{font-size: 16px;}

 
}