@charset "UTF-8";
.pre-inc header {
  transform: translateY(-100%);
  pointer-events: none;
  background: transparent;
  transition: 0.5s all;
}
.pre-inc header.on {
  transform: translateY(0%);
  pointer-events: painted;
}
.pre-inc header.bk_white {
  background: rgba(255, 255, 255, 0.9);
}
.pre-inc .hb_menu {
  display: none;
}
.pre-inc article {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .pre-inc header {
    transform: translateY(calc(-100% - 40px));
  }
  .pre-inc article {
    margin-top: 0;
  }
}
.pre-inc.h_active header {
  background: rgba(255, 255, 255, 0.9);
}
.pre-inc {
  /* メイン */
}
.pre-inc main {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.pre-inc #skip_btn {
  font-size: 0.8em;
  font-family: "EB Garamond", serif;
  color: #333;
  text-align: center;
  width: 6.25em;
  padding: 0.2em;
  position: absolute;
  right: 42px;
  top: 100px;
  background: #EBEBEB;
  cursor: pointer;
  transition: 0.5s all;
  z-index: 100;
}
.pre-inc .toplogo-area {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pre-inc .triangle-mark {
  position: relative;
  max-width: 400px;
  aspect-ratio: 1/1;
}
.pre-inc .triangle-mark div, .pre-inc .s_toplogo-area {
  opacity: 0;
  transition: 1.25s;
  transition-timing-function: ease-out;
}
.pre-inc .triangle-top {
  transform: translateY(-30px);
}
.pre-inc .triangle-left {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-30px);
}
.pre-inc .triangle-right {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(30px);
}
.pre-inc .triangle-top.on, .pre-inc .triangle-left.on, .pre-inc .triangle-right.on {
  opacity: 1;
}
.pre-inc .triangle-top.on {
  transform: translateY(0px);
}
.pre-inc .triangle-left.on {
  transform: translateX(0px);
}
.pre-inc .triangle-right.on {
  transform: translateX(0px);
}
.pre-inc .markttl {
  margin: 30px 0;
}
.pre-inc .marktext {
  margin-bottom: 25px;
}
.pre-inc .s_toplogo-area {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  display: flex;
  padding-left: 7.5%;
  padding-top: 10%;
}
.pre-inc .s_toplogo-area .s_triangle-mark {
  position: relative;
  max-width: 250px;
  aspect-ratio: 1/1;
}
.pre-inc .s_triangle-mark {
  position: relative;
  max-width: 500px;
  aspect-ratio: 1/1;
}
.pre-inc .s_triangle-left {
  position: absolute;
  top: 0;
  left: 0;
}
.pre-inc .s_triangle-right {
  position: absolute;
  top: 0;
  right: 0;
}
.pre-inc .s_markttl {
  margin: 20px 0 10px;
}
.pre-inc .s_marktext {
  margin-bottom: 5px;
}
.pre-inc .mvimages {
  opacity: 0;
}
.pre-inc .mvimg01, .pre-inc .mvimg02 {
  opacity: 0;
  transition: 1.5s;
}
.pre-inc .mvimg01.on, .pre-inc .mvimg02.on {
  opacity: 1;
}
.pre-inc .mvimg02 {
  position: absolute;
  top: 0;
  z-index: 2;
}
.pre-inc .priceBox {
  margin: 2em auto;
  width: 80%;
}
.pre-inc .mainvisual {
  position: relative;
}
.pre-inc .mvpanel {
  position: absolute;
  top: 0;
  opacity: 0;
}
.pre-inc .mv01 {
  opacity: 0;
}
.pre-inc .mv02 {
  overflow: hidden;
  position: absolute;
}
.pre-inc .mv02.on {
  animation: img-wrap 2s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes img-wrap {
  0% {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}
.pre-inc .mvpanel figcaption.cap_w {
  text-shadow: 0 0 0.8em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}
.pre-inc .mv03, .pre-inc .mv04, .pre-inc .mv06 {
  z-index: 2;
}
.pre-inc .mv07, .pre-inc .mv09 {
  z-index: 3;
}
.pre-inc .mv08 {
  z-index: 4;
}
.pre-inc {
  /* 行動提起 */
}
.pre-inc #koudou {
  margin-bottom: 50px;
}
.pre-inc .koudou_maintext {
  background: #8edace;
  text-align: center;
  padding: 40px 0 40px;
}
.pre-inc .koudou_maintext h2 {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
.pre-inc .koudou_maintext h2 span {
  font-family: "EB Garamond", serif;
  font-size: 46px;
}
.pre-inc .koudou_maintext h2 strong {
  font-size: 50px;
  font-weight: 500;
  /* display: block; */
  text-align: center;
  line-height: 1;
  letter-spacing: 0.2em;
}
.pre-inc .koudou_maintext h2 big {
  font-size: 60px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0em;
  font-family: "EB Garamond", serif;
  color: #756927;
}
.pre-inc .koudou_maintext h2 small {
  font-size: 0.6em;
  font-weight: 500;
}
.pre-inc .koudou_maintext h2 i {
  font-size: 1.2em;
}
.pre-inc .mallarea_container {
  background: url("../common/img/bg_mark.png") #34021C;
  background: url("../common/img/bg_mark.png"), linear-gradient(0deg, rgb(52, 2, 28) 0%, rgb(135, 62, 98) 100%);
}
.pre-inc .mallarea_inner {
  display: flex;
  justify-content: space-between;
  padding: 0 60px;
  width: 860px;
}
.pre-inc .mall_info {
  display: flex;
  justify-content: space-between;
  width: 76.666%;
}
.pre-inc .mall_label {
  width: 65.57971%;
  text-align: center;
  margin: 30px 0 35px;
}
.pre-inc .mall_label div {
  background: #FFF;
  display: block;
  font-size: 20px;
  text-align: center;
  padding: 5px;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.pre-inc .mall_label p {
  color: #FFF;
  font-size: 36px;
  font-weight: 500;
  margin-top: 10px;
}
.pre-inc .mall_access_foot {
  color: #FFF;
  font-size: 36px;
  font-weight: 500;
  flex: 1;
  padding-left: 40px;
  margin: 40px 0 20px;
  text-align: right;
}
.pre-inc .onfoot_time {
  font-size: 28px;
  font-weight: 500;
  line-height: 0.8;
}
.pre-inc .aeonmall_label {
  line-height: 1;
}
.pre-inc .onfoot_time strong {
  color: #fff; /* #fff67f; */
  font-size: 56px;
  margin: 0 5px;
}
.pre-inc .onfoot_time span {
  font-size: 20px;
  margin: 0 5px;
}
.pre-inc .onfoot_time i {
  font-size: 32px;
}
.pre-inc .onfoot_time small {
  font-size: 14px;
  letter-spacing: 0;
}
.pre-inc .mall_image {
  width: 20%;
  position: relative;
}
.pre-inc .mall_image img {
  position: absolute;
  top: -15px;
}
.pre-inc .placeinfo {
  padding: 30px 0;
}
.pre-inc .place_inner {
  font-family: "EB Garamond", serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #540026;
}
.pre-inc .placeleft, .pre-inc .placeright {
  font-size: 2.2em;
  font-weight: 400;
  letter-spacing: 0.1em;
  position: relative;
}
.pre-inc .placeleft span {
  color: #333;
  font-size: 0.25em;
  letter-spacing: 0;
  display: block;
  position: absolute;
  width: max-content;
}
.pre-inc .placeleft.jr span {
  left: -3em;
}
.pre-inc .placeleft.redevelopment span {
  left: -3em;
}
.pre-inc .placeleft sup {
  font-size: 0.3em;
  letter-spacing: 0;
  vertical-align: top;
}
.pre-inc .placeright {
  margin-top: 0.3em;
}
.pre-inc .placecenter {
  width: 70px;
  height: 70px;
  margin: 0 20px 0 10px;
  position: relative;
  display: block;
}
.pre-inc .placecenter::before, .pre-inc .placecenter::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 67px;
  background: #540026;
  display: inline-block;
}
.pre-inc .placecenter::before {
  transform: translate(-50%, -50%) rotate(30deg);
}
.pre-inc .placecenter::after {
  transform: translate(-50%, -50%) rotate(-30deg);
}
.pre-inc {
  /* ポジション */
}
.pre-inc #position {
  background: url("../img/top/position_bg.webp") bottom no-repeat;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
}
.pre-inc {
  /* ロケーション */
}
.pre-inc #location {
  background: url("../img/top/location_bg.webp") center no-repeat;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 2em;
}
.pre-inc .headimage {
  width: 100%;
  max-width: 1340px;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  min-height: 400px;
}
.pre-inc .location_headimg01 {
  width: 24.2537313433%;
  position: absolute;
  top: 27%;
  left: 0%;
  z-index: 1;
}
.pre-inc .location_headimg02 {
  width: 20.3731343284%;
  position: absolute;
  top: 0%;
  right: 0%;
  z-index: 3;
}
.pre-inc .location_headimg03 {
  width: 17.9850746269%;
  position: absolute;
  top: 50%;
  right: 7%;
  z-index: 2;
}
.pre-inc .headimage figure {
  position: relative;
}
.pre-inc .headimage figure figcaption {
  font-size: 12px;
  position: absolute;
  right: 0%;
  bottom: 5%;
}
.pre-inc .headimage .location_headimg02 figure figcaption {
  position: absolute;
  left: 0%;
}
.pre-inc .location_main .cap_wb {
  left: 0.7em;
  right: auto;
}
.pre-inc .shoplist {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
.pre-inc .shoplist_left {
  width: 80px;
  margin-right: 20px;
}
.pre-inc .shoplist_left div {
  background: rgba(0, 106, 121, 0.7);
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: 16px;
  letter-spacing: 0.2em;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-weight: 500;
  text-align: center;
}
.pre-inc .shoplist_right {
  flex: 1;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  word-break: keep-all;
  line-height: 180%;
}
.pre-inc .shoplist_right p {
  font-weight: 500;
  border-bottom: 1px dotted #212728;
  padding-bottom: 10px;
}
.pre-inc .shoplist_right p span {
  white-space: nowrap;
}
.pre-inc .shoplist_note {
  font-size: 0.8em;
  word-break: break-all;
}
.pre-inc .location_sub {
  margin-top: 40px;
}
.pre-inc .centertext {
  color: #006A79;
}
.pre-inc .location_list {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.pre-inc .location_list .location_spot {
  width: 48%;
}
.pre-inc .location_list .location_spot p {
  font-size: 16px;
  letter-spacing: 0.2em;
}
.pre-inc .location_list .location_spot figcaption {
  font-size: 13px;
  letter-spacing: 0.2em;
  margin-top: 5px;
}
.pre-inc .location_list .location_spot figcaption small {
  font-size: 12px;
  letter-spacing: 0;
  display: block;
}
.pre-inc .location_cap_right {
  font-size: 12px;
  position: absolute;
  right: 0.7em;
  bottom: 0.7em;
}
.pre-inc {
  /* アクセス */
}
.pre-inc #access {
  background: url("../img/top/access_bg.webp") no-repeat bottom center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 2em;
}
.pre-inc .access_cap_left {
  font-size: 12px;
  position: absolute;
  left: 0.7em;
  bottom: 0.7em;
}
.pre-inc .access_cap_right {
  font-size: 12px;
  position: absolute;
  right: 0.7em;
  bottom: 0.7em;
}
.pre-inc .access_inner {
  max-width: 770px;
  margin: 0 auto;
}
.pre-inc .station_container {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
}
.pre-inc .station_info {
  width: 35.0649350649%;
  margin-left: 20px;
}
.pre-inc .station_info figcaption {
  font-size: 16px;
  display: block;
  margin-top: 5px;
}
.pre-inc .station_info figcaption small {
  font-size: 14px;
  display: block;
}
.pre-inc .station_routeinfo {
  flex: 1;
}
.pre-inc .station_container .station_routeinfo {
  border-bottom: 1px solid #000;
}
.pre-inc .route {
  display: inline-block;
  margin-bottom: 25px;
}
.pre-inc .route .rosen {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.pre-inc .route p {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.pre-inc .route p big {
  font-size: 40px;
  font-weight: 500;
}
.pre-inc .route p strong {
  color: #c30d23;
  font-size: 60px;
  font-weight: 500;
  margin: 0 5px;
  line-height: 0;
}
.pre-inc .route .distance {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  width: 100%;
  display: inline-block;
}
.pre-inc .route_s {
  display: inline-block;
  margin-bottom: 25px;
}
.pre-inc .route_s .rosen {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.pre-inc .route_s p {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.pre-inc .route_s p big {
  font-size: 32px;
  font-weight: 500;
}
.pre-inc .route_s p strong {
  color: #c30d23;
  font-size: 50px;
  font-weight: 500;
  margin: 0 5px;
  line-height: 0;
}
.pre-inc .route_s .distance {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  width: 100%;
  display: inline-block;
}
.pre-inc .route_s p .distance {
  width: auto;
  letter-spacing: 0;
}
.pre-inc .station_routeinfo .route_s {
  margin-top: -15px;
}
.pre-inc .station_container_bottom {
  margin-top: 30px;
}
.pre-inc .station_container_bottom .route_s:nth-child(1) {
  margin-right: 30px;
}
.pre-inc .accessmap img {
  width: 750px;
}
.pre-inc {
  /* デザイン */
}
.pre-inc #design {
  background: url("../img/top/design_bg.webp") no-repeat top center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 2em;
}
.pre-inc {
  /* 間取り */
}
.pre-inc #plan {
  background: url("../img/top/plan_bg.webp") no-repeat bottom center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 2em;
}
.pre-inc #plan .markttl {
  margin-bottom: 50px;
}
.pre-inc #plan .section_head p.headmaintext {
  font-size: 20px;
}
.pre-inc .plancontainer {
  display: flex;
  justify-content: space-between;
}
.pre-inc .planinfo {
  flex: 1;
}
.pre-inc .planimage {
  width: 60.7421875%;
  margin-left: 20px;
}
.pre-inc .plan_note {
  width: 28%;
  margin: 0 auto;
}
.pre-inc .plantype {
  display: inline-block;
}
.pre-inc .plantype .typebox {
  background: url(../img/top/plan_typebox.svg) no-repeat;
  color: #6E003C;
  font-size: 18px;
  margin: 8px;
  width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 31%;
}
.pre-inc .plantype .typebox strong {
  font-size: 68px;
  display: block;
  text-align: center;
  width: 100%;
  line-height: 80%;
  margin-top: 5px;
}
.pre-inc .floorplan {
  color: #6e003c;
  font-size: 36px;
  margin: -25px 0 10px;
}
.pre-inc .planlabel {
  background: #ac7689;
  color: #FFF;
  display: inline-block;
  padding: 5px;
  min-width: 160px;
  text-align: center;
  margin-bottom: 15px;
}
.pre-inc .planarea small {
  font-size: 14px;
  font-weight: 500;
}
.pre-inc .planarea p {
  color: #6e003c;
  font-size: 36px;
  font-weight: 500;
}
.pre-inc .planarea p strong {
  font-size: 50px;
  font-weight: 500;
  line-height: 0;
}
.pre-inc .planarea p small {
  color: #000;
}
.pre-inc .areainfo {
  margin-top: 20px;
}
.pre-inc .areainfo {
  font-size: 16px;
  font-weight: 500;
}
.pre-inc .areainfo th {
  font-weight: 500;
  text-align: left;
  padding: 0px 5px 10px 0px;
}
.pre-inc .areainfo th::first-letter {
  color: #6e003c;
}
.pre-inc .areainfo td {
  font-weight: 500;
  padding: 0px 0 10px 5px;
  text-align: right;
}
.pre-inc .areainfo .total th, .pre-inc .areainfo .total td {
  font-weight: 500;
  border-top: 1px solid #000;
  padding-top: 10px;
}
.pre-inc .planinfo p.note {
  margin-bottom: 50px;
}
.pre-inc .planpoint {
  border: 1px solid #6e003c;
  width: 100%;
  max-width: 360px;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.pre-inc .planpoint p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.pre-inc .planpoint p strong {
  color: #6e003c;
  font-size: 24px;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-top: 5px;
}
.pre-inc .planbnr {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.pre-inc .planbnr a {
  width: 48.828125%;
  display: block;
  transition: 0.5s;
}
.pre-inc .planbnr a:hover {
  opacity: 0.8;
}
.pre-inc {
  /* 設備・仕様 */
}
.pre-inc #equipment {
  background: url("../img/top/equipment_bg.webp") no-repeat bottom center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 2em;
}
.pre-inc {
  /* 住宅性能 */
}
.pre-inc #evaluation {
  background: url("../img/top/evaluation_bg.webp") no-repeat bottom center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  width: 100%;
  height: 500px;
  margin-top: 2em;
}
.pre-inc {
  /* INFORMATION */
}
.pre-inc #information {
  padding: 3em 0 5em 0;
  color: #333;
  animation-name: fadeInUp;
  background: #FFF;
  border-top: 1px solid #333;
}
.pre-inc .info_wrap {
  display: flex;
  justify-content: space-between;
}
.pre-inc .info_tit {
  font-size: 18px;
}
.pre-inc .info_item {
  font-size: 15px;
  width: calc(100% - 200px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
  overflow-y: scroll;
}
.pre-inc .info_item > dd {
  width: calc(100% - 7em);
}
.pre-inc .info_item a {
  color: #2f5597;
}
.pre-inc .info_item a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1701px) {
  .pre-inc .triangle-mark {
    position: relative;
    max-width: 400px;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 1501px) {
  .pre-inc .triangle-mark {
    position: relative;
    max-width: 300px;
    aspect-ratio: 1/1;
  }
  .pre-inc .markttl {
    margin: 20px 0;
  }
  .pre-inc .marktext {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1301px) {
  .pre-inc .s_toplogo-area .s_triangle-mark {
    position: relative;
    max-width: 200px;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 1101px) {
  .pre-inc .triangle-mark {
    position: relative;
    max-width: 200px;
    aspect-ratio: 1/1;
  }
  .pre-inc .markttl {
    margin: 10px 0;
  }
  .pre-inc .marktext {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 961px) {
  .pre-inc .s_toplogo-area .s_triangle-mark {
    position: relative;
    max-width: 150px;
    aspect-ratio: 1/1;
  }
}
.pre-inc {
  /* INFORMATION */
}
@media screen and (min-width: 769px) {
  .pre-inc .info_item > *:nth-of-type(n+2) {
    margin-top: 0.7em;
  }
  .pre-inc .priceBox {
    margin: 2em auto;
    width: 40em;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc {
    /* メインビジュアル */
  }
  .pre-inc main {
    margin-top: 55px;
  }
  .pre-inc #skip_btn {
    font-size: 3.2vw;
    width: 5em;
    right: 6vw;
    top: 9vw;
  }
  .pre-inc .toplogo-area {
    align-items: flex-start;
  }
  .pre-inc .tlogo_container {
    width: 40%;
    max-width: 300px;
  }
  .pre-inc .s_tlogo_container {
    width: 27%;
    max-width: 200px;
  }
  .pre-inc .markttl {
    margin: 5px 0;
    line-height: 1;
  }
  .pre-inc .s_markttl {
    margin: 5px 0 0;
    line-height: 1;
  }
  .pre-inc .s_marktext, .pre-inc .s_marksubtext {
    margin-bottom: 0px;
    line-height: 1;
  }
  .pre-inc .marktext, .pre-inc .marksubtext {
    margin-bottom: 0px;
    line-height: 1.2;
  }
  .pre-inc .s_toplogo-area {
    padding-top: 4%;
    padding-left: 4%;
  }
  .pre-inc {
    /* 行動提起 */
  }
  .pre-inc #koudou {
    padding: 0;
    margin-bottom: 30px;
  }
  .pre-inc .koudou_maintext {
    padding: 20px 0;
  }
  .pre-inc .koudou_maintext h2 {
    font-size: 24px;
    letter-spacing: 0.05em;
  }
  .pre-inc .koudou_maintext h2 span {
    font-size: 24px;
  }
  .pre-inc .koudou_maintext h2 strong {
    font-size: 30px;
    margin-top: 10px;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .pre-inc .koudou_maintext h2 big {
    font-size: 42px;
    margin-top: 10px;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .pre-inc .mallarea_inner {
    width: 100%;
    padding: 0;
  }
  .pre-inc .mall_info {
    display: block;
    width: 68%;
  }
  .pre-inc .mall_image {
    width: 30%;
    margin-top: 7px;
  }
  .pre-inc .mall_image img {
    top: unset;
  }
  .pre-inc .mall_label {
    width: 100%;
    margin: 10px 0 5px;
  }
  .pre-inc .mall_label div {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .pre-inc .mall_label p {
    font-size: 18px;
  }
  .pre-inc .mall_access_foot {
    font-size: 22px;
    padding-left: 0px;
    margin: 5px 0 15px;
    text-align: center;
  }
  .pre-inc .onfoot_time {
    font-size: 20px;
  }
  .pre-inc .onfoot_time strong {
    font-size: 30px;
  }
  .pre-inc .onfoot_time small {
    display: block;
    margin-top: 6px;
  }
  .pre-inc .onfoot_time span {
    font-size: 18px;
  }
  .pre-inc .onfoot_time i {
    font-size: 28px;
    margin: 0;
  }
  .pre-inc .place_inner {
    display: block;
  }
  .pre-inc .placeleft, .pre-inc .placeright {
    font-size: 24px;
    text-align: center;
  }
  .pre-inc .placecenter {
    width: 35px;
    height: 35px;
    margin: 10px auto;
  }
  .pre-inc .placecenter::before, .pre-inc .placecenter::after {
    height: 47px;
  }
  .pre-inc .placecenter::before {
    transform: translate(-50%, -50%) rotate(60deg);
  }
  .pre-inc .placecenter::after {
    transform: translate(-50%, -50%) rotate(-60deg);
  }
  .pre-inc .placeleft span {
    font-size: 0.5em;
    position: unset;
    width: unset;
    text-align: center;
  }
  .pre-inc {
    /* ポジション */
  }
  .pre-inc #position {
    background: url("../img/top/position_bg_sp.webp") no-repeat right;
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc {
    /* ロケーション */
  }
  .pre-inc #location {
    background: url("../img/top/location_bg_sp.webp") no-repeat right;
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc .headimage {
    top: 1%;
  }
  .pre-inc .location_headimg01 {
    left: 1%;
    top: 5%;
  }
  .pre-inc .location_headimg02 {
    right: 1%;
  }
  .pre-inc .location_headimg03 {
    top: 13%;
  }
  .pre-inc .headimage figure figcaption {
    font-size: 10px;
  }
  .pre-inc .shoplist {
    align-items: flex-start;
  }
  .pre-inc .shoplist_left {
    width: 26%;
    margin: 15px 0;
  }
  .pre-inc .shoplist_left div {
    /* margin: 0 auto; */
  }
  .pre-inc .shoplist_right {
    font-size: 0.8em;
    word-break: break-all;
  }
  .pre-inc .shoplist_right p span {
    white-space: normal;
  }
  .pre-inc .location_list {
    flex-wrap: wrap;
  }
  .pre-inc .location_list .location_spot {
    width: 100%;
    margin-bottom: 20px;
  }
  .pre-inc .location_cap_right {
    bottom: 37%;
  }
  .pre-inc .location_list .location_spot p {
    font-size: 14px;
  }
  .pre-inc {
    /*　アクセス　*/
  }
  .pre-inc #access {
    background: url("../img/top/access_bg_sp.webp") no-repeat right;
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc .station_container {
    display: block;
  }
  .pre-inc .station_info {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
  .pre-inc .route {
    margin-bottom: 15px;
  }
  .pre-inc .route .rosen {
    font-size: 13px;
    text-align: left;
    display: block;
  }
  .pre-inc .route p {
    font-size: 20px;
  }
  .pre-inc .route p big {
    font-size: 30px;
  }
  .pre-inc .route p strong {
    font-size: 40px;
  }
  .pre-inc .route .distance {
    font-size: 13px;
  }
  .pre-inc .route_s {
    margin-bottom: 15px;
  }
  .pre-inc .route_s .rosen {
    font-size: 13px;
    text-align: left;
    display: block;
  }
  .pre-inc .route_s p {
    font-size: 16px;
  }
  .pre-inc .route_s p big {
    font-size: 24px;
  }
  .pre-inc .route_s p strong {
    font-size: 30px;
  }
  .pre-inc .route_s .distance {
    font-size: 13px;
  }
  .pre-inc .station_routeinfo .route_s {
    margin-top: -5px;
  }
  .pre-inc .station_container_bottom {
    margin-top: 20px;
  }
  .pre-inc .station_container_bottom .route_s:nth-child(1) {
    margin-right: 20px;
  }
  .pre-inc .station_container .station_routeinfo, .pre-inc .station_container_bottom {
    text-align: center;
  }
  .pre-inc {
    /*　デザイン　*/
  }
  .pre-inc #design {
    background: url("../img/top/design_bg_sp.webp") no-repeat right;
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc {
    /* 間取り */
  }
  .pre-inc #plan {
    background: url("../img/top/plan_bg_sp.webp") no-repeat right;
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc .planinfo {
    text-align: center;
  }
  .pre-inc .plancontainer {
    display: block;
  }
  .pre-inc .plantype .typebox {
    font-size: 16px;
    margin: 4px;
    width: 120px;
    height: 120px;
  }
  .pre-inc .plantype .typebox strong {
    font-size: 36px;
  }
  .pre-inc .floorplan {
    font-size: 26px;
    line-height: 120%;
  }
  .pre-inc .planinfo p.note {
    margin-bottom: 20px;
  }
  .pre-inc .planpoint {
    margin-bottom: 20px;
    min-height: 80px;
  }
  .pre-inc .planpoint p strong {
    font-size: 20px;
    margin-top: 2px;
  }
  .pre-inc .planimage {
    width: 90%;
    margin: 0 auto;
  }
  .pre-inc .planbnr {
    display: block;
    margin-top: 30px;
  }
  .pre-inc .planbnr a {
    width: 100%;
    margin-bottom: 15px;
  }
  .pre-inc .plan_note {
    width: 45%;
  }
  .pre-inc {
    /* 設備・仕様 */
  }
  .pre-inc #equipment {
    background: url("../img/top/equipment_bg_sp.webp") no-repeat right;
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc {
    /* 住宅性能 */
  }
  .pre-inc #equipment {
    /* background: url("../img/top/evaluation_bg_sp.webp") no-repeat right; */
    background-size: cover;
    padding: 60px 0;
  }
  .pre-inc {
    /* INFORMATION */
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .pre-inc #information {
    padding: 0 0 7vw 0;
  }
  .pre-inc .info_wrap {
    flex-wrap: wrap;
  }
  .pre-inc .info_tit {
    font-size: 4vw;
  }
  .pre-inc .info_item {
    width: 100%;
    font-size: 13px;
  }
  .pre-inc .info_item > dt {
    margin-top: 0.7em;
  }
  .pre-inc .info_item > dd {
    width: 100%;
  }
}
.pre-inc .reserve_btn {
  width: 18em;
  display: block;
  margin: 1.3em auto 0;
  background: linear-gradient(90deg, #928C64, #70641D);
  color: #fff;
  padding: 0.3em;
  text-align: center;
  animation-name: fadeInUp;
}
.pre-inc .reserve_btn span {
  font-size: 1.2em;
  display: block;
}
.pre-inc .reserve_btn small {
  font-size: 1.05em;
  display: block;
  font-family: "EB Garamond", serif;
}
.pre-inc .reserve_btn::after {
  content: "";
  display: block;
  width: 7.5em;
  height: 0.5em;
  background: url("../common/img/link_arrow_r.svg") no-repeat center center/contain;
  position: absolute;
  left: 14em;
  bottom: 1em;
  z-index: 1;
  transition: 0.8s all;
}
@media screen and (min-width: 769px) {
  .pre-inc .reserve_btn:hover::after {
    transform: translateX(1em);
  }
  .pre-inc .view_more:hover::after {
    transform: translateX(1em);
  }
}
.pre-inc .main_tit {
  font-size: 2em;
  font-weight: 400;
  margin: auto 0;
  width: 100%;
  z-index: 2;
  animation: 3s fadeInUp 0.7s forwards;
  height: 1em;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 0.005em #000, 0 0 0.05em #000, 0 0 0.05em #000;
  letter-spacing: 0.2em;
}
.pre-inc .section_head {
  margin: 50px auto;
}
.pre-inc .section_head p {
  font-size: 0.9em;
  font-weight: 400;
  margin: 20px auto 0;
  color: #fff;
  text-shadow: 0 0 0.8em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}
.pre-inc .headmaintext {
  font-size: 1.6em !important;
  font-weight: 400;
  margin: 20px auto 0;
  color: #fff;
  text-shadow: 0 0 0.005em #000, 0 0 0.05em #000, 0 0 0.05em #000 !important;
}
.pre-inc .sub_tit {
  font-size: 0.7em !important;
  font-weight: 400;
  margin: 0.5em auto !important;
  color: #fff; /* text-shadow: 0 0 0.005em #000, 0 0 0.05em #000, 0 0 0.05em #000 !important; */
}
.pre-inc .view_more {
  color: #fff;
  text-align: center;
  font-size: 1em;
  padding: 0.2em;
  margin: 0 auto 2em;
  background: rgba(110, 0, 60, 0.85);
  width: 15%;
  border: 1px solid #6e003c;
  transition: 0.5s all;
  animation-name: fadeInUp;
}
.pre-inc .view_more::after {
  content: "";
  display: block;
  width: 5.5em;
  height: 0.5em;
  background: url("../common/img/link_arrow_r.svg") no-repeat center center/contain;
  position: absolute;
  left: 9.5em;
  bottom: 0.58em;
  z-index: 1;
  transition: 0.8s all;
}
.pre-inc .viewmore_btn_wrap a {
  width: fit-content;
  display: contents;
}
.pre-inc .contents_cap_left {
  font-size: 12px;
  position: absolute;
  left: 0.7em;
  bottom: 0.7em;
  color: #fff;
  text-shadow: 0 0 0.8em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}
.pre-inc .contents_cap_right {
  font-size: 12px;
  position: absolute;
  right: 0.7em;
  bottom: 0.7em;
  color: #fff;
  text-shadow: 0 0 0.8em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}
@media screen and (max-width: 768px) {
  .pre-inc .view_more {
    margin: 0 auto;
    width: 35%;
  }
  .pre-inc .view_more::after {
    width: 4em;
    height: 0.5em;
    background: url("../common/img/link_arrow_r.svg") no-repeat center center/contain;
    position: absolute;
    left: 7.2em;
    bottom: 0.58em;
  }
  .pre-inc .contents_cap_left {
    left: 0.7em;
    top: 0.7em;
  }
}


  /* モーダル */
.pre-inc .cp_modal_bk {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  cursor: pointer;
}
.pre-inc .cp_modal_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11000000;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  padding: 0 20px;
}
.pre-inc .cp_modal_btn {
  pointer-events: painted;
}
.pre-inc .cp_modal_btn a {
  overflow: hidden;
  display: inline-block;
}
.pre-inc .cp_modal_btn a img {
  transition: 0.5s all;
}
.pre-inc .cp_modal_close_btn {
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  cursor: pointer;
  transition: 0.5s all;
  background: #000;
  z-index: 1000;
  font-family: YakuHanMP, "Noto Serif JP", serif;
}
@media screen and (min-width: 769px) {
  .pre-inc .cp_modal_close_btn:hover {
    opacity: 0.6;
  }
  .pre-inc .cp_modal_btn a:hover img {
    transform: scale(1.02);
  }
}
@media screen and (min-width: 769px) and (max-height: 809px) {
  .pre-inc .cp_modal_btn {
    height: 90%;
  }
  .pre-inc .cp_modal_btn a {
    height: 100%;
  }
  .pre-inc .cp_modal_btn a img {
    height: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .cp_modal_wrap {
    padding: 0 15px;
  }
  .pre-inc .cp_modal_close_btn {
    font-size: 40px;
    top: 0;
    right: 0;
  }
}


.pre-inc #information .bnrArea{
  margin-top:50px;
}

.pre-inc .bnrArea {
  width: 1024px;
  padding: 15px 0 0;
  margin: 0 auto;
  background: #fff;
  line-height: 1.5;
}
.pre-inc .bnrArea:first-child{
  margin-top:50px;
}

.pre-inc .bnrArea a {
  max-width: 1024px;
}
.pre-inc .bnrArea a:hover {
  opacity: 0.6;
}
.pre-inc .bnrArea .note {
  margin: 1.5em auto;
  text-align: left;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pre-inc .bnrArea {
    width: 90%;
  }
  .pre-inc .bnrArea .note {
    margin: 1em auto;
    font-size: 10px;
  }
}

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