@charset "utf-8";

#Content .page-header .text-area .page-title .page-title-pc img {
  max-width: 202px;
}
#Content .page-menu {
  margin-bottom: 80px;
}

/* メーターディスプレイ */
#meter {
  color: #73797c;
  margin-bottom: 80px;
}
#meter .meter-head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 50px;
}
#meter .meter-head .img-area {
  max-width: 650px;
  margin-right: 40px;
}
#meter .meter-head .text-area {
  max-width: 510px;
}
#meter .meter-head .text-area .head-title {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
#meter .meter-head .text-area .head-title .t2 {
  display: block;
  font-size: 20px;
}
#meter .meter-head .text-area .head-description {
  font-weight: bold;
  line-height: 1.7;
}
#meter .meter-detail {
  display: flex;
}
#meter .meter-detail .img-area {
  max-width: 650px;
  margin-right: 40px;
}
#meter .meter-detail .img-area ol {
  margin-top: 20px;
}
#meter .meter-detail .img-area ol li {
  font-weight: bold;
  line-height: 1.5;
}
#meter .meter-detail .img-area ol li span {
  font-weight: normal;
}
#meter .meter-detail .case-area {
  max-width: 510px;
}
#meter .meter-detail .case-area .case-title {
  border: solid 1px #ccc;
  font-weight: bold;
  line-height: 1;
  padding: 9px 18px;
  margin-bottom: 20px;
}
#meter .meter-detail .case-area ul {
  display: flex;
  flex-wrap: wrap;
}
#meter .meter-detail .case-area ul li {
  width: 49%;
  max-width: 252px;
  margin-bottom: 6px;
}
#meter .meter-detail .case-area ul li:nth-child(odd) {
  margin-right: 6px;
}
#meter .meter-detail .case-area ul li p {
  font-size: 15px;
  font-weight: bold;
}

/* 操作性 */
#operation {
  color: #73797c;
  margin-bottom: 80px;
}
#operation .operation-head img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.3), -5px -5px 15px rgba(255,255,255,0.3);
  margin-bottom: 20px;
}
#operation .operation-head .head-title {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
#operation .operation-head .head-title .t2 {
  display: block;
  font-size: 20px;
}
#operation .operation-head .head-detail {
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 30px;
}
#operation .operation-detail {
  display: flex;
}
#operation .operation-detail .detail-img {
  width: 100%;
  max-width: 576px;
  margin-right: 48px;
}
#operation .operation-detail .detail-img img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.3), -5px -5px 15px rgba(255,255,255,0.3);
  margin-bottom: 20px;
}
#operation .operation-detail .detail-text {
  width: 100%;
  max-width: 576px;
}
#operation .operation-detail .detail-text .detail-title {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
#operation .operation-detail .detail-text .detail-title .t2 {
  display: block;
  font-size: 20px;
}
#operation .operation-detail .detail-text .detail-description {
  font-weight: bold;
  line-height: 1.7;
}

/* 居住性 */
#residence {
  margin-bottom: 80px;
}
#residence .residence-head {
  border-bottom: solid 1px #ccc;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
#residence .residence-head .img-area {
  max-width: 412px;
  padding-right: 12%;
  margin: 0 auto 40px auto;
}
#residence .residence-head .text-area {
  display: flex;
}
#residence .residence-head .text-area .residence-text {
  width: 100%;
  max-width: 395px;
  margin-right: 40px;
  text-align: justify;
}
#residence .residence-head .text-area .residence-text .head-title {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
#residence .residence-head .text-area .residence-text .head-title .t2 {
  display: block;
  font-size: 20px;
}
#residence .residence-head .text-area .residence-text .head-description {
  font-weight: bold;
  line-height: 1.7;
}
#residence .residence-head .text-area .table-area {
  width: 100%;
  max-width: 765px;
}
#residence .residence-head .text-area .table-area table {
  width: 100%;
  border-left: solid 1px #73797c;
  border-bottom: solid 1px #73797c;
}
#residence .residence-head .text-area .table-area th,
#residence .residence-head .text-area .table-area td {
  border-top: solid 1px #73797c;
  border-right: solid 1px #73797c;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0;
  line-height: 1.4;
  text-align: center;
}
#residence .residence-head .text-area .table-area th {
  background-color: #e6ebf0;
}
#residence .residence-head .text-area .table-area .header-bottom th {
  background-color: #fff;
}
#residence .residence-head .text-area .table-area thead th {
  width: calc(100% / 6);
}
#residence .residence-head .text-area .table-area thead td {
  width: calc(100% / 6);
}
#residence .residence-detail {
  display: flex;
}
#residence .residence-detail.rd1 {
  border-bottom: solid 1px #ccc;
  padding-bottom: 40px;
  margin-bottom: 45px;
}
#residence .residence-detail .img-area {
  width: 100%;
  max-width: 576px;
  margin-right: 40px;
}
#residence .residence-detail .img-area img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.5), -5px -5px 15px rgba(255,255,255,0.5);
}
#residence .residence-detail .detail-area {
  width: 100%;
  max-width: 576px;
}
#residence .residence-detail .detail-area .img-list {
  display: flex;
  margin-bottom: 20px;
}
#residence .residence-detail .detail-area .img-list li {
  width: 31%;
  margin-right: 3.5%;
}
#residence .residence-detail .detail-area .img-list li:last-of-type {
  margin-right: 0;
}
#residence .residence-detail .detail-area .img-list li img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.5), -5px -5px 15px rgba(255,255,255,0.5);
}
#residence .residence-detail .detail-area .detail-title {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
#residence .residence-detail .detail-area .detail-title .t2 {
  display: block;
  font-size: 20px;
}
#residence .residence-detail .detail-area .detail-description {
  font-weight: bold;
  line-height: 1.7;
}
#residence .residence-detail .detail-area .detail-note {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 20px;
}
#residence .residence-detail .detail-area .list-title {
  border: solid 1px #ccc;
  font-weight: bold;
  line-height: 1;
  padding: 9px 18px;
  margin-bottom: 20px;
}
#residence .residence-detail .detail-area .function-list li {
  font-weight: bold;
  line-height: 1.5;
}

