/* line 9, home.scss */
.articlePoints { background: #6589a0; padding: 2em 0 2em; color: #fff; }
/* line 10, home.scss */
.articlePoints .wrap { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; }
/* line 11, home.scss */
.articlePoints .wrap .tit { margin: 0 auto 2em; width: 90%; }
/* line 13, home.scss */
.articlePoints .wrap .cap { margin-top: 2.5em; opacity: .9; }

@media only screen and (max-width: 750px) { /* line 20, home.scss */
  .articlePoints { padding: 2em 2em 2em; }
  /* line 22, home.scss */
  .articlePoints .wrap .tit { margin: 0 auto 2em; width: 90%; }
  /* line 24, home.scss */
  .articlePoints .wrap .cap { margin-top: 2.5em; text-align: justify; line-height: 1.5; } }
/* line 32, home.scss */
.intro { padding: 3em 0 3em; /*.ctaCopy { color: $wine; font-size: 60px;
span {
small { font-size: 60%;}
}
em {}
}*/ }
/* line 33, home.scss */
.intro .tit { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; }
/* line 34, home.scss */
.intro .tit em { font-size: 42px; line-height: 1.5; }
/* line 35, home.scss */
.intro .tit span { font-size: 25px; line-height: 1.5; }
@media only screen and (max-width: 750px) { /* line 32, home.scss */
  .intro { padding: 2em 0 2em !important; }
  /* line 39, home.scss */
  .intro .tit { margin-bottom: 0em; }
  /* line 40, home.scss */
  .intro .tit em { font-size: 30px; line-height: 1.5; }
  /* line 41, home.scss */
  .intro .tit span { font-size: 25px; line-height: 1.5; } }
@media only screen and (max-width: 750px) { /* line 32, home.scss */
  .intro { /*.ctaCopy { font-size: 42px; line-height: 1.25;
span { display: block;
small { font-size: 60%;}
}
em {}
}*/ } }
/* line 65, home.scss */
.intro .ctaBtnSec { margin-top: 1.5em; }
/* line 77, home.scss */
.intro .ctaBtnSec .reserve a { opacity: .35; }

/* line 91, home.scss */
#newsSec { margin-top: 2em; max-width: 890px; }
/* line 92, home.scss */
#newsSec .tit { font-family: "OptimaNovaLTPro-Light"; font-size: 24px; border-bottom: 1px solid #d2d2d2; margin-bottom: 1em; padding-bottom: .25em; }
/* line 93, home.scss */
#newsSec ul.listWrap { text-align: left; height: 150px; overflow: hidden; }
/* line 94, home.scss */
#newsSec ul.listWrap li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; font-size: 16px; }
/* line 95, home.scss */
#newsSec ul.listWrap li:not(:last-child) { margin-bottom: .25em; }
/* line 96, home.scss */
#newsSec ul.listWrap li a { color: #6589a0; }
/* line 97, home.scss */
#newsSec ul.listWrap li span { width: 110px; font-size: 90%; }
/* line 98, home.scss */
#newsSec ul.listWrap li em { width: calc(100% - 110px); line-height: 1.8; }

/* line 102, home.scss */
.mCustomScrollBox { width: 100%; }

/* line 103, home.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(165, 153, 110, 0.5) !important; z-index: 1; }

/* line 104, home.scss */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(165, 153, 110, 0.8) !important; width: 8px; }

/* line 105, home.scss */
.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1) !important; position: absolute; top: -300px; right: 7px; height: 1000px; z-index: 0; }

