@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* Scss Document */
@keyframes animation_screenSlide { 0% { width: 100%; }
  100% { width: 0; } }
@keyframes animation_text { 0% { opacity: 0; transform: translateY(10px) scale(1, 0.5); }
  100% { opacity: 1; transform: translateY(0) scale(1, 1); } }
@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes bright { 0% { filter: brightness(1); }
  100% { filter: brightness(1.5); } }
@keyframes color-brown { 0% { fill: #fff; }
  100% { fill: #33231b; } }
@keyframes bound { 0% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
  0% { transform: translateY(-10p); } }
@keyframes blur { 0% { filter: blur(3px); }
  100% { filter: blur(0); } }
.contents__ttl .contents__ttl--en span:first-child { color: #F78699; }

/*-----マップ-----*/
.map .map__ttl { margin-bottom: 20px; color: #2EA7E0; font-size: 2.1rem; }
@media (min-width: 375px) { .map .map__ttl { font-size: calc( 2.1rem + ( 1vw - 3.75px ) * 1.3664596273 ); } }
@media (min-width: 1180px) { .map .map__ttl { font-size: 3.2rem; } }
.map .map__imgs { max-width: 1180px; margin: 0% 0% 10.66% 0%; margin-left: auto; margin-right: auto; }
.map .map__imgs .map__img-icon { position: absolute; z-index: 1; right: 15px; bottom: 15px; font-size: 2rem; }
.map .map__imgs.on .bright-01 { animation-name: bright; animation-duration: 0.8s; animation-timing-function: ease-out; animation-delay: 0.5s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; }
.map .map__imgs.on .bright-02 { animation-name: bright; animation-duration: 0.8s; animation-timing-function: ease-out; animation-delay: 1s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; }
.map .map__imgs.on .bright-03 { animation-name: bright; animation-duration: 0.8s; animation-timing-function: ease-out; animation-delay: 1.5s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; }
.map .map__imgs.on .bright-04 { animation-name: bright; animation-duration: 0.8s; animation-timing-function: ease-out; animation-delay: 2s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; }
.map .map__imgs.on .st1 { animation-name: color-brown; animation-duration: 0.8s; animation-timing-function: ease-out; animation-delay: 2.5s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; }
.map .map__l-img { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); }
.map .map__l-img .map__l-img-box { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; max-width: 600px; padding: 10px; background: #fff; box-sizing: border-box; overflow: scroll; border: 2px solid #000; }
.map .map__l-img .map__l-img-box img { width: 150%; }
.map .map__l-img .map__l-img-close { position: absolute; right: 15px; top: 15%; color: #fff; }
.map .map__l-img .map__l-img-close i { margin-left: 5px; }

/*-----ランドプラン-----*/
.landplan .landplan__box { margin: 0% 0% 16% 0%; counter-increment: count; }
.landplan .landplan__box .landplan__img { margin: 0% 0% 5.33% 0%; }
.landplan .landplan__box .landplan__txt { padding: 0% 5.33% 0% 5.33%; }
.landplan .landplan__box .landplan__ttl { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; padding: 0% 0% 4% 0%; text-align: left; }
.landplan .landplan__box .landplan__ttl .landplan__num { position: relative; width: 8%; padding-top: 8%; margin-top: 3px; background: linear-gradient(-40deg, #6C6045 0, #C4B79D 100%); font-size: 1.4rem; text-align: center; color: #fff; }
@media (min-width: 375px) { .landplan .landplan__box .landplan__ttl .landplan__num { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.7453416149 ); } }
@media (min-width: 1180px) { .landplan .landplan__box .landplan__ttl .landplan__num { font-size: 2rem; } }
.landplan .landplan__box .landplan__ttl .landplan__num:after { display: block; content: counter(count); position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.landplan .landplan__box .landplan__ttl .landplan__en { width: 88%; font-size: 2.5rem; letter-spacing: 0.06em; text-align: left; color: #D3CFC7; }
@media (min-width: 375px) { .landplan .landplan__box .landplan__ttl .landplan__en { font-size: calc( 2.5rem + ( 1vw - 3.75px ) * 1.8633540373 ); } }
@media (min-width: 1180px) { .landplan .landplan__box .landplan__ttl .landplan__en { font-size: 4rem; } }
.landplan .landplan__box .landplan__subttl { padding: 0% 0% 4% 0%; font-size: 1.6rem; font-weight: normal; letter-spacing: 0.15em; text-align: left; color: #6C6045; }
@media (min-width: 375px) { .landplan .landplan__box .landplan__subttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.3418803419 ); } }
@media (min-width: 960px) { .landplan .landplan__box .landplan__subttl { font-size: 1.8rem; } }
.landplan .landplan__box .landplan__copy { color: #4C4948; font-size: 1.3rem; }
@media (min-width: 375px) { .landplan .landplan__box .landplan__copy { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1242236025 ); } }
@media (min-width: 1180px) { .landplan .landplan__box .landplan__copy { font-size: 1.4rem; } }

/*-----設備-----*/
.others .others__list { background: #F0EFDE; padding: 5.33% 5.33% 5.33% 5.33%; }
.others .others__list li { margin: 0% 0% 10.66% 0%; }
.others .others__list li:last-child { margin-bottom: 0; }
.others .others__list li .others__list-ttl { background: linear-gradient(-40deg, #6C6045 0, #C4B79D 100%); padding: 5px 10px; margin: 0% 0% 4% 0%; font-size: 1.9rem; text-align: left; color: #fff; }
@media (min-width: 375px) { .others .others__list li .others__list-ttl { font-size: calc( 1.9rem + ( 1vw - 3.75px ) * 0.3726708075 ); } }
@media (min-width: 1180px) { .others .others__list li .others__list-ttl { font-size: 2.2rem; } }
.others .others__list li .others__list-txt { margin: 0% 0% 4% 0%; }
.others .others__list li figure { width: 70%; margin: auto; }
.others .others__list li .capimg .capimg__txt { left: auto; right: 5px; }
.others .others__list li .capimg .capimg__txt--wh { left: auto; right: 5px; text-shadow: 0 0 3px #000; }
.others .others__list li:last-child .others__list-img .capimg__txt { bottom: -10px; }

/*-----植栽-----*/
.equ { background: #FFFFF0; padding: 10.66% 0% 10.66% 0%; color: #4C4948; font-size: 1.3rem; }
@media (min-width: 375px) { .equ { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1242236025 ); } }
@media (min-width: 1180px) { .equ { font-size: 1.4rem; } }
.equ .equ__nature .equ__nature-ttl { margin: 0% 0% 4% 0%; font-size: 1.6rem; }
@media (min-width: 375px) { .equ .equ__nature .equ__nature-ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.9937888199 ); } }
@media (min-width: 1180px) { .equ .equ__nature .equ__nature-ttl { font-size: 2.4rem; } }
.equ .equ__nature .equ__nature-txt { margin: 0% 0% 8% 0%; }
.equ .equ__nature-cal { margin: 0% 0% 8% 0%; }

/*-----Architect-----*/
.architect .architect__wrap { position: relative; padding: 10.66% 5.33% 10.66% 5.33%; border-top: 2px solid #8C6239; border-bottom: 2px solid #8C6239; }
.architect .architect__wrap:before, .architect .architect__wrap:after { display: block; content: ''; position: absolute; left: 0; height: 1px; width: 100%; border-top: 1px solid #8C6239; }
.architect .architect__wrap:before { top: 4px; }
.architect .architect__wrap:after { bottom: 4px; }
.architect .architect__ttl { margin: 0% 0% 5.33% 0%; text-align: center; }
.architect .architect__ttl .map__ttl--en { margin: 0% 0% 2.66% 0%; color: #8C6239; font-size: 1.3rem; }
@media (min-width: 375px) { .architect .architect__ttl .map__ttl--en { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.4968944099 ); } }
@media (min-width: 1180px) { .architect .architect__ttl .map__ttl--en { font-size: 1.7rem; } }
.architect .architect__ttl .map__ttl--jp { font-size: 1.9rem; }
@media (min-width: 375px) { .architect .architect__ttl .map__ttl--jp { font-size: calc( 1.9rem + ( 1vw - 3.75px ) * 0.6211180124 ); } }
@media (min-width: 1180px) { .architect .architect__ttl .map__ttl--jp { font-size: 2.4rem; } }
.architect .architect__copy { padding: 0% 0% 8% 0%; margin: 0% 0% 8% 0%; border-bottom: 1px solid #8C6239; }
.architect .architect__desiner-info { line-height: 1.2; margin: 0% 0% 4% 0%; }
.architect .architect__desiner-info .architect__desiner-corp { font-size: 1.3rem; }
@media (min-width: 375px) { .architect .architect__desiner-info .architect__desiner-corp { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1242236025 ); } }
@media (min-width: 1180px) { .architect .architect__desiner-info .architect__desiner-corp { font-size: 1.4rem; } }
.architect .architect__desiner-info .architect__desiner-name { font-size: 1.6rem; }
.architect .architect__desiner-txt { font-size: 1rem; }
@media (min-width: 375px) { .architect .architect__desiner-txt { font-size: calc( 1rem + ( 1vw - 3.75px ) * 0.1242236025 ); } }
@media (min-width: 1180px) { .architect .architect__desiner-txt { font-size: 1.1rem; } }

/*------------------------------
		376px以上
------------------------------*/
@media screen and (min-width: 376px) and (max-width: 769px) { /*-----ランドプラン-----*/
  .landplan .landplan__box .landplan__ttl .landplan__num { width: 6%; padding-top: 6%; }
  .landplan .landplan__box .landplan__ttl .landplan__en { width: 90%; } }
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*-----マップ-----*/
  .map .map__ttl { margin-bottom: 40px; }
  .map .map__imgs { position: relative; }
  .map .map__imgs .map__point { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.8)); -moz-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.8)); -ms-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.8)); filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.8)); }
  .map .map__img { margin-bottom: 80px; }
  .map .map__copy { margin: 0% 0% 6.77% 0%; text-align: center; }
  .map .map__l-img { display: none !important; }
  /*-----ランドプラン-----*/
  .landplan .landplan__box { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: flex-start; }
  .landplan .landplan__box .landplan__img { width: 48%; margin-bottom: 0; }
  .landplan .landplan__box .landplan__txt { width: 52%; padding: 0 2%; box-sizing: border-box; }
  .landplan .landplan__box .landplan__ttl .landplan__en { letter-spacing: 0.15em; }
  .landplan .landplan__box .landplan__subttl { font-size: 1.8rem; } }
@media screen and (min-width: 769px) and (min-width: 961px) { .landplan .landplan__box .landplan__subttl { font-size: calc( 1.8rem + ( 1vw - 9.61px ) * 2.7397260274 ); } }
@media screen and (min-width: 769px) and (min-width: 1180px) { .landplan .landplan__box .landplan__subttl { font-size: 2.4rem; } }
@media screen and (min-width: 769px) { .landplan .landplan__box:nth-of-type(even) { -webkit-flex-flow: row-reverse wrap; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; }
  /*-----設備-----*/
  .others .others__list { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; padding: 2.54% 2.54% 2.54% 2.54%; }
  .others .others__list li { width: 48%; margin: 0% 0% 3.38% 0%; }
  .others .others__list li:nth-child(odd) .others__list-txt { margin-bottom: calc(4% + 2.5rem); }
  .others .others__list li:nth-last-child(2) { margin-bottom: 0; }
  .others .others__list li .others__list-txt { display: revert; }
  /*-----植栽-----*/
  .equ { padding: 5.08% 0% 5.08% 0%; }
  .equ .equ__nature .equ__nature-ttl { margin: 0% 0% 1.69% 0%; }
  .equ .equ__nature .equ__nature-txt { margin-bottom: 30px; }
  .equ .equ__nature .equ__nature-wrap { margin: 0% 0% 5.08% 0%; }
  .equ .equ__nature-cal { margin: 0% 0% 5.08% 0%; }
  /*-----設備-----*/
  .architect .architect__wrap { padding: 3.38% 3.38% 3.38% 3.38%; }
  .architect .architect__ttl { margin: 0% 0% 2.54% 0%; }
  .architect .architect__ttl .map__ttl--en { margin-bottom: 0; }
  .architect .architect__copy { padding: 0% 0% 2.54% 0%; margin: 0% 0% 2.54% 0%; }
  .architect .architect__desiner { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
  .architect .architect__desiner-info { width: 220px; margin-bottom: 0; }
  .architect .architect__desiner-txt { width: calc(98% - 220px); } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { /*-----ランドプラン-----*/
  .landplan .landplan__box .landplan__img { width: 60%; }
  .landplan .landplan__box .landplan__txt { width: 40%; padding: 0 3%; }
  .landplan .landplan__box-l { position: relative; align-items: center; }
  .landplan .landplan__box-l .landplan__img { width: 70%; }
  .landplan .landplan__box-l .landplan__txt { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: 36%; max-width: 540px; padding: 2%; background: rgba(255, 255, 255, 0.95); }
  .landplan .landplan__box-l:nth-of-type(odd) .landplan__txt { right: 4%; }
  .landplan .landplan__box-l:nth-of-type(even) .landplan__txt { left: 4%; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { /*-----ランドプラン-----*/
  .landplan .landplan__box .landplan__ttl .landplan__num { width: 30px; padding-top: 30px; margin-top: 8px; }
  .landplan .landplan__box .landplan__ttl .landplan__en { width: calc(96% - 30px); } }
@media screen and (min-width: 1401px) { /*-----ランドプラン-----*/
  .landplan .landplan__box .landplan__img { width: 55%; }
  .landplan .landplan__box-l .landplan__img { width: 70%; }
  .landplan .landplan__box-l:nth-of-type(odd) .landplan__txt { right: auto; left: 62%; }
  .landplan .landplan__box-l:nth-of-type(even) .landplan__txt { right: 62%; left: auto; } }

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