@charset "UTF-8";
:root {
  --header-height: 8rem
}
@media (max-width:767px) {
  :root {
    --header-height: 6.4rem
  }
}
.originalProductSect {
  background-color: #343f28;
  position: relative;
  z-index: 1
}
@media screen and (max-width:768px) {
  .originalProductSect__visual {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
  }
}
.originalProductSect__visual .parallaxPhoto {
  position: relative
}
.originalProductSect__visual .parallaxPhoto:before {
  background: #375928cc;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.originalProductSect__visual .parallaxPhoto__capIn {
  bottom: unset;
  top: 0;
  z-index: 2
}
.originalProductSect__inner {
  color: #fff;
  text-align: center;
  z-index: 2
}
@media screen and (min-width:768px) {
  .originalProductSect__inner {
    left: 50%;
    padding-top: 12rem;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 120rem
  }
}
@media screen and (max-width:768px) {
  .originalProductSect__inner {
    padding: 5.6rem 3.2rem 9.2rem;
    position: relative;
    width: 100%
  }
}
.originalProductSect .guideFeature, .originalProductSect .guideFeature .heading {
  text-align: center
}
@media screen and (min-width:768px) {
  .originalProductSect .guideFeature .heading + .heading {
    margin-top: 5.6rem
  }
}
@media screen and (max-width:768px) {
  .originalProductSect .guideFeature .heading + .heading {
    margin-top: 4rem
  }
}
.originalProductSect .guideFeature__txt--small {
  /*font-family: yakuhanmp, "Noto Serif JP", YuMincho, 游明朝体, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, ＭＳ 明朝, serif;*/
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 4rem
}
.originalProductSect .guideFeature__txt--small:before {
  content: "";
  margin-top: -.5em
}
.originalProductSect .guideFeature__txt--small:after {
  margin-bottom: -.5em
}
.originalProductSect .guideFeature__txt--small:after, .originalProductSect .guideFeature__txt--small:before {
  content: "";
  display: block;
  height: 0;
  width: 0
}
@media screen and (min-width:768px) {
  .originalProductSect .guideFeature__txt + .sceneCardGroup {
    margin-top: 5.6rem
  }
}
@media screen and (max-width:768px) {
  .originalProductSect .guideFeature__txt + .sceneCardGroup {
    margin-top: 4rem
  }
}
.originalProductSect .button--pageTop {
  margin-left: auto;
  margin-right: auto
}
@media screen and (min-width:768px) {
  .originalProductSect .button--pageTop {
    width: 27.4rem
  }
}
@media screen and (max-width:768px) {
  .originalProductSect .button--pageTop {
    width: 27.4rem
  }
  .originalProductSect .button--pageTop .arrowSVG {
    display: none
  }
}
.originalProductSect__linkArea {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
@media screen and (min-width:768px) {
  .originalProductSect__linkArea {
    height: 76%
  }
}
@media screen and (max-width:768px) {
  .originalProductSect__linkArea {
    height: 85%
  }
}
.sceneCardGroup {
  position: relative;
  z-index: 2
}
@media screen and (min-width:768px) {
  .sceneCardGroup {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: repeat(3, 1fr)
  }
}
@media screen and (max-width:768px) {
  .sceneCardGroup {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
  }
}
@media screen and (min-width:768px) {
  .doorContent__txt + .sceneCardGroup {
    margin-top: 5.6rem
  }
}
@media screen and (max-width:768px) {
  .doorContent__txt + .sceneCardGroup {
    margin-top: 4rem
  }
}
@media screen and (min-width:768px) {
  .sceneCardGroup + .button {
    margin-top: 8rem
  }
}
@media screen and (max-width:768px) {
  .sceneCardGroup + .button {
    margin-top: 8rem
  }
}
.sceneCard {
  position: relative
}
.sceneCard__body {
  background-color: #fff;
  padding: 1.6rem 1rem
}
.sceneCard__body .txt {
  color: #212121;
  /*font-family: yakuhanmp, "Noto Serif JP", YuMincho, 游明朝体, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, ＭＳ 明朝, serif;*/
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center
}
.sceneCard__body .txt:before {
  content: "";
  margin-top: -.25em
}
.sceneCard__body .txt:after {
  margin-bottom: -.25em
}
.sceneCard__body .txt:after, .sceneCard__body .txt:before {
  content: "";
  display: block;
  height: 0;
  width: 0
}
.sceneCard--comingsoon:after, .sceneCard--comingsoon:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.sceneCard--comingsoon:before {
  background-color: #999;
  content: "";
  mix-blend-mode: multiply;
  z-index: 1
}
.sceneCard--comingsoon:after {
  align-items: center;
  color: #fff;
  content: "COMING SOON";
  display: flex;
  font-family: EB Garamond, serif;
  font-size: 2.4rem;
  font-weight: 500;
  justify-content: center;
  z-index: 2
}

/* =========================================================
   from index.html / Duo Hills Toyoake Zengo
   ========================================================= */

/*@charset "UTF-8";*/
:root {
--header-height:8rem
}

@media (max-width:767px) {
:root {
--header-height:6.4rem
}
}
.headingCombi {
	margin-bottom: 6rem
}
.headingCombi__txt {
	color: #212121;
	font-family: yakuhanmp, "Noto Serif JP", YuMincho, 游明朝体, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, ＭＳ 明朝, serif;
	letter-spacing: normal;
	line-height: 2;
	text-align: center
}
.headingCombi__txt:before {
	content: "";
	margin-top: -.5em
}
.headingCombi__txt:after {
	margin-bottom: -.5em
}
.headingCombi__txt:after, .headingCombi__txt:before {
	content: "";
	display: block;
	height: 0;
	width: 0
}

@media screen and (min-width:768px) {
.headingCombi__txt {
	font-size: 1.6rem;
	margin-top: 3rem
}
}

@media screen and (max-width:768px) {
.headingCombi__txt {
	font-size: 1.4rem;
	margin-top: 2rem
}
}