/*--------------------------------------------------------------
# RESERVATION
--------------------------------------------------------------*/
.reservation .title-page, .reservation_confirm .title-page, .reservation_thanks .title-page {
  background: url(../../assets/img/contact/hd_bg_01.jpg) no-repeat 50%;
  background-size: cover; }

.reservation .howto, .reservation .howtoem, .reservation_confirm .howto, .reservation_confirm .howtoem {
  margin-bottom: 20px; }
.reservation .howtoem, .reservation_confirm .howtoem {
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd; }
@media screen and (min-width: 768px) {
  .reservation .telnum-wrap, .reservation_confirm .telnum-wrap {
    margin-bottom: 50px; }
    .reservation .telnum-wrap .l-flex, .reservation_confirm .telnum-wrap .l-flex {
      display: flex;
      justify-content: center;
      margin-bottom: 20px; }
    .reservation .telnum-wrap .telnum, .reservation_confirm .telnum-wrap .telnum {
      margin: 0 20px; }
  }
@media screen and (max-width: 767px) {
  .reservation .telnum-wrap, .reservation_confirm .telnum-wrap {
    margin-bottom: 40px; }
    .reservation .telnum-wrap .l-flex, .reservation_confirm .telnum-wrap .l-flex {
      display: block; }
    .reservation .telnum-wrap .telnum, .reservation_confirm .telnum-wrap .telnum {
      margin: 0 auto 15px; }
    .reservation .telnum-wrap .btn, .reservation_confirm .telnum-wrap .btn {
      margin-top: 30px; }
  .reservation #sec-contact, .reservation_confirm #sec-contact {
    margin-bottom: 80px; } }
.reservation #sec-line, .reservation_confirm #sec-line {
  border-top: 1px solid #eee; }

.telnum {
  font-weight: bold;
  font-family: Lato, sans-serif;
  letter-spacing: .1em; }
  .telnum em {
    color: var(--color-main); }
  @media screen and (min-width: 768px) {
    .telnum {
      display: flex;
      font-size: 22px; }
      .telnum em {
        margin-right: 5px; } }
  @media screen and (max-width: 767px) {
    .telnum {
      font-size: 18px;
      display: flex;
      justify-content: center; } }