@charset "utf-8";

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

　   MV

--------------------------------------------------------------------------------------------- */
#mv {
  background: #20d9dd;
  background: -moz-linear-gradient(-45deg, #20d9dd 0%, #20d9dd 100%);
  background: -webkit-linear-gradient(-45deg, #20d9dd 0%,#20d9dd 100%);
  background: linear-gradient(135deg, #20d9dd 0%,#20d9dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20d9dd', endColorstr='#20d9dd',GradientType=1 );
}
#mv .swiper-slide {
  position: relative;
  background: #20d9dd;
  background: -moz-linear-gradient(-45deg, #20d9dd 0%, #20d9dd 100%);
  background: -webkit-linear-gradient(-45deg, #20d9dd 0%,#20d9dd 100%);
  background: linear-gradient(135deg, #20d9dd 0%,#20d9dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20d9dd', endColorstr='#20d9dd',GradientType=1 );
}
/*#mv {
  background: #201115;
  background: -moz-linear-gradient(-45deg, #201115 0%, #2f1b20 100%);
  background: -webkit-linear-gradient(-45deg, #201115 0%,#2f1b20 100%);
  background: linear-gradient(135deg, #201115 0%,#2f1b20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201115', endColorstr='#2f1b20',GradientType=1 );
}
#mv .swiper-slide {
  position: relative;
  background: #201115;
  background: -moz-linear-gradient(-45deg, #201115 0%, #2f1b20 100%);
  background: -webkit-linear-gradient(-45deg, #201115 0%,#2f1b20 100%);
  background: linear-gradient(135deg, #201115 0%,#2f1b20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201115', endColorstr='#2f1b20',GradientType=1 );
}*/
.mv_copy {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}
.mv_sub_ttl {
  color: #311d22;
  /*color: #c5ba95;*/
  letter-spacing: 0.15em;
}
.mv_main_text {
  position: relative;
  z-index: 11;
}
.mv_main_text span {
  background: #dbfeff;
  /*background: #c5ba95;*/
}
#new {
	background: #fff;
}
#info {
	background: #fff;
}
#recommend {
	background: #fff;
}
#bnr {
	background: #fff;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.slide-img {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.swiper-slide-active .slide-img img,
.swiper-slide-duplicate-active .slide-img img,
.swiper-slide-prev .slide-img img{
  animation: zoomUp 10s linear 0s 1 normal both;
}
.slide-img img{
  display: block;
  height: 100%;
}
@media only screen and ( max-width : 767px ) {
  .slide-img {
    width: 80%;
    height: 50vw;
  }
  .mv_copy {
    width: 100%;
    padding: 10% 2% 2% 2%;
  }
  .mv_sub_ttl {
    font-size: 3vw;
  }
  .mv_main_text span {
    font-size: 5vw;
  }
}
@media only screen and ( max-width : 575px ) {
  .slide-img {
    width: 80%;
  }
}
@media print, screen and ( min-width : 768px ) {
  .slide-img {
    width: 70%;
    height: 35vw;
  }
  .mv_copy {
    width: 54%;
    padding: 5% 2% 2% 2%;
  }
  .mv_sub_ttl {
    font-size: 1.6vw;
  }
  .mv_main_text span {
    font-size: 2.5vw;
  }
}
@media print, screen and ( min-width : 1200px ) {
  .slide-img {
    height: 450px;
  }

}
@media print, screen and ( min-width : 2000px ) {
  .mv_sub_ttl {
    font-size: 36px;
  }
  .mv_main_text span {
    font-size: 60px;
  }
}

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

　   物件

--------------------------------------------------------------------------------------------- */
.propertyList .swiper-pagination-bullet-active {
  background: #692b3a;
}
.propertyList .swiper-wrapper {
  /*overflow: hidden;*/
}


.propertyList .swiper-button-next, .propertyList .swiper-button-prev {
  bottom: 0;
  top: auto;
  z-index: 90;
  text-align: center;
}
.propertyList .swiper-button-next::after, .propertyList .swiper-button-prev::after {
  font-size: 24px;
  color: #311d22;
}
.propertyList .swiper-button-prev,
.propertyList .swiper-button-next {
  /*display: none;*/
}
.propertyList_content h3,.propertyList_copy {
  font-weight: bold;
}
.propertyList_tag li {
  width: 32%;
}
.propertyList_tag li:nth-child(3n) {
  margin-right: 0;
}
.propertyList_info li.indent3 {
  padding-left: 3em;
  text-indent: -3em;
}
@media only screen and ( max-width : 992px ) {
  #new,#recommend {
    overflow: hidden;
  }
  .propertyList .swiper-container {
    overflow: inherit;
  }
}
@media only screen and ( max-width : 767px ) {
  .propertyList_box {
    font-size: 12px;
    /*padding: 0 30px;*/
  }
  .propertyList_thumb img {
    height: 28vw;
  }
  .propertyList_content h3 {
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
  }
  .propertyList_copy {
    margin-bottom: 10px;
  }
  .propertyList_tag {
    margin-top: 10px;
  }
  /*.propertyList .swiper-button-next {
    right: 0;
  }
  .propertyList .swiper-button-prev {
    left: 0;
  }*/
  .propertyList .swiper-wrapper {
    /*padding-bottom: 60px;*/
  }
}
@media only screen and ( max-width : 575px ) {
  .propertyList_thumb img {
    height: 36vw;
  }
}
@media print, screen and ( min-width : 768px ) {
  .propertyList .swiper-wrapper {
    /*padding-bottom: 60px;*/
  }
  .propertyList_box {
    font-size: 14px;
  }
  .propertyList .swiper-button-prev,
  .propertyList .swiper-button-next {
    display: block;
  }
  .propertyList_thumb img {
    height: 180px;
  }
  .propertyList_content h3 {
    text-align: center;
    font-size: 18px;
    margin: 15px 0;
  }
  .propertyList_copy {
    margin-bottom: 15px;
  }
  .propertyList_tag {
    margin-top: 15px;
  }
  /*.propertyList .swiper-button-next {
    right: -40px;
  }
  .propertyList .swiper-button-prev {
    left: -40px;
  }*/
}
/*@media print, screen and ( min-width : 992px ) {
  .propertyList_thumb img {
    height: 220px;
  }
}*/
@media print, screen and ( min-width : 1200px ) {
  .propertyList_thumb img {
    height: 220px;
  }
}
/* ---------------------------------------------------------------------------------------------

　   INTRO

--------------------------------------------------------------------------------------------- */
#intro {
  /*background: #89702d;*/
  background: #20d9dd;
  color: #fff;
}
#intro h2 br {
  display: block;
}
.introMenu a {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #fff;
  height: 100%;
  padding: 10px;
}
.introMenu figure {
  text-align: center;
  margin-bottom: 0.8em;
  border-radius: 50%;
  overflow: hidden;
  transition: .2s;
}
.introMenu figure img {
  display: block;
  width: 100%;
}
.introMenu a:hover {
  /*background: #fff;
  color: #311d22;*/
  box-shadow: 10px 10px 15px -10px rgba(0,0,0,.3);
}
.introMenu a:hover figure {
  border-radius: 0;
}
@media only screen and ( max-width : 575px ) {
  .introMenu li {
    width: 50%;
    padding: 0 10px;
  }
  .introMenu li img {
  }
  #intro h2 br {
    display: none;
  }
}
@media only screen and ( max-width : 480px ) {
  .introMenu li {
    padding: 0;
  }
}
@media print, screen and ( min-width : 576px ) {
  #intro h2,#intro p {
    text-align: center;
  }
  .introMenu li {
    flex: 1;
  }
}
@media print, screen and ( min-width : 1200px ) {
  #intro h2 br {
    display: none;
  }
  #intro p {
    font-size: 120%;
  }
  .introMenu li {
    padding: 0 15px;
    font-size: 120%;
  }
}


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

　   BNR

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

@media only screen and ( max-width : 767px ) {
  #bnr li {
    width: 49%;
    margin-right: 2%;
    margin-top: 10px;
  }
  #bnr li:nth-child(1),#bnr li:nth-child(2) {
    margin-top: 0;
  }
  #bnr li:nth-child(2n) {
    margin-right: 0;
  }
}
@media print, screen and ( min-width : 768px ) {
  #bnr li {
    width: 23.5%;
    margin-right: 2%;
    margin-top: 15px;
  }
  #bnr li:nth-child(1),#bnr li:nth-child(2),#bnr li:nth-child(3),#bnr li:nth-child(4) {
    margin-top: 0;
  }
  #bnr li:nth-child(4n) {
    margin-right: 0;
  }
}

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

　   XXX

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

@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}