@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,300&family=Shadows+Into+Light&family=Titillium+Web:wght@300&family=Cormorant+Garamond&family=Nothing+You+Could+Do&family=Noto+Serif+JP:wght@400;600&display=swap");
/*main color*/
/*accent*/
/*mono*/
/*navfoot*/
/*addcolor*/
/*font-family*/
/*font-weight notosans*/
/*media query break point*/
/*sp*/
/*tablet*/
/*se*/
/*追加*/
/*topConcept*/
/*brandHaco*/
/*brandHaco*/
/*grid settings*/
/* media query */
.block_pc {
  display: block !important;
}

.inline-block_pc {
  display: inline-block !important;
}

.inline_pc {
  display: inline !important;
}

.block_sp {
  display: none !important;
}

.inline-block_sp {
  display: none !important;
}

.inline_sp {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .block_pc {
    display: none !important;
  }
  .inline-block_pc {
    display: none !important;
  }
  .inline_pc {
    display: none !important;
  }
  .block_sp {
    display: block !important;
  }
  .inline-block_sp {
    display: inline-block !important;
  }
  .inline_sp {
    display: inline !important;
  }
}
.font-ja {
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}

#eraberu {
  font-family: "YakuHanJP", "Cormorant Garamond", "Noto Serif JP", serif;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  #eraberu {
    padding-top: 0;
  }
}
#eraberu #contents {
  background-color: #fff;
  overflow-x: hidden;
}
#eraberu img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#eraberu .hero {
  position: relative;
  height: calc(100vh - 100px);
  background-image: url("../../../assets/img/eraberu/mv.jpg");
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  #eraberu .hero {
    height: 80vw;
  }
}
#eraberu .hero h2 {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 4rem;
  letter-spacing: 8px;
  line-height: 1.6;
}
@media (max-height: 850px) and (min-width: 768px) {
  #eraberu .hero h2 {
    font-size: 4vh;
  }
}
@media only screen and (max-width: 768px) {
  #eraberu .hero h2 {
    font-size: 3.8vw;
    letter-spacing: 0.2em;
  }
}
#eraberu .hero h2 span {
  display: block;
  text-shadow: 0 0 10px #000;
}
#eraberu .hero h2 span:nth-child(2) {
  transform: translateY(35%);
}
#eraberu .hero__ttl {
  position: absolute;
  top: 78%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  font-size: 10vw;
  font-size: min(10vw, 200px);
  justify-content: center;
  color: rgba(255, 255, 255, 0.3);
}
@media (max-height: 850px) and (min-width: 768px) {
  #eraberu .hero__ttl {
    font-size: 12vh;
  }
}
@media only screen and (max-width: 768px) {
  #eraberu .hero__ttl {
    line-height: 1;
    font-size: 10.5vw;
    bottom: 10%;
  }
}
#eraberu .hero__ttlCtr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  gap: 0.4em;
  font-size: 0.3em;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #eraberu .hero__ttlCtr {
    font-size: 0.4em;
  }
}
#eraberu .hero__ttlCtr .cross {
  width: 0.8em;
  position: relative;
  margin-bottom: 0.5vw;
}
#eraberu .hero__ttlCtr .cross:before, #eraberu .hero__ttlCtr .cross:after {
  content: "";
  width: 100%;
  height: 4px;
  display: inline-block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #eraberu .hero__ttlCtr .cross:before, #eraberu .hero__ttlCtr .cross:after {
    height: 3px;
  }
}
#eraberu .hero__ttlCtr .cross:before {
  transform: rotate(45deg);
}
#eraberu .hero__ttlCtr .cross:after {
  transform: rotate(-45deg);
}
#eraberu .hero .scrolldown {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 50px;
}
@media only screen and (max-width: 768px) {
  #eraberu .hero .scrolldown {
    display: none;
  }
}
#eraberu .hero .scrolldown span {
  position: absolute;
  display: block;
  color: #eee;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  white-space: noWrap;
  transform: translate(-50%, -100%);
}
#eraberu .hero .scrolldown:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 30px;
  background: #eee;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}
