@charset "UTF-8";
@font-face {
  font-family: "TimesNow-SemiLight";
  src: url("/common/fonts/TimesNow-SemiLight/font.woff") format("woff");
  src: url("/common/fonts/TimesNow-SemiLight/font.woff2") format("woff");
}
/* reset */
html {
  overflow-y: scroll;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  box-sizing: border-box;
}

dt, th, h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

section, figure, aside, header, footer, main, nav {
  display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

object,
embed {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
}

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style-type: none;
}

img {
  vertical-align: bottom;
}

hr {
  clear: both;
  border: none;
  background-color: #FFFFFF;
}

/* --------------------------------------------------------
01share style
-------------------------------------------------------- */
.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

/*CSS Rollover*/
a.cssRoll img {
  opacity: 1;
}

a:hover.cssRoll img {
  opacity: 0.6;
}

body {
  font-weight: 500;
  color: #1E1E1E;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

a:active {
  text-decoration: none;
}

figure {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

em {
  font-weight: bold;
}

/* ---------------------------
module
--------------------------- */
#wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#wrapper.on {
  position: fixed;
  width: 100%;
}
#wrapper.off {
  position: relative !important;
  width: 100%;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  color: #666666;
  position: relative;
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
}

.lang-en {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.lang-ja {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif !important;
}

.lang-cn {
  font-family: "TimesNow-SemiLight", "Noto Serif SC", serif !important;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #666666;
}

a:not([href^="tel:"]) {
  transition: 0.2s;
}
a:not([href^="tel:"]):hover {
  text-decoration: none;
  opacity: 0.4;
}

a[href^="tel:"] {
  cursor: default;
}

.m-breadcrumbs {
  display: flex;
  color: #FFF;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}
.m-breadcrumbs a {
  color: #FFF;
  padding-right: 20px;
}

.m-breadcrumbs-dt a {
  position: relative;
}
.m-breadcrumbs-dt a:after {
  content: "";
  width: 8px;
  height: 10px;
  background: url(/common/img/base/allow.svg) no-repeat;
  position: absolute;
  right: 5px;
  top: 2px;
  pointer-events: none;
}

.m-title01 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #FFF;
  letter-spacing: 4px;
}

#swipebox-top-bar {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  top: auto !important;
  background: none !important;
  color: #FFF !important;
  letter-spacing: 1px !important;
  bottom: 100px !important;
}

/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 20px;
  height: 12px;
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}

.btn-trigger, .btn-trigger span {
  display: block;
  transition: all 0.5s;
  box-sizing: border-box;
}

.btn-trigger span:nth-of-type(1) {
  top: 0;
}

.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

/*=============================
#btn01
=============================*/
#btn01.on span:nth-of-type(1) {
  transform: translateY(3px) rotate(-45deg);
}

#btn01.on span:nth-of-type(2) {
  opacity: 0;
}

#btn01.on span:nth-of-type(3) {
  transform: translateY(-7px) rotate(45deg);
}

.l-header-sp-nav {
  position: fixed;
  background: rgba(20, 20, 30, 0.9);
  height: 100%;
  z-index: 9;
  transition: all 0.5s;
  transform: translate(1024px);
  overflow: scroll;
}
.l-header-sp-nav.on {
  transform: translate(0);
}

/*============================
#sns.m-footer
============================*/
#sns.m-footer {
  background: #FFF;
  z-index: 3;
}
#sns.m-footer .l-wrap {
  padding: 0 60px;
}

.m-footer-list.m-header-sns {
  background: #FFF;
  padding: 20px 0;
}

.m-footer-list-item.m-header-sns-item {
  position: relative;
}
.m-footer-list-item.m-header-sns-item:nth-child(1):after {
  content: "";
  width: 1px;
  height: 20px;
  background: #989898 !important;
  position: absolute;
  right: -20px;
  top: 8px;
}
.m-footer-list-item.m-header-sns-item:nth-child(2):after {
  content: "";
  width: 1px;
  height: 20px;
  background: #989898 !important;
  position: absolute;
  right: -20px;
  top: 10px;
}
.m-footer-list-item.m-header-sns-item:nth-child(3):after {
  content: "";
  width: 1px;
  height: 20px;
  background: #989898 !important;
  position: absolute;
  right: -20px;
  top: 10px;
}

.m-footer-pagetop {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}

.m-footer-copy {
  padding: 20px 0;
  text-align: center;
}

/* ---------------------------
l-post
--------------------------- */
.l-post {
  padding-top: 150px;
}
.l-post-side-sec {
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.l-post-side-sec-h {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dotted 4px #4b93b4;
  color: #4b93b4;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
}
.l-post-side-sec-h::before {
  content: "●";
  position: absolute;
  color: #8C783C;
}
.l-post-side-posts li:not(:last-child) {
  margin-bottom: 0.5em;
}
.l-post-side-posts li a {
  color: #4b93b4;
}
.l-post-side-posts-date {
  font-size: 0.85rem;
}
.l-post-bt {
  border-top: dotted 4px #4b93b4;
}

/* ---------------------------
l-wrap
--------------------------- */
/*---------------------------
btn
---------------------------*/
.m-btn01 {
  text-align: center;
  display: block;
  color: #fff;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: 0.1em;
  font-weight: bold;
  position: relative;
  border-radius: 2em;
}

/* ---------------------------
btns1col
--------------------------- */
/* ---------------------------
h
--------------------------- */
.slick-track {
  display: flex !important;
  align-items: center;
}

.stack-cards {
  position: relative;
  height: 790px;
}

.slick-list {
  overflow: visible !important;
}

.stack-cards__item.item1 {
  position: absolute;
  width: 252px;
  height: auto;
  right: -38px;
  top: 77px;
  z-index: 1;
  transform: translateX(200px);
  opacity: 0;
  transition: 2s;
}
.stack-cards__item.item1.on {
  transform: translateX(0px);
  opacity: 1;
}
.stack-cards__item.item2 {
  position: absolute;
  width: 258px;
  height: auto;
  left: -36px;
  top: 152px;
  transform: translateX(-200px);
  opacity: 0;
  transition: 2s;
}
.stack-cards__item.item2.on {
  transform: translateX(0px);
  opacity: 1;
}
.stack-cards__item.item3 {
  position: absolute;
  width: 242px;
  height: auto;
  right: -29px;
  top: 392px;
  transform: translateX(200px);
  opacity: 0;
  transition: 2s;
}
.stack-cards__item.item3.on {
  transform: translateX(0px);
  opacity: 1;
}
.stack-cards__item.item4 {
  position: absolute;
  width: 258px;
  height: auto;
  left: -25px;
  top: 459px;
  transform: translateX(-200px);
  opacity: 0;
  transition: 2s;
}
.stack-cards__item.item4.on {
  transform: translateX(0px);
  opacity: 1;
}

.m-mainContent {
  background: #FFF;
}

.m-bg {
  background: #FFF;
}

.m-con {
  position: relative;
  overflow: hidden;
}

.m-header {
  position: fixed;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  min-width: 375px;
}

.m-header-l {
  position: absolute;
}

.m-header-logo {
  padding: 17px;
}

.m-header-r {
  margin: 15px 15px 0 0;
  background: #E86B6B;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

/*============================
#btn01.btn-trigger
============================*/
.m-header-nav {
  position: fixed;
  top: 0;
  background: #FFF;
  min-width: 375px;
  height: 100%;
  padding: 68px 15px;
  text-align: center;
  transition: all 1s;
  transform: translateY(-2000px);
  overflow: scroll;
}
.m-header-nav.on {
  transform: translateY(0);
}

.m-header-nav-title {
  margin-bottom: 35px;
}

.m-header-nav-list-item {
  margin-bottom: 42px;
  position: relative;
}
.m-header-nav-list-item.found {
  padding: 32px 0;
}
.m-header-nav-list-item.found:before {
  content: "";
  background: url(/common/img/header/flower.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.m-header-nav-list-item.found:after {
  content: "";
  background: url(/common/img/header/flower.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.m-header-subnav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.m-header-subnav-line {
  margin-bottom: 40px;
}

.m-header-subnav-list-l {
  width: 50%;
  border-right: 1px solid #666666;
}

.m-header-subnav-list-item {
  margin-bottom: 30px;
}
.m-header-subnav-list-item:last-child {
  margin-bottom: 0;
}

.m-header-subnav-list-r {
  width: 50%;
}

.m-header-sns {
  display: flex;
  justify-content: space-around;
  background: #E7D4CA;
  align-items: center;
  height: 60px;
  border-radius: 40px;
  margin: 0 auto 6px;
  padding: 0 15px;
}

.m-header-sns-item {
  position: relative;
  text-align: center;
}
.m-header-sns-item a {
  display: block;
}
.m-header-sns-item:nth-child(1):after {
  content: "";
  width: 1px;
  height: 20px;
  background: #FFF;
  position: absolute;
  right: -20px;
  top: 8px;
}
.m-header-sns-item:nth-child(2):after {
  content: "";
  width: 1px;
  height: 20px;
  background: #FFF;
  position: absolute;
  right: -20px;
  top: 10px;
}
.m-header-sns-item:nth-child(3):after {
  content: "";
  width: 1px;
  height: 20px;
  background: #FFF;
  position: absolute;
  right: -20px;
  top: 10px;
}

.m-mv {
  padding: 0 0 0px 0;
}

.m-mv-visual {
  top: 100px;
}
.m-mv-visual.on {
  z-index: -1;
}

.m-mv-visual-h {
  background: url(/common/img/mv/mv-bg.png);
  background-size: cover;
  background-position: top center;
}
.m-mv-visual-h.on {
  height: 100vh;
}

.m-mv-scloll {
  position: absolute;
  top: 600px;
  left: 20px;
}

.m-white {
  position: relative;
}

.m-mv-ani {
  padding-bottom: 10px;
}

.l-wrap {
  padding: 0 15px;
}

.m-mv-title {
  margin: 20px 0 16px 0;
}

.m-mv-txt {
  line-height: 24px;
  letter-spacing: 2px;
  margin-bottom: 34px;
}

.m-header-sns-txt {
  text-align: center;
  letter-spacing: 2px;
}

/*============================
#menu.m-menu
============================*/
#menu.m-menu {
  position: relative;
  border-top: 1px solid #666666;
  border-bottom: 2px solid #666666;
  top: 3px;
  z-index: 1;
}

.m-menu-title {
  text-align: center;
  padding: 18px 0;
}

.m-menu-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.m-menu-list-item {
  width: 50%;
}
.m-menu-list-item:nth-child(1) {
  background: #F4E6E6;
}
.m-menu-list-item:nth-child(2) {
  background: #F7F5CF;
}
.m-menu-list-item:nth-child(3) {
  background: #D7E3E6;
}
.m-menu-list-item:nth-child(4) {
  background: #DEEBD7;
}
.m-menu-list-item a {
  padding: 7px 9px;
  width: 100%;
  height: 100%;
  display: block;
}

/*============================
#mini.m-mini
============================*/
#mini.m-mini {
  position: relative;
  top: 7px;
  border-top: 1px solid #666666;
  border-bottom: 2px solid #666666;
  padding: 0 0 53px 0;
  background: #F9F8F4;
  z-index: 1;
}

.m-mini-title {
  width: 72%;
  margin: 41px auto 25px;
}

.m-mini-txt {
  padding: 0 30px;
  line-height: 24px;
  margin-bottom: 22px;
  letter-spacing: 1px;
}

.m-mini-recommended-btns {
  display: flex;
  height: 92px !important;
  padding: 0 23px;
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.m-mini-recommended-btns::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.m-mini-recommended-btns-scroll {
  overflow: scroll;
  min-width: 375px;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.m-mini-recommended-btns-scroll::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.m-mini-recommended-btns-item {
  width: 92px !important;
  height: 92px !important;
  background: #F0E6E6;
  border-radius: 100px;
  margin-right: 13px;
}
.m-mini-recommended-btns-item.is-active {
  border: 5px solid #EDA2A2;
}
.m-mini-recommended-btns-item.slick-center {
  border: 5px solid #EDA2A2;
}

.m-mini-recommended-imgs {
  margin-bottom: 21px;
}

.m-mini-recommended-imgs-item img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}

.m-mini-recommended-imgs-img {
  text-align: center;
  margin-bottom: 30px;
  background: url(/common/img/mini/bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 270px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.m-mini-recommended-txts-h {
  color: #E86B6B;
  margin-bottom: 5px;
  font-weight: bold;
}

.m-mini-recommended-txts-price {
  text-align: right;
  font-size: 2.5rem;
  font-weight: bold;
  color: #555555;
  margin-bottom: 10px;
  padding: 0 15px;
}
.m-mini-recommended-txts-price span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #555555;
  position: relative;
  left: 18px;
  top: -2px;
  letter-spacing: 2px;
}

.m-mini-recommended-txts-txt {
  font-size: 1.4rem;
  line-height: 23px;
  margin-bottom: 18px;
}

.m-mini-recommended-txts-txt02 {
  font-size: 1.4rem;
  line-height: 23px;
  border: 1px solid #989898;
  border-radius: 5px;
  padding: 9px 9px;
  margin-bottom: 10px;
}

/*============================
#cup.m-cup
============================*/
#cup.m-cup {
  position: relative;
  top: 11px;
  border-top: 1px solid #666666;
  border-bottom: 2px solid #666666;
  padding: 0 0 53px 0;
  z-index: 1;
  background: #FFF;
}

.m-cup-title {
  width: 66%;
  margin: 32px auto 18px;
}

.m-cup-txt {
  padding: 0 30px;
  line-height: 24px;
  margin-bottom: 30px;
}

.m-mini-recommended-btns-scroll {
  overflow: scroll;
  width: 375px;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.m-mini-recommended-btns-scroll::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.m-cup-recommended-btns {
  display: flex;
  height: 92px !important;
  padding: 0 23px;
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.m-cup-recommended-btns::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.m-cup-recommended-btns-item {
  width: 92px !important;
  height: 92px !important;
  background: #F0E6E6;
  border-radius: 100px;
  margin-right: 13px;
}
.m-cup-recommended-btns-item.is-active {
  border: 5px solid #E8D689;
}
.m-cup-recommended-btns-item.slick-center {
  border: 5px solid #E8D689;
}

.m-cup-recommended-imgs-item img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}

.m-cup-recommended-imgs-img {
  text-align: center;
  margin-bottom: 30px;
  background: url(/common/img/cup/bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 270px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.m-cup-recommended-txts-h {
  color: #E2C759;
  margin-bottom: 5px;
  font-weight: bold;
}

.m-cup-recommended-txts-price {
  text-align: right;
  font-size: 2.5rem;
  font-weight: bold;
  color: #555555;
  margin-bottom: 10px;
  padding: 0 15px;
}
.m-cup-recommended-txts-price span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #555555;
  position: relative;
  left: 18px;
  top: -2px;
  letter-spacing: 2px;
}

.m-cup-recommended-txts-txt {
  font-size: 1.4rem;
  line-height: 23px;
  margin-bottom: 18px;
}

.m-cup-recommended-txts-txt02 {
  font-size: 1.4rem;
  line-height: 23px;
  border: 1px solid #989898;
  border-radius: 5px;
  padding: 9px 9px;
  margin-bottom: 10px;
}

/*============================
.m-decolation
============================*/
.m-decolation {
  position: relative;
  top: 14px;
  border-top: 1px solid #666666;
  border-bottom: 2px solid #666666;
  padding: 0 0 15px 0;
  background: #F9F8F4;
  z-index: 1;
}

.m-decolation-title {
  width: 67%;
  margin: 28px auto 18px;
}

.m-decolation-txt {
  padding: 0 30px;
  line-height: 24px;
  margin-bottom: 22px;
}

.m-decolation-recommended-btns-scroll {
  overflow: scroll;
  min-width: 375px;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.m-decolation-recommended-btns-scroll::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.m-decolation-recommended-btns {
  display: flex;
  height: 92px !important;
  padding: 0 23px;
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.m-decolation-recommended-btns::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.m-decolation-recommended-btns-item {
  width: 92px !important;
  height: 92px !important;
  background: #D4D9E0;
  border-radius: 100px;
  margin-right: 13px;
}
.m-decolation-recommended-btns-item.is-active {
  border: 5px solid #97C2C9;
}
.m-decolation-recommended-btns-item.slick-center {
  border: 5px solid #97C2C9;
}

.m-decolation-recommended-imgs {
  margin-bottom: 21px;
}

.m-decolation-recommended-imgs-item img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}

.m-decolation-recommended-imgs-img {
  text-align: center;
  margin-bottom: 30px;
  background: url(/common/img/decolation/bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 270px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.m-decolation-recommended-txts-h {
  color: #97C2C9;
  margin-bottom: 5px;
  font-weight: bold;
}

.m-decolation-recommended-txts-price {
  text-align: right;
  font-size: 2.2rem;
  font-weight: bold;
  color: #555555;
  margin-bottom: 7px;
  padding: 0 15px;
}
.m-decolation-recommended-txts-price span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #555555;
  position: relative;
  left: 5px;
  top: -2px;
  letter-spacing: 2px;
  width: 50px;
  display: inline-block;
}

.m-decolation-recommended-txts-txt {
  font-size: 1.4rem;
  line-height: 23px;
  margin-bottom: 18px;
}

.m-decolation-recommended-txts-txt02 {
  font-size: 1.4rem;
  line-height: 23px;
  border: 1px solid #989898;
  border-radius: 5px;
  padding: 9px 9px;
  margin-bottom: 10px;
}

.m-pink-link {
  background: #E86B6B;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #FFF;
  font-weight: bold;
  width: 85%;
  margin: 35px auto;
  height: 53px;
  border-radius: 50px;
  letter-spacing: 1px;
}

/*============================
#baked.m-baked
============================*/
#baked.m-baked {
  position: relative;
  top: 17px;
  border-top: 1px solid #666666;
  border-bottom: 2px solid #666666;
  padding: 42px 0 49px 0;
  z-index: 1;
  background: #FFF;
}

.m-baked-title {
  width: 72%;
  margin: 0px auto 20px;
}

.m-baked-img {
  margin-bottom: 18px;
}

.m-baked-txt {
  font-size: 1.4rem;
  line-height: 24px;
}

/*============================
#kids.m-kids
============================*/
#kids.m-kids {
  position: relative;
  top: 19px;
  border-top: 1px solid #666666;
  background: #F9F8F4;
  background-image: url(/common/img/kids/bg.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding: 37px 0;
  z-index: 1;
}

.m-kids-title01 {
  text-align: center;
  margin: 0 auto;
}

.m-kids-img {
  text-align: center;
  margin: 0 auto 24px;
}

.m-kids-title02 {
  text-align: center;
  margin: 0 auto 7px;
}

.m-kids-txt01 {
  font-size: 1.4rem;
  line-height: 24px;
  margin-bottom: 30px;
}

.m-kids-list-item-img {
  margin-bottom: 11px;
}

.m-kids-list-item-dl {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}

.m-kids-list-item-dt {
  width: 40px;
  margin-right: 20px;
}

.m-kids-list-item-dd {
  font-size: 1.4rem;
  line-height: 20px;
  width: 87%;
}

/*============================
#concept.m-concept
============================*/
#concept.m-concept {
  position: relative;
  padding: 50px 0 0;
  background: url(/common/img/concept/bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 40px;
  z-index: 1;
}
#concept.m-concept:before {
  content: "";
  background: url(/common/img/concept/before.png) no-repeat;
  background-size: contain;
  width: 242px;
  height: 77px;
  position: absolute;
  top: -15px;
  right: -120px;
}

.m-concept-title {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}

.m-concept-img {
  margin-bottom: 28px;
}

.m-concept-txt {
  line-height: 24px;
}

/*============================
#pastry.m-pastry
============================*/
#pastry.m-pastry {
  background: url(/common/img/pastry/bg.png) no-repeat;
  background-position: top center;
  background-size: contain;
  margin-top: 50px;
  padding: 0 0 50px;
  z-index: 1;
}

.m-pastry-title {
  text-align: center;
  margin-bottom: 25px;
}

.m-pastry-people {
  margin-bottom: 15px;
}
.m-pastry-people.item2 {
  margin-top: 37px;
}

.m-pastry-people-dt {
  margin-bottom: 6px;
  padding-left: 15px;
  position: relative;
}
.m-pastry-people-dt:before {
  content: "";
  background: url(/common/img/pastry/allow.svg) no-repeat;
  width: 12px;
  height: 22px;
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
}

.m-pastry-people-dd {
  margin-bottom: 8px;
  line-height: 24px;
}

/*============================
#qa.m-qa
============================*/
#qa.m-qa {
  padding: 50px 0;
  background: #F9F8F4;
  z-index: 1;
}
#qa.m-qa .l-wrap {
  padding: 0 30px;
}

.m-qa-title {
  text-align: center;
  margin-bottom: 30px;
}

.m-qa-dl {
  margin-bottom: 12px;
  border-bottom: 1px solid #989898;
}

.m-qa-dt {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 24px;
  padding: 0 15px 10px 20px;
  text-indent: -20px;
  /* padding-bottom: 10px; */
  position: relative;
}
.m-qa-dt span {
  font-size: 1.4rem;
  font-weight: bold;
  color: #E86B6B;
}
.m-qa-dt:before {
  content: "Q.";
  font-size: 1.4rem;
  font-weight: bold;
  color: #E86B6B;
  text-indent: -1em;
}
.m-qa-dt:after {
  content: "";
  background: url(/common/img/qa/plus.svg) no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 5px;
}
.m-qa-dt.slide:after {
  content: "";
  background: url(/common/img/qa/minus.svg) no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 5px;
}

.m-qa-dd {
  margin-bottom: 20px;
  line-height: 24px;
  display: none;
}
.m-qa-dd span {
  color: #61A7BA;
}

.m-qa-dd-in {
  font-size: 1.4rem;
  line-height: 23px;
  border: 1px solid #989898;
  padding: 9px 9px;
  margin-top: 10px;
}

/*============================
.m-access
============================*/
.m-access {
  padding: 50px 0;
  border-bottom: 1px solid #D7D7D7;
  background: #FFF;
  z-index: 1;
}
.m-access iframe {
  margin: 0 -15px 30px -15px;
  width: 110%;
}

.m-access-title {
  text-align: center;
  margin-bottom: 30px;
}

.m-access-img {
  text-align: center;
  margin-bottom: 30px;
}

.m-access-dl {
  margin-bottom: 20px;
}

.m-access-dt {
  font-weight: bold;
  margin-bottom: 5px;
}

.m-access-dd {
  line-height: 26px;
}

.m-register {
  height: 100% !important;
}
.m-register .m-home-in {
  height: 100% !important;
  min-height: 800px;
}
.m-register .m-home-list {
  position: relative !important;
  bottom: 0 !important;
  padding: 30px 0;
}

.m-register-title01 {
  margin-bottom: 30px !important;
}
.m-register-title01.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

.m-register-box {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

.mod-register-policy {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.4);
  overflow: scroll;
  height: 150px;
  border: 1px solid #939393;
  padding: 10px;
  font-family: "TimesNow-SemiLight";
}
.mod-register-policy.lang-ja p {
  font-family: "Noto Serif JP", serif !important;
}

.m-register-box-title {
  color: #004178;
  font-family: "TimesNow-SemiLight";
  text-align: center;
}
.m-register-box-title.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

.mod-register-dt {
  font-size: 1.6rem;
  color: #142346;
  font-family: "TimesNow-SemiLight";
}
.mod-register-dt.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}
.mod-register-dt span {
  font-size: 1.6rem;
  color: #142346;
  font-size: 1rem;
  position: relative;
  top: -3px;
}

.mod-register-dd input {
  border: 1px solid #939393;
  padding: 10px;
  font-size: 1.6rem;
  width: 100%;
  font-family: "TimesNow-SemiLight";
  background: rgba(255, 255, 255, 0.4);
}
.mod-register-dd input.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}
.mod-register-dd select {
  border: 1px solid #939393;
  padding: 10px;
  width: 100%;
  font-size: 1.6rem;
  color: #142346;
  font-family: "TimesNow-SemiLight";
  background: rgba(255, 255, 255, 0.4);
}
.mod-register-dd select.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}
.mod-register-dd textarea {
  border: 1px solid #939393;
  padding: 10px;
  width: 100%;
  font-size: 1.6rem;
  color: #142346;
  font-family: "TimesNow-SemiLight";
  background: rgba(255, 255, 255, 0.4);
}
.mod-register-dd textarea.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

/*============================
#preferred
============================*/
/*============================
#contactyou
============================*/
.mod-register-agree {
  text-align: center;
  font-size: 2rem;
  color: #142346;
  font-family: "TimesNow-SemiLight";
  margin-top: 30px;
}
.mod-register-agree.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}
.mod-register-agree input {
  margin-right: 15px;
}

.mod-register-btn {
  background: #004178;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  color: #FFF;
  font-size: 1.8rem;
  margin: 30px auto 0;
}

/*============================
#submit.mod-input-btn
============================*/
.mod-input-btn {
  background: #004178;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 60px;
  color: #FFF;
  font-size: 1.8rem;
  margin: 20px auto 0;
  border: 0;
}