/* 乗降性 */
#getting {
  margin-bottom: 80px;
}
#getting .getting-flex {
  display: flex;
}
#getting .img-area {
  width: 100%;
  max-width: 460px;
  margin-right: 80px;
}
#getting .img-area img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.7), -5px -5px 15px rgba(255,255,255,0.7);
}
#getting .detail-area {
  width: 100%;
  max-width: 660px;
}
#getting .detail-area .detail-text {
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 40px;
}
#getting .detail-area .ge-slider {
  display: flex;
  flex-wrap: wrap;
}
#getting .detail-area .ge-slider-item {
  width: 47%;
  margin-bottom: 30px;
}
#getting .detail-area .ge-slider-item > img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.7), -5px -5px 15px rgba(255,255,255,0.7);
  margin-bottom: 15px;
}
#getting .detail-area .ge-slider-item:nth-child(odd) {
  margin-right: 6%;
}
#getting .detail-area .ge-slider-item .detail-title {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 10px;
}
#getting .detail-area .ge-slider-item .detail-title .t2 {
  display: block;
  font-size: 20px;
}
#getting .detail-area .ge-slider-item .detail-description {
  font-weight: bold;
  line-height: 1.7;
}

/* 室内装備 */
#equipment {
  margin-bottom: 80px;
}
#equipment .slider {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 100px auto 0 auto;
  position: relative;
}
#equipment .slider .slider-item {
  width: calc(100% / 3);
  max-width: 313px;
  padding: 0 20px;
}
#equipment .slider .slider-item img {
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(166,171,189,0.7), -5px -5px 15px rgba(255,255,255,0.7);
  margin-bottom: 15px;
}
#equipment .slider .slider-item p {
  font-size: 15px;
  font-weight: bold;
}
#equipment .slider .prev,
#equipment .slider .next {
  width: 15px;
  position: absolute;
  top: calc(50% - 40px);
  z-index: 10;
}
#equipment .slider .prev {
  left: -2%;
}
#equipment .slider .next {
  right: -2%;
}

/* スライダー共通 */
.slick-slider .slick-dots li {
  margin: 0 2px;
}
.slick-slider .slick-dots li button:before {
  font-size: 8px;
  color: #ccc;
  opacity: 1;
}
.slick-slider .slick-dots li.slick-active button:before {
  color: #5aa7de;
  opacity: 1;
}

