@charset "utf-8";
/*　-----------------------　下層レイアウト　-----------------------　*/
/*　---　headline　---　*/
.lower img {
  width: 100%;
  height: auto;
}
.lower_headline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4vw;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  width: 100%;
  height: 36vw;
  background-size: cover;
  background-position: center center;
}
.lower_headline_e {
  height: 2.5vw;
}
.lower_headline_e img {
  width: auto;
  height: 100%;
}
.lower_headline_j {
  width: 2vw;
}
#BRAND .lower_headline_j {
  width: 4.5vw;
}
.lower_headline_caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  color: #fff;
}
.position .lower_headline {
  background-image: url("../images/position/headline_bg.jpg");
}
.location .lower_headline {
  background-image: url("../images/location/headline_bg.jpg");
}
.access .lower_headline {
  background-image: url("../images/access/headline_bg.jpg");
}
.parkfront .lower_headline {
  background-image: url("../images/parkfront/headline_bg.jpg");
}
.design .lower_headline {
  background-image: url("../images/design/headline_bg.jpg");
}
.commonspace .lower_headline {
  background-image: url("../images/commonspace/headline_bg.jpg");
}
.zeh .lower_headline {
  background-image: url("../images/zeh/headline_bg.jpg");
}
.plan .lower_headline {
  background-image: url("../images/plans/headline_bg.jpg");
}
.brand .lower_headline {
  background-image: url("../images/brand/headline_bg.jpg");
}
@media screen and (max-width: 767px) {
.brand .lower_headline {
  background-image: url("../images/brand/headline_bg_sp.jpg");
}
.lower img {
  vertical-align: top;
}
}
/*　---　レイアウト　---　*/
.lower footer {
  background-color: transparent;
}
.lower_section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5vw 10vw 5vw 10vw;
  gap: 2.5vw;
}
.lower_section.bg {
  position: relative;
}
.lower_section.bg::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 45vw;
  width: 100vw;
  height: min(75vw,1400px);
  background-color: #110907;
  content: "";
}
.lower_kv {
  position: relative;
  display: flex;
  justify-content: center;
}
.lower_kv .lower_caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  display: inline-block;
  padding: 0 .5vw;
  color: #fff;
}
.location .lower_kv .lower_caption {
  color: #000;
  text-shadow:
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 15px #fff,
    0 0 15px #fff,
    0 0 20px #fff,
    0 0 25px #fff,
    0 0 30px #fff,
    0 0 35px #fff;
}
.lower_kv .lower_caption img {
  width: auto;
  height: 100%;
}
.lower_photo-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}
.lower_photo-wrapper .lower_caption {
  position: absolute;
  right: .5vw;
  bottom: .5vw;
  color: #fff;
}
/*　---　_copy　---　*/
.lower_copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vw;
  padding: 3vw 10vw 3vw 10vw;
  text-align: center;
}
.lower_copy_main {
  font-size: var(--font28);
}
.lower_copy_sub {
  font-size: var(--font18);
  line-height: 2;
}
/*　---　lower_text　---　*/
.lower_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vw;
  text-align: center;
}
.lower_text_main {
  font-size: var(--font28);
}
.lower_text_sub {
  font-size: var(--font18);
  line-height: 2;
}
.lower_text.left {
  align-items: flex-start !important;
  text-align: left;
}
.lower_caption {
  font-size: var(--font10);
  line-height: 1.2;
}
.lower_caption.black {
  color: #000;
  text-shadow:
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 15px #fff,
    0 0 15px #fff,
    0 0 20px #fff,
    0 0 25px #fff,
    0 0 30px #fff,
    0 0 35px #fff;
}
@media screen and (max-width: 1005px) {
  .lower_copy_sub_brand br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lower_copy {
    padding-right: 3vw;
    padding-left: 3vw;
  }
  .lower_headline {
    height: auto;
    gap: 10vw;
    padding: calc(70px + 10vw) 0 10vw 0;
  }
  .lower_headline_e {
    height: 6vw;
  }
  .lower_headline_j {
    width: 6vw;
  }
  #BRAND .lower_headline_j {
    width: 12.5vw;
  }
  .lower.position .lower_headline {
    background-image: url("../images/position/headline_bg_sp.webp");
  }
  /*　---　レイアウト　---　*/
  .lower {
    background-size: 40vw auto;
  }
  .lower_section {
    padding: 10vw 3vw;
    gap: 10vw;
  }
  .lower_section.bg::after {
    top: 90vw;
    height: 210vw;
  }
  .lower_kv .lower_caption {
    bottom: 1.5vw;
  }
  /*　---　_copy　---　*/
  .lower_copy_main {
    font-size: 5vw;
  }
  .lower_copy_sub {
    font-size: 4vw;
  }
.lower_copy_sub_brand {
    text-align: justify;
    letter-spacing: 0;
  }

  /*　---　lower_text　---　*/
  .lower_text {
    gap: 3vw;
  }
  .lower_text_main {
    font-size: 5vw;
  }
  .lower_text_sub {
    font-size: 3.5vw;
  }
  .lower_caption {
    font-size: 2.5vw;
  }
}
/*　-----------------------　position　-----------------------　*/
.position_headline2 {
  position: absolute;
  left: 5vw;
  top: 4vw;
  width: min(3vw,50px);
}
.position_urban {
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  padding-top: 5vw;
}
.position_urban.lower_section {
  padding-bottom: 1vw;
}
.position_urban .position_headline2 {
  top: 4vw;
}
/* スライダー */
.position_urban_slider {
  width: 150vw;
  margin-left: calc(50% - 50vw);
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .25));
}
.position_urban_slider .slick-list {
  overflow: hidden;
}
.position_urban_slider .slick-slide {
  padding: 0;
}
.position_urban_slider img {
  display: block;
  width: 100%;
  height: auto;
}
.lower_caption.slidre {
  width: 98vw;
  text-align: right;
  transform: translateY(-1.5vw);
}
.position_urban_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.position_urban_item > div:first-of-type {
  width: 45%;
}
.position_urban_item .lower_caption {
  position: absolute;
  right: 2vw;
  top: -3.5vw;
}
.position_urban_item > img {
  width: 35vw;
}
.position_urban_item .lower_text {
  gap: 1vw;
}
.position_environment_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2vw;
}
.position_environment_item {
  display: flex;
  gap: 1.5vw;
}
.position_environment_item li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
}
.position_environment_item.emergency li {
  align-items: flex-start;
  gap: 1vw;
}
.position_environment_item.emergency .lower_text_main.lower_text_main_small {
  font-size: var(--font24);
}


