@charset "UTF-8";
/* 変数定義 */
/*--------------------------
// font-family: "Shippori Mincho B1", serif;

---------------------------*/
/*行間計算*/
/*--------------------------
content-width
---------------------------*/
body {
  font-family: "Noto Sans JP", Noto Sans JP, sans-serif;
  background-color: #FFFFFF;
  padding-bottom: 200px;
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: 26svw;
  }
}
.container {
  max-width: 767px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.container02 {
  max-width: 717px;
  width: 94%;
  margin: 10px auto;
  position: relative;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .35);
          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .35);
  border-radius: 200px;
}

.container.float__btn {
  position: fixed;
  bottom: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  left: 50%;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.cta {
  position: absolute;
}

.container .btn, .container02 .btn {
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
  left: 50%;
  display: block;
}

.container .btn {
  width: 95.843575%;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .35);
          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .35);
  border-radius: 200px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.container .btn:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.container02 .btn {
  width: 78.1333333333%;
}

.access__wrap {
  position: relative;
}

.access__wrap iframe {
  position: absolute;
  width: 86.6666666667%;
  height: auto;
  aspect-ratio: 325/200;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: 48px;
  left: 50%;
}

@media screen and (max-width: 767px) {
  .access__wrap iframe {
    bottom: 6svw;
  }
}
.campaign__wrap1 {
  position: relative;
}

.campaign__wrap1 .btn {
  bottom: 40px;
}

@media screen and (max-width: 767px) {
  .campaign__wrap1 .btn {
    bottom: 6svw;
  }
}
.campaign__wrap2 {
  position: relative;
}

.campaign__wrap2 .btn {
  bottom: 24px;
}

@media screen and (max-width: 767px) {
  .campaign__wrap2 .btn {
    bottom: 3svw;
  }
}
/* CTA */
#cta .container .cta__form {
  bottom: 58px;
}

@media screen and (max-width: 767px) {
  #cta .container .cta__form {
    bottom: 7svw;
  }
}
#cta .container .cta__tel {
  bottom: -134px;
}

@media screen and (max-width: 767px) {
  #cta .container .cta__tel {
    bottom: -18svw;
  }
}
footer {
  position: fixed;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: 8px;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  footer {
    bottom: 1svw;
  }
}
#shops {
  margin-bottom: 16%;
}

#shops img.logo {
  width: 50%;
  margin: 0 auto 5%;
}

#shops .shops__con {
  margin: 4% auto 0;
  width: 92%;
}

.shops__question {
  background-color: #8C765A;
  color: #fff;
  padding: 2% 5%;
  border-radius: 4px;
  font-size: 24px;
  font-family: "Shippori Mincho B1", serif;
  font-size: clamp(10px, 5.6svw, 42px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shop-obj {
  aspect-ratio: 1/1;
  width: 8%;
  position: relative;
}

.shop-obj span {
  position: absolute;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shops__question .shop-obj span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shops__question.open .shop-obj span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shops__answer {
  display: none;
}

.shops__answer h3 {
  font-size: clamp(10px, 6.7svw, 44px);
  text-align: center;
  font-family: "Shippori Mincho B1", serif;
  color: #666666;
  font-weight: bold;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.shops__answer h3 span.mid {
  font-size: clamp(10px, 7.8svw, 64px);
  letter-spacing: 0.1em;
}

.shops__answer h3 span.mid span.big {
  font-size: clamp(10px, 11.8svw, 102px);
}

.shops__answer .shop-addr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(10px, 4.5svw, 40px);
  color: #666666;
  gap: 4%;
  line-height: 1.4;
  margin-top: 4%;
  margin-bottom: 4%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.shops__answer .shop-addr:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}

.shops__answer .shop-addr .shop-tag {
  padding: 1% 2%;
  border: 2px solid;
}

.shops__answer .shop-addr a.shop-addr-text {
  padding: 1% 0;
}

.shop-addr-text svg {
  aspect-ratio: 1/1;
  width: 7%;
  height: auto;
  -webkit-transform: translate(49%, 0%);
          transform: translate(49%, 0%);
}

.shops__answer a.shop-btn {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shops__answer a.shop-btn:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#faq .container {
  background-color: #EAE1D6;
}

.faq__block {
  padding-top: 6%;
}

.faq__block:nth-child(n+2) {
  margin-top: 10%;
}

.faq__title {
  font-size: clamp(10px, 4.5svw, 40px);
  font-family: "Shippori Mincho B1", serif;
  color: #fff;
  text-align: center;
  width: 80%;
  padding: 0.3em 0;
  display: block;
  margin: 0 auto;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(140, 118, 90, 0)), color-stop(20%, rgb(140, 118, 90)), to(rgba(140, 118, 90, 0)));
  background-image: linear-gradient(90deg, rgba(140, 118, 90, 0), rgb(140, 118, 90) 20% 80%, rgba(140, 118, 90, 0));
  margin-bottom: 0.8em;
}

.faq__block .faq__item {
  width: 92%;
  margin: 2% auto 0;
  background: #fff;
}

button.faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-size: clamp(10px, 2.8svw, 22px);
  color: #8C765A;
  padding: 3% 3% 3% 8%;
  font-weight: 600;
  background-image: url(./../img/q-icon.svg);
  background-repeat: no-repeat;
  background-size: 4.8%;
  background-position: center left 1.5%;
}

button.faq__question span.faq__toggle {
  display: block;
  aspect-ratio: 1/1;
  width: 3.5%;
  height: auto;
  position: relative;
}

button.faq__question span.faq__toggle span {
  position: absolute;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 2px;
  background-color: #8C765A;
  top: 50%;
  left: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

button.faq__question span.faq__toggle span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

button.faq__question.open span.faq__toggle span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.faq__answer {
  color: #666666;
  font-size: clamp(10px, 2.8svw, 22px);
  line-height: 1.6;
  padding: 5% 3% 3% 8%;
  background-image: url(./../img/a-obj.svg), url(./../img/a-icon.svg);
  background-repeat: no-repeat;
  background-size: 95%, 4.8%;
  background-position: top center, top 34px left 1.5%;
  display: none;
}

@media screen and (max-width: 767px) {
  .faq__answer {
    background-position: top center, top 4.2svw left 1.5%;
  }
}
/*# sourceMappingURL=style.css.map */