.mod-form-table01 {
  margin: 0 auto 50px;
  font-size: 1.8rem;
  line-height: 1.8;
}
.mod-form-table01 th {
  padding-right: 20px;
}
.mod-form-table01.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

.mod-formSec01-btns {
  display: flex;
  justify-content: space-between;
}
.mod-formSec01-btns .mod-input-btn {
  width: 300px;
}

.m-register-pass-bottom {
  margin-bottom: 80px;
  font-size: 1.6rem;
  color: #004178;
}

.m-pass-input {
  border: 1px solid #939393;
  padding: 15px;
  font-size: 2rem;
  width: 60%;
  font-family: "TimesNow-SemiLight";
  display: block;
  margin: 0 auto 50px;
}
.m-pass-input.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

.m-pass-send {
  background: #004178;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 60px;
  color: #FFF;
  font-size: 1.8rem;
  margin: 20px auto 0;
  border: 0;
}

.m-top-scloll {
  padding-top: 70px;
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
.m-top-video {
  width: 100vw;
  display: block;
  position: relative;
}

#bg-video {
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-height: initial;
  max-width: initial;
  min-height: 100vh;
  min-width: 100%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}

.m-top-video-in {
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.m-top-video-icon {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 70px;
  height: 70px;
  opacity: 0.7;
}
.m-top-video-icon:hover {
  opacity: 1 !important;
}

.m-top-coming-title {
  color: #A2A4AA;
  font-family: "TimesNow-SemiLight";
  font-size: 4rem;
  text-align: center;
  padding: 16px 0;
  background: #142346;
  letter-spacing: 2px;
}

.m-top-about {
  background: #E8E9EC;
}

.m-top-about-title {
  text-align: center;
  color: #004178;
  margin-bottom: 30px;
  font-family: "TimesNow-SemiLight";
  line-height: 58px;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
.m-top-about-title.lang-ja {
  font-family: "Noto Serif JP", serif !important;
  line-height: 1.8;
  letter-spacing: 1px !important;
}

.m-top-about-txt01 {
  color: #142346;
  font-family: "TimesNow-SemiLight";
  text-align: center;
  letter-spacing: 1px;
}
.m-top-about-txt01.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

.m-top-about-txt02 {
  text-align: center;
  font-family: "TimesNow-SemiLight";
  letter-spacing: 1px;
  margin-bottom: 50px;
}
.m-top-about-txt02.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

.m-top-contact {
  background: #004178;
  padding: 20px 0;
}

.m-top-about-list {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.m-top-about-list-item-l {
  margin-bottom: 10px;
}
.m-top-about-list-item-l img {
  width: 100%;
}

.m-top-about-list-item-r {
  color: #142346;
  font-family: "TimesNow-SemiLight";
}
.m-top-about-list-item-r.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}
.m-top-about-list-item-r p {
  font-feature-settings: "palt";
}

.m-top-foot {
  background: #142346;
  padding: 16px 0 20px;
}
.m-top-foot .l-wrap-1120 {
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
}

.m-top-foot-list {
  display: flex;
  align-items: center;
}

.m-top-foot-r-title {
  font-size: 1.4rem;
  font-family: "TimesNow-SemiLight";
  color: #FFF;
  padding: 15px 15px 0 0;
  letter-spacing: 1px;
}
.m-top-foot-r-title.lang-ja {
  font-family: "Noto Serif JP", serif !important;
}

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.9) !important;
}

.m-privacy {
  background: #E8E9EC;
  padding: 0 0 0px;
}

.m-privacy-top {
  background: #142346;
  padding-top: 100px;
  height: 360px;
}

.m-privacy-in {
  padding: 130px 0;
}

.m-privacy-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.m-privacy-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  margin-bottom: 80px;
}

.m-privacy-dl {
  color: #004178;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-privacy-dt {
  position: relative;
  padding: 0 0 0 20px;
  margin-bottom: 20px;
}
.m-privacy-dt:before {
  content: "";
  color: #004178;
  position: absolute;
  left: 0;
  width: 10px;
  height: 2px;
  background: #004178;
  top: 13px;
}

.m-privacy-dd {
  color: #142346;
  line-height: 1.8;
  margin-bottom: 70px;
}

.m-privacy-dr {
  border: 1px solid #CCCCCC;
  margin-bottom: 90px;
}

.m-model-mv {
  position: relative;
}

.m-bread-item {
  color: #FFF;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-family: "Yu Mincho", "YuMincho", serif;
}
.m-bread-item.c-black {
  color: #000;
}
.m-bread-item .c-brown {
  color: #968378;
}
.m-bread-item:after {
  content: "";
  background: url(/common/img/base/icon-allow.svg) no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  right: -12px;
  top: 8px;
}
.m-bread-item a {
  color: #FFF;
  text-decoration: underline;
  font-family: "Yu Mincho", "YuMincho", serif;
}
.m-bread-item:last-child {
  position: relative;
}
.m-bread-item:last-child:after {
  content: "";
  display: none;
}

.m-model-mv-title {
  font-family: "Yu Mincho", "YuMincho", serif;
  position: relative;
  color: #FFF;
  letter-spacing: 4px;
}

.m-model-mv-txt {
  font-family: "Libre Caslon Display", serif;
  color: #FFF;
  letter-spacing: 1px;
}

.m-model-mv-img {
  margin-bottom: 78px;
  position: relative;
}

.m-model-mv-copy {
  font-family: "Yu Mincho", "YuMincho", serif;
  letter-spacing: 2px;
}

.m-model-about {
  position: relative;
}
.m-model-about:before {
  content: "";
  background: url(/common/img/model/circle01.svg) no-repeat;
  width: 200px;
  height: 200px;
  position: absolute;
  top: -62%;
  right: 66px;
  z-index: -1;
}
.m-model-about:after {
  content: "";
  background: url(/common/img/model/circle02.svg) no-repeat;
  width: 108px;
  height: 108px;
  position: absolute;
  top: -23%;
  left: 213px;
  z-index: -1;
}

