@charset "utf-8";

body {
    background-color: white;
    width: 100%;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    max-width: 750px;
    margin: auto;
}


.cta-btn {
  width: clamp(0px, 186 / 36, 372px);
}

.cta-btn img {
  aspect-ratio: 372 / 71;
}

.coupon-btn {
    width: clamp(0px, 173 / 36, 347px);
}

.coupon-btn img {
    aspect-ratio: 347 / 72;
  }

.menu-btn {
    width: clamp(0px, 173 / 36, 347px);
}

.menu-btn img {
    aspect-ratio: 347 / 72;
  }


.img-width {
  display: block;
  width: 100%;
}

.wrapper {
    margin: auto;
    text-align: center;
    z-index: auto;
}


.fv {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height:0;
}

.fv img {
  aspect-ratio: 750 / 1334;
}


.cta02 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height:0;
}

.cta02 img {
  aspect-ratio: 750 / 532;
}

.linebutton img {
    aspect-ratio: 372 / 71; 
  
}

.linebutton {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 37%;
    left: 50%;
    transform: translateX(-50%);
}

.telbutton img {
    aspect-ratio: 372 / 71; 
  
}

.telbutton {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.coupon {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.button04 img {
    aspect-ratio: 347 / 72;
}

.button04 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 63%;
    left: 50%;
    transform: translateX(-50%);
}

.button05 img {
    aspect-ratio: 347 / 72;
}

.button05 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 34%;
    left: 50%;
    transform: translateX(-50%);
}

.button06 img {
    aspect-ratio: 347 / 72;
}

.button06 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}

.menu {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.menu img {
    aspect-ratio: 750 / 4404;
}

.button07 img {
    aspect-ratio: 347 / 72;
}

.button07 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 66.5%;
    left: 50%;
    transform: translateX(-50%);
}

.button08 img {
    aspect-ratio: 347 / 72;
}

.button08 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 36.5%;
    left: 50%;
    transform: translateX(-50%);
}

.button09 img {
    aspect-ratio: 347 / 72;
}

.button09 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
}

.reason {
    position: relative;
}

.reason img {
  aspect-ratio: 750 / 4229;
}

.cta03 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height:0;
}

.cta03 img {
  aspect-ratio: 750 / 532;
}

.linebutton03 img {
    aspect-ratio: 372 / 71; 
  
}

.linebutton03 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 37%;
    left: 50%;
    transform: translateX(-50%);
}

.telbutton03 img {
    aspect-ratio: 372 / 71; 
  
}

.telbutton03 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}


.cta04 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height:0;
}

.cta04 img {
  aspect-ratio: 750 / 532;
}

.linebutton04 img {
    aspect-ratio: 372 / 71; 
  
}

.linebutton04 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 37%;
    left: 50%;
    transform: translateX(-50%);
}

.telbutton04 img {
    aspect-ratio: 372 / 71; 
  
}

.telbutton04 {
    position: absolute;
    z-index: 5;
    text-align: center;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.sec04 {
    position: relative;
    z-index: 2;
    margin-top: -16%;
}

.sec04 img {
  aspect-ratio: 750 / 2724;
}


.voice img {
    aspect-ratio: 750 /2550;
}


.access {
  position: relative;
  z-index: 4;
}

.access img {
  aspect-ratio: 750 / 1080;
}


.map {
  position: absolute;
  z-index: 5;
  bottom: 30%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 10px;
  padding-top: 75%;
}

.map iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}


.access__content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70%;
    z-index: 5;
    text-align: center;
    color: #744c1a;
  }
  
  .access__content dl {
    margin-bottom: 10%;
  }
  
  .access__content dt {
    font-size: clamp(10px, 12.5 / 375 * 100vw, 25px);
  }
  
  .access__content dd {
    margin-left: 0;
    font-size: clamp(10px, 12.5 / 375 * 100vw, 25px);
    margin-bottom: clamp(0px, 12.5 / 375 * 100vw, 25px);
  }