@charset "UTF-8";

.main.feature{
  padding-top: 0 !important;
}

.main.feature .inner{
  width: auto !important;
  padding: 0;
}

.banner-slider-wrap {
  margin-top: 0 !important;
}

/**,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;*/

img {
  max-width: 100%;
  vertical-align: bottom;
}

ol,
ul {
  list-style: none;
}

a,
a:focus,
a:hover {
  text-decoration: none;
}

/* ----------------------------------------------------
foundation - base
---------------------------------------------------- */
/*html {
  font-size: 62.5%;
}*/

body {
  position: relative;
  width: 100%;
/*  font-family: "Zen Kaku Gothic Antique", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;*/
  text-align: center;
}

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

/* ----------------------------------------------------
layout
---------------------------------------------------- */
.l-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.l-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.l-header {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.l-main {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.l-footer {
  position: relative;
  width: 100%;
  padding: 48px 0 120px;
  margin: 0 auto;
  background-color: #f8f7f3;
}
@media screen and (width < 768px) {
  .l-footer {
    padding: 32px 16px 88px;
  }
}

/* ----------------------------------------------------
Object - Component
---------------------------------------------------- */
.c-section {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.c-heading__level2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-weight: 400;
  color: #4e3412;
}
.c-heading__level2 .-en {
  margin: -10px 0 8px;
  font-family: Jost, sans-serif;
  font-size: 3.2rem;
}
@media screen and (width < 768px) {
  .c-heading__level2 .-en {
    font-size: 2.4rem;
  }
}
.c-heading__level2 .-ja {
  font-size: 1.2rem;
}
.c-heading__level3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Libre Baskerville", serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  color: #4e3412;
  text-align: center;
}
.c-heading__level3::before, .c-heading__level3::after {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  content: "";
  background-color: #ccc;
}
.c-heading__level3::before {
  margin-right: 8px;
}
.c-heading__level3::after {
  margin-left: 8px;
}

.c-card__wrapper {
  width: 100%;
  background-color: #f8f7f3;
}
@media screen and (width < 768px) {
  .c-card__wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.c-card__wrapper:nth-child(2n) {
  background-color: #f4f1ec;
}

.c-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (width < 768px) {
  .c-card__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-card {
  max-width: 1000px;
  padding: 72px 10px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (width < 768px) {
  .c-card {
    padding: 56px 0;
  }
}
.c-card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: center;
  line-height: 1;
}
.c-card__number {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 30px;
}
@media screen and (width < 768px) {
  .c-card__number {
    margin-right: 36px;
  }
}
.c-card__number-1 {
  font-family: "Libre Baskerville", serif;
  font-size: 1.1rem;
  font-style: italic;
  color: #8d7c65;
}
@media screen and (width < 768px) {
  .c-card__number-1 {
    font-size: 1rem;
  }
}
.c-card__number-2 {
  font-family: Judson, sans-serif;
  font-size: 3.8rem;
  color: #dc742e;
  letter-spacing: -0.04em;
}
@media screen and (width < 768px) {
  .c-card__number-2 {
    font-size: 3rem;
  }
}
.c-card__number::after {
  position: absolute;
  top: 20px;
  right: -42px;
  display: block;
  width: 55px;
  height: 1px;
  content: "";
  background-color: #ccc;
  -webkit-transform: rotate(105deg);
  transform: rotate(105deg);
}
@media screen and (width < 768px) {
  .c-card__number::after {
    top: 16px;
    right: -40px;
    width: 50px;
  }
}
.c-card__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 24px;
}
@media screen and (width < 768px) {
  .c-card__detail {
    margin-top: 16px;
  }
}
.c-card__detail-logo {
  width: 160px;
  height: auto;
  margin-right: 36px;
}
@media screen and (width < 768px) {
  .c-card__detail-logo {
    width: 140px;
  }
}
.c-card__detail-info {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  color: #4e3412;
}
.c-card__detail-info .-floor {
  position: relative;
}
.c-card__detail-info .-floor::before {
  position: absolute;
  top: 4px;
  left: -24px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("../img/detail-floor.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-card__detail-info .-tel {
  position: relative;
  font-family: Jost, sans-serif;
  font-weight: 300;
}
.c-card__detail-info .-tel::before {
  position: absolute;
  top: 4px;
  left: -24px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("../img/detail-tel.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-card__detail-info .-link {
  position: relative;
}
.c-card__detail-info .-link::before {
  position: absolute;
  top: 4px;
  left: -24px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("../img/detail-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-card__detail-info .-link a {
  position: relative;
  color: #4e3412;
}
.c-card__detail-info .-link a::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #ccc;
}
.c-card__detail-info .-link a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0%;
  height: 1px;
  content: "";
  background-color: #4e3412;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-card__detail-info .-link a:hover::after {
  width: 100%;
}
.c-card__description {
  max-width: 456px;
  padding: 16px;
  margin-top: 24px;
  font-size: 1.6rem;
  line-height: 2;
  color: #1e1710;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  background-color: #f1efe8;
  border-radius: 4px;
}
@media screen and (width < 768px) {
  .c-card__description {
    max-width: 100%;
    font-size: 1.4rem;
  }
}
.c-card__description.-bg {
  background-color: #ede8e0;
}
.c-card__coordinate {
  max-width: 456px;
  margin-top: 24px;
  border-bottom: 1px solid #ccc;
}
@media screen and (width < 768px) {
  .c-card__coordinate {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    max-width: 100%;
  }
}
.c-card__coordinate .-brand {
  padding: 8px;
  font-size: 1.4rem;
  font-family: Jost, sans-serif;
  font-weight: 300;
}
@media screen and (width < 768px) {
  .c-card__coordinate .-brand {
    font-size: 1.2rem;
  }
}
.c-card__coordinate-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (auto)[3];
  grid-template-rows: repeat(3, auto);
  -ms-grid-columns: 24px 350px auto;
  grid-template-columns: 24px 350px auto;
  grid-row-gap: 10px;
  padding: 16px 8px;
  line-height: 1.6;
}
@media screen and (width < 768px) {
  .c-card__coordinate-items {
    -ms-grid-columns: 16px 1fr auto;
    grid-template-columns: 16px 1fr auto;
  }
}
.c-card__coordinate-items.-tomorrowland {
  padding: 4px;
}
.c-card__coordinate-items .-number {
  font-family: Judson, sans-serif;
  font-size: 1.8rem;
  font-style: italic;
  color: #dc742e;
}
@media screen and (width < 768px) {
  .c-card__coordinate-items .-number {
    font-size: 1.6rem;
  }
}
.c-card__coordinate-items .-item {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #4e3412;
}
@media screen and (width < 768px) {
  .c-card__coordinate-items .-item {
    font-size: 1.4rem;
  }
}
.c-card__coordinate-items .-price {
  font-family: Jost, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  color: #4e3412;
  text-align: right;
}
@media screen and (width < 768px) {
  .c-card__coordinate-items .-price {
    font-size: 1.2rem;
  }
}

.c-card__carousel {
  position: relative;
  max-width: 46.9387755102%;
}
@media screen and (width < 768px) {
  .c-card__carousel {
    max-width: 100%;
    margin-top: 24px;
  }
}

.c-note {
  width: 446px;
  padding: 24px 0 24px 16px;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}
@media screen and (width < 768px) {
  .c-note {
    width: 100%;
    padding: 12px 0 12px 16px;
  }
}
.c-note__list-wrapper {
  width: 100%;
}
.c-note__list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #4e3412;
  text-align: left;
}
@media screen and (width < 768px) {
  .c-note__list {
    font-size: 1.2rem;
  }
}
.c-note__item {
  position: relative;
}
.c-note__item::before {
  position: absolute;
  top: 0;
  left: -16px;
  content: "※";
}

/* ----------------------------------------------------
Object - Project
---------------------------------------------------- */
.-order-1 {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
@media screen and (width < 768px) {
  .-order-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

/* ----------------------------------------------------
Utility
---------------------------------------------------- */
.u-sp-only {
  display: none;
}
@media screen and (width < 768px) {
  .u-sp-only {
    display: block;
  }
}

.u-pc-only {
  display: block;
}
@media screen and (width < 768px) {
  .u-pc-only {
    display: none;
  }
}

.u-palt {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.u-grg-0 {
  grid-row-gap: 0;
}

.u-fs-120 {
  font-size: 120%;
}
.u-fs-90 {
  font-size: 90%;
}
.u-fs-80 {
  font-size: 80%;
}
.u-fs-70 {
  font-size: 70%;
}
.u-fs-60 {
  font-size: 60%;
}

.u-mt-80 {
  margin-top: 80px;
}
.u-mt-50 {
  margin-top: 50px;
}
.u-mt-40 {
  margin-top: 40px;
}
.u-mt-30 {
  margin-top: 30px;
}
.u-mt-20 {
  margin-top: 20px;
}
.u-mt-10 {
  margin-top: 10px;
}
.u-mt-0 {
  margin-top: 0;
}

.u-mb-50 {
  margin-bottom: 50px;
}
.u-mb-40 {
  margin-bottom: 40px;
}
.u-mb-30 {
  margin-bottom: 30px;
}
.u-mb-20 {
  margin-bottom: 20px;
}
.u-mb-10 {
  margin-bottom: 10px;
}
.u-mb-0 {
  margin-bottom: 0;
}

.u-pt-0 {
  padding-top: 0;
}
.u-pt-8 {
  padding-top: 8px;
}

.u-pb-0 {
  padding-bottom: 0;
}
.u-pb-20 {
  padding-bottom: 20px;
}

/* ----------------------------------------------------
Swiper
---------------------------------------------------- */
.swiper {
  position: relative;
  width: 100%;
  height: auto;
}

.swiper-slide img {
  width: 100%;
  height: auto;
}

.swiper-pagination {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  padding: 2px 4px;
  font-family: Jost, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  background-color: rgba(247, 248, 243, 0.7);
  border-radius: 4px;
}

.swiper-button-prev {
  left: -12px !important;
  width: 24px;
  height: 24px;
  background-image: url("../img/arrow-left.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.swiper-button-prev svg {
  display: none;
}
.swiper-button-prev::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: url("../img/arrow-left-fff.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  -webkit-transition: -webkit-clip-path 0.3s ease;
  transition: -webkit-clip-path 0.3s ease;
  transition: clip-path 0.3s ease;
  transition: clip-path 0.3s ease, -webkit-clip-path 0.3s ease;
}
.swiper-button-prev:hover::after {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.swiper-button-next {
  right: -12px !important;
  width: 24px;
  height: 24px;
  background-image: url("../img/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.swiper-button-next svg {
  display: none;
}
.swiper-button-next::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: url("../img/arrow-right-fff.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: -webkit-clip-path 0.3s ease;
  transition: -webkit-clip-path 0.3s ease;
  transition: clip-path 0.3s ease;
  transition: clip-path 0.3s ease, -webkit-clip-path 0.3s ease;
}
.swiper-button-next:hover::after {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
/*# sourceMappingURL=style.css.map */