.position_environment_item_img {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
}
.position_environment_button {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.position_urban_item .position_environment_button {
  margin-bottom: 4vw;
}
.position_environment_button.sp {
  display: none;
}
.position_environment_button .button span {
  font-size: 1vw;
}
.position_environment_box {
  padding: 1.5vw 1.5vw;
}
.position_environment_box_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5vw;
  padding-top: 1.5vw;
}
.position_environment_box_inner .lower_text_main {
  font-size: var(--font25);
}
.position_environment_box_inner .lower_text_sub {
  font-size: var(--font26);
}
.position_environment_box_item {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #e4b198;
}
.baige .position_environment_box_item::after {
  z-index: 1;
  position: absolute;
  left: 35%;
  top: 0;
  width: 65%;
  height: 100%;
  background: linear-gradient(90deg, #F4E4E0 0%, #FDF6F2 51%, #F4E4E0 100%);
  content: "";
}
.position_environment_box.blue .position_environment_box_item {
  align-items: flex-start;
}
.position_environment_box_item img.environment_school {
  width: 35%;
}
.position_environment_box_item img.environment_center {
  width: 40%;
}
.position_environment_box .lower_text_sub {
  z-index: 2;
  position: relative;
  flex: 1;
  padding: 0 2.5vw;
  text-align: left;
}
.position_environment_box .lower_caption {
  z-index: 2;
  position: absolute;
  left: 37%;
  bottom: .5vw;
}
.position_environment_box.blue .lower_caption {
  position: static;
  margin-left: 1vw;
  margin-top: 1em;
}
.position_environment_box_float {
  display: flex;
  gap: 1vw;
  padding-right: 1.5vw;
}
.position_environment_box_float .lower_text_sub {
  padding-right: 0;
}
.position_environment_box_float img {
  width: 40%;
}
.position_environment_box.baige {
  background-color: #fbf2ec;
}
.position_environment_box.blue {
  background-color: #E7F2F2;
}
.position_environment_box.baige .position_environment_box_inner {
  border: 1px solid #e4b198;
}
.position_environment_box.blue .position_environment_box_inner {
  padding-bottom: 0;
  border: 1px solid #3AAEAF;
}
.position_environment_box.blue .position_environment_box_item {
  border: 0;
}
.position_environment_exp {
  margin-top: 1vw;
  width: 70%;
}
.position_environment_text {
  margin-top: 3vw;
}

br.position_toho10_br {
  display: none;
}

@media screen and (max-width: 1200px) {
.position_urban_item {
justify-content: space-around;
}
br.position_toho10_br {
  display: block;
}
}

@media screen and (max-width: 1100px) {
.position_urban_item figure figcaption.rb_cap {
  margin-bottom: -5%;
}
}


@media screen and (max-width: 767px) {

.position_environment_exp {
  margin-top: 5vw;
}
  .position_urban_item figure figcaption.rb_cap {
    margin-bottom: 2%;
  }
  .position_environment_item.emergency .lower_text_main.lower_text_main_small {
    font-size: 4vw;
  }
  .position_headline2 {
    position: static;
    width: 8vw;
  }
  /* スライダー */
  .position_urban_slider img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  .lower_caption.slidre {
    top: -5vw;
    left: 35vw;
  }
  .position_urban_item {
    flex-direction: column;
    gap: 5vw;
    margin-top: -15vw;
  }
  .position_urban_item > div:first-of-type {
    width: 100%;
  }
  .position_urban_item .lower_caption {
    right: 0;
    top: -4.5vw;
  }
  .position_urban_item img {
  }
  .position_urban_item .lower_text_main {
    font-size: 4.9vw;
  }
  .position_urban_item .lower_text_sub {
    font-size: 3.9vw;
  }
  .position_environment {
    margin-top: 10vw;
  }
  .position_environment_item {
    flex-direction: column;
    gap: 10vw;
  }
  .position_environment_item li {
    gap: 1vw;
    align-items: flex-start;
  }
  .position_environment_item.emergency li {
    gap: 3vw;
    align-items: center;
  }
  .position_environment_item_img {
    gap: 1vw;
  }

  .position_environment_item.emergency .lower_text {
    align-items: flex-start;
    gap: .5vw;
  }
  .position_environment_box {

  }
  .position_environment_box_inner {
    gap: 5vw;
    padding: 5vw 5vw;
  }
  .position_environment_box_item {
    flex-direction: column;
    padding: 0;
  }
  .baige .position_environment_box_item::after {
    left: 0;
    top: 35%;
    width: 100%;
    height: 65%;
  }
  .position_environment_box_item img {
    width: 100%;
  }
  .position_environment_box .lower_text_sub {
    padding: 5vw;
  }
  .position_environment_box .lower_caption {
    position: static;
    margin-left: 0;
    padding-left: 3vw;
    width: 100%;
  }
  .position_environment_box_float {
    flex-direction: column;
    gap: 3vw;
    padding-right: 0;
  }
  .position_environment_box.blue .lower_text_sub {
    padding: 0;
  }
  .position_environment_box_float img {
    width: 100%;
  }
  .position_environment_box.blue .position_environment_box_item {
    border: 0;
    gap: 3vw;
  }
  .position_environment_exp {
    width: 100%;
  }
  .position_environment_button.sp {
    display: flex !important;
    padding-right: 5vw;
  }
  .position_environment_button .button span {
    font-size: 5vw;
  }
  .position_environment_box.blue .lower_caption {
    margin-top: .5vw;
    margin-left: 0;
    padding-left: 0;
  }
  .position_environment_box.blue .position_environment_box_inner {
    padding-bottom: 2vw;
  }
  
  .lower_caption.slidre {
    transform: translateY(-14.5vw);
    color: #fff;
    text-shadow: 0 0 3px #000;
  }
}
/*　-----------------------　location　-----------------------　*/
.location_life {
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  gap:2vw;
}
.location_life .location_headline2 {
  width: min(40vw , 800px);
}
.location_station-side {
  margin-bottom: 2vw;
}
.location_station-side,
.location_bayside-area {
  position: relative;
}
.location_station-side .lower_caption,
.location_bayside-area .lower_caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  color: #fff;
}
.location_station-seide_item {
  padding-top: 3vw !important;
}
.location_station-seide_item.hotel,
.location_station-seide_item.education {
  padding-top: 3vw !important;
}
.location_station-seide_item.medical {
  gap: 3vw;
}
.location_station-seide_item.medical {
  gap: 3vw;
}
.location_station-seide_item .location_headline2 {
  display: flex;
  height: 2vw;
}
.location_station-seide_item .location_headline2 img {
  width: auto;
  height: 100%;
}
.location_station-seide_item_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.8vw;
}
.edecation_ma-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}
.location_station-seide_item_photo {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  width: 100%;
}
.location_station-seide_item_photo.side {
  flex-direction: row !important;
  justify-content: center;
}
.location_station-seide_item_photo.side > li {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
}
.photo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
}
.location_station-seide_item_photo_upper,
.location_station-seide_item_photo_lower  {
  display: flex;
  gap: 3vw;
}
.location_station-seide_item_photo_upper_large {
  width: calc(((100% - 6vw) / 3) * 2 + 3vw) !important;
}
.location_station-seide_item_photo_upper_small {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.location_station-seide_item_photo_upper_small .photo-wrapper {
  width: 100%;
}
.location_station-seide_item_photo_upper_small .photo-wrapper:last-child {
  margin-top: auto;
}
.location_station-seide_item_photo_lower .photo-wrapper {
  flex: 1;
}
.location_station-seide_item_photo .caption {
  font-size: var(--font12);
  font-weight: 600;
}
.location_station-seide_item_note {
  font-size: var(--font12);
}
.location_station-seide_item_note span {
  color: #7c4a62;
}
.location_bayside-area_item  {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}
.location_bayside-area_item > div {
  display: flex;
  padding: 0 10vw;
}
.location_bayside-area_item .caption {
  font-size: var(--font10);
  font-weight: 600;
  text-align: right;
}
.location_bayside-area_item01 {
  position: relative;
  justify-content: flex-end;
  padding: 3vw 10vw !important;
  background-image: url("../images/location/bayside-area01_map.png");
  background-size: 55vw auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.location_bayside-area_item01::after {
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  width: 40vw;
  height: 100%;
  background: linear-gradient(113deg, #FFF 53.68%, #C9DAE4 106.31%);
  content: "";
}
.location_bayside-area_item01_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 40vw;
}
.location_bayside-area_photo_large,
.location_bayside-area_photo_small {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap:.4vw;
}
.location_bayside-area_photo_large {
  width: 100%;
}
.location_bayside-area_photo_small {
  gap: 2vw;
  width: 90%;
}
.location_bayside-area_text {
  position: relative;
  padding: 3.5vw 0 0 4vw;
  width: 100%;
  font-size: var(--font24);
  line-height: 2em;
  box-sizing: border-box;
}
.location_bayside-area_text::before,
.location_bayside-area_text::after {
  position: absolute;
  background-color: #4c829a;
  content: "";
}
.location_bayside-area_text::before {
  left: 0;
  top: 1.6vw;
  width: 7vw;
  height: 1px;
}
.location_bayside-area_text::after {
  left: 1.6vw;
  top: 0;
  width: 1px;
  height: 10vw;
}
.location_bayside-area_photo_small_img {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
  width: 65%;
}
.location_bayside-area_item02,
.location_bayside-area_item03,
.location_bayside-area_item04 {
  justify-content: space-between;
  padding-bottom: 4vw !important;
  background-size: 80vw auto !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}
.location_bayside-area_item02 {
  background: linear-gradient(90deg, #FFF 1.05%, #D0D4DF 97.8%);
}
.location_bayside-area_item02 .location_bayside-area_photo_small,
.location_bayside-area_item03 .location_bayside-area_photo_small,
.location_bayside-area_item04 .location_bayside-area_photo_small {
  margin-top: 2vw;
}
.location_bayside-area_item03 {
  background: linear-gradient(90deg, #FFF 1.53%, #C9DAE4 97.51%);
}
.location_bayside-area_item04 {
  background: linear-gradient(90deg, #FFF 1.05%, #D0D4DF 97.8%);
}
.location_bayside-area_item02 .location_bayside-area_photo_small,
.location_bayside-area_item03 .location_bayside-area_photo_small,
.location_bayside-area_item04 .location_bayside-area_photo_small {
  width: 35vw;
}
.location_bayside-area_item02 .location_bayside-area_photo_large,
.location_bayside-area_item03 .location_bayside-area_photo_large,
.location_bayside-area_item04 .location_bayside-area_photo_large {
  width: 40vw;
}
.location_area {
  gap: 2vw;
  padding-right: 20vw;
  padding-left: 20vw;
}
.location_area_item {
  display: flex;
  gap: 1vw;
  width: 100%;
}
.location_area_item > li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.5vw;
  background-color: #95826c;
  color: #fff;
  font-size: 1.2vw;
}
.location_area_point {
  display: flex;
  flex-wrap: wrap;
  row-gap: .5vw;
}
.location_area_point dt,
.location_area_point dd {
  font-size: 1vw;
}
.location_area_point dt {
  width: 20%;
}
.location_area_point dd {
  width: 25%;
}
.location_area_point dd:nth-child(2),
.location_area_point dd:nth-child(6),
.location_area_point dd:nth-child(10) {
  margin-right: 10%;
}
.location_area_point dt span {
  color: #95826c;
}
.location_area_point dd {
  text-align: right;
}
  .location_bayside-area_photo_larget {
    width: 86%;
  }

@media screen and (max-width: 767px) {
  .location_station-side,
  .location_bayside-area {
    display: flex;
    justify-content: center;
  }
  .location_station-side img,
  .location_bayside-area img {
    width: 400%;
    max-width: 300%;
  }
  .location_station-seide_item .location_headline2 {
    margin-bottom: 2vw;
    height: 6vw;
  }
  .location_station-seide_item .lower_text_main {
    font-size: 4.5vw;
    text-align: center;
  }
  .location_life .location_headline2 {
    width: 80vw;
  }
  .location_station-seide_item_photo {
    display: flex;
    flex-direction: column;
    gap: 5vw;
  }
  .location_station-seide_item_photo.side {
    flex-direction: column !important;
  }
  .photo-wrapper {
    align-items: flex-start;
  }
  .location_station-seide_item_photo_upper,
  .location_station-seide_item_photo_lower  {
    flex-direction: column;
    gap: 5vw;
  }
  .location_station-seide_item_photo_upper_large {
    width: 100% !important;
  }
  .location_station-seide_item_photo_upper_small .photo-wrapper:last-child {
    margin-top: auto;
  }
  .location_station-seide_item_photo_upper_small {
    gap: 5vw;
  }
  .location_station-seide_item_photo .caption {
    font-size: 2.5vw;
  }
  .location_station-seide_item_photo.side > li {
    align-items: flex-start;
  }
  .location_bayside-area_item > div {
    display: flex;
    gap: 5vw;
    padding: 10vw 3vw !important;
  }
  .location_bayside-area_item02,
  .location_bayside-area_item03,
  .location_bayside-area_item04 {
    background-size: 60vw auto !important;
  }
  .location_bayside-area_item01 {
    flex-direction: column;
    gap: 6vw;
    background-image: none;
  }
  .location_bayside-area_item01_left {
    order: 2;
  }
  .location_bayside-area_item01_right {
    order: 1;
  }
  .location_bayside-area_item01_right {
    flex-direction: column;
    width: 100%;
  }
  .location_bayside-area_photo_small {
    gap: 5vw;
    width: 100%;
    margin-top: 5vw;
  }
  .location_bayside-area_text {
    position: relative;
    padding: 4vw 0 0 5vw;
    font-size: 4vw;
  }
  .location_bayside-area_text::before {
    top: 3vw;
    width: 20vw;
  }
  .location_bayside-area_text::after {
    left: 3vw;
    height: 20vw;
  }
  .location_bayside-area_photo_small_img {
    align-items: flex-start;
    width: 100%;
  }
  .location_bayside-area_item .caption {
    font-size: 2.5vw;
    text-align: left;
  }
  .location_bayside-area_item02,
  .location_bayside-area_item03,
  .location_bayside-area_item04 {
    flex-direction: column;
  }
  .location_bayside-area_item02 .location_bayside-area_photo_small,
  .location_bayside-area_item03 .location_bayside-area_photo_small,
  .location_bayside-area_item04 .location_bayside-area_photo_small {
    width: 100%;
  }
  .location_bayside-area_item02 .location_bayside-area_photo_large,
  .location_bayside-area_item03 .location_bayside-area_photo_large,
  .location_bayside-area_item04 .location_bayside-area_photo_large {
    width: 100%;
  }
  .location_bayside-area_item04 .location_bayside-area_photo_large {
    margin-top: 5vw;
  }
  .location_station-seide_item_note {
    font-size: 3vw;
  }
  .location_bayside-area_photo_large {
    align-items: flex-start;
  }
  .location_bayside-area_item01_right {
    gap: 5vw;
  }
  .location_bayside-area_item01_right .location_bayside-area_photo_larget {
    order: 2;
  }
  .location_bayside-area_item01_right .location_bayside-area_photo_small {
    order: 1;
  }
  .location_bayside-area_item03 .location_bayside-area_photo_large {
    order: 2;
  }
  .location_bayside-area_item03 .location_bayside-area_photo_small {
    order: 1;
  }
  .location_bayside-area_item04 .location_bayside-area_photo_large {
    margin-top: 0;
  }
  .location_bayside-area_item  {
    gap: 0;
  }
  .location_area {
    padding-right: 3vw;
    padding-left: 3vw;
  }
  .location_area_item {
    flex-wrap: wrap;
  }
  .location_area_item > li {
    flex: auto;
    height: 8vw;
    width: calc((100% - 3vw) / 3);
    font-size: 4vw;
  }
  .location_area_point {
    width: 80%;
    row-gap: .5vw;
  }
  .location_area_point dt,
  .location_area_point dd {
    font-size: 3vw;
  }
  .location_area_point dt {
    width: 50%;
  }
  .location_area_point dd {
    width: 50%;
  }
  .location_area_point dd:nth-child(2),
  .location_area_point dd:nth-child(6),
  .location_area_point dd:nth-child(10) {
    margin-right: 0;
  }
  .location_station-seide_item_inner.school {
    margin-top: 5vw;
  }
  .location_bayside-area_item01::after {
    width: 80vw;
    background-image: none;
  }
}
/*　-----------------------　access　-----------------------　*/
.access .lower_copy_main {
  font-size: var(--font28);
}
.access_city {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5vw;
  padding-bottom: 5vw;
}
.access_city_item {
  display: flex;
  gap: 1vw;
}
.access_city_item .lower_photo-wrapper {
  width: 100%;
}
.access_city_item li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5vw;
}
.access_city_item_photo {
  position: relative;
  width: 100%;
}
.access_city_item_photo .lower_caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
}
.access_city_item_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.access_city_text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5vw;
  margin-top: auto;
}
.access_city_text .caption {
  position: absolute;
  right: -2vw;
  top: -1.3vw;
  font-size: .7vw;
}
.access_city_time {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1.2vw;
  line-height: 1.2;
}
.access_city_text .large {
  font-size: 2vw;
}
.access_city_text .midium {
  font-size: 1.5vw;
}
.access_city_text .small {
  font-size: .8vw;
}
.access_city_text1 div > .small {
  margin-right: .8vw;
}
.access_city_train {
  font-size: .8vw;
}
.access_city_railway {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3vw;
}
.access_city_railway_map {
  position: relative;
  width: 60vw
}
.access_city_railway_map .lower_caption {
  position: absolute;
  right: 0;
  bottom: 0;
}
.access_city_item.other {
  display: flex;
  flex-wrap: wrap;
  gap: 3vw;
  padding: 0 10vw;
}
.access_city_item.other > li {
  display: flex;
  flex-direction: column;
  width: calc((100% - 6vw)/3);
  gap: 0;
  background: linear-gradient(90deg, #5A4F4A 0%, #968C87 50%, #5A4F4A 100%);
  background-size: cover;
}
.access_city_item.other .access_city_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5vw;
  width: 100%;
  height: 5vw;
  line-height: 1;
  color: #fff;
}
.access_city_item.other .access_city_text .midium {
  font-size: 1.2vw;
}
.access_city_item.other .access_city_text .access_city_train{
  font-size: .6vw;
}

.access_city_item1 {
  width: min(100% , 1500px);
  margin-right: auto;
  margin-left: auto;
}
.access_city_item2 {
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;
}


.access_ranking {
  background: linear-gradient(90deg, #FFF -48.21%, #DBD6C4 99.54%);
  gap:2vw;
}
.access_ranking > *{
  max-width: 1500px;
}
.access_ranking_title {
  width: 85vw;
  font-size: 1.8vw;
}
.access_ranking_item_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.access_ranking_item {
  display: flex;
  gap: 3vw;
  width: 100%;
}
.access_ranking_item > li {
  flex: 1;
}
.access_ranking_item_wrapper .caption {
  font-size: .7vw;
}
.access_various {
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  gap: 3vw;
  max-width: 1500px;
}
.access_various::after {
  z-index: -1;
  position: absolute;
  right: 0;
  top: 4vw;
  width: 70vw;
  height: 82%;
  background: linear-gradient(90deg, #FFF 1.05%, #CED0DC 97.8%);
  content: "";
}
.access_various_title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5vw;
  width: 50%;
}
.access_various_title {
  margin-left: -.5vw;
  height: 3vw;
}
.access_various_title img {
  width: auto;
  height: 100%;
}
.access_various_photo {
  position: relative;
}
.access_various_photo-wrapper {
  position: relative;
}
.access_various_photo-wrapper .lower_caption {
  position: absolute;
  right: .5vw;
  bottom: .5vw;
  color: #fff;
}
.access_various_photos {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw 1.5vw;
  margin-top: 1vw;
  width: 100%;
}
.access_various_photos > li {
  display: flex;
  flex-direction: column;
  gap: .5vw;
  width: calc((100% - 2vw) /2);
}
.access_various_photos_text {
  display: flex;
  flex-direction: column;
  font-size: .9vw;
  line-height: 1.2;
}
.access_various_photos_text .small {
  font-size: .8vw;
}
.access_various_photos_text .large {
  font-size: 1.5em;
}
.access_various .caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  color: #fff;
  font-size: .7vw;
}
.access_various_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  margin-top: 4vw;
}
.access_various_content .lower_copy_sub {
  font-size: var(--font22);
}
.access_various_content .lower_copy_sub span {
  font-size: .8rem;
}
.access_taxi .access_various_content {
  gap: 0;
}
.access_various_content_inner {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-top: 2vw;
}
.access_various_item_title {
  font-size: 1vw;
  line-height: 1.2em;
  margin-top: 0.3em;
  
}
.access_various_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  width: 90%;
}
.access_various_price {
  font-size: .9vw;
}
.access_various_note {
  width: 100%;
  font-size: .6vw;
  letter-spacing: 0.05em;
}
.access_taxi {
  align-items: flex-end;
}
.access_taxi::after {
  left: 0 ;
  right: auto;
  width: 90%;
  height: 75%;
  background: linear-gradient(-90deg, transparent 0%, #D0D4DF 97.8%);
}
.access_taxi .access_various_title-wrapper {
  order: 2;
  width: 43%;
}
.access_taxi .access_various_content {
  order: 1;
}
.access_taxi .access_various_item {
  gap: .5vw;
  width: 100%;
}
.access_car {
  align-items: center;
}
.access_car::after {
  top: 7vw;
  height: 87%;
  background: linear-gradient(90deg, #FFF 1.05%, #D0D4DF 97.8%);
}
.access_car .access_various_title-wrapper {
  width: 45%;
}
.access_car .access_various_content {
  margin-top: 5vw;
}
@media screen and (max-width: 767px) {
  .access .lower_copy_main {
    font-size: 5vw;
  }
  .access_city_item {
    flex-wrap: wrap;
    gap: 5vw 1vw;
  }
  .access_city_item > li  {
    width: calc((100% - 1vw) /2);
  }
  .access_city_time {
    font-size: 4vw;
  }
  .access_city_text .large {
    font-size: 6vw;
  }
  .access_city_text .small {
    font-size: 3vw;
  }
  .access_city_text div > .small {
    margin-right: .5vw;
  }
  .access_city_train {
    font-size: 3.5vw;
    text-align: center;
    line-height: 1.2;
  }
  .access_city_railway  {
    padding: 10vw 0;
  }
  .access_city_railway .lower_copy_sub {
    text-align: center;
  }
  .access_city_railway_map {
    width: 90vw;
  }
  .access_city_item.other {
    padding-right: 3vw;
    padding-left: 3vw;
  }
  .access_city_item.other > li {
    width: 100%;
  }
  .access_city_item.other .access_city_text {
    padding: 0 0 1vw 0;
    height: auto;
    min-height: 16vw;
  }
  .access_city_text .midium {
    font-size: 4vw;
  }
  .access_city_item.other .access_city_text .midium {
    font-size: 4vw;
  }
  .access_city_item.other .access_city_text .access_city_train{
    font-size: 3vw;
  }
  .ccess_ranking_item_wrapper {
    justify-content: flex-start;
  }
  .access_ranking_item {
    flex-direction: column;
  }
  .access_ranking_item_wrapper .caption {
    font-size: 2vw;
  }
  .access_various {
    flex-direction: column;
  }
  .access_various::after {
    width: 90vw;
    height: 98%;
  }
  .access_various_title-wrapper {
    gap: 2vw;
    width: 100%;
  }
  .access_various_title {
    margin-left: -5vw;
    height: 8vw;
  }
  .access_various_photos {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw 1.5vw;
    margin-top: 1vw;
    width: 100%;
    text-align: left;
    letter-spacing: 0;
  }
  .access_various_photos > li {
    display: flex;
    flex-direction: column;
    gap: .5vw;
    width: calc((100% - 1.5vw) /2);
  }
  .access_various_photos_text {
    display: flex;
    flex-direction: column;
    font-size: 3vw;
  }
  .access_various_photos_text .small {
    font-size: 2vw;
  }
  .access_various .caption {
    position: absolute;
    right: 2vw;
    bottom: 3vw;
    font-size: 2vw;
  }
  .access_various_item_title {
    font-size: 4vw;
  line-height: 1.4em;
  }
  .access_various_item {
    width: 100%;
    gap: 5vw;
  }
  .access_various_price {
    font-size: 3vw;
  }
  .access_various_note {
    width: 100%;
    font-size: 2vw;
  }
  .access_taxi {
    align-items: flex-end;
  }
  .access_taxi::after {
    top: 6vw;
    width: 90%;
    height: 98%;
  }
  .access_taxi .access_various_title-wrapper {
    order: 1;
    width: 100%;
  }
  .access_taxi .access_various_content {
    order: 2;
  }
  .access_car .access_various_title-wrapper {
    width: 100%;
  }
  .access_various_title {
    margin-left: 0;
  }
  .access_car::after {
    width: 90%;
    height: 100%;
  }
  .access_various_content .lower_copy_sub {
    font-size: 4.5vw;
  }
  .access_taxi .access_various_item {
    margin-top: 1vw;
  }
  .access_city_text .caption {
    position: static;
    font-size: 3vw;
    padding-right: 1vw;
  }
}
/*　-----------------------　parkfront　-----------------------　*/
.parkfront_sawatari_item {
  display: flex;
  gap: 2vw;
}
.parkfront_sawatari_item > li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
}
.parkfront_sawatari_map {
  display: flex;
  align-items: center;
  gap: 2vw;
  width: 100%;
}
.parkfront_sawatari_map_img {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5vw;
  width: 62%;
}
.parkfront_sawatari_map_img .lower_caption {
}
.parkfront_sawatari_map .lower_text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.parkfront_sawatari_map .lower_text_main {

}
.parkfront_sawatari_map .lower_text_sub {

}
.parkfront_sawatari {
  gap: 1vw !important;
  padding: 2.5vw 10vw 2.5vw 10vw;
}
.parkfront_sawatari_about {
  position: relative;
  background-image: url(../images/parkfront/sawatari_abolut_bg.webp);
  background-size: cover;
}
.parkfront_sawatari_about.lower_section {
  padding-bottom: 2.5vw;
}
.parkfront_sawatari_about_title {
  position: absolute;
  left: 10vw;
  top: 9vw;
  width: 2.5vw;
}
.parkfront_sawatari_about_item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 3vw;
}
.parkfront_sawatari_about_item > li {
  position: relative;
}
.parkfront_sawatari_about_item > li:nth-child(1) {
  margin: 7vw 5vw 0 auto;
  width: 20%;
}
.parkfront_sawatari_about_item > li:nth-child(2) {
  width: 52%;
}
.parkfront_sawatari_about_item > li:nth-child(3) {
  margin-right: 4vw;
  width: 52%;
}
.parkfront_sawatari_about_item > li:nth-child(4) {
  width: 30%;
}
.parkfront_sawatari_about_item .lower_caption {
  position: absolute;
  right: .5vw;
  bottom: .8vw;
  color: #fff;
}