@media only screen and (max-width: 750px) { /* line 110, home.scss */
  #newsSec { margin: 2em auto 0; max-width: 90%; }
  /* line 111, home.scss */
  #newsSec .tit { font-size: 20px; margin-bottom: 1em; }
  /* line 112, home.scss */
  #newsSec ul.listWrap { height: 200px; width: 94%; margin: auto; }
  /* line 113, home.scss */
  #newsSec ul.listWrap li { font-size: 16px; }
  /* line 114, home.scss */
  #newsSec ul.listWrap li:not(:last-child) { margin-bottom: .5em; }
  /* line 115, home.scss */
  #newsSec ul.listWrap li a { color: #6589a0; }
  /* line 116, home.scss */
  #newsSec ul.listWrap li span { width: 100%; font-size: 86%; line-height: 1.6; }
  /* line 117, home.scss */
  #newsSec ul.listWrap li em { width: calc(100% - 0px); line-height: 1.6; }
  /* line 121, home.scss */
  .js-custom-scroll { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  /* line 124, home.scss */
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { width: 8px; }
  /* line 125, home.scss */
  .mCSB_scrollTools .mCSB_draggerRail { top: -300px; right: 7px; } }
/* line 131, home.scss */
#conceptSec { margin-top: 5em; }

/* line 161, home.scss */
.secCmn { width: 100%; background: #e2eaf0; position: relative; padding: 8em 0 5em; overflow: hidden; }
/* line 162, home.scss */
.secCmn .enTV { position: absolute; top: 7em; left: -5px; width: 135px; z-index: 1; mix-blend-mode: soft-light; }
/* line 163, home.scss */
.secCmn .wrap { position: relative; z-index: 5; color: #255a74; }
/* line 164, home.scss */
.secCmn .wrap .enT { height: 60px; }
/* line 165, home.scss */
.secCmn .wrap .enT img { width: auto !important; height: 100% !important; }
/* line 167, home.scss */
.secCmn .wrap .catch { font-size: 38px; line-height: 1.6; margin: 1.5em auto 1em; }
/* line 168, home.scss */
.secCmn .wrap .read { font-size: 22px; line-height: 2.0; letter-spacing: .075em; text-align: center; }
/* line 178, home.scss */
.secCmn .bgPhWrap { width: 100%; height: 420px; position: absolute; top: 0; right: 0; z-index: 0; }
/* line 179, home.scss */
.secCmn .bgPhWrap::before { content: ""; background: linear-gradient(0deg, #e2eaf0 0%, rgba(226, 234, 240, 0) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; z-index: 5; }
/* line 180, home.scss */
.secCmn .bgPhWrap .ph { width: 100%; height: 100%; opacity: .15; }
/* line 181, home.scss */
.secCmn .bgPhWrap::after { bottom: 70px; right: 20px; }

@media only screen and (max-width: 750px) { /* line 189, home.scss */
  .secCmn { padding: 5em 0 3em; }
  /* line 190, home.scss */
  .secCmn .enTV { top: 7em; left: -1px; width: 60px; }
  /* line 192, home.scss */
  .secCmn .wrap .enT { height: 30px; }
  /* line 195, home.scss */
  .secCmn .wrap .catch { font-size: 24px; margin: 1.25em auto 1em; }
  /* line 196, home.scss */
  .secCmn .wrap .read { font-size: 17px; line-height: 2.0; }
  /* line 206, home.scss */
  .secCmn .bgPhWrap { height: 220px; }
  /* line 207, home.scss */
  .secCmn .bgPhWrap::before { height: 100px; }
  /* line 209, home.scss */
  .secCmn .bgPhWrap::after { bottom: 20px; right: 1em; } }
/* line 218, home.scss */
#locationSec.secCmn { margin-top: 150px; border-top-right-radius: 100px; }
@media only screen and (max-width: 750px) { /* line 218, home.scss */
  #locationSec.secCmn { margin-top: 5em; border-top-right-radius: 50px; } }
/* line 225, home.scss */
#locationSec.secCmn .phWrap { margin-top: 6em; }
/* line 227, home.scss */
#locationSec.secCmn .phWrap .cap { font-size: 13px; color: #255a74; text-align: right; padding-right: 1em; margin-top: -.5em; position: relative; z-index: 5; }
@media only screen and (max-width: 750px) { /* line 227, home.scss */
  #locationSec.secCmn .phWrap .cap { font-size: 11px; } }
/* line 230, home.scss */
#locationSec.secCmn .bgPhWrap .ph { opacity: .075; }
/* line 232, home.scss */
#locationSec.secCmn .cmnBtn { margin-top: 1em; }
@media only screen and (max-width: 750px) { /* line 232, home.scss */
  #locationSec.secCmn .cmnBtn { margin-top: 2em; } }

/* line 238, home.scss */
#landplanSec.secCmn { margin-top: 150px; border-top-left-radius: 100px; }
@media only screen and (max-width: 750px) { /* line 238, home.scss */
  #landplanSec.secCmn { margin-top: 5em; border-top-left-radius: 50px; } }
@media only screen and (max-width: 750px) { /* line 241, home.scss */
  #landplanSec.secCmn .wrap .enT { height: 26px; } }
/* line 245, home.scss */
#landplanSec.secCmn .phWrap { margin: 280px auto 0; position: relative; z-index: 0; width: calc(100% - 150px); }
@media only screen and (max-width: 750px) { /* line 245, home.scss */
  #landplanSec.secCmn .phWrap { margin: 35% auto 0; width: 100%; z-index: 1; } }
/* line 247, home.scss */
#landplanSec.secCmn .phWrap .plot { position: absolute; width: 30%; max-width: 380px; z-index: 5; }
@media only screen and (max-width: 750px) { /* line 247, home.scss */
  #landplanSec.secCmn .phWrap .plot { width: 42%; } }
/* line 248, home.scss */
#landplanSec.secCmn .phWrap .plot.plot01 { bottom: 89%; /*left: 10%;*/ right: 56%; }
@media only screen and (max-width: 750px) { /* line 248, home.scss */
  #landplanSec.secCmn .phWrap .plot.plot01 { right: 53%; } }
/* line 249, home.scss */
#landplanSec.secCmn .phWrap .plot.plot02 { bottom: 92%; /*right: 7%;*/ left: 59%; }
@media only screen and (max-width: 750px) { /* line 249, home.scss */
  #landplanSec.secCmn .phWrap .plot.plot02 { left: 52.5%; } }
/* line 250, home.scss */
#landplanSec.secCmn .phWrap .plot.plot03 { width: 47%; max-width: 550px; left: 27.5%; bottom: -5%; }
@media screen and (min-width: 1350px) { /* line 250, home.scss */
  #landplanSec.secCmn .phWrap .plot.plot03 { left: calc((100% - 550px) / 2); } }
@media only screen and (max-width: 750px) { /* line 250, home.scss */
  #landplanSec.secCmn .phWrap .plot.plot03 { width: 68%; left: 16.5%; bottom: -22%; } }
@media only screen and (max-width: 750px) { /* line 257, home.scss */
  #landplanSec.secCmn .phWrap .ph { width: 110%; margin-inline: -5%; } }
/* line 262, home.scss */
#landplanSec.secCmn .cmnBtn { margin-top: 5.5em; }
@media only screen and (max-width: 750px) { /* line 262, home.scss */
  #landplanSec.secCmn .cmnBtn { margin-top: 22%; } }

/* line 268, home.scss */
#linkSec { display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 12px; margin-top: 150px; --bR:80px; }
/* line 270, home.scss */
#linkSec .link { height: 300px; overflow: hidden; transition: .4s all; }
/* line 271, home.scss */
#linkSec .link a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; color: #fff; width: 100%; height: 100%; }
/* line 272, home.scss */
#linkSec .link a .t { font-family: "OptimaNovaLTPro-Light"; font-size: 45px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; white-space: nowrap; filter: drop-shadow(0px 0px 2px rgba(24, 61, 92, 0.75)) drop-shadow(0px 0px 5px rgba(24, 61, 92, 0.75)); }
/* line 273, home.scss */
#linkSec .link a .ph { width: 100%; height: 100%; position: relative; }
/* line 274, home.scss */
#linkSec .link a .ph::before { content: ""; width: 100%; height: 100%; background: rgba(101, 137, 160, 0.5); mix-blend-mode: multiply; position: absolute; top: 0; left: 0; z-index: 1; }
/* line 275, home.scss */
#linkSec .link a .ph img { opacity: .75; z-index: 0; }
/* line 278, home.scss */
#linkSec .link.concept { width: calc(66.75% - 6px); border-top-right-radius: var(--bR); }
/* line 279, home.scss */
#linkSec .link.concept:hover { border-top-right-radius: 0px; border-bottom-right-radius: var(--bR); }
/* line 281, home.scss */
#linkSec .link.location { width: calc(33.25% - 6px); border-bottom-left-radius: var(--bR); }
/* line 282, home.scss */
#linkSec .link.location:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: var(--bR); }
/* line 284, home.scss */
#linkSec .link.design { width: calc(33.25% - 6px); border-bottom-right-radius: var(--bR); }
/* line 285, home.scss */
#linkSec .link.design:hover { border-bottom-right-radius: 0px; border-top-left-radius: var(--bR); }
/* line 287, home.scss */
#linkSec .link.landplan { width: calc(66.75% - 6px); border-top-left-radius: var(--bR); }
/* line 288, home.scss */
#linkSec .link.landplan:hover { border-top-left-radius: 0px; border-top-right-radius: var(--bR); }
/* line 290, home.scss */
#linkSec .link.roomplan, #linkSec .link.innerspace, #linkSec .link.equipment { width: calc(100% / 3 - 8px); }
/* line 291, home.scss */
#linkSec .link.roomplan { border-top-right-radius: var(--bR); }
/* line 292, home.scss */
#linkSec .link.roomplan:hover { border-top-right-radius: 0px; border-bottom-right-radius: var(--bR); }
/* line 294, home.scss */
#linkSec .link.innerspace { border-bottom-right-radius: var(--bR); }
/* line 295, home.scss */
#linkSec .link.innerspace:hover { border-bottom-right-radius: 0px; border-top-left-radius: var(--bR); }
/* line 297, home.scss */
#linkSec .link.equipment { border-top-left-radius: var(--bR); }
/* line 298, home.scss */
#linkSec .link.equipment:hover { border-top-left-radius: 0px; border-top-right-radius: var(--bR); }
/* line 300, home.scss */
#linkSec .link.uc { pointer-events: none; opacity: .5 !important; }
/* line 300, home.scss */
#linkSec .link.uc a { pointer-events: none; }
/* line 301, home.scss */
#linkSec .link.uc a .t { opacity: .65; filter: none; }
/* line 303, home.scss */
#linkSec .link.uc a .ph img { opacity: .25; }

@media only screen and (max-width: 750px) { /* line 354, home.scss */
  #linkSec { grid-row-gap: 1em; margin-top: 5em; padding: 0 1em; --bR:40px; }
  /* line 356, home.scss */
  #linkSec .link { height: 120px; }
  /* line 358, home.scss */
  #linkSec .link a .t { font-size: 24px; }
  /* line 361, home.scss */
  #linkSec .link.concept { width: 100%; }
  /* line 362, home.scss */
  #linkSec .link.location { width: 100%; }
  /* line 363, home.scss */
  #linkSec .link.design { width: 100%; }
  /* line 364, home.scss */
  #linkSec .link.landplan { width: 100%; }
  /* line 365, home.scss */
  #linkSec .link.roomplan, #linkSec .link.innerspace, #linkSec .link.equipment { width: 100%; } }