#eraberu .intro {
  margin: 15rem 0;
}
@media only screen and (max-width: 768px) {
  #eraberu .intro {
    margin: 8rem 0;
  }
}
#eraberu .intro__wrap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .intro__wrap {
    grid-template-columns: 1fr;
  }
}
#eraberu .intro__txt {
  font-size: 2.8rem;
  line-height: 1.6;
}
#eraberu .intro__txt-en {
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
}
#eraberu .intro__lead {
  font-size: 1.6rem;
  margin-top: 3rem;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #eraberu .intro__lead {
    font-size: 1.7rem;
  }
}
#eraberu .intro__img {
  position: relative;
  margin-right: calc(100% - 50vw);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  #eraberu .intro__img {
    margin-right: 0;
  }
}
#eraberu .intro__img li:nth-child(1) {
  text-align: right;
}
#eraberu .intro__img li:nth-child(1) img {
  width: 80%;
  height: auto;
}
#eraberu .intro__img li:nth-child(2) {
  text-align: left;
  transform: translateY(-50%);
}
#eraberu .intro__img li:nth-child(2) img {
  width: 50%;
  height: auto;
}
#eraberu .intro__wimg {
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .intro__wimg {
    margin-top: 0;
  }
}
#eraberu .choice {
  margin: 15rem 0;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice {
    margin: 10rem 0;
  }
}
#eraberu .choice__wrap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .choice__wrap h3 {
  position: relative;
  text-align: center;
}
#eraberu .choice__arrow {
  position: relative;
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
  font-size: 3rem;
  line-height: 1.2;
  margin: 2rem auto;
  width: 18rem;
}
#eraberu .choice__arrow::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 18rem;
  height: 1px;
  background-color: #000;
}
#eraberu .choice__arrow:after {
  position: absolute;
  bottom: 0;
  right: 5px;
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  background-color: #000;
  transform: skewX(55deg);
}
#eraberu .choice__ttl {
  font-size: 3.2rem;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice__ttl {
    font-size: 3rem;
  }
}
#eraberu .choice__ttl-en {
  color: #b5b29f;
  font-size: 3.2rem;
  line-height: 1.6;
}
#eraberu .choice__desc {
  margin-top: 3rem;
  font-size: 2.4rem;
  text-align: center;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberu .choice__desc small {
  display: block;
  font-size: 0.7em;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice__desc {
    font-size: 2rem;
  }
}
#eraberu .choice01__cards {
  width: 100%;
  max-width: 1030px;
  margin-top: 3rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice01__cards {
    grid-template-columns: 1fr;
  }
}
#eraberu .choice01__card {
  cursor: pointer;
  aspect-ratio: 37/46;
  position: relative;
}
#eraberu .choice01__card > div {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.7s;
  backface-visibility: hidden;
}
#eraberu .choice01__card > div:first-child::after {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 0.5rem;
  width: 5rem;
  height: 5rem;
  background-image: url("../../../assets/img/eraberu/choice02_more.png");
  background-size: cover;
}
#eraberu .choice01__card-ura {
  transform: rotateY(-180deg);
}
#eraberu .choice01__card.active .choice01__card-omote {
  transform: rotateY(180deg);
}
#eraberu .choice01__card.active .choice01__card-ura {
  transform: rotateY(0);
}
#eraberu .choice01__card-ttl {
  position: absolute;
  top: 3rem;
  text-align: center;
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.2;
  z-index: 1;
  color: #fff;
}
#eraberu .choice01__card-ttl em {
  font-size: 2em;
  display: block;
}
#eraberu .choice01__card-ttl em.-moda {
  font-family: "Titillium Web", sans-serif;
  letter-spacing: 0.2em;
}
#eraberu .choice01__card-ttl em.-nordic {
  font-family: "Shadows Into Light", cursive;
}
#eraberu .choice01__card-ttl em.-nokiya {
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
}
#eraberu .choice01__card-ttl em.-vintage img {
  height: 2.4rem;
  width: auto;
}
#eraberu .choice01__card-txt {
  position: absolute;
  top: 12rem;
  padding: 0 2rem 2rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.6;
}
#eraberu .choice02__interior {
  margin-top: 3rem;
  position: relative;
  background-color: #f5f4f2;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice02__interior {
    grid-template-columns: 1fr;
  }
}
#eraberu .choice02__interior::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 25%;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
#eraberu .choice02__interior.-reverse::before {
  left: 50%;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice02__interior.-reverse::before {
    left: 0;
  }
}
#eraberu .choice02__interior.-reverse dt {
  order: 2;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice02__interior.-reverse dt {
    order: 1;
  }
}
#eraberu .choice02__interior.-reverse dd {
  order: 1;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice02__interior.-reverse dd {
    order: 2;
  }
}
#eraberu .choice02__interior dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4rem 2.5rem;
}
#eraberu .choice02__interior dt h3 {
  font-size: 2rem;
}
#eraberu .choice02__interior dt h3 em {
  display: block;
  font-size: 3em;
  margin: 1rem 0 2rem;
  line-height: 1;
}
#eraberu .choice02__interior dt h3 em.-moda {
  font-family: "Titillium Web", sans-serif;
  letter-spacing: 0.2em;
}
#eraberu .choice02__interior dt h3 em.-nordic {
  font-family: "Shadows Into Light", cursive;
}
#eraberu .choice02__interior dt h3 em.-nokiya {
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
}
#eraberu .choice02__interior dt h3 em.-vintage img {
  height: min(3vw, 3.6rem);
  width: auto;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice02__interior dt h3 em.-vintage img {
    height: 3.6rem;
  }
}
#eraberu .choice02__interior dt h3 span {
  margin-top: 1rem;
  color: initial;
  font-size: 1.8rem;
}
#eraberu .choice02__interior dt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 28%);
}
#eraberu .choice02__interior dt:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 15%;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
#eraberu .choice02__interior.-moda {
  color: #9eaaa0;
}
#eraberu .choice02__interior.-moda::before, #eraberu .choice02__interior.-moda::after,
#eraberu .choice02__interior.-moda ::before, #eraberu .choice02__interior.-moda ::after {
  background-color: rgba(158, 170, 160, 0.3);
}
#eraberu .choice02__interior.-nordic {
  color: #83a1b0;
}
#eraberu .choice02__interior.-nordic::before, #eraberu .choice02__interior.-nordic::after,
#eraberu .choice02__interior.-nordic ::before, #eraberu .choice02__interior.-nordic ::after {
  background-color: rgba(131, 161, 176, 0.3);
}
#eraberu .choice02__interior.-nokiya {
  color: #af8d9c;
}
#eraberu .choice02__interior.-nokiya::before, #eraberu .choice02__interior.-nokiya::after,
#eraberu .choice02__interior.-nokiya ::before, #eraberu .choice02__interior.-nokiya ::after {
  background-color: rgba(175, 141, 156, 0.3);
}
#eraberu .choice02__interior.-vintage {
  color: #383838;
}
#eraberu .choice02__interior.-vintage::before, #eraberu .choice02__interior.-vintage::after,
#eraberu .choice02__interior.-vintage ::before, #eraberu .choice02__interior.-vintage ::after {
  background-color: rgba(150, 150, 150, 0.3);
}
#eraberu .choice02__interior dd {
  line-height: 0;
  display: flex;
  overflow: hidden;
}
#eraberu .choice02__interior dd.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}
#eraberu .choice02__interior dd .slick-dots {
  bottom: 0;
}
#eraberu .choice02__interior dd .slick-dots li button:before {
  font-size: 1rem;
  background-color: unset;
  opacity: 1;
  color: #fff;
}
#eraberu .choice02__interior dd .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #333;
}
#eraberu .choice03__planlist {
  margin-top: 3rem;
}
#eraberu .choice03__planItem {
  margin-top: 3rem;
}
#eraberu .choice03__planItem dt {
  cursor: pointer;
  position: relative;
  background-color: #e7e6e0;
  padding: 1rem;
  font-size: 2.8rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice03__planItem dt {
    font-size: 1.7rem;
    text-align: left;
    line-height: 1.4;
  }
}
#eraberu .choice03__planItem dt i {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
}
#eraberu .choice03__planItem dt i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 1.8rem;
  height: 1px;
  background-color: #333;
  transition: 0.3s;
}
#eraberu .choice03__planItem dt i:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 1px;
  height: 1.8rem;
  background-color: #333;
  transition: 0.3s;
  transform-origin: top;
}
#eraberu .choice03__planItem dt.active i::before {
  transform: rotate(90deg);
  width: 0;
}
#eraberu .choice03__planItem dt.active i:after {
  transform: rotate(90deg) translate(-50%, -50%);
}
#eraberu .choice03__planItem dd {
  display: none;
  background-color: #f5f4f2;
  padding: 3rem 0;
}
#eraberu .choice03__planItem dd.active {
  display: block;
}
#eraberu .choice03__planDesc {
  font-size: 1.8rem;
  text-align: center;
  padding: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice03__planDesc {
    font-size: 1.6rem;
    text-align: left;
    padding: 2rem;
  }
}
#eraberu .choice03__planDesc small {
  display: block;
  font-size: 0.7rem;
}
#eraberu .choice03__planImg {
  width: 80%;
  margin: 3rem auto;
}
#eraberu .choice03__planSlider li {
  margin: 0 2rem;
  height: auto;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice03__planSlider li {
    margin: 0 0.5rem;
  }
}
#eraberu .choice03__planSlider .slick-dots li {
  margin: 0;
}
#eraberu .choice04__wrap {
  margin-top: 3rem;
  background-color: #f5f4f2;
  padding: 5rem 0;
}
#eraberu .choice04__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .choice04__catg h4 {
  text-align: center;
  font-size: 2rem;
}
#eraberu .choice04__catg h4 span {
  display: block;
  color: #b5b29f;
}
#eraberu .choice04__catg dd {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice04__catg dd {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
#eraberu .choice04__catg dd > div {
  background-color: #fff;
}
#eraberu .choice04__item-txt {
  text-align: center;
  font-size: 2rem;
  line-height: 1;
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice04__item-txt {
    font-size: 1.6rem;
  }
}
#eraberu .choice04__catg-cross {
  display: block;
  width: 20px;
  margin: 0 auto;
  position: relative;
  padding: 5rem 0;
}
#eraberu .choice04__catg-cross:before, #eraberu .choice04__catg-cross:after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  background: #333;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 0;
}
#eraberu .choice04__catg-cross:before {
  transform: rotate(45deg);
}
#eraberu .choice04__catg-cross:after {
  transform: rotate(-45deg);
}
#eraberu .choice05__wrap {
  margin-top: 3rem;
  background-image: url("../../../assets/img/eraberu/choice05_bg.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 5rem 0;
}
#eraberu .choice05__cord-list {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#eraberu .choice05__cord-item {
  border: 1px solid #999;
  background-color: #fff;
  margin: 0 3rem;
  height: unset;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice05__cord-item {
    margin: 0 0.5rem;
  }
}
#eraberu .choice05__cord-ttl {
  font-family: "YakuHanJP", "Noto Serif JP", serif;
  background-color: #b4b18c;
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-size: 2rem;
}
#eraberu .choice05__cord-detail {
  padding: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice05__cord-detail {
    padding: 1.5rem;
  }
}
#eraberu .choice05__cord-rcom {
  display: grid;
  grid-template-columns: 1fr 3fr;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice05__cord-rcom {
    grid-template-columns: 1fr;
  }
}
#eraberu .choice05__cord-rcom dt {
  padding: 1rem;
  text-align: center;
  background-color: #dcdbc9;
  display: flex;
  align-items: center;
  justify-content: center;
}
#eraberu .choice05__cord-rcom dd {
  padding: 1rem;
  background-color: #f5f4f2;
}
#eraberu .choice05__cord-rcom dd p {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.6;
}
#eraberu .choice05__cord-rcom dd p::before {
  content: "・";
}
#eraberu .choice05__cord-rcom dd p:not(:first-child) {
  margin-top: 0.5rem;
}
#eraberu .choice05__choice {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
#eraberu .choice05__choice-item:nth-child(1) {
  width: calc(44.5% - 2.3rem);
}
#eraberu .choice05__choice-item:nth-child(2) {
  width: 55.5%;
}
#eraberu .choice05__choice-item:nth-child(3) {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice05__choice-item {
    width: 100% !important;
  }
}
#eraberu .choice05__choice-ttl {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
#eraberu .choice05__choice-ttl i {
  display: inline-block;
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
  padding: 0.5rem 3rem 0.5rem 1rem;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  background-color: #333;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
}
#eraberu .choice05__choice-ttl span {
  font-size: 0.6em;
  display: inline-block;
}
#eraberu .choice05__choice-plans {
  width: 90%;
  max-width: 600px;
  margin: 1rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .choice05__choice-plans {
    grid-template-columns: 1fr;
  }
}
#eraberu .choice05__plan-spec {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberu .choice05__plan-spec em {
  font-size: 1.4em;
}
#eraberu .choice05__plan-spec span {
  display: inline-block;
}
#eraberu .zeh__ttl {
  position: relative;
  padding: 3rem 0 10rem;
  font-size: 2.8rem;
  line-height: 1.6;
  text-align: center;
  background-color: #f9f5f2;
  overflow: hidden;
}
#eraberu .zeh__ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 120%;
  height: 10rem;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  background: #fff;
}
#eraberu .zeh__ttl--en {
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
  color: #b5b29f;
  display: block;
}
#eraberu .zeh__intro {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .zeh__intro-txt {
  font-family: "YakuHanJP", "Noto Serif JP", serif;
  text-align: center;
  font-size: 2rem;
  line-height: 1.6;
}
#eraberu .zeh__intro-desc {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .zeh__intro-desc {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
#eraberu .zeh__intro-lead {
  font-size: 1.6rem;
}
#eraberu .zeh__detail {
  margin-top: 5rem;
  padding: 5rem 0 30rem;
  background-color: #f5f5f5;
}
#eraberu .zeh__detail-inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .zeh__detail-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #eraberu .zeh__detail-wrap {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
#eraberu .zeh__detail-wrap:not(:first-child) {
  margin-top: 5rem;
}
#eraberu .zeh__detail-wrap.w100 {
  grid-template-columns: 1fr;
}
#eraberu .zeh__detail-ttl {
  background-color: #b4b18c;
  text-align: center;
  padding: 1rem;
  color: #fff;
  font-size: 2rem;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberu .zeh__detail-lead {
  margin-top: 1rem;
  font-size: 1.6rem;
}
#eraberu .zeh__dannetsu-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .zeh__dannetsu-wrap {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
#eraberu .zeh__dannetsu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#eraberu .zeh__dannetsu-ttl {
  font-size: 2rem;
  text-align: center;
}
#eraberu .zeh__dannetsu-img {
  margin-top: 2rem;
}
#eraberu .flow {
  transform: translateY(-20rem);
  margin-bottom: -20rem;
  padding: 10rem 0 5rem;
  background-image: url("../../../assets/img/eraberu/flow_bg.jpg");
  background-size: cover;
  background-position: bottom;
  clip-path: polygon(50% 0%, 100% 10rem, 100% 100%, 0 100%, 0 10rem);
}
#eraberu .flow__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .flow h3 {
  font-size: 2rem;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
