@charset "UTF-8";

.mv_movie {
  width: 100%;
}

.video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

main .sec-kv {
  position: relative;
}

main .sec-kv .bg {
  opacity: 1;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  height: 100vh;
}

main .sec-kv .mvWrap {
  position: relative;
  transform: scale(1);
  z-index: 1;
  width: 100vw;
  height: 100vh;
}

/* line 75, ../scss/top.scss */
main .sec-kv .mvWrap figure {
  /* filter: brightness(3) grayscale(1);
  -webkit-filter: brightness(3) grayscale(1);
  transition: .75s ease-in-out 0s; */
  overflow: hidden;
  position: relative;
}

/* line 81, ../scss/top.scss */
main .sec-kv .mvWrap figure img {
  position: relative;
  width: 100%;
  object-fit: cover;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 1;
}

main .sec-kv .mvWrap figure .img-caps {
  right: 20px;
}

/* mvWrap
================================ */
.mv_title_wrap {
  position: absolute;
  color: #fff;
  top: 15%;
  left: 10%;
  z-index: 999;
}

.top_mv_title {
  font-size: 8vw;
  color: #fff;
  line-height: 1.2;
}

.top_mv_lead {
  font-weight: 500;
  margin-top: 33px;
  line-height: 1.6;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;
}

@media only screen and (max-width:767px) {
  .mv_title_wrap {
    position: absolute;
    color: #fff;
    top: 25%;
    left: 10%;
    z-index: 999;
  }

  .top_mv_title {
    line-height: 1.5;
    font-size: 12vw;
    text-shadow:
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1),
      0px 0px 10px rgba(0, 0, 0, 0.1);
  }

  .top_mv_lead {
    margin-top: 53px;
    font-size: 16px;
    line-height: 2;
    text-shadow:
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3),
      0px 0px 10px rgba(0, 0, 0, 0.3);
  }
}

/* 
================================== */
.inner {
  max-width: 1480px;
  margin: auto;
}

.item_cap {
  font-size: 70px;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.7);
  padding: 0 40px;
}

/* カラー提案 */
.item_lead {
  font-size: 16px;
  line-height: calc(32 / 16);
  letter-spacing: 0.1em;
  color: #000;
  margin-top: 20px;
  padding: 0 40px;
}

.item_label_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 0 40px;
  margin-bottom: 80px;
}

/* カラー提案 */
.item_label {
  font-size: 16px;
  line-height: calc(48 / 16);
  padding: 4px 0 4px 30px;
  letter-spacing: 0.1em;
  /* color: #fff; */
  color: #000;
  font-weight: bold;
  /* background-color: #88827e; */
  background-color: #fff;
}

.item_label span {
  font-size: 12px;
  color: #fff;
}

@media only screen and (max-width:767px) {
  .item_cap {
    font-size: 50px;
    padding: 0 20px;
  }

  .item_lead {
    font-size: 14px;
    line-height: 2;
    padding: 0 20px;
  }

  .item_label_wrap {
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    padding: 0 20px;
  }

  .item_label {
    font-size: 16px;
    line-height: 2;
    padding: 4px 0 4px 20px;
  }
}



/* sec-topinfo
=================================== */
.sec-topinfo {
  padding: 0 50px;
}

.topinfo_item {
  width: calc(540 / 1480 * 100%);
  padding: 50px 40px;
  background-color: #fff;
  margin-left: auto;
}

.topinfo_item_title {
  color: #000;
  font-size: 18px;
  letter-spacing: 0.2em;
}

.topinfo_item_date {
  margin-top: 20px;
  color: #000;
  font-size: 18px;
  font-family: 'Cormorant Garamond', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  letter-spacing: 0.1em;
}

.topinfo_item_text {
  color: #000;
  font-size: 14px;
  line-height: calc(24 / 14);
  letter-spacing: 0.2em;
}

@media only screen and (max-width:767px) {
  .sec-topinfo {
    padding: 0 20px;
    border-top: 1px solid #fff;
  }

  .topinfo_item {
    width: 100%;
    padding: 30px 20px;
    background-color: #fff;
    margin-left: auto;
  }

  .topinfo_item_title {
    font-size: 16px;
    letter-spacing: 0.2em;
  }

  .topinfo_item_date {
    margin-top: 10px;
    font-size: 18px;
  }

  .topinfo_item_text {
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: 0.1em;
  }
}

