@charset "UTF-8";
#container {
  padding-top: 146px;
}

@media screen and (max-width: 1200px) {
  #container {
    padding-top: 12.4vw;
  }
}
@media screen and (max-width: 769px) {
  #container {
    padding-top: 13vw;
  }
}
#container img {
  display: block;
  width: 100%;
  height: auto;
}

#container .wrap01 {
  max-width: 980px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#container .wrap02 {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#container .wrap_full {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #container .wrap01 {
    max-width: none;
    width: 78.1vw;
  }
  #container .wrap02 {
    max-width: none;
    width: 89.3vw;
  }
}
@media screen and (max-width: 769px) {
  #container .wrap01,
  #container .wrap02 {
    width: 100%;
  }
}
#mv {
  background-color: #f5f5f5;
}

#tokuten {
  background-color: #fff;
}

#choice {
  background-color: #efefef;
}
#choice .title_area {
  position: relative;
  background: url(../images/mansion_final/choice_title_bg_pc.jpg) no-repeat center top/cover;
}
#choice .title_area .wrap01 {
  position: relative;
}

@media screen and (max-width: 769px) {
  #choice .title_area {
    background: none;
  }
}
#type {
  background: #ebe3e1 url(../images/mansion_final/type_bg_pc.jpg) no-repeat center top/cover;
}

@media screen and (max-width: 769px) {
  #type {
    background-image: none;
  }
}
#equipment {
  background-color: #fff;
}

#campaign {
  background: #582b2a url(../images/mansion_final/camp_bg_pc.svg) repeat-x left top/auto 100%;
}
#campaign .camp_box {
  position: relative;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1400/530;
}
#campaign .txt01 {
  position: absolute;
  top: 15.0943396226%;
  left: 15%;
  width: 69.9485714286%;
}
#campaign .btn01 {
  position: absolute;
  top: 71.6981132075%;
  left: 67.8571428571%;
  width: 14.2857142857%;
}

@media screen and (max-width: 769px) {
  #campaign {
    background-image: url(../images/mansion_final/camp_bg_sp.svg);
  }
  #campaign .camp_box {
    aspect-ratio: 750/920;
  }
  #campaign .txt01 {
    top: 8.152173913%;
    left: 6.6666666667%;
    width: 86.6666666667%;
  }
  #campaign .btn01 {
    top: 83.4782608696%;
    left: 36.6666666667%;
    width: 26.6666666667%;
  }
}
#convenience {
  background-color: #fff;
}

#bottom {
  background-color: #fff;
}
#bottom .bottom_btn {
  padding: 104px 0 200px;
}
#bottom .bottom_btn a {
  display: block;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 769px) {
  #bottom .bottom_btn {
    padding: 6.9vw 0 8.4vw;
  }
  #bottom .bottom_btn a {
    width: 46.7vw;
  }
}
/*---------------------------
アニメーション用CSS
-----------------------------*/
.animate,
.animate2,
.animate3,
.animate4 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}

.animate.deactive,
.animate2.deactive,
.animate3.deactive,
.animate4.deactive {
  opacity: 0;
  transition: 0s;
  transform: translateY(10px);
}

/*# sourceMappingURL=style_mansion_final.css.map */