#eraberu .flow h3 span {
  font-size: 1.8em;
}
#eraberu .flow__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2rem;
  counter-reset: listnum;
  list-style: none;
  max-width: 800px;
  width: 100%;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 768px) {
  #eraberu .flow__list {
    gap: 0.2rem;
  }
}
#eraberu .search {
  margin: 5rem auto;
}
#eraberu .search__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  background-image: url("../../../assets/img/eraberu/search_bg.jpg");
  background-size: cover;
  padding: 5rem 3rem 75px;
  text-align: center;
  color: #fff;
  transform: translateY(45px);
}
#eraberu .search h3 {
  width: 90%;
  margin: 0 auto;
  padding: 1rem;
  font-size: 2.4rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  color: initial;
}
#eraberu .search__txt-01 {
  margin-top: 3rem;
  text-align: center;
  font-size: 2.4rem;
}
#eraberu .search__txt-02 {
  text-align: center;
  font-size: 1.6rem;
}
#eraberu .search__gmap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .search__btn {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 300px 3.5fr;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #eraberu .search__btn {
    grid-template-columns: 1fr;
  }
}
#eraberu .search__btn:link, #eraberu .search__btn:active, #eraberu .search__btn:hover {
  color: initial;
}
#eraberu .search__btn-txt {
  padding: 3rem 5rem;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  #eraberu .search__btn-txt {
    padding: 2rem 2rem 8rem;
  }
}
#eraberu .search__btn-img {
  position: relative;
  line-height: 0;
}
#eraberu .search__btn-img p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.9;
  color: #fff;
}
#eraberu .search__btn h4 {
  font-size: 2.4rem;
  color: initial;
}
#eraberu .search__btn-lead {
  font-size: 1.6rem;
  color: initial;
}
#eraberu .search__btn-arrow {
  position: absolute;
  bottom: 3rem;
  right: 5rem;
  font-size: 2rem;
  line-height: 1.2;
  width: 10rem;
  color: #b1a198;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  #eraberu .search__btn-arrow {
    right: 3rem;
  }
}
#eraberu .search__btn-arrow::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 10rem;
  height: 1px;
  background-color: #b1a198;
}
#eraberu .search__btn-arrow:after {
  position: absolute;
  bottom: 0;
  right: 5px;
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  background-color: #b1a198;
  transform: skewX(55deg);
}
#eraberu .search__btn:hover .search__btn-txt {
  background-color: #efe6e6;
}
#eraberu .search__btn:hover .search__btn-arrow {
  transform: translateX(1rem);
}
#eraberu .corp {
  margin: 15rem 0;
}
#eraberu .corp__ttl {
  font-size: 2.8rem;
  line-height: 1.6;
  text-align: center;
}
#eraberu .corp__ttl--en {
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
  color: #b5b29f;
  display: block;
}
#eraberu .corp__img {
  margin-top: 3rem;
}
#eraberu .corp__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberu .corp__about {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .corp__about {
    grid-template-columns: 1fr;
  }
}
#eraberu .corp__about-ttl {
  font-size: 3.6rem;
}
#eraberu .corp__about-lead--txt01 {
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 1rem 2rem;
  background-color: #eeede9;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberu .corp__about-lead--txt01 em {
  font-size: 1.5em;
}
#eraberu .corp__about-lead--txt02 {
  margin-top: 1.5rem;
  font-size: 1.6rem;
}
#eraberu .corp__feature-wrap {
  margin-top: 8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
}
@media only screen and (max-width: 768px) {
  #eraberu .corp__feature-wrap {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
#eraberu .corp__feature-txt--t01 {
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 1rem 2rem;
  background-color: #eeede9;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberu .corp__feature-txt--t01 em {
  font-size: 1.5em;
}
#eraberu .corp__feature-txt--t02 {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  font-size: 1.6rem;
}
#eraberu .cap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  margin: 15rem auto;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
  font-size: 1.2rem;
}
#eraberu .cap h4 {
  font-size: 1.2em;
}
#eraberu .cap dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.6;
}
#eraberu .cap dl dt {
  width: 7em;
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}
#eraberu .cap dl dt span:nth-child(1)::before {
  content: "●";
  display: inline-block;
}
#eraberu .cap dl dt .col {
  margin: 0 0.5rem;
}
#eraberu .cap dl dd {
  width: calc(100% - 7em);
  margin-bottom: 0.5rem;
}