#equipment .detail-note {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.7;
	text-align: right;
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #Content .page-header .text-area {
    height: 100%;
    align-items: flex-end;
    background: linear-gradient(to right, #ff9b9f, #ffceee);
    padding: 0 4% 0 0;
    position: absolute;
    right: 0;
  }
  #Content .page-header .img-area {
    right: auto;
    left: 0;
  }
  #Content .page-header .img-area img {
    clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0 100%);
  }
  #Content .page-menu {
    margin-bottom: 15px;
  }

  #meter .meter-head {
    flex-direction: column;
  }
  #meter .meter-head .img-area {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  #meter .meter-head .text-area {
    max-width: 100%;
  }
  #meter .meter-head .text-area .head-title .t2 {
    font-size: 18px;
  }
  #meter .meter-head .text-area .head-description {
    font-size: 15px;
  }
  #meter .meter-detail {
    flex-direction: column;
  }
  #meter .meter-detail .img-area {
    max-width: 100%;
    margin: 0 0 40px 0;
  }
  #meter .meter-detail .img-area ol li {
    font-size: 15px;
  }
  #meter .meter-detail .case-area {
    max-width: 100%;
  }
  #meter .meter-detail .case-area ul li {
    max-width: 49%;
    margin-bottom: 2%;
  }
  #meter .meter-detail .case-area ul li:nth-child(odd) {
    margin-right: 2%;
  }

  /* 操作性 */
  #operation .operation-head .head-title .t2 {
    font-size: 18px;
  }
  #operation .operation-head .head-detail {
    font-size: 15px;
  }
  #operation .operation-detail {
    flex-direction: column;
  }
  #operation .operation-detail .detail-img {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  #operation .operation-detail .detail-text {
    max-width: 100%;
  }
  #operation .operation-detail .detail-text .detail-title .t2 {
    font-size: 18px;
  }
  #operation .operation-detail .detail-text .detail-description {
    font-size: 15px;
  }

  /* 居住性 */
  #residence .residence-head {
    padding-bottom: 20px;
  }
  #residence .residence-head .img-area {
    width: 50%;
  }
  #residence .residence-head .text-area {
    flex-direction: column;
  }
  #residence .residence-head .text-area .residence-text {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  #residence .residence-head .text-area .residence-text .head-title .t2 {
    font-size: 18px;
  }
  #residence .residence-head .text-area .residence-text .head-description {
    font-size: 15px;
  }
  #residence .residence-head .text-area .table-area th,
  #residence .residence-head .text-area .table-area td {
    font-size: 12px;
  }
  #residence .residence-head .text-area .table-arrow {
    max-width: 210px;
    margin-top: 20px;
  }
  #residence .residence-detail {
    flex-direction: column;
  }
  #residence .residence-detail.rd1 {
    padding-bottom: 25px;
    margin-bottom: 35px;
  }
  #residence .residence-detail .img-area {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  #residence .residence-detail .detail-area {
    max-width: 100%;
  }
  #residence .residence-detail .detail-area .img-list {
    display: none;
  }
  #residence .residence-detail .detail-area .detail-title .t2 {
    font-size: 18px;
  }
  #residence .residence-detail .detail-area .detail-description {
    font-size: 15px;
  }
  #residence .residence-detail .detail-area .function-list li {
    font-size: 15px;
  }
  #residence .residence-detail .re-slider {
    display: flex;
    position: relative;
    margin-bottom: 50px;
  }
  #residence .residence-detail .re-slider .prev,
  #residence .residence-detail .re-slider .next {
    width: 28px;
    position: absolute;
    top: calc(50% - 14px);
    z-index: 10;
  }
  #residence .residence-detail .re-slider .prev {
    left: 3%;
  }
  #residence .residence-detail .re-slider .next {
    right: 3%;
  }
  #residence .residence-detail .re-slider-item {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #residence .residence-detail .re-slider-item > img {
    border-radius: 10px;
  }
  #residence .residence-detail .re-slider .slick-track {
    margin-bottom: 10px;
  }

  /* 乗降性 */
  #getting .getting-flex {
    flex-direction: column;
  }
  #getting .img-area {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  #getting .detail-area {
    max-width: 100%;
  }
  #getting .detail-area .ge-slider {
    position: relative;
  }
  #getting .detail-area .ge-slider .prev,
  #getting .detail-area .ge-slider .next {
    width: 28px;
    position: absolute;
    top: 22%;
    z-index: 10;
  }
  #getting .detail-area .ge-slider .prev {
    left: 3%;
  }
  #getting .detail-area .ge-slider .next {
    right: 3%;
  }
  #getting .detail-area .ge-slider-item {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #getting .detail-area .ge-slider-item:nth-child(odd) {
    margin-right: 0;
  }
  #getting .detail-area .detail-text {
    font-size: 15px;
  }
  #getting .detail-area .ge-slider-item .detail-title .t2 {
    font-size: 18px;
  }
  #getting .detail-area .ge-slider-item .detail-description {
    font-size: 15px;
  }

  /* 室内装備 */
  #equipment .slider {
    margin: 0 auto;
  }
  #equipment .slider .slider-item {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
  }
  #equipment .slider .slider-item p {
    font-size: 14px;
  }
  #equipment .slider .prev,
  #equipment .slider .next {
    width: 28px;
    top: calc(50% - 40px);
  }
  #equipment .slider .prev {
    left: 3%;
  }
  #equipment .slider .next {
    right: 3%;
  }
  #equipment .slider .slick-track {
    margin-bottom: 20px;
  }
	#equipment .detail-note {
		text-align: left;
	}
}

@media screen and (max-width: 765px) {
  #residence .residence-head .text-area .table-area {
    overflow: scroll;
    max-width: 100%;
  }
  #residence .residence-head .text-area .table-area table {
    width: 765px;
  }
}