@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes load { 0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes slide { 0% { transform: translateX(0); }
  100% { transform: translateX(-10%); } }
@keyframes arrow { 0% { transform: scale(0, 1); transform-origin: 0 0; }
  50% { transform: scale(1, 1); transform-origin: 0 0; }
  50.1% { transform: scale(1, 1); transform-origin: 100% 0; }
  100% { transform: scale(0, 1); transform-origin: 100% 0; } }
/*メインイメージ*/
.mainimg { position: relative; margin-bottom: 40px; box-shadow: 0px 4px 4px rgba(165, 165, 165, 0.4); }
.mainimg .mainimg__logo { position: absolute; top: 10px; left: 10px; max-width: 140px; width: 25%; }
.mainimg .mainimg__txt { position: relative; padding: 20px 0; background: #fff; box-sizing: border-box; }
.mainimg .mainimg__txt .mainimg__txt-copy { font-size: 2.4rem; margin-bottom: 20px; text-align: center; line-height: 1; font-weight: bold; color: #54C2F0; }
@media (min-width: 769px) { .mainimg .mainimg__txt .mainimg__txt-copy { font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 1.3303769401 ); } }
@media (min-width: 1220px) { .mainimg .mainimg__txt .mainimg__txt-copy { font-size: 3rem; } }
.mainimg .mainimg__txt .mainimg__txt-copy .mini-txt { font-size: 1.4rem; }
@media (min-width: 769px) { .mainimg .mainimg__txt .mainimg__txt-copy .mini-txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.8869179601 ); } }
@media (min-width: 1220px) { .mainimg .mainimg__txt .mainimg__txt-copy .mini-txt { font-size: 1.8rem; } }
.mainimg .mainimg__txt .mainimg__txt-ilst { margin: auto; width: 90%; max-width: 300px; }
.mainimg .mainimg__txt::before { position: absolute; content: ""; display: block; top: -35px; left: 0; width: 100%; height: 45px; background: linear-gradient(0deg, white 45%, rgba(255, 255, 255, 0) 100%); }

/*POINT*/
.point .point__img { position: relative; margin-bottom: 20px; }
.point .point__img img { position: relative; z-index: 1; }
.point .point__img::after { position: absolute; content: ""; display: block; bottom: -5px; left: -5px; width: 100%; height: 100%; background: rgba(84, 194, 240, 0.4); }
.point .point__txt { font-size: 1.3rem; position: relative; padding: 20px; text-align: justify; line-height: 2; background: #E2F2F7; box-sizing: border-box; }
@media (min-width: 769px) { .point .point__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.22172949 ); } }
@media (min-width: 1220px) { .point .point__txt { font-size: 1.4rem; } }
.point .point__txt .point__ttl { font-size: 2.4rem; position: relative; display: inline-block; margin-bottom: 10px; line-height: normal; letter-spacing: 0.2em; color: #54C2F0; z-index: 1; }
@media (min-width: 769px) { .point .point__txt .point__ttl { font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 1.3303769401 ); } }
@media (min-width: 1220px) { .point .point__txt .point__ttl { font-size: 3rem; } }
.point .point__txt .point__ttl::after { position: absolute; content: ""; display: block; bottom: 3px; left: 0; width: 100%; height: 5px; background: #FCCC00; z-index: -1; }
.point .point__txt .point__ilst { position: absolute; bottom: -20px; right: 0; width: 20%; max-width: 100px; }
.point .point__txt::after { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: calc(100% - 10px); height: calc(100% - 10px); border: solid 1px #54C2F0; }

/*現地説明会予定*/
.map .map__txt { margin-bottom: 20px; text-align: center; }
.map .map__txt .map__txt-ttl { font-size: 2.2rem; margin: 0 auto 15px; color: #54C2F0; }
@media (min-width: 769px) { .map .map__txt .map__txt-ttl { font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 1.3303769401 ); } }
@media (min-width: 1220px) { .map .map__txt .map__txt-ttl { font-size: 2.8rem; } }
.map .map__txt .map__txt-rd { font-size: 1.3rem; }
@media (min-width: 769px) { .map .map__txt .map__txt-rd { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.1086474501 ); } }
@media (min-width: 1220px) { .map .map__txt .map__txt-rd { font-size: 1.8rem; } }
.map .map__txt .map__txt-attn { font-size: 1rem; }
@media (min-width: 769px) { .map .map__txt .map__txt-attn { font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.8869179601 ); } }
@media (min-width: 1220px) { .map .map__txt .map__txt-attn { font-size: 1.4rem; } }
.map .map__wp { margin-bottom: 20px; }
.map .map__wp iframe { width: 100%; height: 58vw; max-height: 410px; }
.map .btn { margin: 0 4%; }