@media screen and (max-width: 1460px) {
  .parkfront_sawatari_about_item,
  .parkfront_sawatari_about_tree_img{
    width: 90%;
  }
}



.parkfront_sawatari_about_tree {
  width: 100%;
}
.parkfront_sawatari_about_tree > div.lower_text {
  gap:1vw;
}
.parkfront_sawatari_about_tree_img {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2vw;
  margin-top: 1vw;
}
.commonspace_photo-wrapper {
  width: 100%;
}
.commonspace_photo-wrapper.salon {
  margin-top: 5vw;
}
@media screen and (max-width: 767px) {
  .parkfront_sawatari {
    gap: 1vw !important;
    padding: 10vw 2vw;
  }
  .parkfront_sawatari_item {
    flex-direction: column;
    gap: 5vw;
  }
  .parkfront_sawatari_item > li {
    align-items: flex-start;
  }
  .parkfront_sawatari_map {
    flex-direction: column;
  }
  .parkfront_sawatari_map_img {
    width: 100%;
  }
  .parkfront_sawatari_map .lower_text_main {
    font-size: 5vw;
  }
  .parkfront_sawatari_map .lower_text_sub {
    font-size: 3vw;
  }
  .parkfront_sawatari_map .lower_text_sub br {
    display: none;
  }
  .parkfront_sawatari_about_title {
    position: static;
    width: 80vw;
  }
  .parkfront_sawatari_about_item,
  .parkfront_sawatari_about_tree_img{
    width: 100%;
  }
  .parkfront_sawatari_about_item {
    row-gap: 2vw;
    justify-content: space-between;
  }
  .parkfront_sawatari_about_item > li:nth-child(1) {
    margin: 7vw 0 0 0;
    width: 28%;
  }
  .parkfront_sawatari_about_item > li:nth-child(2) {
    width: 66%;
  }
  .parkfront_sawatari_about_item > li:nth-child(3) {
    margin-right: 0;
    width: 60%;
  }
  .parkfront_sawatari_about_item > li:nth-child(4) {
    width: 34%;
  }
  .parkfront_sawatari_about_item .lower_caption {
    right: 1vw;
    bottom: 2vw;
  }
}
/*　-----------------------　design　-----------------------　*/
.lower_section.min {
  gap: 3vw;
  padding-top: 1vw;
}
.design h3,
.commonspace h3 {
  font-size: 1.4vw;
}
.design_material {
  background-color: #110907;
}
.design_material * {
  color: #fff;
}
.design_material_item {
  display: flex;
  align-items: center;
  gap: 3vw;
}
.design_material_img-wrapper {
  position: relative;
  max-width: 1500px;
}
.design_material_img-wrapper .lower_caption {
  color: #fff;
}
.design_material_img {
  width: 40%;
}
.design_material_img-wrapper .lower_caption,
.design_material_img .lower_caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
}
.design_material_text {
  flex: 1;
  position: relative;
  padding: 0 0 0 1vw;
  height: 32vw;
  background-image: url(../images/design/material02.webp);
  background-size: 100% auto;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.design_material_text p {
  font-size: 1vw;
  line-height: 2;
}
.design_material_text .lower_caption {
  position: absolute;
  right: 1vw;
  bottom: -2vw;
  font-size: .9vw;
}
.design_map {
  display: flex;
  gap: 2vw;
  max-width: 1280px;
}
.design_tab-wrapper {
  display: flex;
  flex-direction: column;
  width: 65%;
}
.design_tabs {
  display: flex;
  margin: 0 3vw 0 auto;
  width: 80%;
}
.design_tab {
  flex: 1;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  /*transition: opacity 0.3s ease;*/
  opacity: 0.35;
}
.design_tab.is-active {
  opacity: 1;
}
.design_tab img.pc {
  display: block;
  width: 100%;
  height: auto;
}
.design_tab img.sp {
  display: none;
}
.design_panel {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  /*transition: opacity 0.6s ease, visibility 0.6s ease;*/
}
.design_panel.is-active {
  opacity: 1;
  visibility: visible;
  height: auto;
  display: flex;
  justify-content: flex-end;
  gap: 1vw;
}
.design_panel_detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  margin-top: 3.5vw;
}
.design_panel_detail > li {
  display: flex;
}
.design_panel_detail > li > div {
  width: 50%;
}
.design_panel_detail p.lower_caption {
  font-size: var(--font10);
}
.design_panel_detail_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5vw;
  padding: 0 .5vw;
  box-sizing: border-box;
  background: linear-gradient(90deg, #675B55 0%, #4C423E 100%);
  color: #fff;
}
.design_panel_detail_title {
  font-size: var(--font18);
  letter-spacing: 0.03em;
}
.design_panel_detail_text {
  font-size: var(--font12);
  line-height: 1.3;
}
.design_panel_detail_photo img {
  width: 100%;
  height: 100%;
  object-fit: coverl
}
.design_panel_map {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.design_panel_map .lower_caption {
  margin-right: 2vw;
}
.design_panel img {
  display: block;
  width: 100%;
  height: auto;
}
.design_flower {
  padding-top: 5vw !important;
  background: linear-gradient(90deg, #FFF 0%, #C2D0C4 100%);
  background-size: cover;
}
.design_flower_title {
  font-size: 1.5vw;
}
.design_flower_item {
  display: flex;
  gap: 3vw;
}
.design_flower_large {
  position: relative;
  width: 56%;
}
.design_flower_large .lower_caption {
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  color: #fff;
}
.design_flower_small {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.design_flower_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw 1.5vw;
}
.design_flower_list > li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: .5vw;
  width: calc((100% - 2vw) /2);
}
.design_flower_list > li .lower_caption {
  color: #000;
  text-align: left;
}
.design_flower_text {
  display: flex;
  flex-direction: column;
  gap: .5vw;
  margin-top: auto;
  text-align: right;
}
.design_flower_small .note {
  font-size: .6vw;
}
.design_flower_img {
  text-align: right;
}
.design_approach  {
  padding-top: 0 !important;
}




@media screen and (max-width: 1280px) {
  .design_approach  {
    padding: 2.5vw 2vw 5vw 2vw;
  }

}



@media screen and (max-width: 767px) {
  .lower_section.min {
    padding-top: 5vw;
  }
  .design h3,
  .commonspace h3 {
    font-size: 5vw;
    margin-top: 5vw;
  }
  .design_material_item {
    flex-direction: column;
    align-items: flex-start;
  }
  .design_material_img {
    width: 100%;
  }
  .design_material_text {
    padding: 0;
    height: auto;
    background-image: none;
  }
  .design_material_text p {
    font-size: 4vw;
  }
  .design_material_text .lower_caption {
    position: static;
    text-align: right;
    font-size: 3vw;
  }
  .design_map {
    flex-direction: column;
    gap: 2vw;
  }
  .design_tab-wrapper {
    order: 1;
    width: 100%;
  }
  .design_tabs {
    display: flex;
    margin: 0 3vw 0 auto;
    width: 80%;
  }
  .design_tabs {
    margin: 0;
    width: 100%;
  }
  .design_tab img.pc {
    display: none;
  }
  .design_tab img.sp {
    display: block;
  }
  .design_panel.is-active {
    flex-direction: column;
    justify-content: flex-start;
    gap: 1vw;
  }
  .design_panel_detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }
  .design_panel_detail p.lower_caption {
    font-size: 2.5vw;
  }
  .design_panel_detail_content {
    gap: .5vw;
    padding: 2vw;
  }
  .design_panel_detail_title {
    font-size: 4vw;
  }
  .design_panel_detail_text {
    font-size: 3vw;
  }
  .design_panel_map {
    width: 100%;
  }
  .design_panel_map .lower_caption {
    margin-right: 2vw;
  }
  .design_panel_detail {
    order: 2;
  }
  .design_panel_map {
    order: 1;
  }
  #floor2 img {
    width: 100%;
  }
  .design_flower_item {
    flex-direction: column;
    gap: 4vw;
  }
  .design_flower_large {
    width: 100%;
  }
  .design_flower_small .lower_caption {
    font-size: 3vw;
  }
  .design_flower_small .note {
    font-size: 3vw;
    text-align: left;
  }
  .design_flower_list {
    row-gap: 2vw;
  }
  .design_flower_text {
    margin-top: 3vw;
  }
  .design_approach {
    gap: 5vw;
  }
}
/*　-----------------------　commonspace　-----------------------　*/
.commonspace_lower_section {
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;
}
.commonspace_floor {
  display: flex;
  align-items: center;
  gap: 5vw;
  width: 100%;
}
.commonspace_floor_img {
  display: flex;
  flex-direction: column;
  gap: 5vw;
  width: 40%;
}
.commonspace_floor_img > li {
  width: 70%;
}
.commonspace_floor_img > li:first-child {
  margin-left: auto;
}
.commonspace_floor_map {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.commonspace_floor_map .lower_caption {
  padding-right: 2vw;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .commonspace_photo-wrapper .caption {
    font-size: 2vw;
  }
  .commonspace_floor {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 3vw;
  }
  .commonspace_floor_img {
    width: 100%;
  }
  .commonspace_floor_img > li {
    width: 90%;
  }
  .lower_section.lounge {
    padding-top: 0;
  }
  .lower_section.lounge h3 {
    margin-top: 0;
  }
}
/*　-----------------------　zeh　-----------------------　*/
.zeh .lower_copy_inenr {
  display: flex;
  gap: 3vw;
  align-items: center;
}
.lower_copy_logo {
  width: 20%;
}
.zeh .lower_copy_main {
  font-size: var(--font24);
}
.zeh .lower_copy .lower_text {
  flex: 1;
}
.zeh .lower_copy .lower_copy_sub {
  font-size: var(--font18);
}
.lower_copy_img {
  width: clamp(700px,55vw,1000px);
}
.zeh_merit {
  padding-top: 0;
}
.zeh_merit_title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3vw;
  width: 100%;
}
.zeh_merit_item {
  display: flex;
  gap: 4vw;
  width: 100%;
}
.zeh_merit_item > li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1vw;
  padding: 1vw 4.5vw 1.5vw 4.5vw;
  background: linear-gradient(90deg, #25644D 0%, #519083 50%, #25644D 100%);
  border-radius: 4px;
  color: #fff;
}
.zeh_merit_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5vw;
  width: 100%;
}
.zeh_merit_no {
  padding-bottom: .5vw;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.5);
  text-align: center;
  font-size: 1vw;
}
.zeh_merit_no span {
  font-size: 1.5vw;
}
.zeh_merit_title {
  font-size: var(--font24);
}
.zeh_merit_title  span {
  font-size: 1vw;
}
.zeh_merit_text {
  text-align: center;
  line-height: 2;
  font-size: 1vw;
}
.zeh_merit_text sub {
  font-size: .6em;
}
.zeh_merit_detail {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  width: 100%;
}
.zeh_merit_detail > li {
  display: flex;
  flex-direction: column;
}
.zeh_merit_detail_label {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: linear-gradient(90deg, #25644D 0%, #519083 50%, #25644D 100%);
  border-radius: 4px;
  color: #fff;
  font-size: 1vw;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
}
.zeh_merit_detail_label img {
  width: auto;
    height: clamp(25px,2vw,40px);
}
.zeh_merit_detail_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4vw;
  padding: 4vw;
  background-color: #F3F7F7;
}
.zeh_merit_detail_title-wrapper {
  display: flex;
  align-items: stretch;
  gap: 5vw;
  width: 100%;
}