:root {
  --com-color: #eeefee;
  --com-color-blu: #eaeef0;
  --com-color-red: #efeaed;
  --com-color-grn: #e4e4e4;
}

#eraberuNew {
  font-family: "YakuHanJP", "Cormorant Garamond", "Noto Serif JP", serif;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew {
    padding-top: 0;
  }
}
#eraberuNew #contents {
  background-color: #fff;
  overflow-x: hidden;
}
#eraberuNew img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#eraberuNew .p-hero {
  position: relative;
  height: calc(100vh - 100px);
  background-image: url("../../../assets/img/eraberu/eraberu-2025/mv-eraberu.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero {
    height: calc(100vh - 200px);
    width: 100%;
    background-image: unset;
  }
}
#eraberuNew .p-hero__slider {
  display: none;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero__slider {
    display: block;
    height: 100%;
    width: 100%;
  }
}
#eraberuNew .p-hero__slider-img {
  aspect-ratio: 635/781;
  height: 100%;
  width: 100%;
  opacity: 0;
}
#eraberuNew .p-hero__slider-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
#eraberuNew .p-hero__spmv {
  position: absolute;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero__spmv {
    position: absolute;
    width: 100%;
  }
}
#eraberuNew .p-hero__ttl {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}
@media (max-height: 850px) and (min-width: 768px) {
  #eraberuNew .p-hero__ttl {
    font-size: 4vh;
  }
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero__ttl {
    font-size: 3.8vw;
    letter-spacing: 0.2em;
    top: 20%;
  }
}
#eraberuNew .p-hero__logo {
  width: 80vw;
  max-width: 80rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero__logo {
    width: 95vw;
  }
}
#eraberuNew .p-hero__ttltxt {
  color: #333;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  #eraberuNew .p-hero__ttltxt {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-hero__ttltxt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero__ttltxt {
    letter-spacing: 1;
    margin-top: 2rem;
  }
}
#eraberuNew .p-hero .scrolldown {
  position: absolute;
  left: 50%;
  bottom: 40%;
  height: 50px;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-hero .scrolldown {
    display: none;
  }
}
#eraberuNew .p-hero .scrolldown span {
  position: absolute;
  display: block;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  white-space: noWrap;
  transform: translate(-50%, -100%);
  text-shadow: 0 0 5px #fff, 0 0 10px #fff;
}
@media (max-width: 768px) {
  #eraberuNew .p-hero .scrolldown span {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-hero .scrolldown span {
    font-size: 1.4rem;
  }
}
#eraberuNew .p-hero .scrolldown:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 30px;
  background: #333;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}