.header_btn_sp {
  padding: 0 20px;
}

.header_btn_sp .header_btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 60px;
}

/* space
=================================== */
.space {
  padding: 0 50px;
}

.space .inner {
  padding: 60px 50px;
}

.space2 {
  padding: 0 50px;
}

.space2_item {
  width: calc(940 / 1480 * 100%);
  padding: 80px 0;
}

.space3 {
  padding: 0 50px;
}

.space3_item {
  width: 50%;
  padding: 80px 0;
}

@media only screen and (max-width:767px) {
  .space {
    padding: 0 20px;
  }

  .space .inner {
    padding: 20px 50px;
  }

  .space2 {
    padding: 0 20px;
  }

  .space2 .inner {
    padding: 0 50px;
  }

  .space2_item {
    width: 100%;
    padding: 20px 0;
    border-right: none;
  }

  .space3 {
    padding: 0 20px;
  }

  .space3 .inner {
    padding: 0 50px;
  }

  .space3_item {
    width: 100%;
    padding: 20px 0;
    border-right: none;
  }
}

/* about
=================================== */
.about {
  padding: 0 50px;
}

.about_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.about_wrap_img {
  width: calc(840 / 1480 * 100%);
}

.about_wrap_body {
  width: calc(640 / 1480 * 100%);
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width:767px) {
  .about {
    padding: 0 20px;
  }

  .about_wrap {
    flex-direction: column;
  }

  .about_wrap_img {
    padding-top: 60px;
    padding-bottom: 30px;
    width: 100%;
    border-right: none;
  }

  .about_wrap_body {
    width: 100%;
  }
}


/* access
=================================== */
.access {
  padding: 0 50px;
}

.access_wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

.access_wrap_img {
  width: calc(840 / 1480 * 100%);
  border-left: 1px solid rgba(255, 255, 255, .2);
}

.access_wrap_body {
  width: calc(640 / 1480 * 100%);
  display: flex;
  flex-direction: column;
}

.access .item_label_wrap {
  margin-top: 116px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

@media only screen and (max-width:767px) {
  .access {
    padding: 0 20px;
  }

  .access_wrap {
    flex-direction: column;
  }

  .access_wrap_img {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    border-left: none;
  }

  .access_wrap_body {
    width: 100%;
  }

  .access .item_label_wrap {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}

/* plan
=================================== */
.plan {
  padding: 0 50px;
  /* border-top: 1px solid rgba(255, 255, 255, .2); */
}

.plan_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plan_wrap_img {
  width: calc(840 / 1480 * 100%);
}

.plan_wrap_body {
  width: calc(640 / 1480 * 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width:767px) {
  .plan {
    padding: 0 20px;
  }

  .plan_wrap {
    flex-direction: column;
  }

  .plan_wrap_img {
    padding-top: 60px;
    padding-bottom: 30px;
    width: 100%;
    border-right: none;
  }

  .plan_wrap_body {
    width: 100%;
  }
}

/* other-sec
======================================= */
.other-sec {}

.other-sec .other-slide-animation {
  position: relative;
}

.other-sec .other-slide-animation .other-slider .slick-track {
  display: flex !important;
}

@media only screen and (max-width: 767px) {
  .other-sec .other-slide-animation .other-slider .slide-content figure {
    padding: 0;
  }
}

.other-sec .other-slide-animation .other-slider .slide-content figure img {
  width: 100%;
}

.other-sec .other-slide-animation .other-slider .slide-content figure .img-caps {
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .other-sec .other-slide-animation .other-slider .slide-content figure .img-caps {
    right: 0;
  }
}

.other-sec .other-slide-animation .other-slider-text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10 !important;
}

.other-sec .other-slide-animation .other-slider-text-wrap .other-slider-text .slick-track {
  display: flex !important;
}

.other-sec .other-slide-animation .other-slider-text-wrap .other-slider-text .slide-content img {
  opacity: 0.6;
}

/* sec-location
=================================== */
.sec-location {
  padding: 0 50px;
  /* border-top: 1px solid rgba(255, 255, 255, .2); */
}

.sec-location_wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

.sec-location_wrap_img {
  width: calc(740 / 1480 * 100%);
}

.sec-location_wrap_body {
  width: calc(740 / 1480 * 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width:767px) {
  .sec-location {
    padding: 0 20px;
  }

  .sec-location_wrap {
    flex-direction: column;
  }

  .sec-location_wrap_img {
    padding-bottom: 60px;
    width: 100%;
    border-left: none;
  }

  .sec-location_wrap_body {
    width: 100%;
  }
}

/* sec-caption
================================ */
.sec-caption {
  padding: 0 50px;
}

.sec-caption .inner {
  padding: 100px 50px;
}

.sec-caption p {
  font-size: 11px;
  color: #000;
  line-height: 1.8;
}

.caption {
  font-size: 11px !important;
  margin-top: 10px;
}

@media only screen and (max-width:767px) {
  .sec-caption {
    padding: 0 20px;
  }

  .sec-caption .inner {
    padding: 50px 20px;
  }

  .sec-caption p {
    margin-top: 10px;
  }
}


/* line 353, ../scss/top.scss */
#cursor {
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 360px;
  transition: transform .15s ease-in 0s, background-image .25s ease-in .0s;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.3);
  background-size: cover;
  background-image: url("../images/top/transparent.svg");
  margin-left: 20%;
}

@media only screen and (max-width: 991px) {

  /* line 353, ../scss/top.scss */
  #cursor {
    display: none !important;
  }
}