.zeh_merit_detail_title-wrapper > div {
  flex: 1;
}
.zeh_merit_detail_text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  padding: 1vw 2vw 0 2vw;
  border-left: 1px solid;
  border-right: 1px solid;
  width: 50%;
}
.zeh_merit_detail_inner {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  width: 100%;
}
.zeh_merit_detail_title {
  font-size: var(--font34);
  font-weight: 700;
  padding-left: 1em;
  color: #007074;
}
.zeh_merit_detail_title span {
  font-size: 75%;
}
.zeh_meli_detail_copy {
  font-size: var(--font22);
  font-weight: 600;
}
.zeh_merit_detail_text {
  line-height: 2;
  font-size: var(--font18);
}
.zeh_merit_detail_img {
  display: flex;
  width: 100%;
}
.zeh_merit_detail_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zeh_merit01_item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2vw;
}
.zeh_merit01_item .zeh_merit01_item_text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  text-align: left;
}
.zeh_merit01_item img {
  width: 20vw;
}
.zeh_merit02_item {
  display: flex;
  justify-content: center;
  gap: 2vw;
}
.zeh_merit02_item li {
  width: 20vw;
}
.zeh_merit02_item_caption {
  font-size: 1vw;
}
.zeh_merit02_item li:first-child .zeh_merit02_item_caption {
  margin-top: -.5em;
}
.zeh_merit03_item {
  display: flex;
  justify-content: center;
  width: 100%;
}
.zeh_merit03_item > div {
  width: 50%;
}
.zeh_merit03_item_text {
  display: flex;
  justify-content: flex-end;
  margin-top: 3vw;
  padding-right: 5vw;
  width: 50%;
  box-sizing: border-box;
}
.zeh_merit03_item_text p {
  font-size: var(--font15);
  color: #007074;
  font-weight: 600;
}
.zeh_merit03_item img {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  width: 25vw;
}