#eraberuNew .p-intro {
  margin: 8rem 0;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-intro {
    margin: 4rem 0;
  }
}
#eraberuNew .p-intro-in {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberuNew .p-intro__ttl {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 768px) {
  #eraberuNew .p-intro__ttl {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-intro__ttl {
    font-size: 2.4rem;
  }
}
#eraberuNew .p-intro__ttl-en {
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
}
#eraberuNew .p-intro__lead {
  font-size: 1.6rem;
  margin-top: 3rem;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-intro__lead {
    font-size: 1.7rem;
  }
}
#eraberuNew .p-intro__img {
  position: relative;
  margin-right: calc(100% - 50vw);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-intro__img {
    margin-right: 0;
  }
}
#eraberuNew .p-intro__img li:nth-child(1) {
  text-align: right;
}
#eraberuNew .p-intro__img li:nth-child(1) img {
  width: 80%;
  height: auto;
}
#eraberuNew .p-intro__img li:nth-child(2) {
  text-align: left;
  transform: translateY(-50%);
}
#eraberuNew .p-intro__img li:nth-child(2) img {
  width: 50%;
  height: auto;
}
#eraberuNew .p-intro__wimg {
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-intro__wimg {
    margin-top: 0;
  }
}
#eraberuNew .p-point {
  background-color: rgba(209, 196, 201, 0.4);
  padding: 4rem;
  border-radius: 1.4rem;
  margin: 7rem auto;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-point {
    padding: 2rem 1rem;
    margin: 3rem auto;
  }
}
#eraberuNew .p-point__ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  #eraberuNew .p-point__ttl {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-point__ttl {
    font-size: 2rem;
  }
}
#eraberuNew .p-point__ttl::before, #eraberuNew .p-point__ttl::after {
  content: "";
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 4rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-size: contain;
}
#eraberuNew .p-point__ttl::before {
  background-image: url("../../../assets/img/eraberu/eraberu-2025/i-point-l.png");
  left: -5rem;
}
#eraberuNew .p-point__ttl::after {
  background-image: url("../../../assets/img/eraberu/eraberu-2025/i-point-r.png");
  right: -5rem;
}
#eraberuNew .p-point__ttl-bg {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
}
@media (max-width: 768px) {
  #eraberuNew .p-point__ttl-bg {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-point__ttl-bg {
    font-size: 2.5rem;
  }
}
#eraberuNew .p-point__ttl-bg em {
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 0;
}
#eraberuNew .p-point__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 2rem;
  margin: 4rem 0 0;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-point__list {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin: 2rem 0 0;
  }
}
#eraberuNew .p-point__box {
  background-color: #fff;
  border-radius: 1rem;
  padding: 4rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-point__box {
    padding: 2rem;
  }
}
#eraberuNew .p-point__subttl {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  #eraberuNew .p-point__subttl {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-point__subttl {
    font-size: 2.4rem;
  }
}
#eraberuNew .p-point__subttl span {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  #eraberuNew .p-point__subttl span {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-point__subttl span {
    font-size: 1.4rem;
  }
}
#eraberuNew .p-point__subttl-en {
  font-family: "YakuHanJP", "Cormorant Garamond", "Noto Serif JP", serif;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  display: block;
  color: #D1C4C9;
}
@media (max-width: 768px) {
  #eraberuNew .p-point__subttl-en {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-point__subttl-en {
    font-size: 2rem;
  }
}
#eraberuNew .p-voice {
  margin: 8rem 0;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-voice {
    margin: 4rem 0;
  }
}
#eraberuNew .p-voice-in {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberuNew .p-voice__ttl {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 768px) {
  #eraberuNew .p-voice__ttl {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-voice__ttl {
    font-size: 2.4rem;
  }
}
#eraberuNew .p-voice__ttl-en {
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
}
#eraberuNew .p-voice__lead {
  font-size: 1.6rem;
  margin-top: 3rem;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-voice__lead {
    font-size: 1.7rem;
  }
}
#eraberuNew .p-voice__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  align-items: flex-end;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-voice__list {
    grid-template-columns: 1fr 1fr;
    gap: 2rem 1rem;
  }
}
#eraberuNew .p-voice__group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
#eraberuNew .p-voice__comment {
  background-color: var(--com-color);
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0;
  padding: 2rem;
  text-align: center;
  border-radius: 0.6rem;
  position: relative;
  height: 100%;
}
@media (max-width: 768px) {
  #eraberuNew .p-voice__comment {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .p-voice__comment {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  #eraberuNew .p-voice__comment {
    padding: 2rem 1rem;
  }
}
#eraberuNew .p-voice__comment::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 1.5rem solid var(--com-color);
  border-left: 1.5rem solid var(--com-color);
  border-right: 1.5rem transparent solid;
  border-bottom: 1.5rem transparent solid;
  position: absolute;
  bottom: -2.7rem;
  right: 4rem;
}
#eraberuNew .p-voice__comment--blu {
  background-color: var(--com-color-blu);
}
#eraberuNew .p-voice__comment--blu::before {
  border-top-color: var(--com-color-blu);
  border-left-color: var(--com-color-blu);
}
#eraberuNew .p-voice__comment--blu {
  background-color: var(--com-color-blu);
}
#eraberuNew .p-voice__comment--blu::before {
  border-top-color: var(--com-color-blu);
  border-left-color: var(--com-color-blu);
}
#eraberuNew .p-voice__men {
  width: 70%;
  margin-top: -2rem;
  margin-inline: auto;
  position: relative;
}
#eraberuNew .choice {
  margin: 15rem 0 0;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice {
    margin: 10rem 0 0;
  }
}
#eraberuNew .choice__wrap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberuNew .choice__wrap h3 {
  position: relative;
  text-align: center;
}
#eraberuNew .choice__arrow {
  position: relative;
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
  font-size: 3rem;
  line-height: 1.2;
  margin: 2rem auto;
  width: 18rem;
}
#eraberuNew .choice__arrow::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 18rem;
  height: 1px;
  background-color: #000;
}
#eraberuNew .choice__arrow:after {
  position: absolute;
  bottom: 0;
  right: 5px;
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  background-color: #000;
  transform: skewX(55deg);
}
#eraberuNew .choice__ttl {
  font-size: 3.2rem;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice__ttl {
    font-size: 3rem;
  }
}
#eraberuNew .choice__ttl-en {
  color: #b5b29f;
  font-size: 3.2rem;
  line-height: 1.6;
}
#eraberuNew .choice__desc {
  margin-top: 3rem;
  font-size: 2.4rem;
  text-align: center;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberuNew .choice__desc small {
  display: block;
  font-size: 0.7em;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice__desc {
    font-size: 2rem;
  }
}
#eraberuNew .choice01__cards {
  width: 100%;
  max-width: 1030px;
  margin-top: 3rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice01__cards {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
#eraberuNew .choice01__card {
  cursor: pointer;
  aspect-ratio: 390/520;
  position: relative;
}
#eraberuNew .choice01__card > div {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.7s;
  backface-visibility: hidden;
}
#eraberuNew .choice01__card > div:first-child::after {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 5rem;
  height: 5rem;
  background-image: url("../../../assets/img/eraberu/choice02_more.png");
  background-size: cover;
}
#eraberuNew .choice01__card-ura {
  transform: rotateY(-180deg);
}
#eraberuNew .choice01__card.active .choice01__card-omote {
  transform: rotateY(180deg);
}
#eraberuNew .choice01__card.active .choice01__card-ura {
  transform: rotateY(0);
}
#eraberuNew .choice01__card.active .choice01__card-ttl em {
  color: #fff !important;
  transition: 0.4s;
}
#eraberuNew .choice01__card-ttl {
  position: absolute;
  top: 5rem;
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.2;
  z-index: 1;
  color: #fff;
}
#eraberuNew .choice01__card-ttl.-moda {
  color: #9ca89e;
}
#eraberuNew .choice01__card-ttl.-nordic {
  color: #7e9aa9;
}
#eraberuNew .choice01__card-ttl.-nokiya {
  color: #a88896;
}
#eraberuNew .choice01__card-ttl.-vint {
  color: #666666;
}
#eraberuNew .choice01__card-ttl em {
  font-size: 4.5em;
  display: block;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice01__card-ttl em {
    font-size: 3em;
  }
}
#eraberuNew .choice01__card-ttl em.-moda {
  font-family: "Titillium Web", sans-serif;
  letter-spacing: 0.1em;
  color: #9ca89e;
  transition: 0.4s;
}
#eraberuNew .choice01__card-ttl em.-nordic {
  font-family: "Shadows Into Light", cursive;
  color: #7e9aa9;
  transition: 0.4s;
}
#eraberuNew .choice01__card-ttl em.-nokiya {
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
  color: #a88896;
  transition: 0.4s;
}
#eraberuNew .choice01__card-ttl em.-vintage {
  margin-top: 1rem;
}
#eraberuNew .choice01__card-ttl em.-vintage img {
  height: 3.8rem;
  width: auto;
}
#eraberuNew .choice01__card-txt {
  position: absolute;
  top: 20rem;
  padding: 0 6rem 2rem;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 768px) {
  #eraberuNew .choice01__card-txt {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .choice01__card-txt {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice01__card-txt {
    top: 13rem;
  }
}
#eraberuNew .p-int__ttl-img {
  position: absolute;
  width: 50%;
}
#eraberuNew .p-int__ttl-img--l {
  left: 0;
  top: 0;
}
#eraberuNew .p-int__ttl-img--r {
  right: 0;
  bottom: 0;
}
#eraberuNew .choice02__interior {
  margin-top: 3rem;
  position: relative;
  background-color: #f5f4f2;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice02__interior {
    grid-template-columns: 1fr;
  }
}
#eraberuNew .choice02__interior.-reverse dt {
  order: 2;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice02__interior.-reverse dt {
    order: 1;
  }
}
#eraberuNew .choice02__interior.-reverse .slider {
  order: 1;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice02__interior.-reverse .slider {
    order: 2;
  }
}
#eraberuNew .choice02__interior dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4rem 2.5rem;
}
#eraberuNew .choice02__interior dt h3 {
  font-size: 2rem;
}
#eraberuNew .choice02__interior dt h3 em {
  display: block;
  font-size: 3em;
  margin: 1rem 0 2rem;
  line-height: 1;
}
#eraberuNew .choice02__interior dt h3 em.-moda {
  font-family: "Titillium Web", sans-serif;
  letter-spacing: 0.2em;
}
#eraberuNew .choice02__interior dt h3 em.-nordic {
  font-family: "Shadows Into Light", cursive;
}
#eraberuNew .choice02__interior dt h3 em.-nokiya {
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
}
#eraberuNew .choice02__interior dt h3 em.-vintage img {
  height: min(3vw, 3.6rem);
  width: auto;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice02__interior dt h3 em.-vintage img {
    height: 3.6rem;
  }
}
#eraberuNew .choice02__interior dt h3 span {
  margin-top: 1rem;
  color: initial;
  font-size: 1.8rem;
}
#eraberuNew .choice03__planlist {
  margin-top: 3rem;
}
#eraberuNew .choice03__planItem {
  margin-top: 3rem;
}
#eraberuNew .choice03__planItem dt {
  cursor: pointer;
  position: relative;
  background-color: #e7e6e0;
  padding: 1rem;
  font-size: 2.8rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice03__planItem dt {
    font-size: 1.7rem;
    text-align: left;
    line-height: 1.4;
  }
}
#eraberuNew .choice03__planItem dt i {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
}
#eraberuNew .choice03__planItem dt i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 1.8rem;
  height: 1px;
  background-color: #333;
  transition: 0.3s;
}
#eraberuNew .choice03__planItem dt i:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 1px;
  height: 1.8rem;
  background-color: #333;
  transition: 0.3s;
  transform-origin: top;
}
#eraberuNew .choice03__planItem dt.active i::before {
  transform: rotate(90deg);
  width: 0;
}
#eraberuNew .choice03__planItem dt.active i:after {
  transform: rotate(90deg) translate(-50%, -50%);
}
#eraberuNew .choice03__planItem dd {
  display: none;
  background-color: #f5f4f2;
  padding: 3rem 0;
}
#eraberuNew .choice03__planItem dd.active {
  display: block;
}
#eraberuNew .choice03__planDesc {
  font-size: 1.8rem;
  text-align: center;
  padding: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice03__planDesc {
    font-size: 1.6rem;
    text-align: left;
    padding: 2rem;
  }
}
#eraberuNew .choice03__planDesc small {
  display: block;
  font-size: 0.7rem;
}
#eraberuNew .choice03__planImg {
  width: 80%;
  margin: 3rem auto;
}
#eraberuNew .choice03__planSlider li {
  margin: 0 2rem;
  height: auto;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice03__planSlider li {
    margin: 0 0.5rem;
  }
}
#eraberuNew .choice03__planSlider .slick-dots li {
  margin: 0;
}
#eraberuNew .choice04__wrap {
  margin-top: 3rem;
  background-color: #f5f4f2;
  padding: 5rem 0;
}
#eraberuNew .choice04__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberuNew .choice04__catg h4 {
  text-align: center;
  font-size: 2rem;
}
#eraberuNew .choice04__catg h4 span {
  display: block;
  color: #b5b29f;
}
#eraberuNew .choice04__catg dd {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice04__catg dd {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
#eraberuNew .choice04__catg dd > div {
  background-color: #fff;
}
#eraberuNew .choice04__item-txt {
  text-align: center;
  font-size: 2rem;
  line-height: 1;
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice04__item-txt {
    font-size: 1.6rem;
  }
}
#eraberuNew .choice04__catg-cross {
  display: block;
  width: 20px;
  margin: 0 auto;
  position: relative;
  padding: 5rem 0;
}
#eraberuNew .choice04__catg-cross:before, #eraberuNew .choice04__catg-cross:after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  background: #333;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 0;
}
#eraberuNew .choice04__catg-cross:before {
  transform: rotate(45deg);
}
#eraberuNew .choice04__catg-cross:after {
  transform: rotate(-45deg);
}
#eraberuNew .choice05__wrap {
  margin-top: 3rem;
  background-color: rgba(158, 170, 160, 0.2);
  padding: 5rem 0 17rem;
}
#eraberuNew .choice05__cord-list {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#eraberuNew .choice05__cord-item {
  border: 1px solid #999;
  background-color: #fff;
  margin: 0 3rem;
  height: unset;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__cord-item {
    margin: 0 0.5rem;
  }
}
#eraberuNew .choice05__cord-ttl {
  font-family: "YakuHanJP", "Noto Serif JP", serif;
  background-color: #b4b18c;
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-size: 2rem;
}
#eraberuNew .choice05__cord-ttl.-moda {
  background-color: #9eaaa0;
}
#eraberuNew .choice05__cord-ttl.-nord {
  background-color: #84a1b3;
}
#eraberuNew .choice05__cord-ttl.-nok {
  background-color: #af8d9c;
}
#eraberuNew .choice05__cord-ttl.-vint {
  background-color: #4b4949;
}
#eraberuNew .choice05__gridimg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 47% 47%;
  gap: 6% 1.5rem;
}
#eraberuNew .choice05__img {
  display: flex;
}
#eraberuNew .choice05__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#eraberuNew .choice05__img-sq {
  aspect-ratio: 1/1;
}
#eraberuNew .choice05__img-sq img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#eraberuNew .choice05__img.-img3 {
  grid-area: 1/2/3/4;
}
#eraberuNew .choice05__cord-detail {
  padding: 3rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__cord-detail {
    padding: 1.5rem;
  }
}
#eraberuNew .choice05__cord-rcom {
  display: grid;
  grid-template-columns: 1fr 3fr;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__cord-rcom {
    grid-template-columns: 1fr;
  }
}
#eraberuNew .choice05__cord-rcom dt {
  padding: 1rem;
  text-align: center;
  background-color: #dcdbc9;
  display: flex;
  align-items: center;
  justify-content: center;
}
#eraberuNew .choice05__cord-rcom dd {
  padding: 1rem;
  background-color: #f5f4f2;
}
#eraberuNew .choice05__cord-rcom dd p {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.6;
}
#eraberuNew .choice05__cord-rcom dd p::before {
  content: "・";
}
#eraberuNew .choice05__cord-rcom dd p:not(:first-child) {
  margin-top: 0.5rem;
}
#eraberuNew .choice05__choice {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
#eraberuNew .choice05__choice-item:nth-child(1) {
  width: calc(44.5% - 2.3rem);
}
#eraberuNew .choice05__choice-item:nth-child(2) {
  width: 55.5%;
}
#eraberuNew .choice05__choice-item:nth-child(3) {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__choice-item {
    width: 100% !important;
  }
}
#eraberuNew .choice05__choice-ttl {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
#eraberuNew .choice05__choice-ttl i {
  display: inline-block;
  font-family: "YakuHanJP", "Nothing You Could Do", cursive;
  padding: 0.5rem 3rem 0.5rem 1rem;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  background-color: #333;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
}
#eraberuNew .choice05__choice-ttl span {
  font-size: 0.6em;
  display: inline-block;
}
#eraberuNew .choice05__choice-plans {
  width: 90%;
  max-width: 600px;
  margin: 1rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__choice-plans {
    grid-template-columns: 1fr;
  }
}
#eraberuNew .choice05__choice-plans.obj--125 {
  grid-template-columns: 1fr 25%;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__choice-plans.obj--125 {
    grid-template-columns: 1fr;
  }
}
#eraberuNew .choice05__choice-plans.obj--140 {
  grid-template-columns: 1fr 40%;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .choice05__choice-plans.obj--140 {
    grid-template-columns: 1fr;
  }
}
#eraberuNew .choice05__plan-spec {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
}
#eraberuNew .choice05__plan-spec em {
  font-size: 1.4em;
}
#eraberuNew .choice05__plan-spec span {
  display: inline-block;
}
#eraberuNew .flow {
  transform: translateY(-10rem);
  margin-bottom: -10rem;
  padding: 10rem 0 5rem;
  background-image: url("../../../assets/img/eraberu/flow_bg.jpg");
  background-size: cover;
  background-position: bottom;
  clip-path: polygon(50% 0%, 100% 10rem, 100% 100%, 0 100%, 0 10rem);
}
#eraberuNew .flow__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberuNew .flow h3 {
  font-size: 2rem;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