/* line 377, ../scss/top.scss */
#cursor.is-cursorContents01 {
  /*@include cursorActive;
  background-image: url("../asset/pages/top/hoverImg01.jpg");*/
  width: 280px;
  height: 360px;
}

@media only screen and (max-width: 991px) {

  /* line 377, ../scss/top.scss */
  #cursor.is-cursorContents01 {
    display: none;
  }
}

/* line 385, ../scss/top.scss */
#cursor.is-cursorContents02 {
  /*@include cursorActive;
  background-image: url("../asset/pages/top/hoverImg02.jpg");*/
  width: 280px;
  height: 360px;
}

@media only screen and (max-width: 991px) {

  /* line 385, ../scss/top.scss */
  #cursor.is-cursorContents02 {
    display: none;
  }
}

/* line 393, ../scss/top.scss */
#cursor.is-cursorContents03 {
  /*@include cursorActive;
  background-image: url("../asset/pages/top/hoverImg03.jpg");*/
  width: 280px;
  height: 360px;
}

@media only screen and (max-width: 991px) {

  /* line 393, ../scss/top.scss */
  #cursor.is-cursorContents03 {
    display: none;
  }
}

/* line 401, ../scss/top.scss */
#cursor.is-cursorContents04 {
  /*@include cursorActive;
  background-image: url("../asset/pages/top/hoverImg04.jpg");*/
  width: 280px;
  height: 360px;
}

@media only screen and (max-width: 991px) {

  /* line 401, ../scss/top.scss */
  #cursor.is-cursorContents04 {
    display: none;
  }
}

/* line 409, ../scss/top.scss */
#cursor.is-cursorContents05 {
  /*@include cursorActive;
  background-image: url("../asset/pages/top/hoverImg05.jpg");*/
  width: 280px;
  height: 360px;
}

@media only screen and (max-width: 991px) {

  /* line 409, ../scss/top.scss */
  #cursor.is-cursorContents05 {
    display: none;
  }
}

/* line 419, ../scss/top.scss */
.menuSP {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 3;
  transition: .2s ease-in 0s;
}

/* line 428, ../scss/top.scss */
.menuSP.is-active {
  opacity: 1;
}

/* line 432, ../scss/top.scss */
.menuBtnSP {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100px;
  z-index: 4;
  cursor: pointer;
}

/* line 441, ../scss/top.scss */
.cvSP {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 140px;
  z-index: 10;
}

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