.zeh_merit03_item_img2 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.zeh_merit03_item_img img,
.zeh_merit03_item_img2 img {
  margin-top: 1.5vw;
}


.zeh_merit03_item_img p,
.zeh_merit03_item_img2 p {
  font-weight: 600;
  font-size: var(--font15);
}
.zeh_merit03_item_img p sub {
  font-size: .8em;
}
.zeh_merit03_item_img2 ul.annotation {
  padding: 0;
  max-width: inherit;
}
.zeh_eco {
  flex-direction: row;
  gap: 5vw;
}
.zeh_eco_inner {
  display: flex;
  justify-content: flex-end;
  gap: 2vw;
  width: 50%;
}
.zeh_eco_text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  width: 70%;
}
.zeh_eco_title {
  font-size: var(--font24);
  font-weight: 600;
  color: #006d70;
}
.zeh_eco_text {
  line-height: 2;
  font-size: var(--font16);
}
.zeh_eco img {
  width: min(25vw ,350px) ;
}
@media screen and (max-width: 1100px) {
  br.zeh1100 {
    display: block;
  }
  .zeh_merit {
    padding: 2.5vw 2vw 5vw 2vw;
  }

}
@media screen and (max-width: 767px) {
  .zeh .lower_copy .lower_text {
    align-items: center !important;
  }
  .zeh .lower_copy_inenr {
    flex-direction: column;
  }
  .lower_copy_logo {
    width: 30vw;
  }
  .zeh .lower_copy_main {
    text-align: center;
    font-size: 4.5vw;
  }
  .zeh .lower_copy .lower_copy_sub {
    font-size: 4vw;
  }
  .zeh .lower_copy .lower_copy_sub br {
    display: none;
  }
  .lower_copy_img {
    width: 100%;
  }
  .zeh_merit {
    padding-top: 5vw;
  }
  .zeh_merit_title {
    font-size: 6vw;
    text-align: center;
  }
  .zeh_merit_item {
    flex-direction: column;
    gap: 3vw;
  }
  .zeh_merit_item > li {
    padding: 3vw 10vw 4vw 10vw;
  }
  .zeh_merit_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5vw;
    width: 100%;
  }
  .zeh_merit_no {
    padding-bottom: .5vw;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.5);
    text-align: center;
    font-size: 4vw;
  }
  .zeh_merit_no span {
    font-size: 6vw;
  }
  .zeh_merit_title {
    font-size: 6vw;
  }
  .zeh_merit_title span {
    font-size: 4vw;
  }
  .zeh_merit_text {
    text-align: center;
    line-height: 1.5;
    font-size: 3vw;
  }
  .zeh_merit_detail {
    gap: 10vw;
  }
  .zeh_merit_detail_title-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .zeh_merit_detail_text-wrapper {
    flex-direction: column;
    padding: 1vw 2vw 0 2vw;
    border-left: 0;
    border-right: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .zeh_merit_detail_body {
    gap: 10vw;
  }
  .zeh_merit_detail_inner {
    display: flex;
    flex-direction: column;
    gap: 1vw;
  }
  .zeh_merit_detail_title {
    padding-left: 0;
    font-size: 7vw;
  }
  .zeh_merit_detail_label {
    height: 15vw;
  }
  .zeh_merit_detail_label img {
    height: 5vw;
  }

  .zeh_meli_detail_copy {
    font-size: 4.5vw;
  }
  .zeh_merit_detail_text {
    font-size: 4vw;
  }
  .zeh_merit_detail_text br {
    display: none;
  }
  .zeh_merit01_item {
    flex-direction: column;
    gap: 5vw;
  }
  .zeh_merit01_item .zeh_merit01_item_text {
    font-size: 3vw;
    gap: 3vw;
  }
  .zeh_merit01_item .zeh_merit01_item_text br {
    display: none;
  }
  .zeh_merit01_item img {
    width: 70vw;
  }
  .zeh_merit02_item {
    flex-direction: column;
    gap: 5vw;
  }
  .zeh_merit02_item li {
    width: 100%;
  }
  .zeh_merit02_item_caption {
    font-size: 4vw;
  }
  .zeh_merit03_item {
    flex-direction: column;
    gap: 5vw;
  }
  .zeh_merit03_item_text {
    margin: 0;
    padding: 0;
  }
  .zeh_merit03_item_text p {
    margin-bottom: 5vw;
    width: 100%;
    font-size: 3.5vw;
  }
  .zeh_merit03_item_text p br {
    display: none;
  }
  .zeh_merit03_item > div {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    width: 100%;
  }
  .zeh_merit03_item_text {
    width: 100%;
  }
  .zeh_merit03_item img {
    width: 100%;
  }
  .zeh_merit03_item_img2 {
    gap: 5vw;
    width: 100%;
  }
  .zeh_merit03_item_img_title {
    font-size: 4vw;
  }
  .zeh_merit03_item_img p,
  .zeh_merit03_item_img2 p {
    font-size: 4vw;
  }
  .zeh_eco {
    flex-direction: column;
    gap: 5vw;
  }
  .zeh_eco_inner {
    width: 100%;
  }
  .zeh_eco_text-wrapper {
    flex-direction: column;
    width: 100%;
  }
  .zeh_eco_title {
    font-size: 6vw;
  }
  .zeh_eco_text {
    line-height: 2;
    font-size: 4vw;
  }
  .zeh_eco img {
    width: 90%;
  }
  .zeh_merit03_item_img .annotation {
    text-align: left;
  }
}


/*-------------------------------------------------------*/

.plan_item {
  padding-top: 0;
}