/* -768px
  ------------------------------ */
  @media screen and (max-width:768px) {
    .sp-only {
      display: block;
    }
    .sp-none {
      display: none;
    }
    .header {
      height: 58px;
    }
    .header h1 {
      display: none;
    }
    .header-logo {
      width: 66%;
      min-width: 286px;
      margin-top: 11px;
    }    
    .header-right {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 92px;
      padding: 0 10px;
      background-color: rgba(255, 255, 255, 0.9);
    }
    .header-rightInner {
      width: 100%;
      max-width: 336px;
      margin: auto;
    }
    .header-phone {
      width: clamp(283px, 89.6vw, 319px);
    }
    .header-contact-bottom {
      font-size: clamp(1.2rem, 3.5vw, 1.3rem);
    }

    .fv-image {
      aspect-ratio: 430 / 260;
    }

    .bg-image {
      background-image: url(../images/bg_sp01.jpg);
      background-position-y: clamp(115px, 32.5vw, 140px);
    }
    

    .intro .wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      row-gap: 20px;
      padding: 40px 20px 60px;
    }
    .intro .content {
      padding-right: 0;
    }
    
    .facility .wrapper {
      padding: 40px 20px 60px;
    }
    .facility .top-container {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
    }
    .facility .price-box {
      padding-bottom: 10px;
    }
    .facility .price-content {
      margin-top: 0;
      text-align: center;
    }
    .facility .facility-name {
      text-align: center;
      margin-top: 20px;
    }
    .facility .price-name {
      text-align: center;
      margin-top: 20px;
    }
    .facility .price {
      text-align: center;
    }
    .facility .btm-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 30px;
    }
    .facility .facility-image {
      width: clamp(227px, 29.4vw, 294px);
    }
    
    .access .wrapper {
      padding: 40px 20px 60px;
    }
    .access .container {
      grid-template-columns: 1fr;
      justify-items: center;
      row-gap: 20px;
      margin-top: 40px;
    }
    .access .address {
      margin-top: 15px;
    }
    .access .detail {
      padding-left: 0;
      margin-top: 40px;
    }

    .present {
      margin: 60px auto 0;
    }
    .present-phone {
      margin-top: 12px;
    }
    .present-contact-bottom {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      row-gap: 8px;
      column-gap: 6px;
      margin-top: 13px;
    }
    
    .overview {
      font-size: 1.3rem;
      margin: 40px 0 0;
    }
    
    .footer {
      padding: 30px 20px;
      margin-bottom: 92px;
    }
    .footer .top {
      padding: 0 0 50px;
    }
    .footer .name {
      text-align: center;
    }
    .footer .footer-link {
      width: 100%;
      max-width: 364px;
      margin: 20px auto 0;
    }
    .footer .address,
    .footer .phone,
    .footer .area {
      text-align: center;
    }
    .footer .area {
      margin-top: 20px;
    }   
}

  /* -419px
  ------------------------------ */
  /* @media screen and (max-width:419px) {
    .present-contact-bottom {
      display: flex;
      flex-direction: column;
      row-gap: 8px;
  }
} */