@charset "utf-8";

.burial_wrapper {
  background-color: #272e2c;
  /* font-family: var(--ZenMincho); */
  color: #ffffff;
  letter-spacing: 0;
}

.img_top {
  width: 118rem;
  height: 60rem;
}

.text_about {
  font-weight: 700;
  font-size: 2.6rem;
  line-height: calc(37 / 26);
  border-left: 1rem solid #ffe0a2;
  vertical-align: top;
  padding-left: 1.25rem;
  /* margin-left: 2rem; */
  margin-top: 10.7rem;
  margin-left: 11.3rem;
}

.ossuary_area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 50.0rem;
  margin: 3.3rem 10rem 0 10rem;
  gap: 0 3.3rem;
}

.content {
  font-weight: 500;
  font-size: 2.0rem;
  line-height: calc(29 / 20);
  margin-top: 1.5rem;
  /* margin-left: 10rem; */
}

.content_top {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
  /* margin-left: 10rem; */
  margin-top: 3rem;
  width: 55.3rem;
}

.img_floor {
  width: 24.909rem;
  height: 30.41rem;
  margin: 5.7rem 0 0 5.5rem;
}

.slider-part {
  position: relative;
  height: 34.6rem;
  overflow: hidden;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-touch-action: auto;
  touch-action: auto;
}

.img_middle {
  width: 49.4rem;
  height: 34.6rem;
  object-fit: cover;
}

.text_about1 {
  font-weight: 700;
  font-size: 2.6rem;
  line-height: calc(37 / 26);
  border-left: 1rem solid #d8c4a3;
  vertical-align: top;
  padding-left: 1.25rem;
  margin-left: 2rem;
  margin-top: 13.7rem;
  margin-left: 11.3rem;
}

.text_name {
  font-weight: 700;
  font-size: 1.8rem;
  writing-mode: vertical-rl;
  letter-spacing: 1rem;
  margin-bottom: -1.0rem;
}

.altar_area {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0 8.0rem;
}

.altar_space {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5.1rem 0;
}

.altar_img {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  gap: 0 1.5rem;
  /* min-height: 53.0rem; */
  margin-top: 3rem;
}

.img_left {
  height: 34.4rem;
  width: 19.9rem;
  object-fit: cover;
}

.img_right {
  width: 23.2rem;
  height: 34.4rem;
  width: 19.9rem;
  /* height: 34.4rem; */
  object-fit: cover;
  /* width: 13.9rem; */
  /* object-fit: cover; */
  /* height: 22.4rem; */
}

.text_under {
  width: 46.5rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
}

/* .textbox_under {
  display: flex;
} */

.text_bottom {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
  margin-top: 1.6rem;
  margin-left: 13.2rem;
  width: 104.8rem;
}

.text_bottom02 {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
  margin-left: 13.2rem;
  width: 104.8rem;
}

.price {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: calc(30 / 24);
  margin-left: 13.2rem;
  margin-top: 2.7rem;
  width: 104.8rem;
}

.tos_section {
  /* margin-bottom: 13rem; */
  padding-bottom: 10rem;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: 100%;
}


/* headerの色を白 */
.header_logo {
  filter: none;
  z-index: 1;
}

.header_title {
  color: #fff;
}

.header_title::after {
  border-top: solid 0.1rem #ffffff;
}

body {
  background-color: #272e2c;
}

.humbargar_border {
  background-color: #000000;
}

@media screen and (max-width: 699.98px) {
  .img_top {
    width: 34.5rem;
    height: 22.2rem;
  }

  .text_about {
    border-left: 1rem solid #ffe0a2;
    vertical-align: top;
    padding-left: 1.25rem;
    margin-left: 3.0rem;
    margin-top: 3.5rem;
  }

  .ossuary_area {
    display: block;
    /* flex-wrap: wrap; */
    /* flex-direction: column; */
    max-height: 75rem;
    margin: 5.0rem 3.0rem 0 3.0rem;
    gap: 0;
  }

  .content {
    margin-top: 0;
    margin-left: 0;
  }

  .content_top {
    margin-top: 3.0rem;
    margin-left: 0;
    width: 31.5rem;
  }

  .img_floor {
    display: block;
    width: 22.4rem;
    height: 27.4rem;
    margin: 3.25rem auto 0 auto;
    margin-bottom: 4rem;
  }

  .wrap_top {
    /* margin-top: 3.381rem; */
    /* object-fit: contain; */
    width: 100%;
    /* margin-left: -3.0rem; */
  }

  .img_middle {
    width: 34.5rem;
    height: 26.9rem;
    object-fit: contain;
  }

  .text_about1 {
    vertical-align: top;
    padding-left: 1.25rem;
    margin-left: 3.0rem;
    margin-top: 5.7rem;
    margin-bottom: 5rem;
    font-size: 2.4rem;
  }


  .altar_area {
    /* display: flex; */
    /* flex-wrap: wrap; */
    flex-direction: column;
    /* align-items: stretch; */
    /* justify-content: center; */
    gap: 5.0rem 0;
    align-items: center;
  }

  .altar_space {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* justify-content: center; */
    gap: 5.0rem 0;
  }

  .altar_img {
    height: max-content;
    min-height: auto;
  }

  .img_left {
    width: 13.9rem;
    object-fit: cover;
    height: 22.4rem;
  }

  .img_right {
    width: 13.9rem;
    object-fit: cover;
    height: 22.4rem;
  }


  .text_under {
    width: 31.5rem;

  }

  .text_bottom {
    margin-top: 4.0rem;
    margin-left: 4.3rem;
    width: 30.2rem;
  }

  .text_bottom02 {
    margin-top: 0;
    margin-left: 4.3rem;
    width: 30.2rem;
  }

  .price {
    margin-left: 4.3rem;
    margin-top: 1.5rem;
    width: 30.2rem;
    font-size: 1.8rem;
  }

  .slider-part {
    height: 26.9rem;
    width: 100%;
  }

  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: 100%;
  }
}