@charset "UTF-8";
body {
  margin: 0;
  position: relative;
}
body main {
  max-width: 750px;
  margin: auto;
  overflow-x: hidden;
}
body img {
  width: 100%;
  display: block;
}
body .op0 {
  opacity: 0;
}

.offer .offer_sub01 {
  width: 74.1%;
  left: 13%;
  top: 79.1%;
  z-index: 2;
}
.offer .offer_sub02 {
  width: 75.6%;
  left: 12.2%;
  top: 82.7%;
  z-index: 1;
}
.offer .offer_btn {
  width: 98.2%;
  left: 1%;
  top: 82.5%;
}

.sec01 {
  width: 100%;
}
.sec01 .img1-2_sub01 {
  width: 59.3%;
  left: 7%;
  top: 44.5%;
}
.sec01 .img1-2_sub02 {
  width: 91.6%;
  left: 3.1%;
  top: 50%;
}
.sec01 .cd {
  color: #E5475A;
  font-weight: bold;
  font-style: italic;
  font-family: sans-serif;
  top: -0.1%;
  left: 41%;
  position: absolute;
}
@media screen and (max-width: 750px) {
  .sec01 .cd {
    top: 0.5%;
  }
}
.sec01 .cd span {
  font-size: clamp(17px, 5.4vw, 40.3px);
}
@media screen and (max-width: 750px) {
  .sec01 .cd span {
    font-size: 17px;
  }
}
.sec01 .cd p {
  display: inline-block;
  color: #000;
  margin: 0 0% 0 -1%;
  padding: 0;
  font-size: clamp(11px, 2.8vw, 17px);
}
.sec01 .cd p.hour {
  margin: 0 2% 0 -1%;
}
.sec01 .img1-2_sub03 {
  width: 78.1%;
  left: 5.1%;
  top: 65.4%;
}
.sec01 .img1-4_sub01 {
  width: 37.3%;
  left: 3.7%;
  top: 26%;
}
.sec01 .img1-4_sub02 {
  width: 37.3%;
  left: 63.8%;
  top: 26%;
}
.sec01 .img1-4_sub03 {
  width: 37.3%;
  left: 3.4%;
  top: 51.8%;
}
.sec01 .img1-4_sub04 {
  width: 37.3%;
  left: 63.3%;
  top: 51.9%;
}
.sec01 .img1-4_sub05 {
  width: 37.3%;
  left: 33.3%;
  top: 70.8%;
}
.sec01 .img1-8_sub01 {
  width: 29.8%;
  left: 36.6%;
  top: 5.7%;
}
.sec01 .img1-8_sub02 {
  width: 89.9%;
  left: 5.6%;
  top: 11.2%;
}
.sec01 .img1-8_sub03 {
  width: 62.8%;
  left: 20.3%;
  top: 50.8%;
}
.sec01 .img1-9_sub01 {
  width: 73.5%;
  left: 14.2%;
  top: 37.1%;
}
.sec01 .img1-10 .figure_1 {
  left: 7.2%;
  top: 41.2%;
  width: 85.2%;
}
.sec01 .img1-10 .figure_2 {
  left: 7.2%;
  top: 61.4%;
  width: 85.2%;
}
.sec01 .img1-10 .figure_3 {
  left: 7.2%;
  top: 81.5%;
  width: 85.2%;
}
.sec01 .img1-13_sub01 {
  width: 73.7%;
  left: 12%;
  top: 23.5%;
}
.sec01 .img1-13_sub02 {
  width: 42.4%;
  left: 10.7%;
  top: 35.6%;
}
.sec01 .img1-13_sub03 {
  width: 26.7%;
  left: 53.9%;
  top: 55.6%;
}
.sec01 .img1-13_sub04 {
  width: 38.3%;
  left: 47.9%;
  top: 57.9%;
}
.sec01 .img1-13_sub05 {
  width: 55.2%;
  left: 39.4%;
  top: 62.6%;
}
.sec01 .img1-16_sub01 {
  width: 42.2%;
  left: 28.9%;
  top: 5.4%;
}
.sec01 .img1-16_sub02 {
  width: 74.3%;
  left: 12.8%;
  top: 10.3%;
}
.sec01 .img1-16_sub03 {
  width: 85.3%;
  left: 7.3%;
  top: 14.9%;
}
.sec01 .img1-16_sub04 {
  width: 78.9%;
  left: 10.2%;
  top: 27.1%;
}
.sec01 .img1-20_sub01 {
  width: 98%;
  left: 5.8%;
  top: 56.1%;
}
.sec01 .img1-20_sub02 {
  width: 74.4%;
  left: 12.7%;
  top: 74%;
}