#eraberuNew .flow h3 span {
  font-size: 1.8em;
}
#eraberuNew .flow__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2rem;
  counter-reset: listnum;
  list-style: none;
  max-width: 800px;
  width: 100%;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .flow__list {
    gap: 0.2rem;
  }
}
#eraberuNew .search {
  margin: 5rem auto;
}
#eraberuNew .search__inner {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  background-image: url("../../../assets/img/eraberu/eraberu-2025/search_bg.jpg");
  background-size: cover;
  background-position: center;
  padding: 5rem 3rem 75px;
  text-align: center;
  color: #fff;
  transform: translateY(45px);
}
#eraberuNew .search h3 {
  width: 90%;
  margin: 0 auto;
  padding: 1rem;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  color: initial;
  margin-block: 6rem;
}
@media (max-width: 768px) {
  #eraberuNew .search h3 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .search h3 {
    font-size: 2rem;
  }
}
#eraberuNew .search__txt-01 {
  margin-top: 3rem;
  text-align: center;
  font-size: 2.4rem;
}
#eraberuNew .search__txt-02 {
  text-align: center;
  font-size: 1.6rem;
}
#eraberuNew .search__gmap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#eraberuNew .search__btn {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 300px 3.5fr;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .search__btn {
    grid-template-columns: 1fr;
  }
}
#eraberuNew .search__btn:link, #eraberuNew .search__btn:active, #eraberuNew .search__btn:hover {
  color: initial;
}
#eraberuNew .search__btn-txt {
  padding: 3rem 5rem;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .search__btn-txt {
    padding: 2rem 2rem 8rem;
  }
}
#eraberuNew .search__btn-img {
  position: relative;
  line-height: 0;
}
#eraberuNew .search__btn-img p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.9;
  color: #fff;
}
#eraberuNew .search__btn h4 {
  font-size: 2.4rem;
  color: initial;
}
#eraberuNew .search__btn-lead {
  font-size: 1.6rem;
  color: initial;
}
#eraberuNew .search__btn-arrow {
  position: absolute;
  bottom: 3rem;
  right: 5rem;
  font-size: 2rem;
  line-height: 1.2;
  width: 10rem;
  color: #b1a198;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .search__btn-arrow {
    right: 3rem;
  }
}
#eraberuNew .search__btn-arrow::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 10rem;
  height: 1px;
  background-color: #b1a198;
}
#eraberuNew .search__btn-arrow:after {
  position: absolute;
  bottom: 0;
  right: 5px;
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  background-color: #b1a198;
  transform: skewX(55deg);
}
#eraberuNew .search__btn:hover .search__btn-txt {
  background-color: #efe6e6;
}
#eraberuNew .search__btn:hover .search__btn-arrow {
  transform: translateX(1rem);
}
#eraberuNew .cap {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  margin: 15rem auto;
  font-family: "YakuHanJP", "Noto Serif JP", serif;
  font-size: 1.2rem;
}
#eraberuNew .cap h4 {
  font-size: 1.2em;
}
#eraberuNew .cap dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.6;
}
#eraberuNew .cap dl dt {
  width: 7em;
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}
#eraberuNew .cap dl dt span:nth-child(1)::before {
  content: "●";
  display: inline-block;
}
#eraberuNew .cap dl dt .col {
  margin: 0 0.5rem;
}
#eraberuNew .cap dl dd {
  width: calc(100% - 7em);
  margin-bottom: 0.5rem;
}
#eraberuNew .c-conv {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #6E356B;
  width: 30rem;
  height: 5.5rem;
  margin-left: calc(100% - 30rem - 8rem);
  margin-bottom: 2rem;
  color: #fff;
  position: relative;
  box-shadow: 2px 2px 6px #222b3c;
  transition: 0.3s;
}
#eraberuNew .c-conv-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2;
  opacity: 1;
  pointer-events: all;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .c-conv-wrap {
    bottom: 7rem;
    background-color: rgba(244, 244, 244, 0.4);
  }
}
#eraberuNew .c-conv-wrap.hidden {
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .c-conv {
    width: 90%;
    margin: 0.4rem auto 1rem;
  }
}
#eraberuNew .c-conv__txt {
  font-size: 15px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
