@charset "UTF-8";
/*** LP ***/
.page-hometact {
  color: #000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Arimo", sans-serif;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .page-hometact img {
    width: auto;
  }
}
.page-hometact .p-mv {
  background: url(../images/bg_mv.png) no-repeat top center/100%;
}
.page-hometact .p-mv__head img {
  width: 100%;
}
.page-hometact .p-mv__inner {
  padding-block: 4rem;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 767px) {
  .page-hometact .p-mv__inner {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-mv__inner {
    padding-inline: 3vw;
  }
}
.page-hometact .p-mv__title {
  font-weight: 700;
  font-size: 8.6rem;
  display: flex;
  gap: 3.2rem;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 4rem;
  border-bottom: 2px solid #000;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .page-hometact .p-mv__title {
    font-size: 4rem;
  }
}
.page-hometact .p-mv__about {
  background: #fff;
  padding: 4rem;
  margin-block: 4rem;
}
.page-hometact .p-review {
  background-color: #f6f8fa;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  padding-block: 6.4rem;
  text-align: center;
}
.page-hometact .p-review__heading {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .page-hometact .p-review__heading {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-review__heading {
    padding-inline: 3vw;
  }
}
@media (min-width: 1024px) {
  .page-hometact .p-review__movie {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-review__movie {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-review__movie {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-review__movie {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-review__movie {
    padding-inline: 3vw;
  }
}
.page-hometact .p-review__movie iframe {
  width: 100%;
  max-width: 50rem;
  aspect-ratio: 1335/751;
}
.page-hometact .p-review__movie .__dummy {
  background: #ccc;
  width: 100%;
  max-width: 50rem;
  aspect-ratio: 500/340;
  margin-inline: auto;
}
.page-hometact .p-review__list {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.4rem;
}
@media (max-width: 767px) {
  .page-hometact .p-review__list {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-review__list {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-review__list {
    gap: 2.4rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-review__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-hometact .p-review__list .__item-heading {
  background: #0064b4;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 0.8em 2em;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1em 1em 0 0;
  font-family: "Montserrat", sans-serif;
}
.page-hometact .p-review__list .__item-letters {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
}
.page-hometact .p-review__list .__item-letter a {
  position: relative;
  display: block;
}
.page-hometact .p-review__list .__item-letter .grass {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  max-width: 30%;
}
.page-hometact .p-review .__item-balloon {
  display: block;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.6;
  background: #fff;
  border: solid 2px #0064b4;
  padding: 20px 22px;
  position: relative;
  margin-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-review .__item-balloon {
    padding: 20px 8px;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-review .__item-balloon {
    font-size: 1.6rem;
  }
}
.page-hometact .p-review .__item-balloon::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 26px;
  background: #fff;
  bottom: -24px;
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;
  margin: auto;
  margin-inline: 4rem auto;
}
.page-hometact .p-review .__item-balloon::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 26px;
  background: #0064b4;
  bottom: -28px;
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: auto;
  margin-inline: 4rem auto;
}
.page-hometact .p-about {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-about {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-about {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-about {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
.page-hometact .p-about__title {
  text-align: center;
}
@media (min-width: 1024px) {
  .page-hometact .p-about__title {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-about__title {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-about__title {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
.page-hometact .p-about__list {
  background: #f7f5f0;
  padding: 6.4rem 4rem;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-about__list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-about__list {
    grid-template-columns: 1fr;
    padding: 6.4rem 2.4rem;
  }
}
.page-hometact .p-about__btns {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-about__btns {
    flex-direction: row;
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-about__btns {
    margin-bottom: 2.4rem;
    flex-direction: row;
    gap: 0.8rem;
  }
}
.page-hometact .p-about__btn {
  background: #fff;
  border-radius: 9999px;
  padding: 1.5em 2.5em;
  width: 100%;
  max-width: 36rem;
  font-weight: 700;
  font-size: 1.8rem;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.3s;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-about__btn {
    font-size: 1.6rem;
    padding: 1.5em 1em;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-about__btn {
    font-size: 1.4rem;
    max-width: 36rem;
    padding: 1.5em 0.5em;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
.page-hometact .p-about__btn:hover, .page-hometact .p-about__btn.is_active {
  background: #e60021;
  color: #fff;
}
.page-hometact .p-about__btn:hover:after, .page-hometact .p-about__btn.is_active:after {
  background: url(../images/icon_arrow_w.svg) no-repeat center center/contain;
}
.page-hometact .p-about__btn:after {
  content: "";
  display: block;
  width: 1.6rem;
  aspect-ratio: 1/1;
  background: url(../images/icon_arrow.svg) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .page-hometact .p-about__btn:after {
    display: none;
  }
}
.page-hometact .p-about__sec {
  display: block;
  min-width: 0;
}
.page-hometact .p-about__sec__inner {
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.page-hometact .p-about__sec__inner.is_active {
  display: block;
  opacity: 1;
  pointer-events: all;
  height: auto;
  overflow: unset;
}
.page-hometact .p-about__sec .js-aboutSlider {
  min-width: 0;
}
.page-hometact .p-about__sec img {
  max-width: 40rem;
  border: 10px solid #fff;
}
.page-hometact .p-about__sec__slider {
  max-width: 40rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .page-hometact .p-about__sec__slider {
    max-width: 70vw;
  }
}
.page-hometact .p-about__sec__slider video {
  max-width: 40rem;
  border: 10px solid #fff;
}
.page-hometact .p-about__sec .slick-dots {
  bottom: -3.2rem;
}
.page-hometact .p-about__sec .slick-dots li button:before {
  color: #0064b4;
  font-size: 1rem;
}
.page-hometact .p-about__sec .slick-next-custom {
  font-size: 0;
  position: absolute;
  right: -5.6rem;
  top: 45%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .page-hometact .p-about__sec .slick-next-custom {
    right: -4rem;
    top: 40%;
  }
}
.page-hometact .p-about__sec .slick-next-custom:before {
  content: "";
  display: block;
  width: 3.6rem;
  aspect-ratio: 36/72;
  background: url(../images/icon_arrow_r.png) no-repeat center center/contain;
}
.page-hometact .p-about__sec .slick-prev-custom {
  font-size: 0;
  position: absolute;
  left: -5.6rem;
  top: 45%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .page-hometact .p-about__sec .slick-prev-custom {
    left: -4rem;
    top: 40%;
  }
}
.page-hometact .p-about__sec .slick-prev-custom:before {
  content: "";
  display: block;
  width: 3.6rem;
  aspect-ratio: 36/72;
  background: url(../images/icon_arrow_l.png) no-repeat center center/contain;
}
.page-hometact .p-summary {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-summary {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-summary {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-summary {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-summary {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-summary {
    padding-inline: 3vw;
  }
}
.page-hometact .p-summary__title {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.page-hometact .p-summary__title img {
  width: 100%;
  max-width: 46rem;
}
.page-hometact .p-summary__title span {
  margin-top: 1em;
  display: inline-block;
}
.page-hometact .p-summary__feature {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.4rem;
}
@media (max-width: 767px) {
  .page-hometact .p-summary__feature {
    flex-direction: column;
    gap: 2.4rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .page-hometact .p-summary__feature {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-summary__feature {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .page-hometact .p-summary__feature {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
.page-hometact .p-summary__image {
  width: 16rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  justify-content: center;
}
@media (max-width: 767px) {
  .page-hometact .p-summary__image {
    flex-direction: row;
    gap: 2.4rem;
  }
  .page-hometact .p-summary__image img {
    max-width: 25vw;
  }
}
.page-hometact .p-summary__list {
  counter-reset: number 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-hometact .p-summary__list {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-summary__list {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-summary__list {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .page-hometact .p-summary__list {
    margin-top: calc(7.6rem * 0);
    margin-bottom: calc(7.6rem * 0);
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-summary__list {
    margin-top: calc(6rem * 0);
    margin-bottom: calc(6rem * 0);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .page-hometact .p-summary__list {
    margin-top: calc(4rem * 0);
    margin-bottom: calc(4rem * 0);
  }
}
.page-hometact .p-summary__list .__item {
  border-bottom: 2px dotted #b2b2b2;
  position: relative;
  padding: 1.5em;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.page-hometact .p-summary__list .__item:first-of-type {
  border-top: 2px dotted #b2b2b2;
}
.page-hometact .p-summary__list .__item:before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  font-family: "Montserrat", sans-serif;
  margin-right: 1em;
  font-size: 3.2rem;
  color: #e60021;
}
.page-hometact .p-produce {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-produce {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-produce {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-produce {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-produce {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-produce {
    padding-inline: 3vw;
  }
}
.page-hometact .p-produce__title {
  background: #E60021;
  color: #fff;
  text-align: center;
  font-size: 2.8rem;
  padding: 0.8em;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .page-hometact .p-produce__image {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-produce__image {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-produce__image {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
.page-hometact .p-introduction__images .__attention {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1em;
}
.page-hometact .p-introduction__images .__image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.page-hometact .p-introduction__images .__image img {
  width: 100%;
}
.page-hometact .p-introduction {
  background: url(../images/bg_introduction_wave.svg) no-repeat bottom center/100%, linear-gradient(180deg, #f0e8d7 0%, #f0e8d7 80%, rgba(240, 232, 215, 0) 80%, rgba(240, 232, 215, 0) 100%);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-hometact .p-introduction__inner {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-introduction__inner {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-introduction__inner {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-introduction__inner {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-introduction__inner {
    padding-inline: 1.6rem;
  }
}
.page-hometact .p-introduction__text {
  color: #5a4b41;
  display: grid;
  gap: 1em;
  text-align: center;
  margin-top: -16rem;
  margin-bottom: 16rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-introduction__text {
    margin-top: -8rem;
    margin-bottom: 8rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-introduction__text {
    margin-top: -2.4rem;
    margin-bottom: 2.4rem;
  }
}
.page-hometact .p-introduction__text .__upper,
.page-hometact .p-introduction__text .__lower {
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-hometact .p-introduction__text .__upper,
  .page-hometact .p-introduction__text .__lower {
    font-size: 1.6rem;
  }
}
.page-hometact .p-introduction__text .__middle {
  font-weight: 700;
  font-size: 2.2rem;
}
.page-hometact .p-scene {
  background: url(../images/bg_scene_wave.svg) no-repeat bottom center/100%, linear-gradient(180deg, #f7f5f0 0%, #f7f5f0 80%, rgba(240, 232, 215, 0) 80%, rgba(240, 232, 215, 0) 100%);
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: -7.2rem;
  margin-bottom: 7.2rem;
}
@media (max-width: 767px) {
  .page-hometact .p-scene {
    margin-top: -4rem;
    margin-bottom: 4rem;
  }
}
.page-hometact .p-scene__inner {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-scene__inner {
    margin-top: calc(7.6rem * 1.5);
    margin-bottom: calc(7.6rem * 1.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-scene__inner {
    margin-top: calc(6rem * 1.5);
    margin-bottom: calc(6rem * 1.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-scene__inner {
    margin-top: calc(4rem * 1.5);
    margin-bottom: calc(4rem * 1.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-scene__inner {
    padding-inline: 1.6rem;
  }
}
.page-hometact .p-scene__list {
  display: flex;
  gap: 1.6rem;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .page-hometact .p-scene__list {
    padding-inline: 5vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 0.8rem;
         column-gap: 0.8rem;
    row-gap: 0;
  }
}
.page-hometact .p-scene__note {
  text-align: center;
  font-size: 1.4rem;
}
@media (min-width: 1024px) {
  .page-hometact .p-scene__note {
    margin-top: calc(7.6rem * 0.25);
    margin-bottom: calc(7.6rem * 0.25);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-scene__note {
    margin-top: calc(6rem * 0.25);
    margin-bottom: calc(6rem * 0.25);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-scene__note {
    margin-top: calc(4rem * 0.25);
    margin-bottom: calc(4rem * 0.25);
  }
}
.page-hometact .p-feature__inner {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-feature__inner {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-feature__inner {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-feature__inner {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (min-width: 1024px) {
  .page-hometact .p-feature__inner {
    margin-bottom: calc(7.6rem * 0);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-feature__inner {
    margin-bottom: calc(6rem * 0);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-feature__inner {
    margin-bottom: calc(4rem * 0);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-feature__inner {
    padding-inline: 5vw;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .page-hometact .p-feature__inner {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-feature__inner {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .page-hometact .p-feature__inner {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
.page-hometact .p-feature__title {
  text-align: center;
}
.page-hometact .p-feature__title img {
  width: unset;
}
@media (max-width: 767px) {
  .page-hometact .p-feature__title {
    text-align: left;
  }
  .page-hometact .p-feature__title img {
    width: 60%;
  }
}
.page-hometact .p-feature__list {
  position: relative;
  margin-top: 4rem;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  gap: 1.6rem;
}
.page-hometact .p-feature__list:before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/img_feature.svg) no-repeat center center/contain;
  width: 100%;
  max-width: 23rem;
  aspect-ratio: 234/169;
  top: -5rem;
  left: -18rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-feature__list:before {
    left: -16rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-feature__list:before {
    width: 40%;
    top: -9rem;
    left: unset;
    right: 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-feature__list {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-hometact .p-feature__list .__item {
  background: #ffd1a1;
  border-radius: 2.5em;
  border: 3px solid #fff;
  text-align: center;
  padding: 1em;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}
.page-hometact .p-feature__list .__item .__inner_note {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .page-hometact .p-feature__list .__item {
    font-size: 1.6rem;
  }
  .page-hometact .p-feature__list .__item .__inner_note {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-recommend {
    overflow: hidden;
    background: url(../images/bg_recommend_sp.png) no-repeat top 2.4rem center/140%;
  }
}
.page-hometact .p-recommend__inner {
  text-align: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.page-hometact .p-recommend__inner img {
  width: unset;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-recommend__inner {
    padding-inline: 2.4rem;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .page-hometact .p-recommend__inner {
    margin-top: calc(7.6rem * 2);
    margin-bottom: calc(7.6rem * 2);
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-recommend__inner {
    margin-top: calc(6rem * 2);
    margin-bottom: calc(6rem * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .page-hometact .p-recommend__inner {
    margin-top: calc(4rem * 2);
    margin-bottom: calc(4rem * 2);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-recommend__inner img {
    width: unset;
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  .page-hometact .p-recommend__image {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-recommend__image {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-recommend__image {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
.page-hometact .p-recommend__movie {
  margin-top: 4rem;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.page-hometact .p-recommend__movie .__movie iframe {
  width: 100%;
  max-width: 50rem;
  aspect-ratio: 1204/677;
}
.page-hometact .p-recommend__movie .__caption {
  margin-top: 1em;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
.page-hometact .p-shoene__inner {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-shoene__inner {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-shoene__inner {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-shoene__inner {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-shoene__inner {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-shoene__inner {
    padding-inline: 3vw;
  }
}
.page-hometact .p-shoene__title {
  background: #007951;
  padding: 2.4rem 6.4rem;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .page-hometact .p-shoene__title {
    padding: 4rem 2.4rem;
  }
}
.page-hometact .p-shoene__title .__title-main {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .page-hometact .p-shoene__title .__title-main {
    font-size: 2.4rem;
  }
}
.page-hometact .p-shoene__title .__title-suffix {
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .page-hometact .p-shoene__title .__title-suffix {
    font-size: 1.6rem;
  }
}
.page-hometact .p-shoene__detail {
  border: 2px solid #007951;
  padding: 4rem 6.4rem;
  line-height: 2;
}
@media (max-width: 767px) {
  .page-hometact .p-shoene__detail {
    padding: 4rem 2.4rem;
  }
}
.page-hometact .p-shoene__detail .__desc {
  font-weight: 700;
  margin-bottom: 1.5em;
}
.page-hometact .p-shoene__detail .__desc-title {
  color: #007951;
  font-size: 1.8rem;
}
.page-hometact .p-shoene__image {
  text-align: center;
}
.page-hometact .p-house {
  background: url(../images/bg_hometact_house.png) no-repeat top center/100%, url(../images/bg_house2.png) no-repeat bottom center/100%, #f7fafd;
  overflow: hidden;
}
.page-hometact .p-house__inner {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-house__inner {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-house__inner {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-house__inner {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-house__inner {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-house__inner {
    padding-inline: 3vw;
  }
}
.page-hometact .p-house__title {
  text-align: center;
}
@media (min-width: 1024px) {
  .page-hometact .p-house__title {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-house__title {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-house__title {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
.page-hometact .p-house__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.4rem;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .page-hometact .p-house__list {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-house__list {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-house__list {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-house__list {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}
.page-hometact .p-house__item {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.page-hometact .p-house__item .__image {
  z-index: 1;
  position: relative;
  text-align: center;
}
.page-hometact .p-house__item .__image.with_icon:after {
  content: "";
  display: block;
  width: 15rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: -3.2rem;
  right: -3.2rem;
}
@media (max-width: 767px) {
  .page-hometact .p-house__item .__image.with_icon:after {
    width: 10rem;
    top: -3.2rem;
    right: 0rem;
  }
}
.page-hometact .p-house__item .__image.with_icon.icon01:after {
  background: url(../images/icon_hems.png) no-repeat center center/contain;
}
.page-hometact .p-house__item .__image.with_icon.icon02:after {
  background: url(../images/icon_waterremort.png) no-repeat center center/contain;
}
.page-hometact .p-house__item .__detail {
  position: relative;
  width: 86%;
  margin-inline: auto;
  z-index: 2;
  margin-top: -2.4rem;
  background: #fff;
  padding: 2.4rem;
}
.page-hometact .p-house__item .__name {
  font-size: 2rem;
  font-weight: 700;
  color: #0064b4;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 2px dotted #b2b2b2;
}
.page-hometact .p-house__item .__desc {
  font-weight: 700;
  line-height: 2;
}
.page-hometact .p-option__inner {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-option__inner {
    margin-top: calc(7.6rem * 1);
    margin-bottom: calc(7.6rem * 1);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-option__inner {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__inner {
    margin-top: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__inner {
    padding-inline: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-option__inner {
    padding-inline: 3vw;
  }
}
.page-hometact .p-option__title {
  text-align: center;
}
.page-hometact .p-option__list {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .page-hometact .p-option__list {
    margin-top: calc(7.6rem * 0.25);
    margin-bottom: calc(7.6rem * 0.25);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-option__list {
    margin-top: calc(6rem * 0.25);
    margin-bottom: calc(6rem * 0.25);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__list {
    margin-top: calc(4rem * 0.25);
    margin-bottom: calc(4rem * 0.25);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__list {
    flex-direction: column;
    gap: 1.6rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__list .__item {
    display: flex;
    gap: 1.6rem;
    align-items: center;
  }
}
.page-hometact .p-option__list .__item-name {
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0.5em;
}
.page-hometact .p-option__enemanage {
  background: #f3f3f3;
  padding: 4rem;
}
@media (min-width: 1024px) {
  .page-hometact .p-option__enemanage {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-option__enemanage {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__enemanage {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__enemanage {
    padding-inline: 2.4rem;
  }
}
.page-hometact .p-option__enemanage .__title {
  text-align: center;
}
.page-hometact .p-option__enemanage .__text {
  font-weight: 700;
  text-align: center;
  line-height: 2;
}
@media (min-width: 1024px) {
  .page-hometact .p-option__enemanage .__text {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-option__enemanage .__text {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-option__enemanage .__text {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
.page-hometact .p-option__enemanage .__steps {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.page-hometact .p-option__enemanage .__step-title {
  background: #0064b4;
  border-radius: 20px 20px 0 0;
  padding: 2.4rem 4rem;
  color: #fff;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .page-hometact .p-option__enemanage .__step-title {
    padding-inline: 2.4rem;
  }
}
.page-hometact .p-option__enemanage .__step-title-main {
  font-size: 2.4rem;
  font-weight: 700;
}
.page-hometact .p-option__enemanage .__step-title-suffix {
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 1em;
}
.page-hometact .p-option__enemanage .__step-image {
  background: #fff;
  padding: 4rem;
  border-radius: 0 0 20px 20px;
}
@media (max-width: 767px) {
  .page-hometact .p-option__enemanage .__step-image {
    padding-inline: 2.4rem;
  }
}
.page-hometact .p-facility {
  overflow: hidden;
  background: url(../images/bg_facility_wave.svg) no-repeat top center/100%, url(../images/bg_facility_wave.svg) no-repeat bottom center/100%, linear-gradient(180deg, rgba(247, 245, 240, 0) 0%, rgba(247, 245, 240, 0) 10%, #f7f5f0 10%, #f7f5f0 90%, rgba(247, 245, 240, 0) 90%);
}
.page-hometact .p-facility__inner {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-facility__inner {
    margin-top: calc(7.6rem * 1.5);
    margin-bottom: calc(7.6rem * 1.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-facility__inner {
    margin-top: calc(6rem * 1.5);
    margin-bottom: calc(6rem * 1.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-facility__inner {
    margin-top: calc(4rem * 1.5);
    margin-bottom: calc(4rem * 1.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-facility__inner {
    padding-inline: 2.4rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-facility__inner {
    padding-inline: 5vw;
  }
}
.page-hometact .p-facility__title {
  text-align: center;
}
.page-hometact .p-facility__title img {
  width: unset;
  max-width: 100%;
}
@media (max-width: 767px) {
  .page-hometact .p-facility__title img {
    width: unset;
    max-width: 90%;
  }
}
.page-hometact .p-facility__list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .page-hometact .p-facility__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-hometact .p-facility__list2 {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .page-hometact .p-facility__list2 .__item:last-child {
    grid-column: span 2;
  }
}
.page-hometact .p-property__inner {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .page-hometact .p-property__inner {
    margin-top: calc(7.6rem * 1.5);
    margin-bottom: calc(7.6rem * 1.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-property__inner {
    margin-top: calc(6rem * 1.5);
    margin-bottom: calc(6rem * 1.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-property__inner {
    margin-top: calc(4rem * 1.5);
    margin-bottom: calc(4rem * 1.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-property__inner {
    padding-inline: 2.4rem;
  }
}
@media (max-width: 767px) {
  .page-hometact .p-property__inner {
    padding-inline: 5vw;
  }
}
.page-hometact .p-property__title {
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
  background: #e60021;
  color: #fff;
  padding: 1.6rem;
}
@media (min-width: 1024px) {
  .page-hometact .p-property .property {
    margin-top: calc(7.6rem * 0.5);
    margin-bottom: calc(7.6rem * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-hometact .p-property .property {
    margin-top: calc(6rem * 0.5);
    margin-bottom: calc(6rem * 0.5);
  }
}
@media (max-width: 767px) {
  .page-hometact .p-property .property {
    margin-top: calc(4rem * 0.5);
    margin-bottom: calc(4rem * 0.5);
  }
}
.page-hometact .p-property .property img {
  max-width: 100%;
}
.page-hometact .p-property .property .property_list_link {
  border: 2px solid #5a4b41;
  padding: 1.6rem;
}
.page-hometact .p-property .property .property_list_link:hover {
  border: 2px solid #E60021;
}