@charset "UTF-8";
.pre-inc .cara_wrapp {
  position: relative;
}
.pre-inc .cara_wrapp .sst_cara {
  position: absolute;
  z-index: 11;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
.pre-inc .cara_wrapp .sst_cara.on {
  -webkit-animation: chara 0.8s linear 1 forwards;
  animation: chara 0.8s linear 1 forwards;
}
.pre-inc {
  /**トップページ***/
}
.pre-inc .top_wrapp .top_wrapp_in_l {
  margin-bottom: 140px;
}
.pre-inc .cara_wrapp.top_cara .cara_1 {
  width: 23.6111111111%;
  max-width: 320px;
  min-width: 170px;
  bottom: -140px;
  right: 9%;
}
.pre-inc .cara_wrapp.top_cara .cara_2 {
  width: 32.5925925926%;
  max-width: 440px;
  min-width: 180px;
  bottom: -106px;
  left: 3%;
  z-index: 12;
}
.pre-inc .top_wrapp_in.location {
  margin-bottom: 200px;
}
.pre-inc .cara_wrapp.top_cara .cara_3 {
  width: 41.2037037037%;
  max-width: 590px;
  min-width: 310px;
  bottom: -200px;
  left: 3%;
  z-index: 12;
}
.pre-inc .top_wrapp_in.plan {
  margin-bottom: 150px;
}
.pre-inc .cara_wrapp.top_cara .cara_4 {
  width: 44.4444444444%;
  max-width: 516px;
  bottom: -205px;
  right: 2%;
  z-index: 12;
}
.pre-inc .top_wrapp .limited_wrapp {
  padding-bottom: 150px;
}
.pre-inc .cara_wrapp.top_cara .cara_5 {
  width: 27.7777777778%;
  max-width: 370px;
  min-width: 150px;
  bottom: 0px;
  left: 5%;
  z-index: 12;
}
.pre-inc {
  /**ロケーションページ***/
}
.pre-inc .cara_wrapp.location_cara .cara_1 {
  width: 26.8518518519%;
  max-width: 290px;
  min-width: 150px;
  bottom: 0%;
  right: 3%;
}
.pre-inc .cara_wrapp.location_cara .cara_1_sp {
  display: none;
}
.pre-inc .cara_wrapp.location_cara .cara_2 {
  width: 32.4074074074%;
  max-width: 330px;
  bottom: -30%;
  right: 75%;
}
.pre-inc .main_text_wrapp {
  margin: 0 auto 300px;
}
.pre-inc .cara_wrapp.location_cara .cara_3 {
  width: 23.7037037037%;
  bottom: -330px;
  left: 65%;
}
.pre-inc .cara_wrapp.location_cara .cara_4 {
  width: 19.4444444444%;
  bottom: -30%;
  right: 98%;
}
.pre-inc .cara_wrapp.location_cara .cara_5 {
  width: 32.4074074074%;
  bottom: -54%;
  left: 85%;
}
.pre-inc .life_style_wrapp {
  /*padding-bottom: 280px;*/
  margin-bottom: 150px;
}
.pre-inc .cara_wrapp.location_cara .cara_6 {
  width: 61.1111111111%;
  bottom: calc(0vw - 300px);
  left: -15vw;
}
.pre-inc .cara_wrapp.location_cara .cara_7 {
  width: 22.2222222222%;
  max-width: 240px;
  min-width: 120px;
  top: -10%;
  right: 77%;
}
.pre-inc .location_wrapp .location_contents3 {
  padding-bottom: 220px;
}
.pre-inc .cara_wrapp.location_cara .cara_8_wrapp {
  width: 100%;
  bottom: -290px;
  left: 0;
  position: absolute;
}
.pre-inc .cara_wrapp.location_cara .cara_8_wrapp .cara_8 {
  width: 30.5555555556%;
  max-width: 528px;
  bottom: 0;
  left: 71%;
}
.pre-inc .cara_wrapp.location_cara .cara_8_wrapp::after {
  content: "";
  width: 100%;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 13px;
}
.pre-inc {
  /**大規模マンションページ***/
}
.pre-inc .big_head_nomal {
  position: absolute;
  z-index: 11;
  width: 23.6111111111%;
  min-width: 170px;
  bottom: 0px;
  right: 35%;
}
.pre-inc .cara_wrapp.big_cara .cara_2 {
  width: 16.6666666667%;
  max-width: 250px;
  min-width: 130px;
  bottom: -190px;
  left: 3%;
}
.pre-inc .bigproject_wrapp p.read_text.mbottom {
  margin-bottom: 230px;
}
.pre-inc .cara_wrapp.big_cara .cara_3 {
  width: 33.3333333333%;
  max-width: 360px;
  right: 5%;
  top: -150px;
}
.pre-inc .bigproject_wrapp p.read_text.mbottom2 {
  padding-bottom: 40vw;
  margin-bottom: 0px;
}
.pre-inc .cara_wrapp.big_cara .cara_4 {
  width: 41.2037037037%;
  max-width: 590px;
  min-width: 310px;
  left: 15%;
  bottom: 0;
}
.pre-inc .bigproject_wrapp p.read_text.icon_2::before {
  max-width: 80px;
}
.pre-inc .bigproject_wrapp p.read_text.icon_2::after {
  top: 13%;
  max-width: 80px;
}
.pre-inc .cara_wrapp.big_cara .cara_5 {
  width: 25.9259259259%;
  max-width: 280px;
  top: -200px;
  left: 5%;
}
.pre-inc .bigproject_wrapp p.read_text.mbottom3 {
  padding-bottom: 18vw;
  margin-bottom: 0px;
}
.pre-inc .cara_wrapp.big_cara .cara_6 {
  width: 32.5925925926%;
  max-width: 440px;
  min-width: 180px;
  bottom: -50px;
  left: 30%;
  z-index: 5;
}
.pre-inc .bigproject_wrapp p.read_text.mbottom4 {
  padding-bottom: 25vw;
  margin-bottom: 0px;
}
.pre-inc .cara_wrapp.big_cara .cara_7 {
  width: 46.2962962963%;
  bottom: -23%;
  left: -2%;
}
.pre-inc .bigproject_wrapp p.read_text.icon_5::before {
  max-width: 70px;
}
.pre-inc .bigproject_wrapp p.read_text.icon_5::after {
  max-width: 70px;
}
@media (max-width: 767px) {
  .pre-inc #gibproject .page_main_image span {
    left: inherit;
    bottom: 38%;
    right: 10px;
  }
  .pre-inc .bigproject_wrapp {
    margin-top: 0px;
  }
  .pre-inc .big_head_nomal {
    position: absolute;
    z-index: 11;
    width: 35.1851851852%;
    min-width: inherit;
    bottom: 0px;
    right: 1%;
  }
  .pre-inc .cara_wrapp.big_cara .cara_2 {
    width: 16.6666666667%;
    left: inherit;
    right: 3%;
  }
  .pre-inc .bigproject_wrapp .bigproject_contents1 .contents_image_1_2 .cap.rig {
    bottom: -10px;
    right: auto;
    left: 10px;
  }
  .pre-inc .bigproject_wrapp p.read_text.mbottom {
    margin-bottom: 160px;
  }
  .pre-inc .cara_wrapp.big_cara .cara_3 {
    width: 50.9259259259%;
    max-width: inherit;
    right: 5%;
    top: -70px;
  }
  .pre-inc .bigproject_wrapp p.read_text.mbottom2 {
    padding-bottom: 72vw;
    margin-bottom: 0px;
  }
  .pre-inc .cara_wrapp.big_cara .cara_4 {
    width: 71.2962962963%;
    max-width: inherit;
    min-width: inherit;
    left: 15%;
    bottom: 0;
  }
  .pre-inc .cara_wrapp.big_cara .cara_5 {
    width: 44.4444444444%;
    max-width: inherit;
    top: -130px;
    left: 1%;
  }
  .pre-inc .bigproject_wrapp p.read_text.mbottom3 {
    padding-bottom: 29vw;
    margin-bottom: 0px;
  }
  .pre-inc .cara_wrapp.big_cara .cara_6 {
    width: 48.1481481481%;
    max-width: inherit;
    min-width: inherit;
    bottom: -30px;
    left: 25%;
    z-index: 5;
  }
  .pre-inc .raccess_wrapp {
    padding-top: 60px;
  }
  .pre-inc .bigproject_wrapp p.read_text.mbottom4 {
    padding-bottom: 55vw;
    margin-bottom: 0px;
  }
  .pre-inc .cara_wrapp.big_cara .cara_7 {
    width: 79.6296296296%;
    bottom: -20vw;
    left: 6%;
  }
}
.pre-inc {
  /**アクセスページ***/
}
.pre-inc .flex_contents.shogyou, .pre-inc .flex_contents.jimusho {
  flex-direction: row;
}
.pre-inc .cara_wrapp.access_cara .cara_1_sp {
  display: none;
}
.pre-inc .cara_wrapp.access_cara .cara_1 {
  width: 39.8148148148%;
  max-width: 400px;
  bottom: -38%;
  right: 86%;
}
.pre-inc {
  /*
  .flex_contents.shogyou {
      margin-bottom: 25%;
      padding-bottom:25%;
  }
  */
}
.pre-inc .image_cap.cm {
  padding-right: 90px;
}
.pre-inc .cara_wrapp.access_cara .cara_3 {
  width: 50.9259259259%;
  /* max-width: 360px; */
  bottom: -15%;
  right: -30%;
}
.pre-inc .cara_wrapp.access_cara .cara_4 {
  width: 21.2962962963%;
  max-width: 230px;
  min-width: 150px;
  top: 56%;
  right: -20%;
}
.pre-inc .access_wrapp p.read_text.future {
  margin-bottom: 120px;
}
.pre-inc .cara_wrapp.access_cara .cara_5 {
  width: 40.7407407407%;
  max-width: 440px;
  left: -12%;
  top: -140px;
}
@media (max-width: 1400px) {
  .pre-inc .cara_wrapp.access_cara .cara_5 {
    top: -10vw;
  }
}
.pre-inc .cara_wrapp.access_cara .cara_6 {
  width: 25%;
  max-width: 250px;
  min-width: 150px;
  top: -20%;
  right: -20%;
}
.pre-inc .cara_wrapp.access_cara .cara_7 {
  width: 33.3333333333%;
  max-width: 350px;
  min-width: 220px;
  top: 25%;
  left: -12%;
}
.pre-inc .cara_wrapp.access_cara .cara_8 {
  width: 38.8888888889%;
  max-width: 420px;
  bottom: -14%;
  right: -22%;
}
.pre-inc .access_in.under {
  margin-bottom: 230px;
  z-index: 3;
}
.pre-inc .cara_wrapp.access_cara .cara_9 {
  width: 44.4444444444%;
  max-width: 480px;
  bottom: -430px;
  right: 76%;
}
@media (max-width: 1480px) {
  .pre-inc .cara_wrapp.access_cara .cara_9 {
    width: 44.4444444444%;
    max-width: 480px;
    bottom: -430px;
    left: -15%;
    right: inherit;
  }
}
.pre-inc .cara_wrapp.access_cara .cara_10 {
  width: 20.3703703704%;
  max-width: 220px;
  min-width: 120px;
  top: -30%;
  left: -10%;
}
.pre-inc .kurashi_wrapp.train {
  z-index: 2;
  padding-top: 120px;
}
.pre-inc .cara_wrapp.access_cara .cara_11 {
  width: 22.2222222222%;
  max-width: 240px;
  min-width: 140px;
  bottom: 10%;
  left: -15%;
}
.pre-inc .kurashi_wrapp.car {
  margin-bottom: 350px;
}
.pre-inc .cara_wrapp.access_cara .cara_12 {
  width: 46.2962962963%;
  bottom: 0;
  right: -5%;
}
.pre-inc .car_info {
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 1488px) {
  .pre-inc .cara_wrapp.access_cara .cara_12 {
    width: 46.2962962963%;
    bottom: 0;
    right: -6%;
  }
}
@media (max-width: 767px) {
  .pre-inc #access .page_main_image {
    z-index: 6;
  }
  .pre-inc .page_main_image span.access {
    left: 10px;
    bottom: 3%;
    right: auto;
  }
  .pre-inc .access_kyeimage {
    padding-top: 21vw;
  }
  .pre-inc .cara_wrapp.access_cara .cara_1_sp {
    width: 53.7037037037%;
    max-width: inherit;
    min-width: inherit;
    bottom: inherit;
    top: -10vw;
    right: 5%;
    display: block;
  }
  .pre-inc .cara_wrapp.access_cara .cara_1 {
    display: none;
  }
  .pre-inc .cara_wrapp.access_cara .cara_2 {
    width: 27.7777777778%;
    max-width: 300px;
    min-width: 200px;
    bottom: 35%;
    left: inherit;
    right: -15%;
  }
  .pre-inc .flex_contents.shogyou .access_future_text {
    padding-top: 45vw;
  }
  .pre-inc .flex_contents.shogyou {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .pre-inc .cara_wrapp.access_cara .cara_3 {
    width: 60.1851851852%;
    max-width: inherit;
    min-width: inherit;
    top: -3%;
    left: 15%;
    bottom: inherit;
  }
  .pre-inc .cara_wrapp.access_cara .cara_4 {
    width: 39.8148148148%;
    max-width: inherit;
    min-width: inherit;
    top: 56%;
    right: -16%;
  }
  .pre-inc .access_wrapp p.read_text.future {
    margin-bottom: 60px;
  }
  .pre-inc .cara_wrapp.access_cara .cara_5 {
    width: 50.9259259259%;
    max-width: inherit;
    min-width: inherit;
    left: -12%;
    top: -17vw;
  }
  .pre-inc .cara_wrapp.access_cara .cara_6 {
    width: 45.3703703704%;
    max-width: inherit;
    min-width: inherit;
    top: -20%;
    right: -20%;
  }
  .pre-inc .cara_wrapp.access_cara .cara_7 {
    width: 57.4074074074%;
    max-width: inherit;
    min-width: inherit;
    top: -8vw;
    left: -19%;
  }
  .pre-inc .access_imagebox.imagebox2 {
    margin-bottom: 90px;
  }
  .pre-inc .cara_wrapp.access_cara .cara_8 {
    width: 46.2962962963%;
    max-width: inherit;
    min-width: inherit;
    bottom: -140px;
    left: inherit;
    right: -12%;
  }
  .pre-inc .access_in.under {
    margin-bottom: 130px;
  }
  .pre-inc .cara_wrapp.access_cara .cara_9 {
    width: 54.6296296296%;
    max-width: inherit;
    min-width: inherit;
    bottom: -45%;
    left: inherit;
    left: 8vw;
  }
  .pre-inc .kurashi_wrapp.train {
    padding-top: 150px;
  }
  .pre-inc .kurashi_wrapp h4.sub_text {
    margin-top: 0vw;
  }
  .pre-inc .cara_wrapp.access_cara .cara_10 {
    width: 37.037037037%;
    max-width: inherit;
    min-width: inherit;
    top: -60vw;
    left: 20%;
  }
  .pre-inc .cara_wrapp.access_cara .cara_11 {
    width: 42.5925925926%;
    max-width: inherit;
    min-width: inherit;
    bottom: 15%;
    left: 30%;
  }
  .pre-inc .access_wrapp {
    padding-bottom: 40vw;
  }
  .pre-inc .kurashi_wrapp.car {
    margin-bottom: 110px;
  }
  .pre-inc .cara_wrapp.access_cara .cara_12 {
    width: 79.6296296296%;
    max-width: inherit;
    min-width: inherit;
    bottom: 0;
    right: 12%;
  }
  .pre-inc .car_info {
    width: 96%;
    margin: 0 auto;
  }
}
@media (max-width: 599px) {
  .pre-inc .flex_contents.shogyou .access_future_text {
    padding-top: 35vw;
  }
  .pre-inc .cara_wrapp.access_cara .cara_9 {
    width: 54.6296296296%;
    max-width: inherit;
    min-width: inherit;
    bottom: -38%;
    left: 2vw;
  }
  .pre-inc .kurashi_wrapp.train {
    padding-top: 70px;
  }
}
.pre-inc {
  /***間取りページ***/
}
.pre-inc .plan_head_nomal {
  position: absolute;
  z-index: 11;
  width: 37.037037037%;
  max-width: 650px;
  min-width: 290px;
  bottom: -40px;
  right: 45%;
}
.pre-inc .plan_wrapp {
  padding-bottom: 240px;
}
.pre-inc .cara_wrapp.plan_cara .cara_2_wrapp {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.pre-inc .cara_wrapp.plan_cara .cara_2_wrapp::after {
  content: "";
  width: 100%;
  height: 30px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.pre-inc .cara_wrapp.plan_cara .cara_2_wrapp .cara_2 {
  width: 14.8148148148%;
  bottom: 0;
  left: 5%;
}
.pre-inc .cara_wrapp.plan_cara .cara_3 {
  width: 33.3333333333%;
  max-width: 600px;
  bottom: -46px;
  right: 1%;
}
.pre-inc {
  /***現地案内図ページ***/
}
.pre-inc .cara_wrapp.map_cara .cara_1 {
  width: 26.8518518519%;
  max-width: 330px;
  min-width: 230px;
  bottom: -5%;
  left: -13%;
}
.pre-inc .cara_wrapp.map_cara .cara_2 {
  width: 26.8518518519%;
  max-width: 260px;
  min-width: 150px;
  bottom: -5%;
  right: -5%;
}
.pre-inc .cara_wrapp.map_cara .cara_3 {
  width: 33.3333333333%;
  max-width: 360px;
  min-width: 200px;
  bottom: -28%;
  left: -16%;
}
.pre-inc .cara_wrapp.map_cara .cara_4 {
  width: 36.1111111111%;
  max-width: 370px;
  min-width: 150px;
  bottom: -10%;
  right: -20%;
}
.pre-inc {
  /***RSページ***/
}
.pre-inc .rs_head_nomal {
  position: absolute;
  z-index: 11;
  width: 25.78125%;
  /*max-width: 390px;*/
  bottom: -68px;
  right: 2%;
}
.pre-inc .cara_wrapp.rs_cara.h100 {
  height: 100%;
}
.pre-inc .cara_wrapp.rs_cara .cara_2 {
  width: 67.7966101695%;
  max-width: 550px;
  left: 30%;
  bottom: 22%;
}
.pre-inc .cara_wrapp.rs_cara .cara_3 {
  width: 63.1578947368%;
  max-width: 360px;
  min-width: 200px;
  bottom: -35%;
  left: -63%;
}
.pre-inc .cara_wrapp.rs_cara .cara_4 {
  width: 12.037037037%;
  max-width: 200px;
  bottom: -16%;
  right: 81%;
}
.pre-inc .cara_wrapp.rs_cara .cara_5 {
  width: 39.8148148148%;
  bottom: calc(0vw - 200px);
  right: 0;
}
@media (max-width: 767px) {
  .pre-inc .rs_head_nomal {
    width: 50.9259259259%;
    max-width: inherit;
    min-width: inherit;
    bottom: -10%;
    right: 0.4%;
  }
  .pre-inc .main_section .main_image {
    width: 100%;
    margin-top: -30px;
    margin-bottom: 30px;
  }
  .pre-inc .cara_wrapp.rs_cara .cara_4 {
    width: 25.9259259259%;
    max-width: inherit;
    bottom: -7%;
    right: 41%;
  }
  .pre-inc .cara_wrapp.rs_cara .cara_2 {
    width: 81.6640986133%;
    max-width: inherit;
    left: 30%;
    bottom: 130%;
  }
  .pre-inc .cara_wrapp.rs_cara .cara_3 {
    width: 70%;
    max-width: inherit;
    min-width: inherit;
    bottom: auto;
    top: 32.5vw;
    left: 10%;
  }
  .pre-inc .cara_wrapp.rs_cara .cara_5 {
    width: 86%;
    bottom: -92vw;
    right: 7%;
  }
  .pre-inc .cara_wrapp.rs_cara.h100 {
    height: 70px;
    background: #fbc700;
  }
}
.pre-inc {
  /***安治川口紹介ページ***/
  /*
  .cara_3_wrapp {
      width: 100%;
      bottom:0;
      left: 0;
      position: absolute;
  }

  .cara_3_wrapp::after {
      content: "";
      width: 100%;
      height: 2vw;
      background: #fff;
      position: absolute;
      left: 0;
      bottom:0px;
  }*/
}
.pre-inc .cara_wrapp.ajikawa_cara .cara_1 {
  width: 26.8518518519%;
  max-width: 290px;
  min-width: 150px;
  bottom: -20px;
  left: 6%;
}
.pre-inc .cara_wrapp.ajikawa_cara .cara_2 {
  width: 25.9259259259%;
  max-width: 280px;
  top: -250px;
  right: 5%;
}
.pre-inc .cara_wrapp.ajikawa_cara .cara_3 {
  width: 30.5555555556%;
  max-width: 528px;
  bottom: -100px;
  right: 69%;
  z-index: 6;
}
.pre-inc .cara_wrapp.ajikawa_cara .cara_3 img {
  z-index: 6;
  position: relative;
}
.pre-inc .cara_wrapp.ajikawa_cara .cara_3::before {
  content: "";
  width: 105vw;
  height: 50px;
  background: #fff;
  position: absolute;
  left: -10px;
  bottom: 0px;
  z-index: 5;
}
@media (max-width: 767px) {
  .pre-inc .cara_wrapp.ajikawa_cara .cara_1 {
    display: block;
    bottom: inherit;
    bottom: -40px;
    left: 20%;
    width: 41.6666666667%;
    max-width: inherit;
    min-width: inherit;
  }
  .pre-inc .cara_wrapp.ajikawa_cara .cara_2 {
    width: 44.4444444444%;
    max-width: inherit;
    top: -150px;
    right: 5%;
  }
  .pre-inc .cara_wrapp.ajikawa_cara .cara_3 {
    width: 63.8888888889%;
    max-width: inherit;
    bottom: -280px;
    right: 15%;
    z-index: 6;
  }
  .pre-inc .cara_wrapp.ajikawa_cara .cara_3::before {
    content: "";
    width: 150vw;
    height: 30px;
    background: #fff;
    position: absolute;
    left: -50vw;
    bottom: 0px;
    z-index: 5;
  }
}
.pre-inc {
  /***設備ページ***/
}
.pre-inc .cara_wrapp.equipment_cara .cara_1 {
  width: 17.5%;
  bottom: -11.5vh;
  left: 3%;
}
.pre-inc .cara_wrapp.equipment_cara .cara_2 {
  width: 25%;
  top: -19vw;
  right: 1%;
}
.pre-inc .cara_wrapp.equipment_cara .cara_3 {
  width: 14.1666666667%;
  top: -20vw;
  left: 5%;
}
.pre-inc .cara_wrapp.equipment_cara .cara_4 {
  width: 18.3333333333%;
  top: -14vw;
  right: 1%;
}
.pre-inc .cara_wrapp.equipment_cara .cara_5_wrapp {
  width: 100%;
  bottom: -110px;
  left: 0;
  position: absolute;
}
.pre-inc .cara_wrapp.equipment_cara .cara_5 {
  width: 30.5555555556%;
  max-width: 528px;
  bottom: 0;
  right: 69%;
}
@media (max-width: 767px) {
  .pre-inc .cara_wrapp.equipment_cara .cara_1 {
    width: 37.037037037%;
    bottom: -130px;
    left: 28%;
  }
  .pre-inc .cara_wrapp.equipment_cara .cara_2 {
    width: 50.9259259259%;
    top: -41vw;
    right: 1%;
  }
  .pre-inc .cara_wrapp.equipment_cara .cara_3 {
    width: 33.3333333333%;
    top: -55vw;
    left: 25%;
  }
  .pre-inc .cara_wrapp.equipment_cara .cara_4 {
    width: 37.037037037%;
    top: -26vw;
    right: 1%;
  }
  .pre-inc .cara_wrapp.equipment_cara .cara_5_wrapp {
    width: 100%;
    bottom: -68vw;
    left: 0;
    position: absolute;
  }
  .pre-inc .cara_wrapp.equipment_cara .cara_5 {
    width: 75.9259259259%;
    max-width: inherit;
    bottom: 0;
    right: 1%;
  }
}
.pre-inc {
  /***限定ページ***/
}
.pre-inc .limited_index .pian_in_button {
  max-width: 760px;
}
.pre-inc .plan_head {
  position: absolute;
  z-index: 11;
  width: 25.3703703704%;
  min-width: 190px;
  bottom: -77px;
  bottom: calc(-2.6vw - 40px);
  right: 5vw;
}
.pre-inc .cara_wrapp.limited_cara .sst_cara {
  position: absolute;
  z-index: 11;
}
.pre-inc .cara_wrapp.limited_cara .cara_1 {
  width: 17.5925925926%;
  max-width: 270px;
  bottom: 0;
  right: 70vw;
}
.pre-inc .cara_wrapp.limited_cara .cara_2 {
  width: 29.6296296296%;
  max-width: 380px;
  bottom: 0;
  left: 70vw;
}
.pre-inc .cara_wrapp.limited_cara .cara_3 {
  width: 27.7777777778%;
  max-width: 430px;
  min-width: 220px;
  right: 70vw;
  bottom: -2.6vw;
}
.pre-inc .cara_wrapp.limited_cara .cara_4 {
  width: 26.8518518519%;
  max-width: 330px;
  min-width: 230px;
  bottom: -5%;
  left: 76vw;
}
.pre-inc .cara_wrapp.limited_cara .cara_5_wrapp {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.pre-inc .cara_wrapp.limited_cara .cara_5_wrapp::after {
  content: "";
  width: 100%;
  height: 46px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.pre-inc .cara_wrapp.limited_cara .cara_5 {
  width: 31.4814814815%;
  max-width: 500px;
  min-width: 190px;
  bottom: 0;
  left: 2%;
}
.pre-inc .cara_wrapp.limited_cara .cara_6 {
  width: 16.6666666667%;
  max-width: 250px;
  min-width: 130px;
  bottom: 0;
  right: 3%;
}
@media (max-width: 767px) {
  .pre-inc {
    /***トップ****/
  }
  .pre-inc .top_wrapp .top_wrapp_in_l {
    margin-bottom: 80px;
  }
  .pre-inc .cara_wrapp.top_cara .cara_1 {
    bottom: -80px;
    right: 6%;
    width: 37.037037037%;
    max-width: inherit;
    min-width: inherit;
  }
  .pre-inc .top_wrapp_in.access {
    z-index: 3;
  }
  .pre-inc .cara_wrapp.top_cara .cara_2 {
    bottom: -130px;
    left: 5%;
    width: 48.1481481481%;
    max-width: inherit;
    min-width: inherit;
  }
  .pre-inc .top_wrapp_in.location {
    margin-bottom: 160px;
    margin-bottom: 260px;
    padding-bottom: 40px;
  }
  .pre-inc .cara_wrapp.top_cara .cara_3 {
    width: 71.2962962963%;
    max-width: inherit;
    min-width: inherit;
    bottom: -300px;
    left: inherit;
    z-index: 12;
    right: 0;
  }
  .pre-inc .top_wrapp_in.plan {
    z-index: 13;
    margin-bottom: 145px;
    margin-bottom: 185px;
  }
  .pre-inc .cara_wrapp.top_cara .cara_4 {
    width: 63.8888888889%;
    max-width: inherit;
    min-width: inherit;
    bottom: -170px;
    bottom: -210px;
    right: 15%;
    z-index: 14;
  }
  .pre-inc .cara_wrapp.top_cara .cara_5 {
    width: 38.8888888889%;
    max-width: inherit;
    min-width: inherit;
    bottom: -10px;
    left: 30%;
  }
  .pre-inc .top_wrapp .limited_wrapp {
    padding-bottom: 200px;
  }
  .pre-inc {
    /**ロケーションページ***/
  }
  .pre-inc #location .page_main_image {
    margin-bottom: 50px;
  }
  .pre-inc .page_main_image span.location {
    left: inherit;
    bottom: 25%;
    right: 10px;
  }
  .pre-inc .location_wrapp .location_contents1 {
    margin-bottom: 130px;
  }
  .pre-inc .cara_wrapp.location_cara .cara_1 {
    display: none;
  }
  .pre-inc .cara_wrapp.location_cara .cara_1_sp {
    display: block;
    bottom: inherit;
    bottom: 0;
    right: 8%;
    width: 41.6666666667%;
    max-width: inherit;
    min-width: inherit;
  }
  .pre-inc .cara_wrapp.location_cara .cara_2 {
    width: 45.3703703704%;
    max-width: inherit;
    bottom: -68%;
    right: 54%;
  }
  .pre-inc .main_text_wrapp {
    margin-top: 260px;
    margin-bottom: 230px;
  }
  .pre-inc .cara_wrapp.location_cara .cara_3 {
    width: 41.6666666667%;
    max-width: inherit;
    min-width: inherit;
    bottom: -250px;
    left: inherit;
    right: 29%;
  }
  .pre-inc .cara_wrapp.location_cara .cara_4 {
    width: 32.4074074074%;
    bottom: -30%;
    right: 77%;
  }
  .pre-inc .cara_wrapp.location_cara .cara_5 {
    width: 50%;
    bottom: -30%;
    left: 58%;
  }
  .pre-inc .life_style_wrapp {
    margin-bottom: 290px;
    padding-bottom: 40px;
  }
  .pre-inc .cara_wrapp.location_cara .cara_6 {
    width: 91.6666666667%;
    max-width: inherit;
    min-width: inherit;
    bottom: -360px;
    left: 4%;
  }
  .pre-inc .cara_wrapp.location_cara .cara_7 {
    width: 36.1111111111%;
    max-width: inherit;
    min-width: inherit;
    top: inherit;
    bottom: -62vw;
    right: 60%;
  }
  .pre-inc .location_wrapp .location_contents3 {
    padding-bottom: 190px;
  }
  .pre-inc .cara_wrapp.location_cara .cara_8_wrapp {
    width: 100%;
    bottom: -240px;
    left: 0;
    position: absolute;
  }
  .pre-inc .cara_wrapp.location_cara .cara_8_wrapp::after {
    left: 0;
    bottom: 0px;
  }
  .pre-inc .cara_wrapp.location_cara .cara_8_wrapp .cara_8 {
    width: 75.9259259259%;
    max-width: inherit;
    min-width: inherit;
    left: 31%;
  }
  .pre-inc .voice_wrapp .voice_text.icon2::after {
    display: none;
  }
  .pre-inc {
    /**間取りページ****/
  }
  .pre-inc .page_main_image span {
    left: 10px;
    bottom: 38%;
    right: auto;
  }
  .pre-inc .plan_head_nomal {
    position: absolute;
    z-index: 11;
    width: 63.8888888889%;
    max-width: inherit;
    min-width: inherit;
    bottom: 0px;
    right: auto;
    left: -6%;
  }
  .pre-inc .plan_wrapp {
    padding-bottom: 50vw;
  }
  .pre-inc .cara_wrapp.plan_cara .cara_2_wrapp .cara_2 {
    width: 25.9259259259%;
    bottom: 18px;
    left: 5%;
  }
  .pre-inc .cara_wrapp.plan_cara .cara_3 {
    width: 60.1851851852%;
    max-width: inherit;
    min-width: inherit;
    bottom: -5px;
    right: 1%;
  }
  .pre-inc {
    /***現地案内図ページ***/
  }
  .pre-inc .map_wrapp .map_in {
    margin-top: 28vw;
  }
  .pre-inc .map_wrapp .map_in.mgmap {
    /*margin-bottom: 70vw;*/
  }
  .pre-inc .cara_wrapp.map_cara .cara_1 {
    width: 48.1481481481%;
    max-width: inherit;
    min-width: inherit;
    bottom: auto;
    left: 32%;
    top: -20%;
  }
  .pre-inc .cara_wrapp.map_cara .cara_2 {
    width: 37.037037037%;
    max-width: inherit;
    min-width: inherit;
    bottom: auto;
    right: 8%;
    top: -5%;
  }
  .pre-inc .cara_wrapp.map_cara .cara_3 {
    width: 50.9259259259%;
    max-width: inherit;
    min-width: inherit;
    bottom: auto;
    top: -31%;
    left: 0%;
  }
  .pre-inc .cara_wrapp.map_cara .cara_4 {
    width: 82.4074074074%;
    max-width: inherit;
    min-width: inherit;
    bottom: -67vw;
    right: 10%;
  }
  .pre-inc {
    /***限定ページ***/
  }
  .pre-inc .plan_head {
    width: 57.4074074074%;
    max-width: 620px;
    min-width: inherit;
    bottom: -6vw;
    right: 0;
  }
  .pre-inc .page_main_image span.limited_plan {
    bottom: 27%;
    left: inherit;
    right: 10px;
  }
  .pre-inc .limited_index, .pre-inc .limited_index.limited {
    padding-bottom: 50vw;
  }
  .pre-inc .plan_wrapp {
    padding-bottom: 50vw;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_1 {
    width: 31.4814814815%;
    max-width: inherit;
    min-width: inherit;
    bottom: 0;
    right: inherit;
    left: 5%;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_2 {
    width: 44.4444444444%;
    max-width: inherit;
    min-width: inherit;
    bottom: 0;
    left: inherit;
    right: 5%;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_3 {
    width: 55.5555555556%;
    max-width: inherit;
    min-width: inherit;
    bottom: -22px;
    right: 23%;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_4 {
    width: 41.6666666667%;
    max-width: inherit;
    min-width: inherit;
    bottom: -5%;
    left: auto;
    right: 0;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_5 {
    width: 60.1851851852%;
    max-width: inherit;
    min-width: inherit;
    bottom: 0;
    left: 1%;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_6 {
    width: 31.4814814815%;
    max-width: inherit;
    min-width: inherit;
    bottom: -10px;
    right: 1%;
  }
  .pre-inc .limited .plan_bt_wrapp .pian_in_button {
    margin-bottom: 10px;
    width: 100%;
  }
  .pre-inc .cara_wrapp.limited_cara .cara_5_wrapp::after {
    height: 15px;
    left: 0;
    bottom: 0;
  }
  .pre-inc .limited_wrapp {
    padding-bottom: 0px;
  }
}
@media (max-width: 599px) {
  .pre-inc .main_text_wrapp {
    margin-top: 260px;
    margin-bottom: 210px;
  }
  .pre-inc .cara_wrapp.location_cara .cara_3 {
    bottom: -230px;
  }
}

@-webkit-keyframes chara {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  2% {
    -webkit-transform: scale(0.15, 0.15);
    transform: scale(0.15, 0.15);
  }
  4% {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  6% {
    -webkit-transform: scale(0.425, 0.425);
    transform: scale(0.425, 0.425);
  }
  8% {
    -webkit-transform: scale(0.53, 0.53);
    transform: scale(0.53, 0.53);
  }
  10% {
    -webkit-transform: scale(0.65, 0.65);
    transform: scale(0.65, 0.65);
  }
  12% {
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  16% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  18% {
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  20% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  22% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  24% {
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
  }
  26% {
    -webkit-transform: scale(1.075, 1.075);
    transform: scale(1.075, 1.075);
  }
  30% {
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  38% {
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
  }
  40% {
    -webkit-transform: scale(1.0625, 1.0625);
    transform: scale(1.0625, 1.0625);
  }
  42% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  48% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  50% {
    -webkit-transform: scale(1.025, 1.025);
    transform: scale(1.025, 1.025);
  }
  54% {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  60% {
    -webkit-transform: scale(1.01, 1.01);
    transform: scale(1.01, 1.01);
  }
  70% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -webkit-transform: scale(0.995, 0.995);
    transform: scale(0.995, 0.995);
  }
  90% {
    -webkit-transform: scale(0.998, 0.998);
    transform: scale(0.998, 0.998);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes chara {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  2% {
    -webkit-transform: scale(0.15, 0.15);
    transform: scale(0.15, 0.15);
  }
  4% {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  6% {
    -webkit-transform: scale(0.425, 0.425);
    transform: scale(0.425, 0.425);
  }
  8% {
    -webkit-transform: scale(0.53, 0.53);
    transform: scale(0.53, 0.53);
  }
  10% {
    -webkit-transform: scale(0.65, 0.65);
    transform: scale(0.65, 0.65);
  }
  12% {
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  16% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  18% {
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  20% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  22% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  24% {
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
  }
  26% {
    -webkit-transform: scale(1.075, 1.075);
    transform: scale(1.075, 1.075);
  }
  30% {
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  38% {
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
  }
  40% {
    -webkit-transform: scale(1.0625, 1.0625);
    transform: scale(1.0625, 1.0625);
  }
  42% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  48% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  50% {
    -webkit-transform: scale(1.025, 1.025);
    transform: scale(1.025, 1.025);
  }
  54% {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  60% {
    -webkit-transform: scale(1.01, 1.01);
    transform: scale(1.01, 1.01);
  }
  70% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -webkit-transform: scale(0.995, 0.995);
    transform: scale(0.995, 0.995);
  }
  90% {
    -webkit-transform: scale(0.998, 0.998);
    transform: scale(0.998, 0.998);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

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