@media (max-width: 768px) {
  #eraberuNew .c-conv__txt {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .c-conv__txt {
    font-size: 1.3rem;
  }
}
#eraberuNew .c-conv__arw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 1rem;
}
#eraberuNew .c-conv__arwtxt {
  padding-bottom: 1rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 9px;
  font-size: 0.9rem;
}
@media (max-width: 768px) {
  #eraberuNew .c-conv__arwtxt {
    font-size: 9px;
  }
}
@media (max-width: 768px) {
  #eraberuNew .c-conv__arwtxt {
    font-size: 0.9rem;
  }
}
#eraberuNew .c-conv .u-arw-next {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%) rotate(135deg);
}
#eraberuNew .c-conv:hover {
  background-color: #9C4998;
  color: #fff;
  transition: 0.3s;
}
#eraberuNew .c-conv-reflect {
  animation: shine 6s infinite;
  background: linear-gradient(to right, rgba(231, 231, 231, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  content: "";
  height: 100%;
  opacity: 0;
  left: -75%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #eraberuNew .c-conv-reflect {
    animation: shine 6s infinite;
  }
}
@keyframes shine {
  0% {
    left: -75%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  30% {
    opacity: 1;
    left: 70%;
  }
  40% {
    opacity: 0;
    left: 125%;
  }
  80% {
    left: 125%;
    opacity: 0;
  }
  100% {
    left: -75%;
    opacity: 0;
  }
}

#image1,
#image2,
#image3,
#image4 {
  will-change: opacity;
}

#sliderIntMod.slider,
#sliderIntNord.slider,
#sliderIntNok.slider,
#sliderIntVint.slider {
  padding: 0 0;
}
#sliderIntMod .slides,
#sliderIntNord .slides,
#sliderIntNok .slides,
#sliderIntVint .slides {
  left: -100%;
}
#sliderIntMod .inner,
#sliderIntNord .inner,
#sliderIntNok .inner,
#sliderIntVint .inner {
  width: 100%;
}
#sliderIntMod .slider-dotcont,
#sliderIntNord .slider-dotcont,
#sliderIntNok .slider-dotcont,
#sliderIntVint .slider-dotcont {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
#sliderIntMod .slider-control,
#sliderIntNord .slider-control,
#sliderIntNok .slider-control,
#sliderIntVint .slider-control {
  display: none;
}
#sliderIntMod .slider-dots,
#sliderIntNord .slider-dots,
#sliderIntNok .slider-dots,
#sliderIntVint .slider-dots {
  margin-block: 0;
}
#sliderIntMod .slider-dots span,
#sliderIntNord .slider-dots span,
#sliderIntNok .slider-dots span,
#sliderIntVint .slider-dots span {
  background-color: #fff;
  opacity: 1;
  width: 8px;
  height: 8px;
}
#sliderIntMod .slider-dots span.active,
#sliderIntNord .slider-dots span.active,
#sliderIntNok .slider-dots span.active,
#sliderIntVint .slider-dots span.active {
  background-color: #333;
  opacity: 1;
}