/*メニューボタン*/
.menu { padding: 20px 0; background: #F2F7FC; }
.menu .menu__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.menu .menu__list li { flex: 0 1 49%; width: 49%; max-width: 49%; margin-bottom: 10px; box-sizing: border-box; }
.menu .menu__list li a { display: block; }
.menu .menu__list li a .menu__img { width: 100%; height: 15vh; max-height: 150px; }
.menu .menu__list li a .menu__img.introduction { background: url("/liberte/umezu_second/img/home/btn_intrdctn.jpg") center top/cover no-repeat; }
.menu .menu__list li a .menu__img.access { background: url("/liberte/umezu_second/img/home/btn_access.jpg") center top/cover no-repeat; }
.menu .menu__list li a .menu__img.life { background: url("/liberte/umezu_second/img/home/btn_life.jpg") center top/cover no-repeat; }
.menu .menu__list li a .menu__img.plan { background: url("/liberte/umezu_second/img/home/btn_plan.jpg") center top/cover no-repeat; }
.menu .menu__list li a .menu__img.outline { background: url("/liberte/umezu_second/img/home/btn_outline.jpg") center top/cover no-repeat; }
.menu .menu__list li a .menu__ttl-wp { box-sizing: border-box; padding: 10px 0; text-align: center; color: #fff; background: #54C2F0; }
.menu .menu__list li a .menu__ttl-wp .menu__ttl-jp { font-size: 1.3rem; letter-spacing: 0.2em; }
@media (min-width: 769px) { .menu .menu__list li a .menu__ttl-wp .menu__ttl-jp { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.6651884701 ); } }
@media (min-width: 1220px) { .menu .menu__list li a .menu__ttl-wp .menu__ttl-jp { font-size: 1.6rem; } }
.menu .menu__list li a .menu__ttl-wp .menu__ttl-en { font-size: 1.6rem; font-weight: 900; }
@media (min-width: 769px) { .menu .menu__list li a .menu__ttl-wp .menu__ttl-en { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .menu .menu__list li a .menu__ttl-wp .menu__ttl-en { font-size: 1.8rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*メインイメージ*/
  .mainimg { margin-bottom: 70px; }
  .mainimg .mainimg__img { margin: 0 0 0 auto; width: 70%; }
  .mainimg .mainimg__txt { position: absolute; padding: 8% 0 20px; top: 0; left: 0; width: 40%; height: 100%; }
  .mainimg .mainimg__txt .mainimg__logo { position: relative; margin: 0 auto 20px; top: 0; left: 0; max-width: 160px; }
  .mainimg .mainimg__txt .mainimg__txt-copy { margin-bottom: 40px; }
  .mainimg .mainimg__txt .mainimg__txt-ilst { max-width: 500px; }
  .mainimg .mainimg__txt::before { top: 0; left: auto; right: -40px; width: 50px; height: 100%; background: linear-gradient(90deg, white 45%, rgba(255, 255, 255, 0) 100%); }
  /*POINT*/
  .point .point__wp { position: relative; }
  .point .point__img { margin-bottom: 0; width: 50%; }
  .point .point__img img { position: relative; z-index: 1; }
  .point .point__img::after { bottom: -15px; left: -15px; }
  .point .point__txt { position: absolute; padding: 30px; top: 50%; right: 0; width: 45%; transform: translate(0, -50%); }
  .point .point__txt .point__ilst { width: 25%; }
  .point .point__txt::after { width: calc(100% - 20px); height: calc(100% - 20px); }
  /*メニューボタン*/
  .menu { padding: 40px 0; }
  .menu .menu__list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .menu .menu__list li { margin-bottom: 2%; flex: 0 1 32%; width: 32%; max-width: 32%; margin-right: 2%; }
  .menu .menu__list li a { box-sizing: border-box; position: relative; overflow: hidden; }
  .menu .menu__list li a .menu__img { height: 18vh; transition: .3s; }
  .menu .menu__list li a .menu__ttl-wp { padding: 20px 0; transition: .3s; }
  .menu .menu__list li a .menu__ttl-wp .menu__ttl-jp { margin-bottom: 5px; }
  .menu .menu__list li a .menu__ttl-wp .menu__ttl-en { position: relative; display: inline-block; transition: .3s; z-index: 1; }
  .menu .menu__list li a .menu__ttl-wp .menu__ttl-en::after { position: absolute; content: ""; display: block; bottom: 2px; left: 0; width: 0; height: 5px; background: #FCCC00; transition: .3s; z-index: -1; }
  .menu .menu__list li a .menu__arrow { position: absolute; display: block; bottom: 0; right: 0; width: 35px; height: 20px; background: #AEDCED; }
  .menu .menu__list li a .menu__arrow::after { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 7px; height: 7px; border-top: solid 1px #fff; border-right: solid 1px #fff; transform: translate(-50%, -50%) rotate(45deg); transition: .3s; }
  .menu .menu__list li a:hover { opacity: 1; }
  .menu .menu__list li a:hover .menu__img { transform: scale(1.2); }
  .menu .menu__list li a:hover .menu__ttl-wp .menu__ttl-en { transition: .3s; }
  .menu .menu__list li a:hover .menu__ttl-wp .menu__ttl-en::after { width: 100%; transition: .3s; }
  .menu .menu__list li a:hover .menu__arrow { background: #fff; transition: .3s; }
  .menu .menu__list li a:hover .menu__arrow::after { border-color: #54C2F0; transition: .3s; }
  .menu .menu__list li:nth-child(3) { margin-right: 0%; }
  .menu .menu__list li:nth-child(n+4) { margin-bottom: 0; } }
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 1021px) { /*メインイメージ*/
  .mainimg .mainimg__txt { padding: 6% 0 20px; }
  .mainimg .mainimg__txt .mainimg__logo { width: 42%; }
  .mainimg .mainimg__txt .mainimg__txt-copy { margin-bottom: 50px; }
  /*POINT*/
  .point .point__wp { position: relative; }
  .point .point__img { width: 53%; }
  .point .point__img::after { bottom: -30px; left: -30px; }
  .point .point__txt { padding: 60px; } }
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1221px) { /*POINT*/
  .point .point__img { position: relative; top: 0; left: 35px; width: 50%; }
  .point .point__img::after { bottom: -35px; left: -35px; }
  .point .point__txt { padding: 60px; right: 5%; width: 40%; }
  .point .point__txt .point__ilst { right: -5%; }
  /*メニューボタン*/
  .menu { padding: 45px 0; }
  .menu .menu__list li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-height: 150px; }
  .menu .menu__list li a .menu__img { flex: 0 1 60%; width: 60%; max-width: 60%; height: 25vh; }
  .menu .menu__list li a .menu__ttl-wp { flex: 0 1 40%; width: 40%; max-width: 40%; position: relative; padding: 50px 0; max-height: 150px; }
  .menu .menu__list li a .menu__ttl-wp .menu__ttl-jp { margin-bottom: 10px; } }

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