.sec02 .img2-6_sub01 {
  width: 91.1%;
  left: 4.2%;
  top: 28.9%;
}
.sec02 .img2-7 .not_1 {
  top: 21%;
  left: 9.8%;
  width: 35.8%;
}
.sec02 .img2-7 .DR_1 {
  top: 13.1%;
  left: 49.2%;
  width: 42.5%;
}
.sec02 .img2-8_sub01 {
  width: 73%;
  left: -3.8%;
  top: 0.8%;
}
.sec02 .img2-8_sub02 {
  width: 76.5%;
  left: 25.5%;
  top: 45.9%;
}
.sec02 .img2-11_sub01 {
  width: 62.8%;
  left: 21.5%;
  top: 63.6%;
}
.sec02 .img2-11_sub02 {
  width: 83.5%;
  left: 8.5%;
  top: 70%;
}
.sec02 .img2-11_sub03 {
  width: 94%;
  left: 3.8%;
  top: 74.2%;
  mix-blend-mode: multiply;
}
.sec02 .img2-11_sub03_2 {
  width: 89%;
  left: 4.8%;
  top: 74.5%;
}
.sec02 .img2-11_sub04 {
  width: 49.5%;
  left: 24%;
  top: 79.3%;
}
.sec02 .img2-13_sub01 {
  width: 19.6%;
  left: 7.8%;
  top: 22.6%;
}
.sec02 .img2-14_sub01 {
  width: 73%;
  left: 19.4%;
  top: 35.6%;
}
.sec02 .img2-14_sub02 {
  width: 16.8%;
  left: 17.8%;
  top: 77.3%;
}
.sec02 .img2-14_sub03 {
  width: 32.5%;
  left: 32.3%;
  top: 72.2%;
}
.sec02 .img2-14_sub04 {
  width: 30.2%;
  left: 65.9%;
  top: 65.5%;
}
.sec02 .img2-14_sub05 {
  width: 17%;
  left: 22.9%;
  top: 85.3%;
}
.sec02 .img2-14_sub06 {
  width: 42.3%;
  left: 45.6%;
  top: 73.3%;
}
.sec02 .img2-16_sub01 {
  width: 80.1%;
  left: 10.1%;
  top: 1.2%;
  z-index: 2;
}
.sec02 .img2-16_sub02 {
  width: 89.2%;
  left: 6.5%;
  top: 18.6%;
  z-index: 1;
}
.sec02 .img2-17_sub01 {
  width: 33.2%;
  left: 9.5%;
  top: 34.8%;
}
.sec02 .img2-17_sub02 {
  width: 33.2%;
  left: 55.8%;
  top: 34.8%;
}

.sec03 .img3-1_sub01 {
  width: 95%;
  left: 29.6%;
  top: 15.4%;
}
.sec03 .img3-2_sub01 {
  width: 28.3%;
  left: 36.6%;
  top: 60.1%;
}
.sec03 .img3-2_sub02 {
  width: 28.3%;
  left: 61.9%;
  top: 60.1%;
}
.sec03 .img3-2_sub03 {
  width: 28.3%;
  left: 11.8%;
  top: 60.1%;
}
.sec03 .img3-2_sub04 {
  width: 28.3%;
  left: 61.9%;
  top: 38.6%;
}
.sec03 .img3-2_sub05 {
  width: 28.3%;
  left: 36.6%;
  top: 38.6%;
}
.sec03 .img3-2_sub06 {
  width: 28.3%;
  left: 11.8%;
  top: 38.6%;
}

.por {
  position: relative !important;
}

.poa {
  position: absolute !important;
}

footer {
  background-color: #F8F8ED;
  overflow-x: hidden;
  text-align: center;
  padding-top: 3%;
  max-width: 750px;
  margin: auto;
  overflow-x: hidden;
}
footer ul {
  display: flex;
  justify-content: center;
  margin: auto;
  padding: 0;
}
footer ul :nth-child(2)::after, footer ul :nth-child(2)::before {
  content: "|";
  padding: 0 3%;
  display: inline;
}
footer ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
footer ul li a {
  text-decoration: none;
  color: #000;
  font-size: clamp(12px, 2.4vw, 16.3px);
}
footer p {
  font-size: clamp(12px, 2.4vw, 16.3px);
}

@keyframes btn-anime2 {
  0% {
    transform: scale(0.9, 0.9);
  }
  100% {
    transform: scale(1, 1);
  }
}
.btn-anime2 {
  width: 90%;
  margin: 0 auto;
  animation: btn-anime2 0.8s ease 0s infinite alternate;
}

/* floating banner */
#floating-banner {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none; /* 初期状態では非表示 */
  opacity: 0;
  transition: opacity 0.5s ease; /* フェードイン・フェードアウトの効果 */
  z-index: 20000;
}

#floating-banner img {
  width: 206px;
  height: auto;
}

@media screen and (max-width: 768px) {
  #floating-banner img {
    width: 150px;
  }
}
/* 上下にアニメーションするキーフレーム */
@keyframes floatAnimation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
/* アニメーション適用 */
#floating-banner.visible {
  animation: floatAnimation 2s ease-in-out infinite;
}

/* swiper */
.faq {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .faq {
    padding-top: 0;
    padding-bottom: 2rem;
  }
}

.faq .faq-ttl {
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .faq .faq-ttl {
    margin-bottom: 2rem;
  }
}

.swiper-container,
.swiper-container-b {
  width: 89%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.swiper-button-prev, .swiper-button-next {
  color: black;
  top: 55%; /* 上下中央に配置 */
  transform: translateY(-50%); /* Y軸方向の中心に調整 */
  position: absolute;
  z-index: 10;
  width: 63px;
  height: 63px;
}

.swiper-button-prev::after, .swiper-button-next::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .swiper-button-prev, .swiper-button-next {
    width: 30px;
    height: 30px;
    top: 60%;
  }
}
.swiper-pagination-bullet {
  border: 1px solid black;
  background: transparent;
}

.swiper-pagination-bullet-active {
  background-color: black;
}