#sliderIntMod .slider-dots span.active {
  background-color: #9ca89e;
}

#sliderIntNord .slider-dots span.active {
  background-color: #819fae;
}

#sliderIntNok .slider-dots span.active {
  background-color: #ad8b9a;
}

#sliderIntVint .slider-dots span.active {
  background-color: #808080;
}

/*========================================================================================================
　Google Map
========================================================================================================*/
.gmapWrap { /*max-width: 1200px;*/ /*width: 1200px;*/
  width: 100%;
  margin: 0 auto 60px;
  /* -------------------------------------------------------------------
  　スマホ
  ------------------------------------------------------------------- */
}
.gmapWrap .map-tab {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gmapWrap .map-tab_item {
  display: inline-block; /*padding: 8px 15px;*/
  padding: 8px 8px;
  cursor: pointer;
  color: #fff;
  transition: 0.5s;
  position: relative;
  font-size: 13px;
  letter-spacing: 0;
}
.gmapWrap .map-tab_item::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: transparent transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  top: calc(100% - 12px);
  transition: 0.5s;
}
.gmapWrap .map-tab_item:not(:last-child) {
  margin-right: 4px;
}
.gmapWrap .map-tab_item.active {
  color: #fff;
}
.gmapWrap .map-tab_item.active::after {
  top: calc(100% - 0px);
}
.gmapWrap .map-tab_item.all {
  background: rgb(145, 70, 141);
}
.gmapWrap .map-tab_item.all.active {
  background: rgb(145, 70, 141);
}
.gmapWrap .map-tab_item.all.active::after {
  border-top-color: rgb(145, 70, 141);
}
.gmapWrap .map-tab_item.fukuoka {
  background: rgb(181, 178, 141);
}
.gmapWrap .map-tab_item.fukuoka.active {
  background: rgb(181, 178, 141);
}
.gmapWrap .map-tab_item.fukuoka.active::after {
  border-top-color: rgb(181, 178, 141);
}
.gmapWrap .map-tab_item.eastern {
  background: rgb(132, 162, 178);
}
.gmapWrap .map-tab_item.eastern.active {
  background: rgb(132, 162, 178);
}
.gmapWrap .map-tab_item.eastern.active::after {
  border-top-color: rgb(132, 162, 178);
}
.gmapWrap .map-tab_item.western {
  background: rgb(178, 162, 153);
}
.gmapWrap .map-tab_item.western.active {
  background: rgb(178, 162, 153);
}
.gmapWrap .map-tab_item.western.active::after {
  border-top-color: rgb(178, 162, 153);
}
.gmapWrap .map-tab_item.southern {
  background: rgb(176, 142, 158);
}
.gmapWrap .map-tab_item.southern.active {
  background: rgb(176, 142, 158);
}
.gmapWrap .map-tab_item.southern.active::after {
  border-top-color: rgb(176, 142, 158);
}
.gmapWrap .map-tab_item.kitakyushu {
  background: rgb(159, 171, 161);
}
.gmapWrap .map-tab_item.kitakyushu.active {
  background: rgb(159, 171, 161);
}
.gmapWrap .map-tab_item.kitakyushu.active::after {
  border-top-color: rgb(159, 171, 161);
}
.gmapWrap .map-tab_item.other {
  background: rgb(181, 181, 182);
}
.gmapWrap .map-tab_item.other.active {
  background: rgb(181, 181, 182);
}
.gmapWrap .map-tab_item.other.active::after {
  border-top-color: rgb(181, 181, 182);
}
.gmapWrap .map-tab_item.fukuokaAll {
  display: none;
}
.gmapWrap #gmap {
  width: 100%;
  height: 600px;
}
.gmapWrap .map-window {
  width: 200px;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
}
.gmapWrap .map-window a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-decoration: none;
  color: inherit;
  transition: 0.5s;
}
.gmapWrap .map-window a:hover {
  opacity: 0.7; /*color: $mainColor;*/
}
.gmapWrap .map-window .ph {
  width: 100%;
  margin: 0 auto 8px;
}
.gmapWrap .map-window .ph span {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative;
}
.gmapWrap .map-window .ph span img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}
.gmapWrap .map-window .text {
  width: 100%;
}
.gmapWrap .map-window .text .name {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}
.gmapWrap .map-window .text .area {
  margin: 0;
  font-size: 12px;
}
.gmapWrap .map-window .text .link {
  display: flex;
  justify-content: space-between;
  justify-content: flex-end;
  align-items: baseline;
  font-size: 12px;
  color: #91468d;
  margin-top: 5px;
  margin-left: auto;
}
.gmapWrap .map-window .text .link em {
  text-decoration: underline;
  letter-spacing: 0;
}
.gmapWrap .map-window .text .link i {
  font-size: 88%;
  line-height: 1;
  margin-left: 2px;
}
@media only screen and (max-width: 768px) {
  .gmapWrap {
    width: 100%;
    margin: 0 auto 50px;
  }
  .gmapWrap .map-tab {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 15;
  }
  .gmapWrap .map-tab_item {
    padding: 8px 8px;
    width: calc(33.3333333333% - 0px); /*width: auto;*/
    box-sizing: border-box; /*margin-top: 5px;*/
    margin-top: 0px;
  }
  .gmapWrap .map-tab_item::after {
    content: none;
  }
  .gmapWrap .map-tab_item:not(:last-child) { /*margin-right: 2px;*/
    margin-right: 0px;
  }
  .gmapWrap .map-tab_item.fukuokaAll {
    display: block;
  }
  .gmapWrap .map-tab_item.fukuoka01, .gmapWrap .map-tab_item.fukuoka02, .gmapWrap .map-tab_item.fukuoka03 {
    display: none;
  }
  .gmapWrap #gmap {
    width: 100%;
    height: 500px;
  }
  .gmapWrap .map-window {
    width: 200px;
  }
  .gmapWrap .map-window a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .gmapWrap .map-window a:hover {
    opacity: 1;
  }
  .gmapWrap .map-window .ph {
    width: 100%;
    margin: 0 auto 8px;
  }
  .gmapWrap .map-window .text {
    width: 100%;
  }
  .gmapWrap .map-window .text .name {
    margin: 0;
    font-size: 15px;
  }
  .gmapWrap .map-window .text .area {
    margin: 0;
    font-size: 12px;
  }
  .gmapWrap .map-window .text .link {
    font-size: 12px;
    margin-top: 5px;
  }
  .gmapWrap .map-window .text .link i {
    font-size: 88%;
    margin-left: 2px;
  }
}

#eraberu .search__gmap {
  width: 100%;
  max-width: 1200px;
}/*# sourceMappingURL=page-eraberu.css.map */