.m-model-about-column {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.m-model-column-title {
  font-family: "Libre Caslon Display", serif;
  letter-spacing: 6px;
  /* line-height: 1; */
}

.m-model-column-subtitle {
  font-family: "Libre Caslon Display", serif;
}

.m-model-column-subtitle-info {
  font-family: "Yu Mincho", "YuMincho", serif;
  letter-spacing: 1px;
}

.m-model-about-column-small {
  display: flex;
  justify-content: space-between;
}

.m-model-about-column-txt {
  font-family: "Libre Caslon Display", serif;
}

.m-model-room {
  position: relative;
}
.m-model-room:before {
  content: "";
  background: url(/common/img/model/circle03.svg) no-repeat;
  width: 370px;
  height: 312px;
  position: absolute;
  bottom: 94px;
  left: 60px;
}

.m-model-room-column {
  display: flex;
  justify-content: space-between;
}

.m-model-room-column-r-dl {
  border-top: 1px solid #B1B1B1;
  display: flex;
}
.m-model-room-column-r-dl.bd-bottom {
  border-bottom: 1px solid #B1B1B1;
}

.m-model-room-column-r-dd {
  font-family: "Yu Mincho", "YuMincho", serif;
}

.m-model-room-column-r-check {
  background: #DFE3E8;
}

.m-model-room-column-r-check-flex-l li {
  font-size: 2.4rem;
  font-family: "Libre Caslon Display", serif;
}

.m-model-facility {
  position: relative;
}
.m-model-facility:before {
  content: "";
  background: url(/common/img/home/facility-found.svg) no-repeat;
  background-size: cover;
  position: absolute;
  width: 448px;
  height: 258px;
  bottom: -219px;
  left: 80px;
  z-index: -1;
}

.m-model-root {
  background: #EFECEB;
}

.m-model-root-column {
  display: flex;
  justify-content: space-between;
}

.m-model-root-column-l.m-circle01 {
  position: relative;
}
.m-model-root-column-l.m-circle01:after {
  content: "";
  background: url(/common/img/model/circle04.svg) no-repeat;
  width: 188px;
  height: 188px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.m-model-root-column-l.m-circle02 {
  position: relative;
}
.m-model-root-column-l.m-circle02:after {
  content: "";
  background: url(/common/img/model/circle05.svg) no-repeat;
  width: 108px;
  height: 108px;
  position: absolute;
  right: 0;
  bottom: -60px;
}

.m-model-root-column-r iframe {
  width: 100%;
}

.m-model-other {
  background: #1E1E1E;
  color: #FFF;
}

.m-model-other-title {
  font-family: "Yu Mincho", "YuMincho", serif;
  text-align: center;
}

.m-model-other-list {
  display: flex;
  justify-content: space-around;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.m-model-other-list .slick-list {
  max-width: 1000px;
  margin: 0 auto;
}
.m-model-other-list .slick-track {
  display: flex;
  justify-content: space-between;
}

.m-model-other-list-item {
  max-width: 444px;
  width: 100%;
  display: flex !important;
  position: relative;
}
.m-model-other-list-item a {
  display: flex !important;
  width: 100%;
  height: 100%;
}

.m-model-other-list-item-num {
  font-family: "Libre Caslon Display", serif;
  position: absolute;
  letter-spacing: 3px;
  left: 10px;
  top: -5px;
}
.m-model-other-list-item-num.num01 {
  color: #4b93b4;
}
.m-model-other-list-item-num.num02 {
  color: #BA5D83;
}
.m-model-other-list-item-num.num03 {
  color: #8C783C;
}
.m-model-other-list-item-num.num04 {
  color: #3C9664;
}
.m-model-other-list-item-num.num05 {
  color: #6296BB;
}
.m-model-other-list-item-num.num06 {
  color: #783621;
}
.m-model-other-list-item-num.num07 {
  color: #E6785A;
}
.m-model-other-list-item-num.num08 {
  color: #646464;
}

.m-model-other-list-item-img {
  width: 50%;
  display: block;
}

.m-model-other-list-item-info {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  color: #1E1E1E;
  background: #FFF;
}

.m-model-other-list-item-info-title {
  font-size: 2rem;
  font-family: "Yu Mincho", "YuMincho", serif;
}

.m-model-other-list-item-info-en {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.1rem;
  text-align: center;
}
.m-model-other-list-item-info-en span {
  font-size: 2rem;
  display: block;
}

.slick-slide {
  height: auto !important;
}

/* ---------------------------
m-post
--------------------------- */
/* ---------------------------
m-table01
--------------------------- */
.m-table01, .u-wysiwyg table {
  width: 100%;
}
.m-table01 th, .u-wysiwyg table th, .m-table01 td, .u-wysiwyg table td {
  letter-spacing: 0.2em;
}

/*---------------------------
Page
---------------------------*/
.m-brand-top {
  background: #142346;
  border-bottom: 10px solid #004178;
}

.m-brand-story {
  background: url(/common/img/brand/bg01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.m-brand-story-title01 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  text-align: center;
  letter-spacing: 3px;
}

.m-brand-story-txt01 {
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-brand-story-title02 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  text-align: center;
  letter-spacing: 1px;
  color: #004178;
}

.m-brand-life {
  background: url(/common/img/brand/bg02.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.m-brand-life-title01 {
  text-align: center;
}

.m-brand-life-title02 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #E8E9EC;
  letter-spacing: 3px;
  text-align: center;
}

.m-brand-life-dl {
  text-align: center;
}
.m-brand-life-dl:last-child {
  margin-bottom: 0;
}

.m-brand-life-dt {
  color: #CCCCCC;
  margin-bottom: 50px;
  position: relative;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}
.m-brand-life-dt:after {
  content: "";
  width: 1px;
  height: 20px;
  background: #808080;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
}

.m-brand-life-dd {
  color: #FFF;
  letter-spacing: 1px;
  line-height: 2;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-niseko {
  background: #E8E9EC;
  border-bottom: 1px solid #E8E9EC;
}

.m-niseko-top {
  background: #142346;
  padding-top: 100px;
}

.m-niseko-box {
  background: #FFF;
  position: relative;
  z-index: 1;
}
.m-niseko-box:after {
  content: "";
  background: url(/common/img/niseko/bg-04.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 450px;
  height: 510px;
  position: absolute;
  right: -400px;
  top: -150px;
  z-index: 0;
}
.m-niseko-box:before {
  content: "";
  background: url(/common/img/niseko/bg-01.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 468px;
  height: 640px;
  position: absolute;
  left: -400px;
  top: 550px;
  z-index: 0;
}

.m-niseko-mv {
  background: url(/common/img/niseko/niseko-mv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  width: 90%;
}

.m-niseko-mv-title {
  color: #FFF;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-niseko-mv-txt {
  color: #FFF;
  line-height: 2;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-niseko-in {
  position: relative;
}

.m-niseko-in-column {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.m-niseko-in-column-l {
  max-width: 700px;
  width: 100%;
  position: relative;
}

.m-niseko-in-column-r {
  max-width: 510px;
  width: 100%;
}

.m-niseko-in-subtitle {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 10px;
}

.m-niseko-in-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 35px;
}

.m-niseko-in-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-project {
  background: #E8E9EC;
  padding: 0 0 0px;
}

.m-project-top {
  background: #142346;
}

.m-project-timeline {
  background: url(/common/img/project/bg01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.m-project-timeline-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  text-align: center;
  letter-spacing: 1px;
  color: #004178;
}

.m-project-overview-txt {
  text-align: center;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-project-timeline-dl {
  align-items: center;
}
.m-project-timeline-dl:last-child dd span:after {
  content: "";
  display: none;
}

.m-project-timeline-dt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  width: 180px;
  color: #004178;
}

.m-project-timeline-dd {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-project-overview {
  background: #FFF;
  position: relative;
}
.m-project-overview:after {
  content: "";
  background: url(/common/img/project/bg-icon-01.png) no-repeat;
  width: 580px;
  height: 504px;
  right: 0;
  top: 0;
  position: absolute;
}

.m-project-overview-title {
  font-family: "TimesNow-SemiLight";
  text-align: center;
  letter-spacing: 1px;
  color: #004178;
}
.m-project-overview-title span {
  display: block;
  font-size: 2.4rem;
}

.m-project-overview-dl {
  display: flex;
  align-items: center;
  padding: 30px 0;
  width: 100%;
  border-top: 1px solid #E8E9EC;
}
.m-project-overview-dl.last {
  border-bottom: 1px solid #E8E9EC;
}

.m-project-overview-dt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  width: 160px;
  color: #004178;
}

.m-project-overview-dd {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #142346;
}

.m-project-partner {
  position: relative;
}
.m-project-partner:after {
  content: "";
  background: url(/common/img/project/bg-icon-02.png) no-repeat;
  width: 580px;
  height: 364px;
  right: 0;
  bottom: 0;
  position: absolute;
}
.m-project-partner .l-wrap-1100 {
  max-width: 1080px;
}

.m-project-partner-title {
  text-align: center;
  color: #004178;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-project-partner-list {
  align-items: center;
  justify-content: space-between;
}

.m-project-partner-list-item {
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 140px;
}

.m-project-column {
  width: 100%;
  padding: 60px 0;
  border-top: 1px solid #CCCCCC;
  position: relative;
  z-index: 1;
}
.m-project-column.last {
  border-bottom: 1px solid #CCCCCC;
}

.m-project-column-title {
  color: #004178;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-project-column-txt {
  margin-bottom: 30px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}
.m-project-column-txt a {
  color: #142346;
  cursor: pointer;
}

.m-project-column-r {
  max-width: 900px;
  width: 100%;
}

.m-project-column-r-img {
  margin-bottom: 30px;
}

.m-project-column-txt {
  line-height: 1.8;
}

.m-project-column-dt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  position: relative;
  padding-left: 20px;
  color: #004178;
  margin-bottom: 10px;
}
.m-project-column-dt:before {
  content: "";
  color: #004178;
  position: absolute;
  left: 0;
  width: 10px;
  height: 2px;
  background: #004178;
  top: 7px;
}

.m-project-column-dd {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-amenities {
  background: url(/common/img/apartment/bg.jpg) no-repeat;
  background-size: cover;
  padding: 0 0 0px;
}

.m-amenities-top {
  background: #142346;
  padding-top: 100px;
}

.m-amenities-mv {
  background: url(/common/img/amenities/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 90%;
  position: relative;
}

.m-amenities-mv-title {
  color: #FFF;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-amenities-mv-txt {
  color: #FFF;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-amenities-box {
  position: relative;
}

.m-amenities-column {
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.m-amenities-column-l {
  position: relative;
  max-width: 605px;
}

.m-amenities-column-l-txt {
  font-size: 5rem;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #E8E9EC;
}

.m-amenities-column-r {
  max-width: 615px;
}

.m-amenities-column-r-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  position: relative;
}

.m-amenities-column-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.m-amenities-column-list-item {
  position: relative;
  width: 48%;
}
.m-amenities-column-list-item:nth-child(2n) {
  margin-right: 0;
}
.m-amenities-column-list-item-num {
  width: 50px;
  height: 55px;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #004178;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-amenities-column-list-item-txt {
  text-align: center;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  padding-top: 20px;
}

.m-amenities-infinity {
  background: #FFF;
  position: relative;
  overflow: hidden;
}

.m-amenities-infinity-column {
  display: flex;
  position: relative;
}

.m-amenities-infinity-column-l {
  max-width: 860px;
  width: 100%;
  height: auto;
  z-index: 0;
}

.m-amenities-infinity-column-r {
  background: #FFF;
  max-width: 700px;
  width: 100%;
  z-index: 1;
}

.m-amenities-infinity-column-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  letter-spacing: 2px;
}

.m-amenities-infinity-column-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.5;
}

.m-amenities-infinity-column-bottom {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.m-amenities-infinity-column-bottom-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
}

.m-amenities-infinity-column-bottom-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-amenities-visual {
  background: url(/common/img/amenities/visual-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
  z-index: 1;
}

.m-amenities-about {
  background: #FFF;
  position: relative;
  border-bottom: 1px solid #E8E9EC;
}

.m-amenities-about-dining {
  position: relative;
  z-index: 1;
}

.m-amenities-about-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 20px;
}

.m-amenities-about-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-amenities-about-inout {
  position: relative;
  margin-bottom: 100px;
}

.m-amenities-about-inout-l {
  background: url(/common/img/amenities/inout-img.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  left: 0;
  width: 65%;
  height: 470px;
  margin-right: 95px;
}

.m-amenities-about-inout-r {
  width: 35%;
  position: relative;
  z-index: 1;
}

.m-amenities-about-inout-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  padding-top: 65px;
  margin-bottom: 20px;
}

.m-amenities-about-inout-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-amenities-about-valet {
  position: relative;
  z-index: 1;
}

.m-amenities-about-valet-img {
  margin-bottom: 30px;
}

.m-amenities-about-valet-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 20px;
}

.m-amenities-about-valet-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-amenities-about-valet-r {
  position: relative;
  z-index: 1;
}

.m-amenities-about-lounge {
  position: relative;
  z-index: 1;
}

.m-amenities-about-lounge-l {
  position: relative;
  z-index: 1;
}

.m-amenities-about-lounge-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 20px;
}

.m-amenities-about-lounge-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-amenities-about-lounge-r {
  background: url(/common/img/amenities/lounge.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  left: 0;
}

.m-amenities-about-column {
  position: relative;
  z-index: 1;
}

.m-amenities-about-column-img {
  margin-bottom: 20px;
}

.m-amenities-about-column-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 20px;
  text-align: center;
}

.m-amenities-about-column-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-location {
  background: #E8E9EC;
  padding: 0 0 0px;
}

.m-location-top {
  background: #142346;
  padding-top: 100px;
}

.m-location-box {
  padding: 90px 0;
}

.m-location-mv {
  background: url(/common/img/location/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 90%;
}

.m-location-mv-link {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-location-main-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  text-align: center;
  color: #004178;
  margin-bottom: 30px;
}

.m-location-main-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  text-align: center;
  line-height: 1.8;
}

.m-location-map-column-txt01 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  margin-bottom: 30px;
}

.m-location-map-column-l-img {
  margin-bottom: 30px;
}

.m-location-map-column-txt02 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  margin-bottom: 30px;
}

.m-location-access {
  position: relative;
  background: url(/common/img/location/bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.m-location-access-column {
  display: flex;
  position: relative;
  z-index: 1;
}

.m-location-access-column-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  margin-bottom: 30px;
  color: #004178;
  position: relative;
  z-index: 1;
}

.m-location-access-column-r-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  margin-bottom: 10px;
  color: #004178;
}

.m-location-access-column-r-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-uniqueness {
  background: #E8E9EC;
  padding: 0 0 0px;
}

.m-uniqueness-top {
  background: #142346;
  padding-top: 100px;
}

.m-uniqueness-box {
  padding: 90px 0;
}

.m-uniqueness-mv {
  background: url(/common/img/uniqueness/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 90%;
  position: relative;
}

.m-uniqueness-mv-title {
  color: #FFF;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-uniqueness-mv-txt {
  color: #FFF;
  line-height: 2;
  letter-spacing: 1px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-uniqueness-main-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  text-align: center;
}

.m-uniqueness-visual-list {
  display: flex;
  flex-wrap: wrap;
}

.m-uniqueness-visual-list-item {
  width: 50%;
}
.m-uniqueness-visual-list-item.item01 {
  background: url(/common/img/uniqueness/item1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.m-uniqueness-visual-list-item.item02 {
  background: url(/common/img/uniqueness/item2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.m-uniqueness-visual-list-item.item03 {
  background: url(/common/img/uniqueness/item3.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.m-uniqueness-visual-list-item.item04 {
  background: url(/common/img/uniqueness/item4.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.m-uniqueness-visual-list-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-uniqueness-location-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  text-align: center;
  margin-bottom: 30px;
}

.m-uniqueness-location-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-uniqueness-location-map {
  width: 100%;
}

.m-uniqueness-flawless {
  background: #FFF;
  position: relative;
}

.m-uniqueness-flawless-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
}

.m-uniqueness-flawless-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-uniqueness-flawless-link {
  width: 220px;
  height: 60px;
  background: #004178;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}

.m-uniqueness-infinity {
  background: #FFF;
  position: relative;
}

.m-uniqueness-infinity-l {
  background: url(/common/img/uniqueness/uniqueness-infinity-l.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 50%;
  margin-right: 90px;
}

.m-uniqueness-infinity-r {
  position: relative;
  z-index: 1;
}

.m-uniqueness-infinity-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
}

.m-uniqueness-infinity-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-uniqueness-infinity-link {
  width: 220px;
  height: 60px;
  background: #004178;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}

.m-uniqueness-arch {
  background: url(/common/img/uniqueness/bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.m-uniqueness-arch-visual {
  background: url(/common/img/uniqueness/arch-visual.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
}

.m-uniqueness-arch-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  text-align: center;
}

.m-uniqueness-arch-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  text-align: center;
}

.m-uniqueness-arch-list-item {
  background: #FFF;
  padding: 30px 0;
}
.m-uniqueness-arch-list-item:last-child {
  margin-right: 0;
}

.m-uniqueness-arch-list-item-title {
  text-align: center;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: 4178;
}

.m-uniqueness-arch-list-item-img02 {
  margin-bottom: 20px;
  padding: 30px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-uniqueness-arch-list-item-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  margin-bottom: 20px;
  padding: 0 30px;
}

.m-uniqueness-garden {
  max-width: 1300px;
  margin: 0 auto;
  background: #FFF;
}
.m-uniqueness-garden .l-wrap-1300 {
  padding: 0 0 50px;
}

.m-uniqueness-garden-img {
  margin-bottom: 50px;
}
.m-uniqueness-garden-img img {
  width: 100%;
}

.m-uniqueness-garden-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  text-align: center;
}

.m-uniqueness-garden-column-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-uniqueness-garden-column-r-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 440px;
  width: 100%;
}

.m-uniqueness-garden-column-r-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.m-uniqueness-garden-column-r-list-item-l {
  display: flex;
  background: #E8E9EC;
  align-items: center;
  justify-content: center;
}

.m-uniqueness-garden-column-r-list-item-r.item1 {
  background: url(/common/img/uniqueness/garden-01.jpg);
  background-size: cover;
  background-position: center;
}
.m-uniqueness-garden-column-r-list-item-r.item2 {
  background: url(/common/img/uniqueness/garden-02.jpg);
  background-size: cover;
  background-position: center;
}
.m-uniqueness-garden-column-r-list-item-r.item3 {
  background: url(/common/img/uniqueness/garden-03.jpg);
  background-size: cover;
  background-position: center;
}
.m-uniqueness-garden-column-r-list-item-r.item4 {
  background: url(/common/img/uniqueness/garden-04.jpg);
  background-size: cover;
  background-position: center;
}

.m-gallery-top {
  background: #142346;
  border-bottom: 10px solid #004178;
}

.m-gallery-box {
  margin: 0 auto;
}

.m-gallery-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 30px;
}

.m-gallery-box-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.m-gallery-box-list-item.m-text {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #14141E;
  height: 300px;
  color: #FFF;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  text-align: center;
}

.unit-parent1 {
  display: grid;
}
.unit-parent1 div {
  background-size: cover;
}
.unit-parent1 div figure {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.unit-parent1 div figure a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.unit-parent2 {
  display: grid;
}
.unit-parent2 div {
  background-size: cover;
}
.unit-parent2 div figure {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.unit-parent2 div figure a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.unit-parent3 {
  display: grid;
}
.unit-parent3 div {
  background-size: cover;
}
.unit-parent3 div figure {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.unit-parent3 div figure a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.buliding-parent1 {
  display: grid;
}
.buliding-parent1 div {
  background-size: cover;
}
.buliding-parent1 div figure {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.buliding-parent1 div figure a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.buliding-parent2 {
  display: grid;
}
.buliding-parent2 div {
  background-size: cover;
}
.buliding-parent2 div figure {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.buliding-parent2 div figure a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.m-news-top {
  background: #142346;
  border-bottom: 10px solid #004178;
}

.m-news-box {
  background: #E8E9EC;
}

.m-news-box-list-item {
  border-bottom: 1px solid #E8E9EC;
}

.m-news-box-list-item-l {
  max-width: 260px;
  width: 100%;
  height: 160px;
}

.m-news-box-dt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  line-height: 1.8;
}

.m-news-box-dd a {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
  text-decoration: underline;
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 90px auto 0;
  font-size: 2.4rem;
  position: relative;
  width: 300px;
}
.wp-pagenavi:before {
  content: "";
  background: url(/common/img/news/alllow.svg) no-repeat;
  width: 22px;
  height: 34px;
  position: absolute;
  left: -15px;
  top: 0;
  transform: rotateZ(180deg);
}
.wp-pagenavi:after {
  content: "";
  background: url(/common/img/news/alllow.svg) no-repeat;
  width: 22px;
  height: 34px;
  position: absolute;
  right: -15px;
  top: 0;
}
.wp-pagenavi a {
  font-size: 2.4rem;
  text-decoration: underline;
}

.current {
  color: #004178;
  margin: 0 10px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.page.larger {
  margin: 0 10px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-news-box-day {
  font-size: 1.8rem;
  color: #004178;
  padding-bottom: 15px;
  border-bottom: 4px solid #E8E9EC;
}

.m-news-box-back {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  text-align: center;
  font-size: 2.4rem;
  color: #004178;
  margin: 35px auto;
  display: block;
  text-decoration: underline !important;
}

.m-apartment {
  padding: 0 0 0px;
  background: url(/common/img/apartment/bg.jpg) no-repeat;
  background-size: cover;
}

.m-apartment-top {
  background: #142346;
  padding-top: 100px;
}

.m-apartment-mv {
  background: url(/common/img/apartment/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 90%;
  position: relative;
}

.m-apartment-mv-title {
  color: #004178;
  margin-bottom: 30px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.8;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-apartment-mv-txt {
  color: #004178;
  letter-spacing: 1px;
  text-align: center;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-apartment-box {
  position: relative;
}

.m-apartment-column {
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.m-apartment-column-l {
  position: relative;
  max-width: 605px;
}

.m-apartment-column-l-txt {
  font-size: 5rem;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #E8E9EC;
}

.m-apartment-box-map {
  display: none;
  opacity: 0;
  transition: 2s;
  transform: translateY(0px);
}
.m-apartment-box-map.on {
  opacity: 1;
}
.m-apartment-box-map.on {
  display: block;
}
.m-apartment-box-map:hover {
  display: none;
}
.m-apartment-box-map:hover.on {
  display: block;
}

.m-apartment-column-r {
  max-width: 615px;
  width: 100%;
}

.m-apartment-column-r-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  position: relative;
}

.m-apartment-column-list {
  margin-bottom: 40px;
}

.m-apartment-column-list-item {
  background: #142346;
}
.m-apartment-column-list-item.on {
  background-color: #948064;
  opacity: 1 !important;
}
.m-apartment-column-list-item.on:hover {
  opacity: 1 !important;
}
.m-apartment-column-list-item.on a:hover {
  opacity: 1 !important;
}
.m-apartment-column-list-item a {
  width: 100%;
  height: 80px;
  /* padding: 35px 45px; */
  color: #FFF;
  display: flex;
  align-items: center;
  font-family: "TimesNow-SemiLight";
  justify-content: initial;
  justify-content: center;
  justify-content: end;
  position: relative;
  border-bottom: 1px solid #FFF;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}
.m-apartment-column-list-item a:after {
  content: "";
  width: 10px;
  height: 1px;
  background: #FFF;
  position: absolute;
  right: 0;
  top: 40px;
}
.m-apartment-column-list-item a span {
  position: absolute;
  right: 20px;
  font-size: 1.4rem;
}

.m-apartment-column-list-item-num {
  width: 50px;
  height: 55px;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #004178;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}

.m-apartment-column-list-item-txt {
  text-align: center;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  padding-top: 20px;
}

.m-apartment-infinity {
  background: #FFF;
  padding: 140px 0 130px;
  position: relative;
}
.m-apartment-infinity:after {
  content: "";
  background: #E8E9EC;
  position: absolute;
  right: 0;
  top: 140px;
  width: 200px;
  height: 100%;
}

.m-apartment-infinity-column {
  display: flex;
  position: relative;
  margin-bottom: 100px;
}

.m-apartment-infinity-column-l {
  max-width: 860px;
  width: 100%;
  height: auto;
  z-index: 0;
}

.m-apartment-infinity-column-r {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -60px;
  padding: 90px 0 90px 90px;
  background: #FFF;
  max-width: 700px;
  width: 100%;
}

.m-apartment-infinity-column-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  margin-bottom: 35px;
  color: #004178;
  letter-spacing: 2px;
}

.m-apartment-infinity-column-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.5;
}

.m-apartment-infinity-column-bottom {
  display: flex;
  justify-content: space-between;
}

.m-apartment-infinity-column-bottom-l {
  width: 48%;
  margin-right: 100px;
}

.m-apartment-infinity-column-bottom-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 35px;
}

.m-apartment-infinity-column-bottom-txt {
  margin-bottom: 65px;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-apartment-infinity-column-bottom-r {
  width: 48%;
}

.m-apartment-visual {
  background: url(/common/img/apartment/bg-w.jpg) no-repeat;
  background-size: cover;
  background-position: bottom center;
  width: 100%;
  min-height: 900px;
  position: relative;
  z-index: 1;
  padding: 100px 0;
}

.m-apartment-visual-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-apartment-column-r-title2 {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #142346;
  margin-bottom: 30px;
}

.m-apartment-column-r-visual-list {
  height: 180px;
}
.m-apartment-column-r-visual-list.item1 {
  background: url(/common/img/apartment/r-visual-item1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.m-apartment-column-r-visual-list.item2 {
  background: url(/common/img/apartment/r-visual-item2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.m-apartment-column-r-visual-list a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #FFF;
}
.m-apartment-column-r-visual-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.m-apartment-about {
  background: #FFF;
  position: relative;
  border-bottom: 1px solid #E8E9EC;
  overflow: hidden;
}
.m-apartment-about:before {
  content: "";
  width: 200px;
  height: 500px;
  background: #E8E9EC;
  position: absolute;
  right: 0;
  top: 140;
  z-index: 0;
}
.m-apartment-about:after {
  content: "";
  width: 200px;
  height: 500px;
  background: #E8E9EC;
  position: absolute;
  left: 0;
  top: 780px;
  z-index: 0;
}

.m-apartment-about-column {
  display: flex;
  position: relative;
  z-index: 1;
}
.m-apartment-about-column.row {
  flex-flow: row-reverse;
}
.m-apartment-about-column.row .m-apartment-about-column-l {
  margin-right: 0;
}
.m-apartment-about-column.row .m-apartment-about-column-r {
  margin-right: 90px;
  position: relative;
  left: -40px;
}

.m-apartment-about-column-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #142346;
  margin-bottom: 30px;
}

.m-apartment-about-column-txt {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  line-height: 1.8;
}

.m-contact-box {
  background: url(/common/img/brand/bg01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

.m-contact-box-title {
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  margin-bottom: 100px;
  text-align: center;
}

.u-c-wh {
  color: #fff;
}
.u-c-c1 {
  color: #4b93b4;
}
.u-c-c2 {
  color: #BA5D83;
}
.u-c-c3 {
  color: #8C783C;
}
.u-c-c4 {
  color: #3C9664;
}
.u-c-c5 {
  color: #6296BB;
}
.u-c-c6 {
  color: #783621;
}
.u-c-c7 {
  color: #E6785A;
}

.u-bg-wh {
  background: #fff;
}
.u-bg-c1 {
  background: #4b93b4;
}
.u-bg-c2 {
  background: #BA5D83;
}
.u-bg-c3 {
  background: #8C783C;
}
.u-bg-c4 {
  background: #3C9664;
}
.u-bg-c5 {
  background: #6296BB;
}
.u-bg-c6 {
  background: #783621;
}
.u-bg-c7 {
  background: #E6785A;
}

/* ---------------------------
link
--------------------------- */
.u-link01 {
  text-decoration: underline !important;
}
.u-link01:hover {
  text-decoration: none !important;
}

/* ---------------------------
list
--------------------------- */
/* ---------------------------
m
--------------------------- */
/* align */
.u-align-c {
  text-align: center !important;
}

.u-align-l {
  text-align: left !important;
}

.u-align-r {
  text-align: right !important;
}

.u-valign-t {
  vertical-align: top !important;
}

.u-valign-m {
  vertical-align: middle !important;
}

.u-valign-b {
  vertical-align: bottom !important;
}

/* ---------------------------
u-tabBtn
--------------------------- */
.u-tabBtn {
  cursor: pointer;
}

.u-tabContent {
  display: none;
}
.u-tabContent.on {
  display: block;
}

.u-fwb {
  font-weight: bold !important;
}

.u-fwm {
  font-weight: 500 !important;
}

.u-text-10 {
  font-size: 1rem;
}

.u-text-11 {
  font-size: 1.1rem;
}

.u-text-12 {
  font-size: 1.2rem;
}

.u-text-13 {
  font-size: 1.3rem;
}

.u-text-14 {
  font-size: 1.4rem;
}

.u-text-15 {
  font-size: 1.5rem;
}

.u-text-16 {
  font-size: 1.6rem;
}

.u-text-18 {
  font-size: 1.8rem;
  line-height: 34px;
}

.u-text-19 {
  font-size: 1.9rem;
}

.u-text-20 {
  font-size: 2rem;
}

.u-text-22 {
  font-size: 2.2rem;
}

.u-text-24 {
  font-size: 2.4rem;
}

.u-text-26 {
  font-size: 2.6rem;
}

.u-text-28 {
  font-size: 2.8rem;
}

.u-text-30 {
  font-size: 3rem;
}

.u-text-32 {
  font-size: 3.2rem;
}

.u-text-36 {
  font-size: 3.6rem;
}

.u-text-40 {
  font-size: 4rem;
}

.u-text-42 {
  font-size: 4.2rem;
  letter-spacing: 3px;
}

.u-text-46 {
  font-size: 4.6rem;
  letter-spacing: 3px;
}

.u-text-50 {
  font-size: 5rem;
  letter-spacing: 3px;
}

.u-text-54 {
  font-size: 5.4rem;
}

.u-text-58 {
  font-size: 5.8rem;
}

.u-text-60 {
  font-size: 6rem;
}

.u-text-64 {
  font-size: 6.4rem;
}

.u-text-80 {
  font-size: 8rem;
}

/* ---------------------------
u-wysiwyg
--------------------------- */
.u-wysiwyg {
  overflow: hidden;
  line-height: 2;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  border-bottom: 1px solid #E8E9EC;
}
.u-wysiwyg a {
  text-decoration: underline;
  word-wrap: break-word;
}
.u-wysiwyg a:hover {
  text-decoration: none;
}
.u-wysiwyg a img {
  transition: 0.2s;
}
.u-wysiwyg a img:hover {
  opacity: 0.8;
}
.u-wysiwyg img {
  margin: 30px 0;
  width: 100%;
}
.u-wysiwyg h1 {
  padding-top: 1em;
  padding-bottom: 0.5em;
  font-weight: bold;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  border-bottom: 1px solid #E8E9EC;
}
.u-wysiwyg h2 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
  border-top: 1px solid #E8E9EC;
  border-bottom: 1px solid #E8E9EC;
}
.u-wysiwyg h3 {
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
  font-size: 2rem;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
}
.u-wysiwyg h4 {
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
  color: #004178;
}
.u-wysiwyg h5, .u-wysiwyg h6 {
  padding-top: 1.5em;
  padding-bottom: 1em;
  font-weight: bold;
  font-family: "TimesNow-SemiLight", "Noto Serif JP", serif;
}
.u-wysiwyg ol {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.5em;
}
.u-wysiwyg ol li {
  list-style-type: decimal;
}
.u-wysiwyg ul {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.u-wysiwyg ul li {
  list-style-type: disc;
  margin-bottom: 0.5em;
}
.u-wysiwyg p {
  margin-bottom: 2em;
}
.u-wysiwyg em {
  font-weight: normal;
}
.u-wysiwyg blockquote p:last-child {
  margin-bottom: 0;
}
.u-wysiwyg .aligncenter, .u-wysiwyg .has-text-align-center {
  display: block;
  margin: 0 auto;
}
.u-wysiwyg .alignright, .u-wysiwyg .has-text-align-right {
  float: right;
}
.u-wysiwyg .alignleft, .u-wysiwyg .has-text-align-left {
  float: left;
}
.u-wysiwyg .wp-caption {
  max-width: 100%;
}
.u-wysiwyg table {
  margin-bottom: 1em;
}
.u-wysiwyg figure {
  margin-bottom: 1em !important;
}
.u-wysiwyg .annotation {
  color: #BA5D83;
}

.u-ff-sansen-r {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 400;
}
.u-ff-sansen-b {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 700;
}
.u-ff-sansen-h {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 900;
}
.u-ff-b {
  font-weight: bold;
}

.u-ls-5 {
  letter-spacing: 5px;
}

@media screen and (min-width: 1399px) {
  /* ==========================================================================
     Large
     ========================================================================== */
  @font-face {
    font-family: "TimesNow-SemiLight";
    src: url("/common/fonts/TimesNow-SemiLight/font.woff") format("woff");
    src: url("/common/fonts/TimesNow-SemiLight/font.woff2") format("woff");
  }
  .pc-Only {
    display: block;
  }
  .sp-Only {
    display: none;
  }
  .wrapin {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 40px;
  }
  /* ---------------------------
  module
  --------------------------- */
  .m-breadcrumbs {
    margin-bottom: 40px;
  }
  #swipebox-top-bar {
    font-size: 2.5rem !important;
  }
  /*=============================
  .btn-trigger
  =============================*/
  /*=============================
  #btn01
  =============================*/
  .l-header-sp-nav {
    display: none;
  }
  /*============================
  #sns.m-footer
  ============================*/
  /* ---------------------------
  l-post
  --------------------------- */
  .l-post-clear {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .l-post-main {
    width: 70%;
    max-width: 765px;
  }
  .l-post-side {
    width: 28%;
    max-width: 240px;
    padding-bottom: 130px;
  }
  .l-post-side-sec {
    border-radius: 10px;
  }
  .l-post-side-sec:not(:last-child) {
    margin-bottom: 20px;
  }
  .l-post-side-sec-h {
    padding-left: 20px;
  }
  .l-post-side-sec-h::before {
    margin-left: -20px;
  }
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap-680 {
    max-width: 760px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-760 {
    max-width: 840px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-780 {
    max-width: 860px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-800 {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-900 {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-960 {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-980 {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1000 {
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1040 {
    max-width: 1120px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1100 {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1190 {
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1200 {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1280 {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1300 {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1460 {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1600 {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  /*---------------------------
  btn
  ---------------------------*/
  .m-btn01 {
    font-size: 2rem;
    padding: 15px 0px;
  }
  .m-btn01.c {
    position: relative;
  }
  .m-btn01.c-orange {
    background: #BA5D83;
  }
  .m-btn01.c-orange:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-wh-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 20px;
  }
  .m-btn01.c-orange-border {
    border: 1px solid #BA5D83;
    width: 380px;
    font-size: 2rem;
    color: #BA5D83;
  }
  .m-btn01.c-orange-border:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-or2-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 20px;
  }
  /* ---------------------------
  btns1col
  --------------------------- */
  /* ---------------------------
  h
  --------------------------- */
  .m-pcFrame {
    position: relative;
    background: url("../img/bg_01.jpg") 0 0;
    background-size: cover;
    background-attachment: fixed;
    padding-right: 68px;
  }
  .m-pcFrame-in {
    min-width: 980px;
    max-width: 1378px;
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .m-pcFrame-h {
    position: fixed;
    left: 68px;
    top: 0;
    width: calc(100vw - 68px - 68px - 375px);
    max-width: 938px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-pcFrame-h img {
    max-height: 100%;
  }
  .m-pcFrame-ribbon {
    position: fixed;
    top: 0;
    background: url("../img/bg_03.jpg") 0 0;
    background-size: 375px;
    width: 68px;
    height: 100vh;
  }
  .m-pcFrame-ribbon.is-l {
    left: 0;
  }
  .m-pcFrame-ribbon.is-r {
    right: 0;
  }
  .m-pcFrame-ribbon-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/mvpc_logo_01.png") center repeat-y;
  }
  .m-mainContent {
    width: 375px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  }
  /*============================
  #btn01.btn-trigger
  ============================*/
  .m-mv-visual {
    width: 375px;
  }
  /*============================
  #menu.m-menu
  ============================*/
  /*============================
  #mini.m-mini
  ============================*/
  /*============================
  #cup.m-cup
  ============================*/
  /*============================
  .m-decolation
  ============================*/
  /*============================
  #baked.m-baked
  ============================*/
  /*============================
  #kids.m-kids
  ============================*/
  /*============================
  #concept.m-concept
  ============================*/
  /*============================
  #pastry.m-pastry
  ============================*/
  /*============================
  #qa.m-qa
  ============================*/
  /*============================
  .m-access
  ============================*/
  .m-register-box {
    padding: 50px;
  }
  .mod-register-policy {
    font-size: 1.6rem;
  }
  .m-register-box-title {
    font-size: 3.4rem;
    margin-bottom: 40px;
  }
  .mod-register-dl {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .mod-register-dt {
    margin-right: 20px;
  }
  .mod-register-dd {
    width: 50%;
  }
  /*============================
  #preferred
  ============================*/
  /*============================
  #contactyou
  ============================*/
  /*============================
  #submit.mod-input-btn
  ============================*/
  .m-top-scloll span {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
  }
  @keyframes sdb {
    0% {
      transform: rotate(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
  }
  .m-top-video {
    height: 100vh;
  }
  .m-top-video-icon {
    top: 45%;
  }
  .m-top-about {
    padding: 90px 0 45px;
  }
  .m-top-about-title {
    font-size: 4.2rem;
  }
  .m-top-about-txt01 {
    font-size: 2rem;
    line-height: 32px;
    margin-bottom: 50px;
  }
  .m-top-about-txt02 {
    font-size: 3rem;
  }
  .m-top-about-list-item {
    width: 32%;
    margin-bottom: 30px;
    margin-right: 1%;
  }
  .m-top-about-list-item:last-child {
    margin-right: 0;
  }
  .m-top-about-list-item-r {
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 29px;
    margin-bottom: 34px;
  }
  .m-top-foot-list-item {
    margin-right: 24px;
  }
  .m-model-mv-bg {
    position: relative;
  }
  .m-model-mv-bg:before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    background: #353535;
    width: 100%;
    height: 805px;
    z-index: -1;
  }
  .m-bread {
    padding-top: 3px;
  }
  .m-model-mv-title {
    margin-top: 75px;
    margin-bottom: 2px;
  }
  .m-model-mv-title:before {
    content: "";
    background: url(/common/img/model/title-allow.svg) no-repeat;
    width: 168px;
    height: 50px;
    position: absolute;
    top: -62px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .m-model-mv-txt {
    font-size: 1.4rem;
    margin-bottom: 65px;
  }
  .m-model-mv-txt span {
    padding-left: 10px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
  .m-model-mv-img:after {
    content: "";
    width: 2px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: -29px;
    margin: 0 auto;
    background: #6296BB;
  }
  .m-model-mv-copy {
    line-height: 60px;
    margin-bottom: 125px;
  }
  .m-model-about {
    margin-bottom: 177px;
  }
  .m-model-about-column:before {
    content: "";
    background: #EFECEB;
    width: 92%;
    height: 520px;
    position: absolute;
    left: 50px;
    bottom: -78px;
    z-index: -1;
  }
  .m-model-about-column-l {
    width: 48%;
    margin-right: 1%;
  }
  .m-model-about-column-r {
    width: 46%;
  }
  .m-model-column-title {
    padding: 0 43px 0 0px;
    margin-top: -13px;
  }
  .m-model-column-subtitle {
    margin-bottom: 130px;
    padding: 8px 52px 0 0px;
  }
  .m-model-about-column-small {
    margin-bottom: 57px;
  }
  .m-model-about-column-small-item:first-child {
    margin-right: 15px;
  }
  .m-model-about-column-txt {
    max-width: 493px;
    line-height: 31px;
  }
  .m-model-about-column-row {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    position: relative;
  }
  .m-model-about-column-row:before {
    content: "";
    background: #EFECEB;
    width: 92%;
    height: 520px;
    position: absolute;
    left: 50px;
    bottom: -78px;
    z-index: -1;
  }
  .m-model-about-column-row .m-model-column-title {
    padding: 0 0px 0 48px;
  }
  .m-model-about-column-row .m-model-about-column-l {
    width: 48%;
    margin-right: 0;
  }
  .m-model-about-column-row .m-model-about-column-r {
    width: 48%;
    margin-right: 1%;
  }
  .m-model-about-column-row .m-model-column-subtitle {
    padding: 8px 0px 0 47px;
  }
  .m-model-about-column-row .m-model-about-column-txt {
    padding: 0 15px 0 128px;
    max-width: 100%;
  }
  .m-model-room {
    padding: 46px 0;
    margin-bottom: 20px;
  }
  .m-model-room-column-r {
    width: 62%;
  }
  .m-model-room-column-r-dl {
    padding: 23px 27px;
  }
  .m-model-room-column-r-dd {
    font-size: 1.8rem;
  }
  .m-model-room-column-r-dt {
    margin-right: 58px;
    width: 82px;
  }
  .m-model-room-column-r-check {
    margin-top: 58px;
    padding: 45px 63px;
  }
  .m-model-room-column-r-check-flex {
    display: flex;
    justify-content: space-between;
  }
  .m-model-room-column-r-check-flex-r a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #284664;
    font-size: 1.4rem;
    width: 200px;
    height: 40px;
    color: #FFF;
    border-radius: 30px;
    position: relative;
    top: 38px;
    right: 17px;
  }
  .m-model-facility {
    padding: 59px 0;
  }
  .m-model-facility:after {
    content: "";
    background: #F4F3F1;
    width: 1000px;
    height: 500px;
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
  }
  .m-model-root {
    margin-top: 160px;
    padding: 150px 0;
  }
  .m-model-root-column {
    margin-bottom: 130px;
  }
  .m-model-root-column-r {
    width: 61%;
  }
  .m-model-other {
    padding: 55px 0px 75px;
    position: relative;
    top: -30px;
  }
  .m-model-other-title {
    letter-spacing: 2px;
    margin-bottom: 55px;
  }
  .m-model-other-list .slick-prev {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 1;
  }
  .m-model-other-list .slick-next {
    width: 60px;
    height: 60px;
    transform: rotateZ(180deg);
    top: 60px;
    right: 0;
    position: absolute;
    z-index: 1;
  }
  .m-model-other-list-item {
    padding: 20px 0;
  }
  .m-model-other-list-item-num {
    font-size: 4rem;
  }
  .sp-Only {
    display: none;
  }
  /* ---------------------------
  m-post
  --------------------------- */
  /* ---------------------------
  m-table01
  --------------------------- */
  .m-table01, .u-wysiwyg table {
    margin-left: 40px;
  }
  .m-table01 td, .u-wysiwyg table td {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
  }
  /*---------------------------
  Page
  ---------------------------*/
  .m-brand-top {
    height: 360px;
    padding-top: 100px;
  }
  .m-brand-story {
    padding: 135px 0;
  }
  .m-brand-story-title01 {
    margin-bottom: 50px;
  }
  .m-brand-story-txt01 {
    margin-bottom: 50px;
    line-height: 2;
    text-align: center;
  }
  .m-brand-life {
    padding: 140px 0;
  }
  .m-brand-life-title01 {
    margin-bottom: 90px;
  }
  .m-brand-life-title02 {
    margin-bottom: 90px;
  }
  .m-brand-life-dl {
    margin-bottom: 90px;
  }
  .m-niseko {
    padding: 0 0 140px;
  }
  .m-niseko-top {
    height: 495px;
  }
  .m-niseko-box {
    padding: 90px 0;
  }
  .m-niseko-mv {
    height: 660px;
    top: -180px;
  }
  .m-niseko-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-niseko-in:after {
    content: "";
    background: url(/common/img/niseko/bg-02.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 530px;
    height: 604px;
    position: absolute;
    right: -400px;
    top: 1250px;
    z-index: 0;
  }
  .m-niseko-in:before {
    content: "";
    background: url(/common/img/niseko/bg-03.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 520px;
    height: 528px;
    position: absolute;
    left: -400px;
    top: 1850px;
    z-index: 0;
  }
  .m-niseko-in-column {
    margin-bottom: 140px;
  }
  .m-niseko-in-column.m-row {
    flex-flow: row-reverse;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-l {
    max-width: 700px;
    width: 100%;
    position: relative;
    right: -100px;
    left: auto;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-r {
    max-width: 510px;
    width: 100%;
    position: absolute;
    left: -100px;
    right: auto;
  }
  .m-niseko-in-column-l {
    left: -100px;
  }
  .m-niseko-in-column-img {
    width: 700px;
  }
  .m-niseko-in-column-r {
    position: absolute;
    right: -100px;
  }
  .m-project-top {
    padding-top: 100px;
    height: 360px;
  }
  .m-project-timeline {
    padding: 120px 0;
  }
  .m-project-timeline-title {
    margin-bottom: 35px;
  }
  .m-project-overview-txt {
    margin-bottom: 70px;
  }
  .m-project-timeline-dl {
    display: flex;
    margin-bottom: 70px;
  }
  .m-project-timeline-dt {
    text-align: right;
  }
  .m-project-timeline-dd span {
    margin: 0 20px;
    background: #FFF;
    border: 2px solid #004178;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    z-index: 2;
  }
  .m-project-timeline-dd span:after {
    content: "";
    background: #004178;
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: -100px;
    z-index: 1;
    left: 7px;
  }
  .m-project-overview {
    padding: 130px 0;
  }
  .m-project-overview-title {
    margin-bottom: 80px;
  }
  .m-project-partner {
    padding: 130px 0;
  }
  .m-project-partner-title {
    margin-bottom: 80px;
  }
  .m-project-partner-list {
    display: flex;
    margin-bottom: 100px;
  }
  .m-project-partner-list-item {
    max-width: 190px;
  }
  .m-project-column {
    display: flex;
  }
  .m-project-column-l {
    width: 250px;
    height: auto;
  }
  .m-project-column-r.item-column {
    display: flex;
  }
  .m-project-column-r.item-column .m-project-column-dl {
    margin-right: 60px;
  }
  .m-amenities-top {
    height: 495px;
  }
  .m-amenities-box {
    padding: 90px 0;
    min-height: 1350px;
  }
  .m-amenities-mv {
    height: 660px;
    top: -180px;
  }
  .m-amenities-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-amenities-mv-txt {
    line-height: 2;
  }
  .m-amenities-box:after {
    content: "";
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    height: 1260px;
    z-index: 0;
  }
  .m-amenities-column {
    display: flex;
  }
  .m-amenities-column-l {
    display: flex;
    margin-right: 70px;
  }
  .m-amenities-column-l-txt {
    writing-mode: vertical-rl;
    text-orientation: inherit;
    margin-right: 60px;
  }
  .m-amenities-column-r-title {
    text-align: right;
    top: -90px;
  }
  .m-amenities-column-list-item {
    margin: 0 20px 40px 0;
  }
  .m-amenities-infinity {
    padding: 140px 0 130px;
  }
  .m-amenities-infinity:after {
    content: "";
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: 140px;
    width: 200px;
    height: 100%;
  }
  .m-amenities-infinity-column {
    margin-bottom: 100px;
  }
  .m-amenities-infinity-column-r {
    position: absolute;
    bottom: 0;
    right: -60px;
    padding: 90px 30px 90px 90px;
  }
  .m-amenities-infinity-column-title {
    margin-bottom: 35px;
  }
  .m-amenities-infinity-column-bottom-l {
    width: 48%;
    margin-right: 100px;
  }
  .m-amenities-infinity-column-bottom-title {
    margin-bottom: 35px;
  }
  .m-amenities-infinity-column-bottom-txt {
    margin-bottom: 65px;
  }
  .m-amenities-infinity-column-bottom-r {
    width: 48%;
  }
  .m-amenities-visual {
    height: 700px;
  }
  .m-amenities-about {
    padding: 130px 0;
  }
  .m-amenities-about:before {
    content: "";
    width: 200px;
    height: 575px;
    background: #E8E9EC;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  .m-amenities-about:after {
    content: "";
    width: 200px;
    height: 1200px;
    background: #E8E9EC;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }
  .m-amenities-about-dining {
    margin-bottom: 200px;
  }
  .m-amenities-about-dining .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
  }
  .m-amenities-about-dining-l {
    width: 48%;
    margin-right: 100px;
  }
  .m-amenities-about-dining-r {
    width: 48%;
  }
  .m-amenities-about-inout:before {
    content: "";
    width: 200px;
    height: 1190px;
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .m-amenities-about-inout .l-wrap-1300 {
    display: flex;
    margin: 0 auto 0 0;
    padding: 0 140px 0 0;
    max-width: 100%;
  }
  .m-amenities-about-valet {
    margin-bottom: 140px;
  }
  .m-amenities-about-valet:before {
    content: "";
    width: 200px;
    height: 680px;
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: -65px;
    z-index: 0;
  }
  .m-amenities-about-valet .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
  }
  .m-amenities-about-valet-l {
    width: 48%;
    margin-right: 100px;
  }
  .m-amenities-about-valet-r {
    width: 48%;
  }
  .m-amenities-about-lounge {
    margin-bottom: 100px;
  }
  .m-amenities-about-lounge .l-wrap-1300 {
    display: flex;
    margin: 0 0 0 auto;
    padding: 0 0 0 140px;
    max-width: 100%;
  }
  .m-amenities-about-lounge-l {
    width: 35%;
    padding-top: 35px;
  }
  .m-amenities-about-lounge-r {
    width: 65%;
    height: 470px;
    margin-left: 95px;
  }
  .m-amenities-about-column .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
  }
  .m-amenities-about-column-l {
    width: 33%;
    margin-right: 95px;
  }
  .m-amenities-about-column-c {
    width: 33%;
    margin-right: 65px;
  }
  .m-amenities-about-column-r {
    width: 33%;
  }
  .m-location-top {
    height: 495px;
  }
  .m-location-mv {
    height: 840px;
    position: relative;
    padding: 450px 0 0 140px;
    top: -180px;
  }
  .m-location-mv a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004178;
    width: 260px;
    height: 70px;
    color: #FFF;
  }
  .m-location-mv a span {
    margin-right: 20px;
  }
  .m-location-main {
    padding-bottom: 130px;
  }
  .m-location-map {
    background: url(/common/img/location/location-map.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 1565px;
    padding: 150px 0 0;
  }
  .m-location-map-column {
    display: flex;
  }
  .m-location-map-column-l {
    width: 51%;
  }
  .m-location-map-column-txt02 {
    color: #FFF;
  }
  .m-location-map-column-r {
    width: 50%;
  }
  .m-location-access {
    padding: 130px 0;
  }
  .m-location-access:after {
    content: "";
    background: #FFF;
    position: absolute;
    right: 0;
    top: 130px;
    width: 80%;
    height: 1020px;
    z-index: 0;
  }
  .m-location-access-column {
    justify-content: space-between;
  }
  .m-location-access-column-l {
    width: 48%;
  }
  .m-location-access-column-title {
    padding-top: 105px;
  }
  .m-location-access-column-img {
    padding-top: 105px;
    height: 700px;
  }
  .m-location-access-column-r {
    width: 48%;
  }
  .m-location-access-column-r-txt {
    margin-bottom: 50px;
  }
  .m-uniqueness-top {
    height: 495px;
  }
  .m-uniqueness-mv {
    top: -180px;
    height: 660px;
  }
  .m-uniqueness-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-uniqueness-main {
    padding-bottom: 85px;
    margin-top: -85px;
  }
  .m-uniqueness-visual-list-item {
    height: 465px;
  }
  .m-uniqueness-location {
    padding: 130px 0 85px;
  }
  .m-uniqueness-location-txt {
    text-align: center;
  }
  .m-uniqueness-location-map {
    height: 800px;
    margin-bottom: 150px;
  }
  .m-uniqueness-location-map iframe {
    width: 100%;
    height: 800px;
  }
  .m-uniqueness-flawless {
    padding: 135px 0;
  }
  .m-uniqueness-flawless .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
  }
  .m-uniqueness-flawless:before {
    content: "";
    background: #E8E9EC;
    position: absolute;
    left: 0;
    top: 130px;
    width: 200px;
    height: 800px;
    z-index: 0;
  }
  .m-uniqueness-flawless-l {
    width: 48%;
    margin-right: 105px;
  }
  .m-uniqueness-flawless-title {
    padding-top: 50px;
    margin-bottom: 30px;
  }
  .m-uniqueness-flawless-txt {
    margin-bottom: 50px;
  }
  .m-uniqueness-flawless-img {
    margin-bottom: 50px;
  }
  .m-uniqueness-flawless-r {
    width: 48%;
  }
  .m-uniqueness-flawless-mv {
    height: 800px;
    display: none;
  }
  .m-uniqueness-infinity {
    padding: 135px 0;
    display: flex;
  }
  .m-uniqueness-infinity:before {
    content: "";
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: 130px;
    width: 200px;
    height: 1100px;
    z-index: 0;
  }
  .m-uniqueness-infinity .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }
  .m-uniqueness-infinity-r {
    width: 48%;
    padding-right: 140px;
  }
  .m-uniqueness-infinity-title {
    padding-top: 40px;
    margin-bottom: 30px;
  }
  .m-uniqueness-infinity-txt {
    margin-bottom: 50px;
  }
  .m-uniqueness-infinity-link {
    margin-bottom: 50px;
  }
  .m-uniqueness-arch {
    padding: 140px 0 100px;
  }
  .m-uniqueness-arch-title {
    margin-bottom: 40px;
  }
  .m-uniqueness-arch-txt {
    margin-bottom: 80px;
  }
  .m-uniqueness-arch-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
  .m-uniqueness-arch-list-item {
    width: 48%;
    margin-right: 35px;
  }
  .m-uniqueness-arch-list-item-img01 {
    margin-bottom: 30px;
  }
  .m-uniqueness-arch-list-item-img01 img {
    width: 100%;
  }
  .m-uniqueness-arch-list-item-title {
    margin-bottom: 20px;
    padding: 0 30px;
  }
  .m-uniqueness-arch-list-item-img02 {
    min-height: 280px;
  }
  .m-uniqueness-garden-title {
    margin-bottom: 50px;
  }
  .m-uniqueness-garden-column {
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
  }
  .m-uniqueness-garden-column-l {
    width: 60%;
    margin-right: 60px;
  }
  .m-uniqueness-garden-column-r {
    width: 40%;
  }
  .m-uniqueness-garden-column-r-list-item {
    width: 48%;
  }
  .m-uniqueness-garden-column-r-list-item-l {
    width: 100px;
    height: 90px;
  }
  .m-uniqueness-garden-column-r-list-item-r {
    width: 120px;
    height: 90px;
  }
  .m-gallery-top {
    padding-top: 100px;
    height: 360px;
  }
  .m-gallery-box-list {
    margin: 0 auto 140px !important;
  }
  .m-gallery-box-list-item.m-text {
    font-size: 3.8rem;
  }
  .unit-parent1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .unit-parent1 .unit-div1 {
    grid-area: 1/1/2/2;
  }
  .unit-parent1 .unit-div2 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/unit/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div3 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/unit/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div4 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/unit/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div5 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/unit/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div6 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/unit/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div7 {
    grid-area: 3/4/4/5;
    background: url(/common/img/gallery/unit/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div8 {
    grid-area: 4/3/5/4;
    background: url(/common/img/gallery/unit/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div9 {
    grid-area: 4/4/5/5;
    background: url(/common/img/gallery/unit/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div10 {
    grid-area: 5/1/6/3;
    background: url(/common/img/gallery/unit/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div11 {
    grid-area: 5/3/7/5;
    background: url(/common/img/gallery/unit/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div12 {
    grid-area: 6/1/7/2;
    background: url(/common/img/gallery/unit/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div13 {
    grid-area: 6/2/7/3;
    background: url(/common/img/gallery/unit/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div14 {
    grid-area: 7/1/9/5;
    background: url(/common/img/gallery/unit/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .unit-parent2 .unit-div15 {
    grid-area: 1/1/2/2;
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div16 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/unit/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div17 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/unit/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div18 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/unit/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div19 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/unit/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div20 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/unit/item19.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div21 {
    grid-area: 3/4/4/5;
    background: url(/common/img/gallery/unit/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div22 {
    grid-area: 4/3/5/4;
    background: url(/common/img/gallery/unit/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div23 {
    grid-area: 4/4/5/5;
    background: url(/common/img/gallery/unit/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div24 {
    grid-area: 5/1/6/3;
    background: url(/common/img/gallery/unit/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div25 {
    grid-area: 5/3/7/5;
    background: url(/common/img/gallery/unit/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div26 {
    grid-area: 6/1/7/2;
    background: url(/common/img/gallery/unit/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div27 {
    grid-area: 6/2/7/3;
    background: url(/common/img/gallery/unit/item26.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div28 {
    grid-area: 7/1/9/5;
    background: url(/common/img/gallery/unit/item27.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .unit-parent3 .unit-div29 {
    grid-area: 1/1/2/2;
    background: url(/common/img/gallery/unit/item28.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div30 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/unit/item29.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div31 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/unit/item30.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .buliding-parent1 .building-div01 {
    grid-area: 1/1/2/2;
  }
  .buliding-parent1 .building-div02 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/buliding/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div03 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/buliding/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div04 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/buliding/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div05 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/buliding/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div06 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/buliding/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div07 {
    grid-area: 3/4/5/5;
    background: url(/common/img/gallery/buliding/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div08 {
    grid-area: 4/3/5/4;
    background: url(/common/img/gallery/buliding/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div09 {
    grid-area: 5/1/6/3;
    background: url(/common/img/gallery/buliding/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div10 {
    grid-area: 5/3/7/5;
    background: url(/common/img/gallery/buliding/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div11 {
    grid-area: 6/1/7/2;
    background: url(/common/img/gallery/buliding/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div12 {
    grid-area: 6/2/7/3;
    background: url(/common/img/gallery/buliding/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div13 {
    grid-area: 7/1/9/5;
    background: url(/common/img/gallery/buliding/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div14 {
    grid-area: 9/1/10/3;
    background: url(/common/img/gallery/buliding/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div15 {
    grid-area: 9/3/10/4;
    background: url(/common/img/gallery/buliding/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div16 {
    grid-area: 9/4/10/5;
    background: url(/common/img/gallery/buliding/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div17 {
    grid-area: 10/1/11/2;
    background: url(/common/img/gallery/buliding/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div18 {
    grid-area: 10/2/11/3;
    background: url(/common/img/gallery/buliding/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div19 {
    grid-area: 10/3/11/5;
    background: url(/common/img/gallery/buliding/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .buliding-parent2 .building-div20 {
    grid-area: 1/1/2/2;
    background: url(/common/img/gallery/buliding/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div21 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/buliding/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div22 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/buliding/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div23 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/buliding/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div24 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/buliding/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div25 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/buliding/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .m-news-top {
    padding-top: 100px;
    height: 360px;
  }
  .m-news-box {
    padding: 100px 0;
  }
  .m-news-box .l-wrap-1100 {
    background: #FFF;
    padding: 60px 95px;
  }
  .m-news-box-list-item {
    display: flex;
    padding: 40px 0;
  }
  .m-news-box-list-item-l {
    margin-right: 48px;
  }
  .m-news-box-dt {
    margin-bottom: 10px;
  }
  .m-apartment-top {
    height: 495px;
  }
  .m-apartment-box {
    min-height: 1350px;
    padding: 90px 0;
  }
  .m-apartment-mv {
    height: 660px;
    top: -180px;
  }
  .m-apartment-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-apartment-mv-txt {
    line-height: 2;
  }
  .m-apartment-box:after {
    content: "";
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    height: 1260px;
    z-index: 0;
  }
  .m-apartment-column {
    display: flex;
  }
  .m-apartment-column-l {
    display: flex;
    margin-right: 70px;
  }
  .m-apartment-column-l-txt {
    writing-mode: vertical-rl;
    text-orientation: inherit;
    margin-right: 60px;
  }
  .m-apartment-column-r-title {
    top: -90px;
    text-align: right;
  }
  .m-apartment-column-list-item a {
    padding: 0 45px;
  }
  .m-apartment-column-r-title2 {
    text-align: right;
  }
  .m-apartment-column-r-visual {
    display: flex;
    justify-content: space-between;
  }
  .m-apartment-column-r-visual-list {
    width: 48%;
  }
  .m-apartment-about {
    padding: 140px 0 70px;
  }
  .m-apartment-about-column {
    margin-bottom: 140px;
  }
  .m-apartment-about-column-l {
    width: 55%;
    margin-right: 90px;
  }
  .m-apartment-about-column-r {
    width: 35%;
    padding: 90px 0 0 0;
  }
  /* ---------------------------
  link
  --------------------------- */
  /* ---------------------------
  list
  --------------------------- */
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin-top */
  .u-mt-5 {
    margin-top: 5px;
  }
  .u-mt-10 {
    margin-top: 10px;
  }
  .u-mt-15 {
    margin-top: 15px;
  }
  .u-mt-20 {
    margin-top: 20px;
  }
  .u-mt-25 {
    margin-top: 25px;
  }
  .u-mt-30 {
    margin-top: 30px;
  }
  .u-mt-35 {
    margin-top: 35px;
  }
  .u-mt-40 {
    margin-top: 40px;
  }
  .u-mt-45 {
    margin-top: 45px;
  }
  .u-mt-50 {
    margin-top: 50px;
  }
  .u-mt-60 {
    margin-top: 60px;
  }
  .u-mt-70 {
    margin-top: 70px;
  }
  .u-mt-80 {
    margin-top: 80px;
  }
  .u-mt-90 {
    margin-top: 90px;
  }
  .u-mt-100 {
    margin-top: 100px;
  }
  /* margin-bottom */
  .u-mb-5 {
    margin-bottom: 5px;
  }
  .u-mb-10 {
    margin-bottom: 10px;
  }
  .u-mb-15 {
    margin-bottom: 15px;
  }
  .u-mb-20 {
    margin-bottom: 20px;
  }
  .u-mb-25 {
    margin-bottom: 25px;
  }
  .u-mb-30 {
    margin-bottom: 30px;
  }
  .u-mb-35 {
    margin-bottom: 35px;
  }
  .u-mb-40 {
    margin-bottom: 40px;
  }
  .u-mb-45 {
    margin-bottom: 45px;
  }
  .u-mb-50 {
    margin-bottom: 50px;
  }
  .u-mb-60 {
    margin-bottom: 60px;
  }
  .u-mb-70 {
    margin-bottom: 70px;
  }
  .u-mb-80 {
    margin-bottom: 80px;
  }
  .u-mb-90 {
    margin-bottom: 90px;
  }
  .u-mb-100 {
    margin-bottom: 100px;
  }
  /* padding-top */
  .u-pt-5 {
    padding-top: 5px;
  }
  .u-pt-10 {
    padding-top: 10px;
  }
  .u-pt-15 {
    padding-top: 15px;
  }
  .u-pt-20 {
    padding-top: 20px;
  }
  .u-pt-25 {
    padding-top: 25px;
  }
  .u-pt-30 {
    padding-top: 30px;
  }
  .u-pt-35 {
    padding-top: 35px;
  }
  .u-pt-40 {
    padding-top: 40px;
  }
  .u-pt-45 {
    padding-top: 45px;
  }
  .u-pt-50 {
    padding-top: 50px;
  }
  .u-pt-60 {
    padding-top: 60px;
  }
  .u-pt-70 {
    padding-top: 70px;
  }
  .u-pt-80 {
    padding-top: 80px;
  }
  .u-pt-90 {
    padding-top: 90px;
  }
  .u-pt-100 {
    padding-top: 100px;
  }
  /* padding-bottom */
  .u-pb-5 {
    padding-bottom: 5px;
  }
  .u-pb-10 {
    padding-bottom: 10px;
  }
  .u-pb-15 {
    padding-bottom: 15px;
  }
  .u-pb-20 {
    padding-bottom: 20px;
  }
  .u-pb-25 {
    padding-bottom: 25px;
  }
  .u-pb-30 {
    padding-bottom: 30px;
  }
  .u-pb-35 {
    padding-bottom: 35px;
  }
  .u-pb-40 {
    padding-bottom: 40px;
  }
  .u-pb-45 {
    padding-bottom: 45px;
  }
  .u-pb-50 {
    padding-bottom: 50px;
  }
  .u-pb-60 {
    padding-bottom: 60px;
  }
  .u-pb-70 {
    padding-bottom: 70px;
  }
  .u-pb-80 {
    padding-bottom: 80px;
  }
  .u-pb-90 {
    padding-bottom: 90px;
  }
  .u-pb-100 {
    padding-bottom: 100px;
  }
  /* ---------------------------
  u-tabBtn
  --------------------------- */
  .u-text-10 {
    font-size: 1rem;
  }
  .u-text-11 {
    font-size: 1.1rem;
  }
  .u-text-12 {
    font-size: 1.2rem;
  }
  .u-text-13 {
    font-size: 1.3rem;
  }
  .u-text-14 {
    font-size: 1.4rem;
  }
  .u-text-15 {
    font-size: 1.5rem;
  }
  .u-text-16 {
    font-size: 1.6rem;
  }
  .u-text-18 {
    font-size: 1.8rem;
    line-height: 34px;
  }
  .u-text-19 {
    font-size: 1.9rem;
  }
  .u-text-20 {
    font-size: 2rem;
  }
  .u-text-22 {
    font-size: 2.2rem;
  }
  .u-text-24 {
    font-size: 2.4rem;
  }
  .u-text-26 {
    font-size: 2.6rem;
  }
  .u-text-28 {
    font-size: 2.8rem;
  }
  .u-text-30 {
    font-size: 3rem;
  }
  .u-text-32 {
    font-size: 3.2rem;
  }
  .u-text-36 {
    font-size: 3.6rem;
  }
  .u-text-40 {
    font-size: 4rem;
  }
  .u-text-42 {
    font-size: 4.2rem;
    letter-spacing: 3px;
  }
  .u-text-46 {
    font-size: 4.6rem;
    letter-spacing: 3px;
  }
  .u-text-50 {
    font-size: 5rem;
    letter-spacing: 3px;
  }
  .u-text-54 {
    font-size: 5.4rem;
  }
  .u-text-58 {
    font-size: 5.8rem;
  }
  .u-text-60 {
    font-size: 6rem;
  }
  .u-text-64 {
    font-size: 6.4rem;
  }
  .u-text-80 {
    font-size: 8rem;
  }
  /* ---------------------------
  u-wysiwyg
  --------------------------- */
  .u-wysiwyg h1 {
    font-size: 3.8rem;
    margin-bottom: 30px;
  }
  .u-wysiwyg h4 {
    font-size: 1.24rem;
  }
  .u-wysiwyg h5, .u-wysiwyg h6 {
    font-size: 1.2rem;
  }
  .u-wysiwyg blockquote {
    padding: 28px 30px;
    margin-bottom: 40px;
  }
  .u-wysiwyg .alignright, .u-wysiwyg .has-text-align-right {
    margin-left: 40px;
    margin-bottom: 40px;
  }
  .u-wysiwyg .alignleft, .u-wysiwyg .has-text-align-left {
    margin-right: 40px;
    margin-bottom: 40px;
  }
  .u-ff-sansen-r {
    font-weight: 400;
  }
  .u-ff-sansen-b {
    font-weight: 700;
  }
  .u-ff-sansen-h {
    font-weight: 900;
  }
  .u-ff-b {
    font-weight: bold;
  }
  .u-ls-5 {
    letter-spacing: 5px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1399px), print {
  /* ==========================================================================
     PC
     ========================================================================== */
  @font-face {
    font-family: "TimesNow-SemiLight";
    src: url("/common/fonts/TimesNow-SemiLight/font.woff") format("woff");
    src: url("/common/fonts/TimesNow-SemiLight/font.woff2") format("woff");
  }
  .pc-Only {
    display: block;
  }
  .sp-Only {
    display: none;
  }
  .wrapin {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    box-sizing: content-box;
  }
  /* ---------------------------
  module
  --------------------------- */
  .m-breadcrumbs {
    margin-bottom: 40px;
  }
  #swipebox-top-bar {
    font-size: 2.5rem !important;
  }
  /*=============================
  .btn-trigger
  =============================*/
  /*=============================
  #btn01
  =============================*/
  .l-header-sp-nav {
    display: none;
  }
  /*============================
  #sns.m-footer
  ============================*/
  /* ---------------------------
  l-post
  --------------------------- */
  .l-post-clear {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .l-post-main {
    width: 70%;
    max-width: 765px;
  }
  .l-post-side {
    width: 28%;
    max-width: 240px;
    padding-bottom: 130px;
  }
  .l-post-side-sec {
    border-radius: 10px;
  }
  .l-post-side-sec:not(:last-child) {
    margin-bottom: 20px;
  }
  .l-post-side-sec-h {
    padding-left: 20px;
  }
  .l-post-side-sec-h::before {
    margin-left: -20px;
  }
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap-680 {
    max-width: 760px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-760 {
    max-width: 840px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-780 {
    max-width: 860px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-800 {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-900 {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-960 {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-980 {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1000 {
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1040 {
    max-width: 1120px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1100 {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1190 {
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1200 {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1280 {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1300 {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1460 {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1600 {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  /*---------------------------
  btn
  ---------------------------*/
  .m-btn01 {
    font-size: 2rem;
    padding: 15px 0px;
  }
  .m-btn01.c {
    position: relative;
  }
  .m-btn01.c-orange {
    background: #BA5D83;
  }
  .m-btn01.c-orange:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-wh-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 20px;
  }
  .m-btn01.c-orange-border {
    border: 1px solid #BA5D83;
    width: 380px;
    font-size: 2rem;
    color: #BA5D83;
  }
  .m-btn01.c-orange-border:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-or2-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 20px;
  }
  /* ---------------------------
  btns1col
  --------------------------- */
  /* ---------------------------
  h
  --------------------------- */
  .m-pcFrame {
    position: relative;
    background: url("../img/bg_01.jpg") 0 0;
    background-size: cover;
    background-attachment: fixed;
    padding-right: 68px;
  }
  .m-pcFrame-in {
    min-width: 980px;
    max-width: 1378px;
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .m-pcFrame-h {
    position: fixed;
    left: 68px;
    top: 0;
    width: calc(100vw - 68px - 68px - 375px);
    max-width: 938px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-pcFrame-h img {
    max-height: 100%;
  }
  .m-pcFrame-ribbon {
    position: fixed;
    top: 0;
    background: url("../img/bg_03.jpg") 0 0;
    background-size: 375px;
    width: 68px;
    height: 100vh;
  }
  .m-pcFrame-ribbon.is-l {
    left: 0;
  }
  .m-pcFrame-ribbon.is-r {
    right: 0;
  }
  .m-pcFrame-ribbon-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/mvpc_logo_01.png") center repeat-y;
  }
  .m-mainContent {
    width: 375px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  }
  /*============================
  #btn01.btn-trigger
  ============================*/
  .m-mv-visual {
    width: 375px;
  }
  /*============================
  #menu.m-menu
  ============================*/
  /*============================
  #mini.m-mini
  ============================*/
  /*============================
  #cup.m-cup
  ============================*/
  /*============================
  .m-decolation
  ============================*/
  /*============================
  #baked.m-baked
  ============================*/
  /*============================
  #kids.m-kids
  ============================*/
  /*============================
  #concept.m-concept
  ============================*/
  /*============================
  #pastry.m-pastry
  ============================*/
  /*============================
  #qa.m-qa
  ============================*/
  /*============================
  .m-access
  ============================*/
  .m-register-box {
    padding: 50px;
  }
  .mod-register-policy {
    font-size: 1.6rem;
  }
  .m-register-box-title {
    font-size: 3.4rem;
    margin-bottom: 40px;
  }
  .mod-register-dl {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .mod-register-dt {
    margin-right: 20px;
  }
  .mod-register-dd {
    width: 50%;
  }
  /*============================
  #preferred
  ============================*/
  /*============================
  #contactyou
  ============================*/
  /*============================
  #submit.mod-input-btn
  ============================*/
  .m-top-scloll span {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
  }
  @keyframes sdb {
    0% {
      transform: rotate(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
  }
  .m-top-video {
    height: 100vh;
  }
  .m-top-video-icon {
    top: 45%;
  }
  .m-top-about {
    padding: 90px 0 45px;
  }
  .m-top-about-title {
    font-size: 4.2rem;
  }
  .m-top-about-txt01 {
    font-size: 2rem;
    line-height: 32px;
    margin-bottom: 50px;
  }
  .m-top-about-txt02 {
    font-size: 3rem;
  }
  .m-top-about-list-item {
    width: 32%;
    margin-bottom: 30px;
    margin-right: 1%;
  }
  .m-top-about-list-item:last-child {
    margin-right: 0;
  }
  .m-top-about-list-item-r {
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 29px;
    margin-bottom: 34px;
  }
  .m-top-foot-list-item {
    margin-right: 24px;
  }
  .m-model-mv-bg {
    position: relative;
  }
  .m-model-mv-bg:before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    background: #353535;
    width: 100%;
    height: 805px;
    z-index: -1;
  }
  .m-bread {
    padding-top: 3px;
  }
  .m-model-mv-title {
    margin-top: 75px;
    margin-bottom: 2px;
  }
  .m-model-mv-title:before {
    content: "";
    background: url(/common/img/model/title-allow.svg) no-repeat;
    width: 168px;
    height: 50px;
    position: absolute;
    top: -62px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .m-model-mv-txt {
    font-size: 1.4rem;
    margin-bottom: 65px;
  }
  .m-model-mv-txt span {
    padding-left: 10px;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }
  .m-model-mv-img:after {
    content: "";
    width: 2px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: -29px;
    margin: 0 auto;
    background: #6296BB;
  }
  .m-model-mv-copy {
    line-height: 60px;
    margin-bottom: 125px;
  }
  .m-model-about {
    margin-bottom: 177px;
  }
  .m-model-about-column:before {
    content: "";
    background: #EFECEB;
    width: 92%;
    height: 520px;
    position: absolute;
    left: 50px;
    bottom: -78px;
    z-index: -1;
  }
  .m-model-about-column-l {
    width: 48%;
    margin-right: 1%;
  }
  .m-model-about-column-r {
    width: 46%;
  }
  .m-model-column-title {
    padding: 0 43px 0 0px;
    margin-top: -13px;
  }
  .m-model-column-subtitle {
    margin-bottom: 130px;
    padding: 8px 52px 0 0px;
  }
  .m-model-about-column-small {
    margin-bottom: 57px;
  }
  .m-model-about-column-small-item:first-child {
    margin-right: 15px;
  }
  .m-model-about-column-txt {
    max-width: 493px;
    line-height: 31px;
  }
  .m-model-about-column-row {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    position: relative;
  }
  .m-model-about-column-row:before {
    content: "";
    background: #EFECEB;
    width: 92%;
    height: 520px;
    position: absolute;
    left: 50px;
    bottom: -78px;
    z-index: -1;
  }
  .m-model-about-column-row .m-model-column-title {
    padding: 0 0px 0 48px;
  }
  .m-model-about-column-row .m-model-about-column-l {
    width: 48%;
    margin-right: 0;
  }
  .m-model-about-column-row .m-model-about-column-r {
    width: 48%;
    margin-right: 1%;
  }
  .m-model-about-column-row .m-model-column-subtitle {
    padding: 8px 0px 0 47px;
  }
  .m-model-about-column-row .m-model-about-column-txt {
    padding: 0 15px 0 128px;
    max-width: 100%;
  }
  .m-model-room {
    padding: 46px 0;
    margin-bottom: 20px;
  }
  .m-model-room-column-r {
    width: 62%;
  }
  .m-model-room-column-r-dl {
    padding: 23px 27px;
  }
  .m-model-room-column-r-dd {
    font-size: 1.8rem;
  }
  .m-model-room-column-r-dt {
    margin-right: 58px;
    width: 82px;
  }
  .m-model-room-column-r-check {
    margin-top: 58px;
    padding: 45px 63px;
  }
  .m-model-room-column-r-check-flex {
    display: flex;
    justify-content: space-between;
  }
  .m-model-room-column-r-check-flex-r a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #284664;
    font-size: 1.4rem;
    width: 200px;
    height: 40px;
    color: #FFF;
    border-radius: 30px;
    position: relative;
    top: 38px;
    right: 17px;
  }
  .m-model-facility {
    padding: 59px 0;
  }
  .m-model-facility:after {
    content: "";
    background: #F4F3F1;
    width: 1000px;
    height: 500px;
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
  }
  .m-model-root {
    margin-top: 160px;
    padding: 150px 0;
  }
  .m-model-root-column {
    margin-bottom: 130px;
  }
  .m-model-root-column-r {
    width: 61%;
  }
  .m-model-other {
    padding: 55px 0px 75px;
    position: relative;
    top: -30px;
  }
  .m-model-other-title {
    letter-spacing: 2px;
    margin-bottom: 55px;
  }
  .m-model-other-list .slick-prev {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 1;
  }
  .m-model-other-list .slick-next {
    width: 60px;
    height: 60px;
    transform: rotateZ(180deg);
    top: 60px;
    right: 0;
    position: absolute;
    z-index: 1;
  }
  .m-model-other-list-item {
    padding: 20px 0;
  }
  .m-model-other-list-item-num {
    font-size: 4rem;
  }
  .tb-Only {
    display: none;
  }
  .sp-Only {
    display: none;
  }
  /* ---------------------------
  m-post
  --------------------------- */
  /* ---------------------------
  m-table01
  --------------------------- */
  .m-table01, .u-wysiwyg table {
    margin-left: 40px;
  }
  .m-table01 td, .u-wysiwyg table td {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
  }
  /*---------------------------
  Page
  ---------------------------*/
  .m-brand-top {
    height: 360px;
    padding-top: 100px;
  }
  .m-brand-story {
    padding: 135px 0;
  }
  .m-brand-story-title01 {
    margin-bottom: 50px;
  }
  .m-brand-story-txt01 {
    margin-bottom: 50px;
    line-height: 2;
    text-align: center;
  }
  .m-brand-life {
    padding: 140px 0;
  }
  .m-brand-life-title01 {
    margin-bottom: 90px;
  }
  .m-brand-life-title02 {
    margin-bottom: 90px;
  }
  .m-brand-life-dl {
    margin-bottom: 90px;
  }
  .m-niseko {
    padding: 0 0 140px;
  }
  .m-niseko-top {
    height: 495px;
  }
  .m-niseko-box {
    padding: 90px 0;
  }
  .m-niseko-mv {
    height: 660px;
    top: -180px;
  }
  .m-niseko-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-niseko-in:after {
    content: "";
    background: url(/common/img/niseko/bg-02.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 530px;
    height: 604px;
    position: absolute;
    right: -400px;
    top: 1250px;
    z-index: 0;
  }
  .m-niseko-in:before {
    content: "";
    background: url(/common/img/niseko/bg-03.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 520px;
    height: 528px;
    position: absolute;
    left: -400px;
    top: 1850px;
    z-index: 0;
  }
  .m-niseko-in-column {
    margin-bottom: 140px;
  }
  .m-niseko-in-column.m-row {
    flex-flow: row-reverse;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-l {
    max-width: 700px;
    width: 100%;
    position: relative;
    right: -100px;
    left: auto;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-r {
    max-width: 510px;
    width: 100%;
    position: absolute;
    left: -100px;
    right: auto;
  }
  .m-niseko-in-column-l {
    left: -100px;
  }
  .m-niseko-in-column-img {
    width: 700px;
  }
  .m-niseko-in-column-r {
    position: absolute;
    right: -100px;
  }
  .m-project-top {
    padding-top: 100px;
    height: 360px;
  }
  .m-project-timeline {
    padding: 120px 0;
  }
  .m-project-timeline-title {
    margin-bottom: 35px;
  }
  .m-project-overview-txt {
    margin-bottom: 70px;
  }
  .m-project-timeline-dl {
    display: flex;
    margin-bottom: 70px;
  }
  .m-project-timeline-dt {
    text-align: right;
  }
  .m-project-timeline-dd span {
    margin: 0 20px;
    background: #FFF;
    border: 2px solid #004178;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    z-index: 2;
  }
  .m-project-timeline-dd span:after {
    content: "";
    background: #004178;
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: -100px;
    z-index: 1;
    left: 7px;
  }
  .m-project-overview {
    padding: 130px 0;
  }
  .m-project-overview-title {
    margin-bottom: 80px;
  }
  .m-project-partner {
    padding: 130px 0;
  }
  .m-project-partner-title {
    margin-bottom: 80px;
  }
  .m-project-partner-list {
    display: flex;
    margin-bottom: 100px;
  }
  .m-project-partner-list-item {
    max-width: 190px;
  }
  .m-project-column {
    display: flex;
  }
  .m-project-column-l {
    width: 250px;
    height: auto;
  }
  .m-project-column-r.item-column {
    display: flex;
  }
  .m-project-column-r.item-column .m-project-column-dl {
    margin-right: 60px;
  }
  .m-amenities-top {
    height: 495px;
  }
  .m-amenities-box {
    padding: 90px 0;
    min-height: 1350px;
  }
  .m-amenities-mv {
    height: 660px;
    top: -180px;
  }
  .m-amenities-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-amenities-mv-txt {
    line-height: 2;
  }
  .m-amenities-box:after {
    content: "";
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    height: 1260px;
    z-index: 0;
  }
  .m-amenities-column {
    display: flex;
  }
  .m-amenities-column-l {
    display: flex;
    margin-right: 70px;
  }
  .m-amenities-column-l-txt {
    writing-mode: vertical-rl;
    text-orientation: inherit;
    margin-right: 60px;
  }
  .m-amenities-column-r-title {
    text-align: right;
    top: -90px;
  }
  .m-amenities-column-list-item {
    margin: 0 20px 40px 0;
  }
  .m-amenities-infinity {
    padding: 140px 0 130px;
  }
  .m-amenities-infinity:after {
    content: "";
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: 140px;
    width: 200px;
    height: 100%;
  }
  .m-amenities-infinity-column {
    margin-bottom: 100px;
  }
  .m-amenities-infinity-column-r {
    position: absolute;
    bottom: 0;
    right: -60px;
    padding: 90px 30px 90px 90px;
  }
  .m-amenities-infinity-column-title {
    margin-bottom: 35px;
  }
  .m-amenities-infinity-column-bottom-l {
    width: 48%;
    margin-right: 100px;
  }
  .m-amenities-infinity-column-bottom-title {
    margin-bottom: 35px;
  }
  .m-amenities-infinity-column-bottom-txt {
    margin-bottom: 65px;
  }
  .m-amenities-infinity-column-bottom-r {
    width: 48%;
  }
  .m-amenities-visual {
    height: 700px;
  }
  .m-amenities-about {
    padding: 130px 0;
  }
  .m-amenities-about:before {
    content: "";
    width: 200px;
    height: 575px;
    background: #E8E9EC;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  .m-amenities-about:after {
    content: "";
    width: 200px;
    height: 1200px;
    background: #E8E9EC;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }
  .m-amenities-about-dining {
    margin-bottom: 200px;
  }
  .m-amenities-about-dining .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
  }
  .m-amenities-about-dining-l {
    width: 48%;
    margin-right: 100px;
  }
  .m-amenities-about-dining-r {
    width: 48%;
  }
  .m-amenities-about-inout:before {
    content: "";
    width: 200px;
    height: 1190px;
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .m-amenities-about-inout .l-wrap-1300 {
    display: flex;
    margin: 0 auto 0 0;
    padding: 0 140px 0 0;
    max-width: 100%;
  }
  .m-amenities-about-valet {
    margin-bottom: 140px;
  }
  .m-amenities-about-valet:before {
    content: "";
    width: 200px;
    height: 680px;
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: -65px;
    z-index: 0;
  }
  .m-amenities-about-valet .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
  }
  .m-amenities-about-valet-l {
    width: 48%;
    margin-right: 100px;
  }
  .m-amenities-about-valet-r {
    width: 48%;
  }
  .m-amenities-about-lounge {
    margin-bottom: 100px;
  }
  .m-amenities-about-lounge .l-wrap-1300 {
    display: flex;
    margin: 0 0 0 auto;
    padding: 0 0 0 140px;
    max-width: 100%;
  }
  .m-amenities-about-lounge-l {
    width: 35%;
    padding-top: 35px;
  }
  .m-amenities-about-lounge-r {
    width: 65%;
    height: 470px;
    margin-left: 95px;
  }
  .m-amenities-about-column .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
  }
  .m-amenities-about-column-l {
    width: 33%;
    margin-right: 95px;
  }
  .m-amenities-about-column-c {
    width: 33%;
    margin-right: 65px;
  }
  .m-amenities-about-column-r {
    width: 33%;
  }
  .m-location-top {
    height: 495px;
  }
  .m-location-mv {
    height: 840px;
    position: relative;
    padding: 450px 0 0 140px;
    top: -180px;
  }
  .m-location-mv a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004178;
    width: 260px;
    height: 70px;
    color: #FFF;
  }
  .m-location-mv a span {
    margin-right: 20px;
  }
  .m-location-main {
    padding-bottom: 130px;
  }
  .m-location-map {
    background: url(/common/img/location/location-map.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 1565px;
    padding: 150px 0 0;
  }
  .m-location-map-column {
    display: flex;
  }
  .m-location-map-column-l {
    width: 51%;
  }
  .m-location-map-column-txt02 {
    color: #FFF;
  }
  .m-location-map-column-r {
    width: 50%;
  }
  .m-location-access {
    padding: 130px 0;
  }
  .m-location-access:after {
    content: "";
    background: #FFF;
    position: absolute;
    right: 0;
    top: 130px;
    width: 80%;
    height: 1020px;
    z-index: 0;
  }
  .m-location-access-column {
    justify-content: space-between;
  }
  .m-location-access-column-l {
    width: 48%;
  }
  .m-location-access-column-title {
    padding-top: 105px;
  }
  .m-location-access-column-img {
    padding-top: 105px;
    height: 700px;
  }
  .m-location-access-column-r {
    width: 48%;
  }
  .m-location-access-column-r-txt {
    margin-bottom: 50px;
  }
  .m-uniqueness-top {
    height: 495px;
  }
  .m-uniqueness-mv {
    top: -180px;
    height: 660px;
  }
  .m-uniqueness-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-uniqueness-main {
    padding-bottom: 85px;
    margin-top: -85px;
  }
  .m-uniqueness-visual-list-item {
    height: 465px;
  }
  .m-uniqueness-location {
    padding: 130px 0 85px;
  }
  .m-uniqueness-location-txt {
    text-align: center;
  }
  .m-uniqueness-location-map {
    height: 800px;
    margin-bottom: 150px;
  }
  .m-uniqueness-location-map iframe {
    width: 100%;
    height: 800px;
  }
  .m-uniqueness-flawless {
    padding: 135px 0;
  }
  .m-uniqueness-flawless .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
  }
  .m-uniqueness-flawless:before {
    content: "";
    background: #E8E9EC;
    position: absolute;
    left: 0;
    top: 130px;
    width: 200px;
    height: 800px;
    z-index: 0;
  }
  .m-uniqueness-flawless-l {
    width: 48%;
    margin-right: 105px;
  }
  .m-uniqueness-flawless-title {
    padding-top: 50px;
    margin-bottom: 30px;
  }
  .m-uniqueness-flawless-txt {
    margin-bottom: 50px;
  }
  .m-uniqueness-flawless-img {
    margin-bottom: 50px;
  }
  .m-uniqueness-flawless-r {
    width: 48%;
  }
  .m-uniqueness-flawless-mv {
    height: 800px;
    display: none;
  }
  .m-uniqueness-infinity {
    padding: 135px 0;
    display: flex;
  }
  .m-uniqueness-infinity:before {
    content: "";
    background: #E8E9EC;
    position: absolute;
    right: 0;
    top: 130px;
    width: 200px;
    height: 1100px;
    z-index: 0;
  }
  .m-uniqueness-infinity .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }
  .m-uniqueness-infinity-r {
    width: 48%;
    padding-right: 140px;
  }
  .m-uniqueness-infinity-title {
    padding-top: 40px;
    margin-bottom: 30px;
  }
  .m-uniqueness-infinity-txt {
    margin-bottom: 50px;
  }
  .m-uniqueness-infinity-link {
    margin-bottom: 50px;
  }
  .m-uniqueness-arch {
    padding: 140px 0 100px;
  }
  .m-uniqueness-arch-title {
    margin-bottom: 40px;
  }
  .m-uniqueness-arch-txt {
    margin-bottom: 80px;
  }
  .m-uniqueness-arch-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
  .m-uniqueness-arch-list-item {
    width: 48%;
    margin-right: 35px;
  }
  .m-uniqueness-arch-list-item-img01 {
    margin-bottom: 30px;
  }
  .m-uniqueness-arch-list-item-img01 img {
    width: 100%;
  }
  .m-uniqueness-arch-list-item-title {
    margin-bottom: 20px;
    padding: 0 30px;
  }
  .m-uniqueness-arch-list-item-img02 {
    min-height: 280px;
  }
  .m-uniqueness-garden-title {
    margin-bottom: 50px;
  }
  .m-uniqueness-garden-column {
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
  }
  .m-uniqueness-garden-column-l {
    width: 60%;
    margin-right: 60px;
  }
  .m-uniqueness-garden-column-r {
    width: 40%;
  }
  .m-uniqueness-garden-column-r-list-item {
    width: 48%;
  }
  .m-uniqueness-garden-column-r-list-item-l {
    width: 100px;
    height: 90px;
  }
  .m-uniqueness-garden-column-r-list-item-r {
    width: 120px;
    height: 90px;
  }
  .m-gallery-top {
    padding-top: 100px;
    height: 360px;
  }
  .m-gallery-box-list {
    margin: 0 auto 140px !important;
  }
  .m-gallery-box-list-item.m-text {
    font-size: 3.8rem;
  }
  .unit-parent1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .unit-parent1 .unit-div1 {
    grid-area: 1/1/2/2;
  }
  .unit-parent1 .unit-div2 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/unit/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div3 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/unit/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div4 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/unit/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div5 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/unit/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div6 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/unit/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div7 {
    grid-area: 3/4/4/5;
    background: url(/common/img/gallery/unit/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div8 {
    grid-area: 4/3/5/4;
    background: url(/common/img/gallery/unit/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div9 {
    grid-area: 4/4/5/5;
    background: url(/common/img/gallery/unit/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div10 {
    grid-area: 5/1/6/3;
    background: url(/common/img/gallery/unit/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div11 {
    grid-area: 5/3/7/5;
    background: url(/common/img/gallery/unit/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div12 {
    grid-area: 6/1/7/2;
    background: url(/common/img/gallery/unit/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div13 {
    grid-area: 6/2/7/3;
    background: url(/common/img/gallery/unit/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div14 {
    grid-area: 7/1/9/5;
    background: url(/common/img/gallery/unit/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .unit-parent2 .unit-div15 {
    grid-area: 1/1/2/2;
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div16 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/unit/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div17 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/unit/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div18 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/unit/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div19 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/unit/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div20 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/unit/item19.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div21 {
    grid-area: 3/4/4/5;
    background: url(/common/img/gallery/unit/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div22 {
    grid-area: 4/3/5/4;
    background: url(/common/img/gallery/unit/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div23 {
    grid-area: 4/4/5/5;
    background: url(/common/img/gallery/unit/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div24 {
    grid-area: 5/1/6/3;
    background: url(/common/img/gallery/unit/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div25 {
    grid-area: 5/3/7/5;
    background: url(/common/img/gallery/unit/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div26 {
    grid-area: 6/1/7/2;
    background: url(/common/img/gallery/unit/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div27 {
    grid-area: 6/2/7/3;
    background: url(/common/img/gallery/unit/item26.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div28 {
    grid-area: 7/1/9/5;
    background: url(/common/img/gallery/unit/item27.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .unit-parent3 .unit-div29 {
    grid-area: 1/1/2/2;
    background: url(/common/img/gallery/unit/item28.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div30 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/unit/item29.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div31 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/unit/item30.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .buliding-parent1 .building-div01 {
    grid-area: 1/1/2/2;
  }
  .buliding-parent1 .building-div02 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/buliding/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div03 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/buliding/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div04 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/buliding/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div05 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/buliding/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div06 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/buliding/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div07 {
    grid-area: 3/4/5/5;
    background: url(/common/img/gallery/buliding/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div08 {
    grid-area: 4/3/5/4;
    background: url(/common/img/gallery/buliding/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div09 {
    grid-area: 5/1/6/3;
    background: url(/common/img/gallery/buliding/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div10 {
    grid-area: 5/3/7/5;
    background: url(/common/img/gallery/buliding/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div11 {
    grid-area: 6/1/7/2;
    background: url(/common/img/gallery/buliding/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div12 {
    grid-area: 6/2/7/3;
    background: url(/common/img/gallery/buliding/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div13 {
    grid-area: 7/1/9/5;
    background: url(/common/img/gallery/buliding/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div14 {
    grid-area: 9/1/10/3;
    background: url(/common/img/gallery/buliding/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div15 {
    grid-area: 9/3/10/4;
    background: url(/common/img/gallery/buliding/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div16 {
    grid-area: 9/4/10/5;
    background: url(/common/img/gallery/buliding/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div17 {
    grid-area: 10/1/11/2;
    background: url(/common/img/gallery/buliding/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div18 {
    grid-area: 10/2/11/3;
    background: url(/common/img/gallery/buliding/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div19 {
    grid-area: 10/3/11/5;
    background: url(/common/img/gallery/buliding/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .buliding-parent2 .building-div20 {
    grid-area: 1/1/2/2;
    background: url(/common/img/gallery/buliding/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div21 {
    grid-area: 1/2/2/3;
    background: url(/common/img/gallery/buliding/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div22 {
    grid-area: 1/3/3/5;
    background: url(/common/img/gallery/buliding/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div23 {
    grid-area: 2/1/3/3;
    background: url(/common/img/gallery/buliding/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div24 {
    grid-area: 3/1/5/3;
    background: url(/common/img/gallery/buliding/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div25 {
    grid-area: 3/3/4/4;
    background: url(/common/img/gallery/buliding/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .m-news-top {
    padding-top: 100px;
    height: 360px;
  }
  .m-news-box {
    padding: 100px 0;
  }
  .m-news-box .l-wrap-1100 {
    background: #FFF;
    padding: 60px 95px;
  }
  .m-news-box-list-item {
    display: flex;
    padding: 40px 0;
  }
  .m-news-box-list-item-l {
    margin-right: 48px;
  }
  .m-news-box-dt {
    margin-bottom: 10px;
  }
  .m-apartment-top {
    height: 495px;
  }
  .m-apartment-box {
    min-height: 1350px;
    padding: 90px 0;
  }
  .m-apartment-mv {
    height: 660px;
    top: -180px;
  }
  .m-apartment-mv div {
    position: absolute;
    bottom: 50px;
    left: 140px;
  }
  .m-apartment-mv-txt {
    line-height: 2;
  }
  .m-apartment-box:after {
    content: "";
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    height: 1260px;
    z-index: 0;
  }
  .m-apartment-column {
    display: flex;
  }
  .m-apartment-column-l {
    display: flex;
    margin-right: 70px;
  }
  .m-apartment-column-l-txt {
    writing-mode: vertical-rl;
    text-orientation: inherit;
    margin-right: 60px;
  }
  .m-apartment-column-r-title {
    top: -90px;
    text-align: right;
  }
  .m-apartment-column-list-item a {
    padding: 0 45px;
  }
  .m-apartment-column-r-title2 {
    text-align: right;
  }
  .m-apartment-column-r-visual {
    display: flex;
    justify-content: space-between;
  }
  .m-apartment-column-r-visual-list {
    width: 48%;
  }
  .m-apartment-about {
    padding: 140px 0 70px;
  }
  .m-apartment-about-column {
    margin-bottom: 140px;
  }
  .m-apartment-about-column-l {
    width: 55%;
    margin-right: 90px;
  }
  .m-apartment-about-column-r {
    width: 35%;
    padding: 90px 0 0 0;
  }
  /* ---------------------------
  link
  --------------------------- */
  /* ---------------------------
  list
  --------------------------- */
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin-top */
  .u-mt-5 {
    margin-top: 5px;
  }
  .u-mt-10 {
    margin-top: 10px;
  }
  .u-mt-15 {
    margin-top: 15px;
  }
  .u-mt-20 {
    margin-top: 20px;
  }
  .u-mt-25 {
    margin-top: 25px;
  }
  .u-mt-30 {
    margin-top: 30px;
  }
  .u-mt-35 {
    margin-top: 35px;
  }
  .u-mt-40 {
    margin-top: 40px;
  }
  .u-mt-45 {
    margin-top: 45px;
  }
  .u-mt-50 {
    margin-top: 50px;
  }
  .u-mt-60 {
    margin-top: 60px;
  }
  .u-mt-70 {
    margin-top: 70px;
  }
  .u-mt-80 {
    margin-top: 80px;
  }
  .u-mt-90 {
    margin-top: 90px;
  }
  .u-mt-100 {
    margin-top: 100px;
  }
  /* margin-bottom */
  .u-mb-5 {
    margin-bottom: 5px;
  }
  .u-mb-10 {
    margin-bottom: 10px;
  }
  .u-mb-15 {
    margin-bottom: 15px;
  }
  .u-mb-20 {
    margin-bottom: 20px;
  }
  .u-mb-25 {
    margin-bottom: 25px;
  }
  .u-mb-30 {
    margin-bottom: 30px;
  }
  .u-mb-35 {
    margin-bottom: 35px;
  }
  .u-mb-40 {
    margin-bottom: 40px;
  }
  .u-mb-45 {
    margin-bottom: 45px;
  }
  .u-mb-50 {
    margin-bottom: 50px;
  }
  .u-mb-60 {
    margin-bottom: 60px;
  }
  .u-mb-70 {
    margin-bottom: 70px;
  }
  .u-mb-80 {
    margin-bottom: 80px;
  }
  .u-mb-90 {
    margin-bottom: 90px;
  }
  .u-mb-100 {
    margin-bottom: 100px;
  }
  /* padding-top */
  .u-pt-5 {
    padding-top: 5px;
  }
  .u-pt-10 {
    padding-top: 10px;
  }
  .u-pt-15 {
    padding-top: 15px;
  }
  .u-pt-20 {
    padding-top: 20px;
  }
  .u-pt-25 {
    padding-top: 25px;
  }
  .u-pt-30 {
    padding-top: 30px;
  }
  .u-pt-35 {
    padding-top: 35px;
  }
  .u-pt-40 {
    padding-top: 40px;
  }
  .u-pt-45 {
    padding-top: 45px;
  }
  .u-pt-50 {
    padding-top: 50px;
  }
  .u-pt-60 {
    padding-top: 60px;
  }
  .u-pt-70 {
    padding-top: 70px;
  }
  .u-pt-80 {
    padding-top: 80px;
  }
  .u-pt-90 {
    padding-top: 90px;
  }
  .u-pt-100 {
    padding-top: 100px;
  }
  /* padding-bottom */
  .u-pb-5 {
    padding-bottom: 5px;
  }
  .u-pb-10 {
    padding-bottom: 10px;
  }
  .u-pb-15 {
    padding-bottom: 15px;
  }
  .u-pb-20 {
    padding-bottom: 20px;
  }
  .u-pb-25 {
    padding-bottom: 25px;
  }
  .u-pb-30 {
    padding-bottom: 30px;
  }
  .u-pb-35 {
    padding-bottom: 35px;
  }
  .u-pb-40 {
    padding-bottom: 40px;
  }
  .u-pb-45 {
    padding-bottom: 45px;
  }
  .u-pb-50 {
    padding-bottom: 50px;
  }
  .u-pb-60 {
    padding-bottom: 60px;
  }
  .u-pb-70 {
    padding-bottom: 70px;
  }
  .u-pb-80 {
    padding-bottom: 80px;
  }
  .u-pb-90 {
    padding-bottom: 90px;
  }
  .u-pb-100 {
    padding-bottom: 100px;
  }
  /* ---------------------------
  u-tabBtn
  --------------------------- */
  .u-text-10 {
    font-size: 1rem;
  }
  .u-text-11 {
    font-size: 1.1rem;
  }
  .u-text-12 {
    font-size: 1.2rem;
  }
  .u-text-13 {
    font-size: 1.3rem;
  }
  .u-text-14 {
    font-size: 1.4rem;
  }
  .u-text-15 {
    font-size: 1.5rem;
  }
  .u-text-16 {
    font-size: 1.6rem;
  }
  .u-text-18 {
    font-size: 1.8rem;
    line-height: 34px;
  }
  .u-text-19 {
    font-size: 1.9rem;
  }
  .u-text-20 {
    font-size: 2rem;
  }
  .u-text-22 {
    font-size: 2.2rem;
  }
  .u-text-24 {
    font-size: 2.4rem;
  }
  .u-text-26 {
    font-size: 2.6rem;
  }
  .u-text-28 {
    font-size: 2.8rem;
  }
  .u-text-30 {
    font-size: 3rem;
  }
  .u-text-32 {
    font-size: 3.2rem;
  }
  .u-text-36 {
    font-size: 3.6rem;
  }
  .u-text-40 {
    font-size: 4rem;
  }
  .u-text-42 {
    font-size: 4.2rem;
    letter-spacing: 3px;
  }
  .u-text-46 {
    font-size: 4.6rem;
    letter-spacing: 3px;
  }
  .u-text-50 {
    font-size: 5rem;
    letter-spacing: 3px;
  }
  .u-text-54 {
    font-size: 5.4rem;
  }
  .u-text-58 {
    font-size: 5.8rem;
  }
  .u-text-60 {
    font-size: 6rem;
  }
  .u-text-64 {
    font-size: 6.4rem;
  }
  .u-text-80 {
    font-size: 8rem;
  }
  /* ---------------------------
  u-wysiwyg
  --------------------------- */
  .u-wysiwyg h1 {
    font-size: 3.8rem;
    margin-bottom: 30px;
  }
  .u-wysiwyg h4 {
    font-size: 1.24rem;
  }
  .u-wysiwyg h5, .u-wysiwyg h6 {
    font-size: 1.2rem;
  }
  .u-wysiwyg blockquote {
    padding: 28px 30px;
    margin-bottom: 40px;
  }
  .u-wysiwyg .alignright, .u-wysiwyg .has-text-align-right {
    margin-left: 40px;
    margin-bottom: 40px;
  }
  .u-wysiwyg .alignleft, .u-wysiwyg .has-text-align-left {
    margin-right: 40px;
    margin-bottom: 40px;
  }
  .u-ff-sansen-r {
    font-weight: 400;
  }
  .u-ff-sansen-b {
    font-weight: 700;
  }
  .u-ff-sansen-h {
    font-weight: 900;
  }
  .u-ff-b {
    font-weight: bold;
  }
  .u-ls-5 {
    letter-spacing: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* ==========================================================================
     TB
     ========================================================================== */
  @font-face {
    font-family: "TimesNow-SemiLight";
    src: url("/common/fonts/TimesNow-SemiLight/font.woff") format("woff");
    src: url("/common/fonts/TimesNow-SemiLight/font.woff2") format("woff");
  }
  .pc-Only {
    display: none;
    display: none;
  }
  .sp-Only {
    display: block;
    display: block;
  }
  .wrapin-sp {
    padding: 0 20px;
  }
  /* ---------------------------
  module
  --------------------------- */
  .m-breadcrumbs {
    margin-bottom: 20px;
  }
  #swipebox-close {
    top: 50px !important;
  }
  /*=============================
  .btn-trigger
  =============================*/
  /*=============================
  #btn01
  =============================*/
  .l-header-sp-nav {
    top: 0px;
    left: 0;
    width: 100%;
    padding: 100px 30px;
  }
  /*============================
  #sns.m-footer
  ============================*/
  /* ---------------------------
  l-post
  --------------------------- */
  .l-post-main {
    margin-bottom: 30px;
  }
  .l-post-side-sec:not(:last-child) {
    margin-bottom: 20px;
  }
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap-sp {
    padding: 0 20px;
    padding: 0 15px;
  }
  /*---------------------------
  btn
  ---------------------------*/
  .m-btn01 {
    width: 100%;
    font-size: 1.2rem;
    padding: 12px;
  }
  .m-btn01.c {
    position: relative;
  }
  .m-btn01.c-orange {
    background: #BA5D83;
  }
  .m-btn01.c-orange:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-wh-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 9px;
  }
  .m-btn01.c-orange-border {
    border: 1px solid #ef7e17;
    width: 88%;
    font-size: 1.4rem;
    margin: 0 20px;
    color: #BA5D83;
  }
  .m-btn01.c-orange-border:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-or2-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 13px;
  }
  /* ---------------------------
  btns1col
  --------------------------- */
  /* ---------------------------
  h
  --------------------------- */
  .m-pcFrame {
    position: relative;
    background: url("../img/bg_01.jpg") 0 0;
    background-size: cover;
    background-attachment: fixed;
    padding-right: 68px;
  }
  .m-pcFrame-in {
    min-width: 980px;
    max-width: 1378px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    min-width: 100vw;
  }
  .m-pcFrame-h {
    position: fixed;
    left: 68px;
    top: 0;
    width: calc(100vw - 68px - 68px - 375px);
    max-width: 938px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100vw - 68px - 375px);
  }
  .m-pcFrame-h img {
    max-height: 100%;
  }
  .m-pcFrame-ribbon {
    position: fixed;
    top: 0;
    background: url("../img/bg_03.jpg") 0 0;
    background-size: 375px;
    width: 68px;
    height: 100vh;
  }
  .m-pcFrame-ribbon.is-l {
    left: 0;
  }
  .m-pcFrame-ribbon.is-r {
    right: 0;
  }
  .m-pcFrame-ribbon-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/mvpc_logo_01.png") center repeat-y;
  }
  .m-mainContent {
    width: 375px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  }
  /*============================
  #btn01.btn-trigger
  ============================*/
  .m-mv-visual {
    width: 375px;
  }
  /*============================
  #menu.m-menu
  ============================*/
  /*============================
  #mini.m-mini
  ============================*/
  /*============================
  #cup.m-cup
  ============================*/
  /*============================
  .m-decolation
  ============================*/
  /*============================
  #baked.m-baked
  ============================*/
  /*============================
  #kids.m-kids
  ============================*/
  /*============================
  #concept.m-concept
  ============================*/
  /*============================
  #pastry.m-pastry
  ============================*/
  /*============================
  #qa.m-qa
  ============================*/
  /*============================
  .m-access
  ============================*/
  .m-register-box {
    padding: 50px 20px;
  }
  .m-register-box-title {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .mod-register-dl {
    display: flex;
    margin-bottom: 20px;
    flex-flow: column nowrap;
  }
  .mod-register-dt {
    margin-bottom: 5px;
  }
  .mod-register-dd {
    width: 100%;
  }
  /*============================
  #preferred
  ============================*/
  /*============================
  #contactyou
  ============================*/
  /*============================
  #submit.mod-input-btn
  ============================*/
  .mod-form-table01 {
    display: block;
    font-size: 1.6rem;
    padding: 0 20px;
  }
  .mod-form-table01 tbody {
    display: block;
  }
  .mod-form-table01 th {
    display: block;
  }
  .mod-form-table01 tr {
    display: block;
    margin-bottom: 10px;
  }
  .mod-formSec01-btns {
    flex-flow: column nowrap;
  }
  .m-top-scloll span {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
  }
  @keyframes sdb {
    0% {
      transform: rotate(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
  }
  .m-top-video {
    background: url(/common/img/top/sp-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 65vh;
  }
  #bg-video {
    display: none;
  }
  .m-top-video-in {
    height: 70vh;
  }
  .m-top-video-icon {
    top: 40%;
  }
  .m-top-coming-title {
    font-size: 2rem;
  }
  .m-top-about {
    padding: 45px 15px 45px;
  }
  .m-top-about-title {
    font-size: 2rem;
    line-height: 1.5;
  }
  .m-top-about-txt01 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 50px;
  }
  .m-top-about-txt02 {
    font-size: 2.5rem;
  }
  .m-top-about-list {
    flex-flow: column nowrap;
  }
  .m-top-about-list-item {
    width: 100%;
    margin-bottom: 15px;
  }
  .m-top-about-list-item-r {
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .m-top-foot .l-wrap-1120 {
    flex-flow: column nowrap;
    justify-content: center;
    text-align: center;
  }
  .m-top-foot-list {
    display: block;
    justify-content: center;
  }
  .m-top-foot-list-item {
    margin-bottom: 10px;
  }
  .m-model-mv-bg {
    background: #353535;
  }
  .m-bread {
    padding-top: 23px;
  }
  .m-bread-item {
    font-size: 1.2rem;
  }
  .m-model-mv-title {
    padding-top: 80px;
    font-size: 3rem;
  }
  .m-model-mv-title:before {
    content: "";
    background: url(/common/img/model/title-allow.svg) no-repeat;
    width: 168px;
    height: 50px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .m-model-mv-txt {
    font-size: 1.2rem;
    margin-bottom: 40px;
  }
  .m-model-mv-txt span {
    padding-left: 10px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
  .m-model-mv-img {
    margin: 0 -30px 50px;
  }
  .m-model-mv-img:after {
    content: "";
    width: 2px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    margin: 0 auto;
    background: #6296BB;
  }
  .m-model-mv-copy {
    font-size: 1.5rem !important;
    margin-bottom: 60px;
  }
  .m-model-mv-copy br {
    display: none;
  }
  .m-model-about {
    margin-bottom: 50px;
  }
  .m-model-about-column {
    flex-flow: column-reverse nowrap;
  }
  .m-model-about-column:before {
    content: "";
    background: #EFECEB;
    width: 92%;
    height: 520px;
    position: absolute;
    left: 50px;
    bottom: -30px;
    z-index: -1;
  }
  .m-model-about-column-large {
    margin-bottom: 10px;
  }
  .m-model-about-column-large img {
    width: 100%;
  }
  .m-model-column-title {
    letter-spacing: 4px;
    font-size: 4rem;
    position: relative;
    z-index: 1;
  }
  .m-model-column-subtitle {
    padding: 8px 5px 0 0;
    margin-bottom: 15px;
  }
  .m-model-column-subtitle-info {
    margin-bottom: 20px;
  }
  .m-model-about-column-small {
    margin-bottom: 20px;
  }
  .m-model-about-column-small-item {
    width: 48%;
  }
  .m-model-about-column-small-item img {
    width: 100%;
  }
  .m-model-about-column-txt {
    font-size: 1.4rem !important;
    line-height: 2;
  }
  .m-model-room {
    margin-bottom: 20px;
  }
  .m-model-room-column {
    flex-flow: column nowrap;
    position: relative;
    z-index: 1;
  }
  .m-model-room-column-r-dl {
    display: block;
    padding: 5px;
  }
  .m-model-room-column-r-dt {
    font-family: "Yu Mincho", "YuMincho", serif;
    padding-bottom: 5px;
  }
  .m-model-room-column-r-check {
    margin-top: 25px;
    padding: 20px 20px;
  }
  .m-model-room-column-r-check-flex-l {
    margin-bottom: 20px;
  }
  .m-model-room-column-r-check-flex-l li {
    font-size: 1.8rem;
  }
  .m-model-room-column-r-check-flex-r a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #284664;
    font-size: 1.4rem;
    width: 200px;
    height: 40px;
    color: #FFF;
    border-radius: 30px;
    position: relative;
    top: 0px;
    right: 0px;
  }
  .m-model-facility {
    padding: 18px 0 30px;
  }
  .m-model-root {
    padding: 70px 0 35px;
  }
  .m-model-root-column {
    margin-bottom: 35px;
    flex-flow: column nowrap;
  }
  .m-model-root-column-l {
    position: relative;
    z-index: 1;
  }
  .m-model-root-column-r {
    margin: 20px -30px 0;
  }
  .m-model-other {
    padding: 40px 0px 50px;
    position: relative;
    top: -30px;
  }
  .m-model-other-title {
    margin-bottom: 35px;
  }
  .m-model-other-list .slick-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 68px;
    left: -15px;
    z-index: 1;
    background: #FFF;
    border-radius: 30px;
  }
  .m-model-other-list .slick-next {
    width: 30px;
    height: 30px;
    transform: rotateZ(180deg);
    top: 60px;
    right: -15px;
    position: absolute;
    z-index: 1;
    background: #FFF;
    border-radius: 30px;
  }
  .m-model-other-list-item {
    padding: 20px 0;
  }
  .m-model-other-list-item-num {
    font-size: 3rem;
  }
  .pc-Only {
    display: none !important;
  }
  .sp-Only {
    display: none;
  }
  /* ---------------------------
  m-post
  --------------------------- */
  /* ---------------------------
  m-table01
  --------------------------- */
  /*---------------------------
  Page
  ---------------------------*/
  .m-brand {
    padding-top: 100px;
  }
  .m-brand-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-brand-story {
    padding: 70px 0;
  }
  .m-brand-story-title01 {
    margin-bottom: 25px;
  }
  .m-brand-story-txt01 {
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 1.5rem !important;
  }
  .m-brand-life {
    padding: 70px 0;
  }
  .m-brand-life-title01 {
    width: 200px;
    margin: 0 auto 45px;
  }
  .m-brand-life-title02 {
    margin-bottom: 45px;
  }
  .m-brand-life-dl {
    margin-bottom: 45px;
  }
  .m-niseko {
    padding: 0 0 0px;
  }
  .m-niseko-top {
    height: 295px;
  }
  .m-niseko-box {
    padding: 45px 0;
  }
  .m-niseko-mv {
    height: 330px;
    top: -90px;
    margin-bottom: -90px;
  }
  .m-niseko-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-niseko-mv-txt br {
    display: none;
  }
  .m-niseko-in-column {
    margin-bottom: 50px;
    flex-flow: column-reverse nowrap;
  }
  .m-niseko-in-column.m-row {
    flex-flow: column-reverse nowrap;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-l {
    max-width: 700px;
    width: 100%;
    position: relative;
    right: 0px;
    left: auto;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-r {
    max-width: 510px;
    width: 100%;
    position: relative;
    left: 0px;
    right: auto;
  }
  .m-niseko-in-column-img {
    width: 100%;
  }
  .m-niseko-in-column-img img {
    width: 100%;
  }
  .m-niseko-in-txt {
    margin-bottom: 30px;
  }
  .m-project-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-project-timeline {
    padding: 70px 0;
  }
  .m-project-timeline-title {
    margin-bottom: 25px;
  }
  .m-project-overview-txt {
    margin-bottom: 30px;
  }
  .m-project-timeline-dl {
    margin-bottom: 15px;
  }
  .m-project-timeline-dt {
    width: 130px;
    margin-bottom: 5px;
  }
  .m-project-timeline-dd span {
    margin: 0 10px 0 0;
    background: #FFF;
    border: 2px solid #004178;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    z-index: 2;
    display: none;
  }
  .m-project-timeline-dd span:after {
    content: "";
    background: #004178;
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: -100px;
    z-index: 1;
    left: 7px;
    display: none;
  }
  .m-project-overview {
    padding: 65px 0;
  }
  .m-project-overview-title {
    margin-bottom: 20px;
  }
  .m-project-overview-dd {
    width: 50%;
  }
  .m-project-partner {
    padding: 60px 0;
  }
  .m-project-partner-title {
    margin-bottom: 40px;
  }
  .m-project-partner-list {
    margin-bottom: 50px;
  }
  .m-project-partner-list-item {
    margin-bottom: 10px;
  }
  .m-project-column-l {
    margin-bottom: 50px;
  }
  .m-project-column-dl {
    margin-bottom: 30px;
  }
  .m-amenities-top {
    height: 295px;
  }
  .m-amenities-box {
    padding: 50px 0;
  }
  .m-amenities-mv {
    top: -40px;
    height: 330px;
  }
  .m-amenities-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-amenities-box {
    background: #FFF;
  }
  .m-amenities-column-l {
    margin-bottom: 30px;
  }
  .m-amenities-column-l-txt {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .m-amenities-box-map {
    margin-bottom: 50px;
  }
  .m-amenities-column-r-title {
    margin-bottom: 30px;
  }
  .m-amenities-column-list-item {
    margin: 0 10px 40px 0;
  }
  .m-amenities-infinity {
    padding: 0px 0 30px;
  }
  .m-amenities-infinity-column {
    flex-flow: column nowrap;
    margin-bottom: 0px;
  }
  .m-amenities-infinity-column-l {
    margin-bottom: 30px;
  }
  .m-amenities-infinity-column-r {
    padding: 30px 15px 30px 15px;
  }
  .m-amenities-infinity-column-title {
    margin-bottom: 15px;
  }
  .m-amenities-infinity-column-bottom {
    padding: 0 15px;
    flex-flow: column-reverse nowrap;
  }
  .m-amenities-infinity-column-bottom-title {
    margin-bottom: 15px;
  }
  .m-amenities-infinity-column-bottom-txt {
    margin-bottom: 30px;
  }
  .m-amenities-infinity-column-bottom-img {
    margin-bottom: 30px;
  }
  .m-amenities-infinity-column-bottom-img img {
    width: 100%;
  }
  .m-amenities-infinity-column-bottom-r {
    margin-bottom: 30px;
  }
  .m-amenities-visual {
    height: 350px;
  }
  .m-amenities-about {
    padding: 60px 0;
  }
  .m-amenities-about-dining {
    margin-bottom: 50px;
  }
  .m-amenities-about-dining .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
  }
  .m-amenities-about-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-valet {
    margin-bottom: 0px;
  }
  .m-amenities-about-valet-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-lounge {
    margin-bottom: 50px;
  }
  .m-amenities-about-lounge-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-column-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-column-c {
    margin-bottom: 30px;
  }
  .m-amenities-about-column-r {
    margin-bottom: 30px;
  }
  .m-location-top {
    height: 295px;
  }
  .m-location-mv {
    position: relative;
    top: -90px;
    height: 330px;
    padding: 50px 15px 0 15px;
  }
  .m-location-mv a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004178;
    width: 200px;
    height: 60px;
    color: #FFF;
  }
  .m-location-mv a span {
    margin-right: 20px;
  }
  .m-location-main {
    padding-bottom: 45px;
  }
  .m-location-main-title {
    font-size: 2.2rem !important;
  }
  .m-location-main-title.u-text-18 {
    font-size: 1.6rem !important;
  }
  .m-location-main-title.u-text-20 {
    font-size: 1.6rem !important;
  }
  .m-location-map {
    background-size: contain;
    background-position: top center;
    padding: 0 0 50px;
  }
  .m-location-access {
    background: #FFF;
    padding: 50px 0;
  }
  .m-location-access-column {
    flex-flow: column-reverse nowrap;
  }
  .m-location-access-column-l iframe {
    width: 100%;
    height: 200px;
  }
  .m-location-access-column-title {
    padding-top: 0px;
    margin-left: 0px;
  }
  .m-location-access-column-r-txt {
    margin-bottom: 25px;
  }
  .m-uniqueness-top {
    height: 295px;
  }
  .m-uniqueness-mv {
    top: -40px;
    height: 330px;
  }
  .m-uniqueness-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-uniqueness-main {
    padding-bottom: 45px;
  }
  .m-uniqueness-visual-list-item {
    height: 230px;
    text-align: center;
  }
  .m-uniqueness-location {
    padding: 75px 0 45px;
  }
  .m-uniqueness-location-txt br {
    display: none;
  }
  .m-uniqueness-location-map {
    height: 400px;
    margin-bottom: 75px;
  }
  .m-uniqueness-location-map iframe {
    width: 100%;
    height: 400px;
  }
  .m-uniqueness-flawless {
    padding: 65px 0;
  }
  .m-uniqueness-flawless-title {
    margin-bottom: 15px;
  }
  .m-uniqueness-flawless-txt {
    margin-bottom: 25px;
  }
  .m-uniqueness-flawless-img {
    margin-bottom: 25px;
  }
  .m-uniqueness-flawless-link {
    margin: 0 auto 50px;
  }
  .m-uniqueness-flawless-r {
    width: 100%;
  }
  .m-uniqueness-flawless-mv {
    background: url(/common/img/uniqueness/flawless-mv.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 400px;
  }
  .m-uniqueness-infinity {
    padding: 65px 0;
  }
  .m-uniqueness-infinity .l-wrap-1300 {
    display: flex;
    position: relative;
    z-index: 1;
    flex-flow: column-reverse nowrap;
  }
  .m-uniqueness-infinity-title {
    margin-bottom: 15px;
  }
  .m-uniqueness-infinity-txt {
    margin-bottom: 30px;
  }
  .m-uniqueness-infinity-link {
    margin: 0 auto 30px;
  }
  .m-uniqueness-arch {
    padding: 60px 0 50px;
  }
  .m-uniqueness-arch-visual {
    margin-bottom: 20px;
  }
  .m-uniqueness-arch-title {
    margin-bottom: 20px;
  }
  .m-uniqueness-arch-txt {
    margin-bottom: 40px;
  }
  .m-uniqueness-arch-list {
    margin-bottom: 40px;
  }
  .m-uniqueness-arch-list-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .m-uniqueness-arch-list-item-img01 {
    margin-bottom: 30px;
  }
  .m-uniqueness-arch-list-item-img01 img {
    width: 100%;
  }
  .m-uniqueness-arch-list-item-title {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  .m-uniqueness-garden-title {
    margin-bottom: 25px;
  }
  .m-uniqueness-garden-column {
    padding: 0 30px;
  }
  .m-uniqueness-garden-column-txt {
    margin-bottom: 20px;
  }
  .m-uniqueness-garden-column-r-list-item {
    width: 48%;
  }
  .m-uniqueness-garden-column-r-list-item-l {
    width: 100px;
    height: 90px;
  }
  .m-uniqueness-garden-column-r-list-item-r {
    width: 120px;
    height: 90px;
  }
  .m-gallery-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-gallery-box-list {
    margin: 0 auto 50px !important;
    width: 100% !important;
  }
  .m-gallery-box-list-item {
    width: 100%;
  }
  .m-gallery-box-list-item.m-text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #14141E;
    width: 100%;
    height: 200px;
    color: #FFF;
    font-size: 2.8rem;
    text-align: center;
  }
  .m-gallery-box-list-item img {
    width: 100%;
  }
  .unit-parent1 {
    grid-template-columns: 1fr;
  }
  .unit-parent1 div {
    height: 300px;
  }
  .unit-parent1 .unit-div1 {
    height: auto;
  }
  .unit-parent1 .unit-div2 {
    background: url(/common/img/gallery/unit/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div3 {
    background: url(/common/img/gallery/unit/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div4 {
    background: url(/common/img/gallery/unit/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div5 {
    background: url(/common/img/gallery/unit/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div6 {
    background: url(/common/img/gallery/unit/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div7 {
    background: url(/common/img/gallery/unit/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div8 {
    background: url(/common/img/gallery/unit/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div9 {
    background: url(/common/img/gallery/unit/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div10 {
    background: url(/common/img/gallery/unit/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div11 {
    background: url(/common/img/gallery/unit/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div12 {
    background: url(/common/img/gallery/unit/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div13 {
    background: url(/common/img/gallery/unit/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div14 {
    background: url(/common/img/gallery/unit/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 {
    grid-template-columns: 1fr;
  }
  .unit-parent2 div {
    height: 300px;
  }
  .unit-parent2 .unit-div15 {
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div16 {
    background: url(/common/img/gallery/unit/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div17 {
    background: url(/common/img/gallery/unit/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div18 {
    background: url(/common/img/gallery/unit/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div19 {
    background: url(/common/img/gallery/unit/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div20 {
    background: url(/common/img/gallery/unit/item19.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div21 {
    background: url(/common/img/gallery/unit/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div22 {
    background: url(/common/img/gallery/unit/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div23 {
    background: url(/common/img/gallery/unit/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div24 {
    background: url(/common/img/gallery/unit/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div25 {
    background: url(/common/img/gallery/unit/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div26 {
    background: url(/common/img/gallery/unit/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div27 {
    background: url(/common/img/gallery/unit/item26.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div28 {
    background: url(/common/img/gallery/unit/item27.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 {
    grid-template-columns: 1fr;
  }
  .unit-parent3 div {
    height: 300px;
  }
  .unit-parent3 .unit-div29 {
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div30 {
    background: url(/common/img/gallery/unit/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div31 {
    background: url(/common/img/gallery/unit/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div32 {
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 {
    grid-template-columns: 1fr;
  }
  .buliding-parent1 div {
    height: 300px;
  }
  .buliding-parent1 .building-div01 {
    height: auto;
  }
  .buliding-parent1 .building-div02 {
    background: url(/common/img/gallery/buliding/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div03 {
    background: url(/common/img/gallery/buliding/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div04 {
    background: url(/common/img/gallery/buliding/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div05 {
    background: url(/common/img/gallery/buliding/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div06 {
    background: url(/common/img/gallery/buliding/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div07 {
    background: url(/common/img/gallery/buliding/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div08 {
    background: url(/common/img/gallery/buliding/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div09 {
    background: url(/common/img/gallery/buliding/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div10 {
    background: url(/common/img/gallery/buliding/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div11 {
    background: url(/common/img/gallery/buliding/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div12 {
    background: url(/common/img/gallery/buliding/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div13 {
    background: url(/common/img/gallery/buliding/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div14 {
    background: url(/common/img/gallery/buliding/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div15 {
    background: url(/common/img/gallery/buliding/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div16 {
    background: url(/common/img/gallery/buliding/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div17 {
    background: url(/common/img/gallery/buliding/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div18 {
    background: url(/common/img/gallery/buliding/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div19 {
    background: url(/common/img/gallery/buliding/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 {
    grid-template-columns: 1fr;
  }
  .buliding-parent2 div {
    height: 300px;
  }
  .buliding-parent2 .building-div20 {
    background: url(/common/img/gallery/buliding/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div21 {
    background: url(/common/img/gallery/buliding/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div22 {
    background: url(/common/img/gallery/buliding/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div23 {
    background: url(/common/img/gallery/buliding/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div24 {
    background: url(/common/img/gallery/buliding/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div25 {
    background: url(/common/img/gallery/buliding/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .m-news-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-news-box {
    padding: 50px 15px;
  }
  .m-news-box .l-wrap-1100 {
    background: #FFF;
    padding: 30px 30px 80px;
  }
  .m-news-box-list-item {
    padding: 20px 0;
  }
  .m-news-box-list-item-l {
    max-width: 100%;
    background-size: cover;
    background-position: center top;
    margin-bottom: 20px;
  }
  .m-apartment-top {
    height: 295px;
  }
  .m-apartment-box {
    padding: 50px 0;
  }
  .m-apartment-mv {
    top: -40px;
    height: 330px;
  }
  .m-apartment-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-apartment-box {
    background: #FFF;
  }
  .m-apartment-column {
    display: flex;
    flex-flow: column-reverse nowrap;
  }
  .m-apartment-column-l {
    margin-bottom: 30px;
  }
  .m-apartment-column-l-txt {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .m-apartment-box-map {
    margin-bottom: 50px;
  }
  .m-apartment-column-r-title {
    margin-bottom: 30px;
  }
  .m-apartment-column-list-item a {
    padding: 0 30px;
  }
  .m-apartment-column-r-visual-list {
    margin-bottom: 10px;
  }
  .m-apartment-about {
    padding: 70px 0;
    overflow: hidden;
  }
  .m-apartment-about-column {
    flex-flow: column-reverse nowrap;
    margin-bottom: 50px;
  }
  .m-apartment-about-column.row {
    flex-flow: column-reverse nowrap;
  }
  .m-apartment-about-column.row .m-apartment-about-column-r {
    margin-right: 90px;
    position: relative;
    left: 0px;
  }
  .m-apartment-about-column-txt {
    margin-bottom: 30px;
  }
  /* ---------------------------
  link
  --------------------------- */
  /* ---------------------------
  list
  --------------------------- */
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin-top */
  .u-mt-5 {
    margin-top: 5px;
  }
  .u-mt-10 {
    margin-top: 5px;
  }
  .u-mt-15 {
    margin-top: 10px;
  }
  .u-mt-20 {
    margin-top: 10px;
  }
  .u-mt-25 {
    margin-top: 15px;
  }
  .u-mt-30 {
    margin-top: 15px;
  }
  .u-mt-35 {
    margin-top: 20px;
  }
  .u-mt-40 {
    margin-top: 20px;
  }
  .u-mt-45 {
    margin-top: 25px;
  }
  .u-mt-50 {
    margin-top: 25px;
  }
  .u-mt-60 {
    margin-top: 30px;
  }
  .u-mt-70 {
    margin-top: 35px;
  }
  .u-mt-80 {
    margin-top: 40px;
  }
  .u-mt-90 {
    margin-top: 45px;
  }
  .u-mt-100 {
    margin-top: 50px;
  }
  /* margin-bottom */
  .u-mb-5 {
    margin-bottom: 5px;
  }
  .u-mb-10 {
    margin-bottom: 5px;
  }
  .u-mb-15 {
    margin-bottom: 10px;
  }
  .u-mb-20 {
    margin-bottom: 10px;
  }
  .u-mb-25 {
    margin-bottom: 15px;
  }
  .u-mb-30 {
    margin-bottom: 15px;
  }
  .u-mb-35 {
    margin-bottom: 20px;
  }
  .u-mb-40 {
    margin-bottom: 20px;
  }
  .u-mb-45 {
    margin-bottom: 25px;
  }
  .u-mb-50 {
    margin-bottom: 25px;
  }
  .u-mb-60 {
    margin-bottom: 30px;
  }
  .u-mb-70 {
    margin-bottom: 35px;
  }
  .u-mb-80 {
    margin-bottom: 40px;
  }
  .u-mb-90 {
    margin-bottom: 45px;
  }
  .u-mb-100 {
    margin-bottom: 50px;
  }
  /* padding-top */
  .u-pt-5 {
    padding-top: 5px;
  }
  .u-pt-10 {
    padding-top: 5px;
  }
  .u-pt-15 {
    padding-top: 10px;
  }
  .u-pt-20 {
    padding-top: 10px;
  }
  .u-pt-25 {
    padding-top: 15px;
  }
  .u-pt-30 {
    padding-top: 15px;
  }
  .u-pt-35 {
    padding-top: 20px;
  }
  .u-pt-40 {
    padding-top: 20px;
  }
  .u-pt-45 {
    padding-top: 25px;
  }
  .u-pt-50 {
    padding-top: 25px;
  }
  .u-pt-60 {
    padding-top: 30px;
  }
  .u-pt-70 {
    padding-top: 35px;
  }
  .u-pt-80 {
    padding-top: 40px;
  }
  .u-pt-90 {
    padding-top: 45px;
  }
  .u-pt-100 {
    padding-top: 50px;
  }
  /* padding-bottom */
  .u-pb-5 {
    padding-bottom: 5px;
  }
  .u-pb-10 {
    padding-bottom: 5px;
  }
  .u-pb-15 {
    padding-bottom: 10px;
  }
  .u-pb-20 {
    padding-bottom: 10px;
  }
  .u-pb-25 {
    padding-bottom: 15px;
  }
  .u-pb-30 {
    padding-bottom: 15px;
  }
  .u-pb-35 {
    padding-bottom: 20px;
  }
  .u-pb-40 {
    padding-bottom: 20px;
  }
  .u-pb-45 {
    padding-bottom: 25px;
  }
  .u-pb-50 {
    padding-bottom: 25px;
  }
  .u-pb-60 {
    padding-bottom: 30px;
  }
  .u-pb-70 {
    padding-bottom: 35px;
  }
  .u-pb-80 {
    padding-bottom: 40px;
  }
  .u-pb-90 {
    padding-bottom: 45px;
  }
  .u-pb-100 {
    padding-bottom: 50px;
  }
  /* ---------------------------
  u-tabBtn
  --------------------------- */
  .u-text-10 {
    font-size: 1rem;
  }
  .u-text-11 {
    font-size: 1.1rem;
  }
  .u-text-12 {
    font-size: 1.2rem;
  }
  .u-text-13 {
    font-size: 1.3rem;
  }
  .u-text-14 {
    font-size: 1.4rem;
  }
  .u-text-15 {
    font-size: 1.5rem;
  }
  .u-text-16 {
    font-size: 1.6rem;
  }
  .u-text-18 {
    font-size: 1.8rem;
    line-height: 34px;
  }
  .u-text-19 {
    font-size: 1.9rem;
  }
  .u-text-20 {
    font-size: 2rem;
  }
  .u-text-22 {
    font-size: 2.2rem;
  }
  .u-text-24 {
    font-size: 2.4rem;
  }
  .u-text-26 {
    font-size: 2.6rem;
  }
  .u-text-28 {
    font-size: 2.8rem;
  }
  .u-text-30 {
    font-size: 3rem;
  }
  .u-text-32 {
    font-size: 3.2rem;
  }
  .u-text-36 {
    font-size: 3.6rem;
  }
  .u-text-40 {
    font-size: 4rem;
  }
  .u-text-42 {
    font-size: 4.2rem;
    letter-spacing: 3px;
  }
  .u-text-46 {
    font-size: 4.6rem;
    letter-spacing: 3px;
  }
  .u-text-50 {
    font-size: 5rem;
    letter-spacing: 3px;
  }
  .u-text-54 {
    font-size: 5.4rem;
  }
  .u-text-58 {
    font-size: 5.8rem;
  }
  .u-text-60 {
    font-size: 6rem;
  }
  .u-text-64 {
    font-size: 6.4rem;
  }
  .u-text-80 {
    font-size: 8rem;
  }
  /* ---------------------------
  u-wysiwyg
  --------------------------- */
  .u-wysiwyg h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
  }
  .u-wysiwyg h2 {
    padding-bottom: 30px;
    font-size: 1.8rem;
  }
  .u-wysiwyg h3 {
    font-size: 1.24rem;
  }
  .u-wysiwyg h4 {
    font-size: 1.14rem;
  }
  .u-wysiwyg h5, .u-wysiwyg h6 {
    font-size: 1.1rem;
  }
  .u-wysiwyg blockquote {
    padding: 12px 15px;
    margin-bottom: 20px;
  }
  .u-wysiwyg .alignright, .u-wysiwyg .has-text-align-right {
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .u-wysiwyg .alignleft, .u-wysiwyg .has-text-align-left {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .u-ff-sansen-r {
    font-weight: 400;
  }
  .u-ff-sansen-b {
    font-weight: 700;
  }
  .u-ff-sansen-h {
    font-weight: 900;
  }
  .u-ff-b {
    font-weight: bold;
  }
  .u-ls-5 {
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 767px) {
  /* ==========================================================================
     SP
     ========================================================================== */
  @font-face {
    font-family: "TimesNow-SemiLight";
    src: url("/common/fonts/TimesNow-SemiLight/font.woff") format("woff");
    src: url("/common/fonts/TimesNow-SemiLight/font.woff2") format("woff");
  }
  .pc-Only {
    display: none;
  }
  .sp-Only {
    display: block;
  }
  .wrapin-sp {
    padding: 0 20px;
  }
  /* ---------------------------
  module
  --------------------------- */
  .m-breadcrumbs {
    margin-bottom: 20px;
  }
  #swipebox-close {
    top: 50px !important;
  }
  /*=============================
  .btn-trigger
  =============================*/
  /*=============================
  #btn01
  =============================*/
  .l-header-sp-nav {
    top: 0px;
    left: 0;
    width: 100%;
    padding: 100px 30px;
  }
  /*============================
  #sns.m-footer
  ============================*/
  /* ---------------------------
  l-post
  --------------------------- */
  .l-post-main {
    margin-bottom: 30px;
  }
  .l-post-side-sec:not(:last-child) {
    margin-bottom: 20px;
  }
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap-sp {
    padding: 0 20px;
    padding: 0 15px;
  }
  /*---------------------------
  btn
  ---------------------------*/
  .m-btn01 {
    width: 100%;
    font-size: 1.2rem;
    padding: 12px;
  }
  .m-btn01.c {
    position: relative;
  }
  .m-btn01.c-orange {
    background: #BA5D83;
  }
  .m-btn01.c-orange:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-wh-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 9px;
  }
  .m-btn01.c-orange-border {
    border: 1px solid #ef7e17;
    width: 88%;
    font-size: 1.4rem;
    margin: 0 20px;
    color: #BA5D83;
  }
  .m-btn01.c-orange-border:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(/common/img/base/c-or2-allow.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 13px;
  }
  /* ---------------------------
  btns1col
  --------------------------- */
  /* ---------------------------
  h
  --------------------------- */
  .m-pcFrame-h {
    display: none;
  }
  .m-pcFrame-ribbon {
    display: none;
  }
  .m-header {
    width: 100%;
  }
  /*============================
  #btn01.btn-trigger
  ============================*/
  .m-header-nav {
    width: 100%;
  }
  .m-header-sns {
    width: 282px;
  }
  .m-mv-visual {
    text-align: right;
  }
  .m-mv-title {
    text-align: center;
  }
  /*============================
  #menu.m-menu
  ============================*/
  .m-menu-list-item {
    text-align: center;
  }
  /*============================
  #mini.m-mini
  ============================*/
  .m-mini-txt {
    max-width: 375px;
    margin: 0 auto 22px;
  }
  .m-mini-recommended-btns-scroll {
    width: 100%;
  }
  /*============================
  #cup.m-cup
  ============================*/
  /*============================
  .m-decolation
  ============================*/
  .m-decolation-recommended-btns-scroll {
    width: 100%;
  }
  /*============================
  #baked.m-baked
  ============================*/
  /*============================
  #kids.m-kids
  ============================*/
  #kids.m-kids {
    background: #F9F8F4;
    background-image: url(/common/img/kids/bg.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
  }
  /*============================
  #concept.m-concept
  ============================*/
  /*============================
  #pastry.m-pastry
  ============================*/
  /*============================
  #qa.m-qa
  ============================*/
  /*============================
  .m-access
  ============================*/
  .m-register-box {
    padding: 50px 20px;
  }
  .m-register-box-title {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .mod-register-dl {
    display: flex;
    margin-bottom: 20px;
    flex-flow: column nowrap;
  }
  .mod-register-dt {
    margin-bottom: 5px;
  }
  .mod-register-dd {
    width: 100%;
  }
  /*============================
  #preferred
  ============================*/
  /*============================
  #contactyou
  ============================*/
  /*============================
  #submit.mod-input-btn
  ============================*/
  .mod-form-table01 {
    display: block;
    font-size: 1.6rem;
    padding: 0 20px;
  }
  .mod-form-table01 tbody {
    display: block;
  }
  .mod-form-table01 th {
    display: block;
  }
  .mod-form-table01 tr {
    display: block;
    margin-bottom: 10px;
  }
  .mod-formSec01-btns {
    flex-flow: column nowrap;
  }
  .m-top-scloll span {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
  }
  @keyframes sdb {
    0% {
      transform: rotate(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: rotate(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
  }
  .m-top-video {
    background: url(/common/img/top/sp-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 65vh;
  }
  #bg-video {
    display: none;
  }
  .m-top-video-in {
    height: 70vh;
  }
  .m-top-video-icon {
    top: 40%;
  }
  .m-top-coming-title {
    font-size: 2rem;
  }
  .m-top-about {
    padding: 45px 15px 45px;
  }
  .m-top-about-title {
    font-size: 2rem;
    line-height: 1.5;
  }
  .m-top-about-txt01 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 50px;
  }
  .m-top-about-txt02 {
    font-size: 2.5rem;
  }
  .m-top-about-list {
    flex-flow: column nowrap;
  }
  .m-top-about-list-item {
    width: 100%;
    margin-bottom: 15px;
  }
  .m-top-about-list-item-r {
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .m-top-foot .l-wrap-1120 {
    flex-flow: column nowrap;
    justify-content: center;
    text-align: center;
  }
  .m-top-foot-list {
    display: block;
    justify-content: center;
  }
  .m-top-foot-list-item {
    margin-bottom: 10px;
  }
  .m-model-mv-bg {
    background: #353535;
  }
  .m-bread {
    padding-top: 23px;
  }
  .m-bread-item {
    font-size: 1.2rem;
  }
  .m-model-mv-title {
    padding-top: 80px;
    font-size: 3rem;
  }
  .m-model-mv-title:before {
    content: "";
    background: url(/common/img/model/title-allow.svg) no-repeat;
    width: 168px;
    height: 50px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .m-model-mv-txt {
    font-size: 1.2rem;
    margin-bottom: 40px;
  }
  .m-model-mv-txt span {
    padding-left: 10px;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
  .m-model-mv-img {
    margin: 0 -30px 50px;
  }
  .m-model-mv-img:after {
    content: "";
    width: 2px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    margin: 0 auto;
    background: #6296BB;
  }
  .m-model-mv-copy {
    font-size: 1.5rem !important;
    margin-bottom: 60px;
  }
  .m-model-mv-copy br {
    display: none;
  }
  .m-model-about {
    margin-bottom: 50px;
  }
  .m-model-about-column {
    flex-flow: column-reverse nowrap;
  }
  .m-model-about-column:before {
    content: "";
    background: #EFECEB;
    width: 92%;
    height: 520px;
    position: absolute;
    left: 50px;
    bottom: -30px;
    z-index: -1;
  }
  .m-model-about-column-large {
    margin-bottom: 10px;
  }
  .m-model-about-column-large img {
    width: 100%;
  }
  .m-model-column-title {
    letter-spacing: 4px;
    font-size: 4rem;
    position: relative;
    z-index: 1;
  }
  .m-model-column-subtitle {
    padding: 8px 5px 0 0;
    margin-bottom: 15px;
  }
  .m-model-column-subtitle-info {
    margin-bottom: 20px;
  }
  .m-model-about-column-small {
    margin-bottom: 20px;
  }
  .m-model-about-column-small-item {
    width: 48%;
  }
  .m-model-about-column-small-item img {
    width: 100%;
  }
  .m-model-about-column-txt {
    font-size: 1.4rem !important;
    line-height: 2;
  }
  .m-model-room {
    margin-bottom: 20px;
  }
  .m-model-room-column {
    flex-flow: column nowrap;
    position: relative;
    z-index: 1;
  }
  .m-model-room-column-r-dl {
    display: block;
    padding: 5px;
  }
  .m-model-room-column-r-dt {
    font-family: "Yu Mincho", "YuMincho", serif;
    padding-bottom: 5px;
  }
  .m-model-room-column-r-check {
    margin-top: 25px;
    padding: 20px 20px;
  }
  .m-model-room-column-r-check-flex-l {
    margin-bottom: 20px;
  }
  .m-model-room-column-r-check-flex-l li {
    font-size: 1.8rem;
  }
  .m-model-room-column-r-check-flex-r a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #284664;
    font-size: 1.4rem;
    width: 200px;
    height: 40px;
    color: #FFF;
    border-radius: 30px;
    position: relative;
    top: 0px;
    right: 0px;
  }
  .m-model-facility {
    padding: 18px 0 30px;
  }
  .m-model-root {
    padding: 70px 0 35px;
  }
  .m-model-root-column {
    margin-bottom: 35px;
    flex-flow: column nowrap;
  }
  .m-model-root-column-l {
    position: relative;
    z-index: 1;
  }
  .m-model-root-column-r {
    margin: 20px -30px 0;
  }
  .m-model-other {
    padding: 40px 0px 50px;
    position: relative;
    top: -30px;
  }
  .m-model-other-title {
    margin-bottom: 35px;
  }
  .m-model-other-list .slick-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 68px;
    left: -15px;
    z-index: 1;
    background: #FFF;
    border-radius: 30px;
  }
  .m-model-other-list .slick-next {
    width: 30px;
    height: 30px;
    transform: rotateZ(180deg);
    top: 60px;
    right: -15px;
    position: absolute;
    z-index: 1;
    background: #FFF;
    border-radius: 30px;
  }
  .m-model-other-list-item {
    padding: 20px 0;
  }
  .m-model-other-list-item-num {
    font-size: 3rem;
  }
  .pctb-Only {
    display: none;
  }
  .pc-Only {
    display: none !important;
  }
  .tb-Only {
    display: none;
  }
  /* ---------------------------
  m-post
  --------------------------- */
  /* ---------------------------
  m-table01
  --------------------------- */
  /*---------------------------
  Page
  ---------------------------*/
  .m-brand {
    padding-top: 100px;
  }
  .m-brand-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-brand-story {
    padding: 70px 0;
  }
  .m-brand-story-title01 {
    margin-bottom: 25px;
  }
  .m-brand-story-txt01 {
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 1.5rem !important;
  }
  .m-brand-life {
    padding: 70px 0;
  }
  .m-brand-life-title01 {
    width: 200px;
    margin: 0 auto 45px;
  }
  .m-brand-life-title02 {
    margin-bottom: 45px;
  }
  .m-brand-life-dl {
    margin-bottom: 45px;
  }
  .m-niseko {
    padding: 0 0 0px;
  }
  .m-niseko-top {
    height: 295px;
  }
  .m-niseko-box {
    padding: 45px 0;
  }
  .m-niseko-mv {
    height: 330px;
    top: -90px;
    margin-bottom: -90px;
  }
  .m-niseko-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-niseko-mv-txt br {
    display: none;
  }
  .m-niseko-in-column {
    margin-bottom: 50px;
    flex-flow: column-reverse nowrap;
  }
  .m-niseko-in-column.m-row {
    flex-flow: column-reverse nowrap;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-l {
    max-width: 700px;
    width: 100%;
    position: relative;
    right: 0px;
    left: auto;
  }
  .m-niseko-in-column.m-row .m-niseko-in-column-r {
    max-width: 510px;
    width: 100%;
    position: relative;
    left: 0px;
    right: auto;
  }
  .m-niseko-in-column-img {
    width: 100%;
  }
  .m-niseko-in-column-img img {
    width: 100%;
  }
  .m-niseko-in-txt {
    margin-bottom: 30px;
  }
  .m-project-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-project-timeline {
    padding: 70px 0;
  }
  .m-project-timeline-title {
    margin-bottom: 25px;
  }
  .m-project-overview-txt {
    margin-bottom: 30px;
  }
  .m-project-timeline-dl {
    margin-bottom: 15px;
  }
  .m-project-timeline-dt {
    width: 130px;
    margin-bottom: 5px;
  }
  .m-project-timeline-dd span {
    margin: 0 10px 0 0;
    background: #FFF;
    border: 2px solid #004178;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    z-index: 2;
    display: none;
  }
  .m-project-timeline-dd span:after {
    content: "";
    background: #004178;
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: -100px;
    z-index: 1;
    left: 7px;
    display: none;
  }
  .m-project-overview {
    padding: 65px 0;
  }
  .m-project-overview-title {
    margin-bottom: 20px;
  }
  .m-project-overview-dd {
    width: 50%;
  }
  .m-project-partner {
    padding: 60px 0;
  }
  .m-project-partner-title {
    margin-bottom: 40px;
  }
  .m-project-partner-list {
    margin-bottom: 50px;
  }
  .m-project-partner-list-item {
    margin-bottom: 10px;
  }
  .m-project-column-l {
    margin-bottom: 50px;
  }
  .m-project-column-dl {
    margin-bottom: 30px;
  }
  .m-amenities-top {
    height: 295px;
  }
  .m-amenities-box {
    padding: 50px 0;
  }
  .m-amenities-mv {
    top: -40px;
    height: 330px;
  }
  .m-amenities-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-amenities-box {
    background: #FFF;
  }
  .m-amenities-column-l {
    margin-bottom: 30px;
  }
  .m-amenities-column-l-txt {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .m-amenities-box-map {
    margin-bottom: 50px;
  }
  .m-amenities-column-r-title {
    margin-bottom: 30px;
  }
  .m-amenities-column-list-item {
    margin: 0 10px 40px 0;
  }
  .m-amenities-infinity {
    padding: 0px 0 30px;
  }
  .m-amenities-infinity-column {
    flex-flow: column nowrap;
    margin-bottom: 0px;
  }
  .m-amenities-infinity-column-l {
    margin-bottom: 30px;
  }
  .m-amenities-infinity-column-r {
    padding: 30px 15px 30px 15px;
  }
  .m-amenities-infinity-column-title {
    margin-bottom: 15px;
  }
  .m-amenities-infinity-column-bottom {
    padding: 0 15px;
    flex-flow: column-reverse nowrap;
  }
  .m-amenities-infinity-column-bottom-title {
    margin-bottom: 15px;
  }
  .m-amenities-infinity-column-bottom-txt {
    margin-bottom: 30px;
  }
  .m-amenities-infinity-column-bottom-img {
    margin-bottom: 30px;
  }
  .m-amenities-infinity-column-bottom-img img {
    width: 100%;
  }
  .m-amenities-infinity-column-bottom-r {
    margin-bottom: 30px;
  }
  .m-amenities-visual {
    height: 350px;
  }
  .m-amenities-about {
    padding: 60px 0;
  }
  .m-amenities-about-dining {
    margin-bottom: 50px;
  }
  .m-amenities-about-dining .l-wrap-1300 {
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
  }
  .m-amenities-about-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-valet {
    margin-bottom: 0px;
  }
  .m-amenities-about-valet-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-lounge {
    margin-bottom: 50px;
  }
  .m-amenities-about-lounge-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-column-txt {
    margin-bottom: 30px;
  }
  .m-amenities-about-column-c {
    margin-bottom: 30px;
  }
  .m-amenities-about-column-r {
    margin-bottom: 30px;
  }
  .m-location-top {
    height: 295px;
  }
  .m-location-mv {
    position: relative;
    top: -90px;
    height: 330px;
    padding: 50px 15px 0 15px;
  }
  .m-location-mv a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004178;
    width: 200px;
    height: 60px;
    color: #FFF;
  }
  .m-location-mv a span {
    margin-right: 20px;
  }
  .m-location-main {
    padding-bottom: 45px;
  }
  .m-location-main-title {
    font-size: 2.2rem !important;
  }
  .m-location-main-title.u-text-18 {
    font-size: 1.6rem !important;
  }
  .m-location-main-title.u-text-20 {
    font-size: 1.6rem !important;
  }
  .m-location-map {
    background-size: contain;
    background-position: top center;
    padding: 0 0 50px;
  }
  .m-location-access {
    background: #FFF;
    padding: 50px 0;
  }
  .m-location-access-column {
    flex-flow: column-reverse nowrap;
  }
  .m-location-access-column-l iframe {
    width: 100%;
    height: 200px;
  }
  .m-location-access-column-title {
    padding-top: 0px;
    margin-left: 0px;
  }
  .m-location-access-column-r-txt {
    margin-bottom: 25px;
  }
  .m-uniqueness-top {
    height: 295px;
  }
  .m-uniqueness-mv {
    top: -40px;
    height: 330px;
  }
  .m-uniqueness-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-uniqueness-main {
    padding-bottom: 45px;
  }
  .m-uniqueness-visual-list-item {
    height: 230px;
    text-align: center;
  }
  .m-uniqueness-location {
    padding: 75px 0 45px;
  }
  .m-uniqueness-location-txt br {
    display: none;
  }
  .m-uniqueness-location-map {
    height: 400px;
    margin-bottom: 75px;
  }
  .m-uniqueness-location-map iframe {
    width: 100%;
    height: 400px;
  }
  .m-uniqueness-flawless {
    padding: 65px 0;
  }
  .m-uniqueness-flawless-title {
    margin-bottom: 15px;
  }
  .m-uniqueness-flawless-txt {
    margin-bottom: 25px;
  }
  .m-uniqueness-flawless-img {
    margin-bottom: 25px;
  }
  .m-uniqueness-flawless-link {
    margin: 0 auto 50px;
  }
  .m-uniqueness-flawless-r {
    width: 100%;
  }
  .m-uniqueness-flawless-mv {
    background: url(/common/img/uniqueness/flawless-mv.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 400px;
  }
  .m-uniqueness-infinity {
    padding: 65px 0;
  }
  .m-uniqueness-infinity .l-wrap-1300 {
    display: flex;
    position: relative;
    z-index: 1;
    flex-flow: column-reverse nowrap;
  }
  .m-uniqueness-infinity-title {
    margin-bottom: 15px;
  }
  .m-uniqueness-infinity-txt {
    margin-bottom: 30px;
  }
  .m-uniqueness-infinity-link {
    margin: 0 auto 30px;
  }
  .m-uniqueness-arch {
    padding: 60px 0 50px;
  }
  .m-uniqueness-arch-visual {
    margin-bottom: 20px;
  }
  .m-uniqueness-arch-title {
    margin-bottom: 20px;
  }
  .m-uniqueness-arch-txt {
    margin-bottom: 40px;
  }
  .m-uniqueness-arch-list {
    margin-bottom: 40px;
  }
  .m-uniqueness-arch-list-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .m-uniqueness-arch-list-item-img01 {
    margin-bottom: 30px;
  }
  .m-uniqueness-arch-list-item-img01 img {
    width: 100%;
  }
  .m-uniqueness-arch-list-item-title {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  .m-uniqueness-garden-title {
    margin-bottom: 25px;
  }
  .m-uniqueness-garden-column {
    padding: 0 30px;
  }
  .m-uniqueness-garden-column-txt {
    margin-bottom: 20px;
  }
  .m-uniqueness-garden-column-r-list-item {
    width: 100%;
  }
  .m-uniqueness-garden-column-r-list-item-l {
    width: 50%;
    height: 90px;
  }
  .m-uniqueness-garden-column-r-list-item-r {
    width: 50%;
    height: 90px;
  }
  .m-gallery-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-gallery-box-list {
    margin: 0 auto 50px !important;
    width: 100% !important;
  }
  .m-gallery-box-list-item {
    width: 100%;
  }
  .m-gallery-box-list-item.m-text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #14141E;
    width: 100%;
    height: 200px;
    color: #FFF;
    font-size: 2.8rem;
    text-align: center;
  }
  .m-gallery-box-list-item img {
    width: 100%;
  }
  .unit-parent1 {
    grid-template-columns: 1fr;
  }
  .unit-parent1 div {
    height: 300px;
  }
  .unit-parent1 .unit-div1 {
    height: auto;
  }
  .unit-parent1 .unit-div2 {
    background: url(/common/img/gallery/unit/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div3 {
    background: url(/common/img/gallery/unit/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div4 {
    background: url(/common/img/gallery/unit/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div5 {
    background: url(/common/img/gallery/unit/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div6 {
    background: url(/common/img/gallery/unit/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div7 {
    background: url(/common/img/gallery/unit/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div8 {
    background: url(/common/img/gallery/unit/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div9 {
    background: url(/common/img/gallery/unit/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div10 {
    background: url(/common/img/gallery/unit/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div11 {
    background: url(/common/img/gallery/unit/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div12 {
    background: url(/common/img/gallery/unit/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div13 {
    background: url(/common/img/gallery/unit/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent1 .unit-div14 {
    background: url(/common/img/gallery/unit/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 {
    grid-template-columns: 1fr;
  }
  .unit-parent2 div {
    height: 300px;
  }
  .unit-parent2 .unit-div15 {
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div16 {
    background: url(/common/img/gallery/unit/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div17 {
    background: url(/common/img/gallery/unit/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div18 {
    background: url(/common/img/gallery/unit/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div19 {
    background: url(/common/img/gallery/unit/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div20 {
    background: url(/common/img/gallery/unit/item19.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div21 {
    background: url(/common/img/gallery/unit/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div22 {
    background: url(/common/img/gallery/unit/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div23 {
    background: url(/common/img/gallery/unit/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div24 {
    background: url(/common/img/gallery/unit/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div25 {
    background: url(/common/img/gallery/unit/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div26 {
    background: url(/common/img/gallery/unit/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div27 {
    background: url(/common/img/gallery/unit/item26.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent2 .unit-div28 {
    background: url(/common/img/gallery/unit/item27.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 {
    grid-template-columns: 1fr;
  }
  .unit-parent3 div {
    height: 300px;
  }
  .unit-parent3 .unit-div29 {
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div30 {
    background: url(/common/img/gallery/unit/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div31 {
    background: url(/common/img/gallery/unit/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .unit-parent3 .unit-div32 {
    background: url(/common/img/gallery/unit/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 {
    grid-template-columns: 1fr;
  }
  .buliding-parent1 div {
    height: 300px;
  }
  .buliding-parent1 .building-div01 {
    height: auto;
  }
  .buliding-parent1 .building-div02 {
    background: url(/common/img/gallery/buliding/item01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div03 {
    background: url(/common/img/gallery/buliding/item02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div04 {
    background: url(/common/img/gallery/buliding/item03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div05 {
    background: url(/common/img/gallery/buliding/item04.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div06 {
    background: url(/common/img/gallery/buliding/item05.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div07 {
    background: url(/common/img/gallery/buliding/item06.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div08 {
    background: url(/common/img/gallery/buliding/item07.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div09 {
    background: url(/common/img/gallery/buliding/item08.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div10 {
    background: url(/common/img/gallery/buliding/item09.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div11 {
    background: url(/common/img/gallery/buliding/item10.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div12 {
    background: url(/common/img/gallery/buliding/item11.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div13 {
    background: url(/common/img/gallery/buliding/item12.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div14 {
    background: url(/common/img/gallery/buliding/item13.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div15 {
    background: url(/common/img/gallery/buliding/item14.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div16 {
    background: url(/common/img/gallery/buliding/item15.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div17 {
    background: url(/common/img/gallery/buliding/item16.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div18 {
    background: url(/common/img/gallery/buliding/item17.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent1 .building-div19 {
    background: url(/common/img/gallery/buliding/item18.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 {
    grid-template-columns: 1fr;
  }
  .buliding-parent2 div {
    height: 300px;
  }
  .buliding-parent2 .building-div20 {
    background: url(/common/img/gallery/buliding/item20.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div21 {
    background: url(/common/img/gallery/buliding/item21.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div22 {
    background: url(/common/img/gallery/buliding/item22.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div23 {
    background: url(/common/img/gallery/buliding/item23.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div24 {
    background: url(/common/img/gallery/buliding/item24.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .buliding-parent2 .building-div25 {
    background: url(/common/img/gallery/buliding/item25.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .m-news-top {
    height: 230px;
    padding-top: 100px;
  }
  .m-news-box {
    padding: 50px 15px;
  }
  .m-news-box .l-wrap-1100 {
    background: #FFF;
    padding: 30px 30px 80px;
  }
  .m-news-box-list-item {
    padding: 20px 0;
  }
  .m-news-box-list-item-l {
    max-width: 100%;
    background-size: cover;
    background-position: center top;
    margin-bottom: 20px;
  }
  .m-apartment-top {
    height: 295px;
  }
  .m-apartment-box {
    padding: 50px 0;
  }
  .m-apartment-mv {
    top: -40px;
    height: 330px;
  }
  .m-apartment-mv div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 15px;
  }
  .m-apartment-box {
    background: #FFF;
  }
  .m-apartment-column {
    display: flex;
    flex-flow: column-reverse nowrap;
  }
  .m-apartment-column-l {
    margin-bottom: 30px;
  }
  .m-apartment-column-l-txt {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .m-apartment-box-map {
    margin-bottom: 50px;
  }
  .m-apartment-column-r-title {
    margin-bottom: 30px;
  }
  .m-apartment-column-list-item a {
    padding: 0 30px;
  }
  .m-apartment-column-r-visual-list {
    margin-bottom: 10px;
  }
  .m-apartment-about {
    padding: 70px 0;
    overflow: hidden;
  }
  .m-apartment-about-column {
    flex-flow: column-reverse nowrap;
    margin-bottom: 50px;
  }
  .m-apartment-about-column.row {
    flex-flow: column-reverse nowrap;
  }
  .m-apartment-about-column.row .m-apartment-about-column-r {
    margin-right: 90px;
    position: relative;
    left: 0px;
  }
  .m-apartment-about-column-txt {
    margin-bottom: 30px;
  }
  /* ---------------------------
  link
  --------------------------- */
  /* ---------------------------
  list
  --------------------------- */
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin-top */
  .u-mt-5 {
    margin-top: 5px;
  }
  .u-mt-10 {
    margin-top: 5px;
  }
  .u-mt-15 {
    margin-top: 10px;
  }
  .u-mt-20 {
    margin-top: 10px;
  }
  .u-mt-25 {
    margin-top: 15px;
  }
  .u-mt-30 {
    margin-top: 15px;
  }
  .u-mt-35 {
    margin-top: 20px;
  }
  .u-mt-40 {
    margin-top: 20px;
  }
  .u-mt-45 {
    margin-top: 25px;
  }
  .u-mt-50 {
    margin-top: 25px;
  }
  .u-mt-60 {
    margin-top: 30px;
  }
  .u-mt-70 {
    margin-top: 35px;
  }
  .u-mt-80 {
    margin-top: 40px;
  }
  .u-mt-90 {
    margin-top: 45px;
  }
  .u-mt-100 {
    margin-top: 50px;
  }
  /* margin-bottom */
  .u-mb-5 {
    margin-bottom: 5px;
  }
  .u-mb-10 {
    margin-bottom: 5px;
  }
  .u-mb-15 {
    margin-bottom: 10px;
  }
  .u-mb-20 {
    margin-bottom: 10px;
  }
  .u-mb-25 {
    margin-bottom: 15px;
  }
  .u-mb-30 {
    margin-bottom: 15px;
  }
  .u-mb-35 {
    margin-bottom: 20px;
  }
  .u-mb-40 {
    margin-bottom: 20px;
  }
  .u-mb-45 {
    margin-bottom: 25px;
  }
  .u-mb-50 {
    margin-bottom: 25px;
  }
  .u-mb-60 {
    margin-bottom: 30px;
  }
  .u-mb-70 {
    margin-bottom: 35px;
  }
  .u-mb-80 {
    margin-bottom: 40px;
  }
  .u-mb-90 {
    margin-bottom: 45px;
  }
  .u-mb-100 {
    margin-bottom: 50px;
  }
  /* padding-top */
  .u-pt-5 {
    padding-top: 5px;
  }
  .u-pt-10 {
    padding-top: 5px;
  }
  .u-pt-15 {
    padding-top: 10px;
  }
  .u-pt-20 {
    padding-top: 10px;
  }
  .u-pt-25 {
    padding-top: 15px;
  }
  .u-pt-30 {
    padding-top: 15px;
  }
  .u-pt-35 {
    padding-top: 20px;
  }
  .u-pt-40 {
    padding-top: 20px;
  }
  .u-pt-45 {
    padding-top: 25px;
  }
  .u-pt-50 {
    padding-top: 25px;
  }
  .u-pt-60 {
    padding-top: 30px;
  }
  .u-pt-70 {
    padding-top: 35px;
  }
  .u-pt-80 {
    padding-top: 40px;
  }
  .u-pt-90 {
    padding-top: 45px;
  }
  .u-pt-100 {
    padding-top: 50px;
  }
  /* padding-bottom */
  .u-pb-5 {
    padding-bottom: 5px;
  }
  .u-pb-10 {
    padding-bottom: 5px;
  }
  .u-pb-15 {
    padding-bottom: 10px;
  }
  .u-pb-20 {
    padding-bottom: 10px;
  }
  .u-pb-25 {
    padding-bottom: 15px;
  }
  .u-pb-30 {
    padding-bottom: 15px;
  }
  .u-pb-35 {
    padding-bottom: 20px;
  }
  .u-pb-40 {
    padding-bottom: 20px;
  }
  .u-pb-45 {
    padding-bottom: 25px;
  }
  .u-pb-50 {
    padding-bottom: 25px;
  }
  .u-pb-60 {
    padding-bottom: 30px;
  }
  .u-pb-70 {
    padding-bottom: 35px;
  }
  .u-pb-80 {
    padding-bottom: 40px;
  }
  .u-pb-90 {
    padding-bottom: 45px;
  }
  .u-pb-100 {
    padding-bottom: 50px;
  }
  /* ---------------------------
  u-tabBtn
  --------------------------- */
  .u-text-10 {
    font-size: 1rem;
  }
  .u-text-11 {
    font-size: 1.1rem;
  }
  .u-text-12 {
    font-size: 1.2rem;
  }
  .u-text-13 {
    font-size: 1.3rem;
  }
  .u-text-14 {
    font-size: 1.4rem;
  }
  .u-text-15 {
    font-size: 1.5rem;
  }
  .u-text-16 {
    font-size: 1.6rem;
  }
  .u-text-18 {
    font-size: 1.8rem;
    line-height: 34px;
  }
  .u-text-19 {
    font-size: 1.9rem;
  }
  .u-text-20 {
    font-size: 2rem;
  }
  .u-text-22 {
    font-size: 2.2rem;
  }
  .u-text-24 {
    font-size: 2.4rem;
  }
  .u-text-26 {
    font-size: 2.6rem;
  }
  .u-text-28 {
    font-size: 2.8rem;
  }
  .u-text-30 {
    font-size: 3rem;
  }
  .u-text-32 {
    font-size: 3.2rem;
  }
  .u-text-36 {
    font-size: 3.6rem;
  }
  .u-text-40 {
    font-size: 4rem;
  }
  .u-text-42 {
    font-size: 4.2rem;
    letter-spacing: 3px;
  }
  .u-text-46 {
    font-size: 4.6rem;
    letter-spacing: 3px;
  }
  .u-text-50 {
    font-size: 5rem;
    letter-spacing: 3px;
  }
  .u-text-54 {
    font-size: 5.4rem;
  }
  .u-text-58 {
    font-size: 5.8rem;
  }
  .u-text-60 {
    font-size: 6rem;
  }
  .u-text-64 {
    font-size: 6.4rem;
  }
  .u-text-80 {
    font-size: 8rem;
  }
  /* ---------------------------
  u-wysiwyg
  --------------------------- */
  .u-wysiwyg h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
  }
  .u-wysiwyg h2 {
    padding-bottom: 30px;
    font-size: 1.8rem;
  }
  .u-wysiwyg h3 {
    font-size: 1.24rem;
  }
  .u-wysiwyg h4 {
    font-size: 1.14rem;
  }
  .u-wysiwyg h5, .u-wysiwyg h6 {
    font-size: 1.1rem;
  }
  .u-wysiwyg blockquote {
    padding: 12px 15px;
    margin-bottom: 20px;
  }
  .u-wysiwyg .alignright, .u-wysiwyg .has-text-align-right {
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .u-wysiwyg .alignleft, .u-wysiwyg .has-text-align-left {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .u-ff-sansen-r {
    font-weight: 400;
  }
  .u-ff-sansen-b {
    font-weight: 700;
  }
  .u-ff-sansen-h {
    font-weight: 900;
  }
  .u-ff-b {
    font-weight: bold;
  }
  .u-ls-5 {
    letter-spacing: 5px;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .stack-cards__item.item1 {
    position: absolute;
    width: 290px;
    height: auto;
    right: -38px;
    top: 77px;
    z-index: 1;
    transform: translateX(200px);
    opacity: 0;
    transition: 2s;
  }
  .stack-cards__item.item1.on {
    transform: translateX(0px);
    opacity: 1;
  }
  .stack-cards__item.item2 {
    position: absolute;
    width: 290px;
    height: auto;
    left: -36px;
    top: 106px;
    transform: translateX(-200px);
    opacity: 0;
    transition: 2s;
  }
  .stack-cards__item.item2.on {
    transform: translateX(0px);
    opacity: 1;
  }
  .stack-cards__item.item3 {
    position: absolute;
    width: 290px;
    height: auto;
    right: -29px;
    top: 432px;
    transform: translateX(200px);
    opacity: 0;
    transition: 2s;
  }
  .stack-cards__item.item3.on {
    transform: translateX(0px);
    opacity: 1;
  }
  .stack-cards__item.item4 {
    position: absolute;
    width: 290px;
    height: auto;
    left: -25px;
    top: 459px;
    transform: translateX(-200px);
    opacity: 0;
    transition: 2s;
  }
  .stack-cards__item.item4.on {
    transform: translateX(0px);
    opacity: 1;
  }
}
.iten {
  position: relative;
  padding: 0 15px;
  margin: 40px auto;
}
.iten h2 {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  text-align: center;
  width: 120px;
  border-radius: 20px;
  padding: 10px;
  margin: auto;
  background: #97C2C9;
  color: #ffffff;
}
.iten p {
  font-size: 1.5rem;
  line-height: 24px;
  border-radius: 5px;
  padding: 30px 20px 20px;
  margin-bottom: 10px;
  background: #F9F8F4;
}