@charset "UTF-8";
/*import
------------------------------------------*/
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
.container {
  background-image: url("../imgs/bg-white.png");
  background-repeat: repeat;
}

.caption {
  color: #222;
  margin-top: 20px;
}
.caption.left {
  text-align: left;
}

.currentPage {
  min-width: 100%;
}

figure {
  position: relative;
}

.contents-title img {
  height: 60px;
  width: auto;
}
.contents-title.min img {
  height: 48px;
}
@media only screen and (max-width: 1440px) {
  .contents-title.min img {
    height: 36px;
  }
}

.kv-sec {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 5;
}
.kv-sec figure {
  width: 100%;
  height: 100%;
  line-height: 0;
}
.kv-sec figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv-sec .kv-ttl-wrap {
  position: absolute;
  left: 80px;
  bottom: 60px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .kv-sec .kv-ttl-wrap {
    left: 30px;
    bottom: 40px;
  }
}
.kv-sec .kv-ttl-wrap .kv-en-ttl-img {
  height: 24px;
  width: auto;
}
.kv-sec .kv-ttl-wrap .kv-jp-ttl {
  font-size: 64px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .kv-sec .kv-ttl-wrap .kv-jp-ttl {
    font-size: 40px;
    margin-bottom: 12px;
  }
}

.visible-tbsp {
  display: none;
}
@media only screen and (max-width: 991px) {
  .visible-tbsp {
    display: block;
  }
}

.sec-movie {
  width: 100%;
  height: 100vh;
  z-index: 1;
  position: fixed;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .sec-movie {
    height: 100vh;
  }
}
.sec-movie .video-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.sec-movie .video-inner #movie {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
  z-index: 1;
  /*縦横幅指定*/
  width: 177.77777778vh;
  /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw;
  /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  pointer-events: none;
}
.sec-movie .video-inner::after {
  width: 100%;
  height: 120%;
  background-color: rgba(88, 84, 78, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  pointer-events: none;
}
.sec-movie .video-inner .copyBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 3;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-movie .video-inner .copyBlock {
    text-align: left;
  }
}
.sec-movie .video-inner .copyBlock .readCopy {
  font-size: 40px;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .sec-movie .video-inner .copyBlock .readCopy {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
.sec-movie .video-inner .copyBlock .bodyCopy {
  font-size: 20px;
  line-height: 2;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .sec-movie .video-inner .copyBlock .bodyCopy {
    font-size: 16px;
  }
}

.sec-achievements, .sec-location, .sec-redevelopment {
  position: relative;
  background-image: url("../imgs/bg-white.png");
  background-repeat: repeat;
  z-index: 2;
  padding: 160px 80px;
}
@media only screen and (max-width: 767px) {
  .sec-achievements, .sec-location, .sec-redevelopment {
    padding: 80px 0;
  }
}
.sec-achievements .readCopyTop, .sec-location .readCopyTop, .sec-redevelopment .readCopyTop {
  text-align: center;
  margin-bottom: 160px;
}
@media only screen and (max-width: 767px) {
  .sec-achievements .readCopyTop, .sec-location .readCopyTop, .sec-redevelopment .readCopyTop {
    text-align: left;
    margin-bottom: 60px;
    padding: 0 24px;
  }
}
.sec-achievements .readCopyBottom, .sec-location .readCopyBottom, .sec-redevelopment .readCopyBottom {
  text-align: center;
  margin: 160px 0 0;
}
@media only screen and (max-width: 767px) {
  .sec-achievements .readCopyBottom, .sec-location .readCopyBottom, .sec-redevelopment .readCopyBottom {
    text-align: left;
    margin: 60px 0 0;
    padding: 0 24px;
  }
}
.sec-achievements .readCopy span, .sec-location .readCopy span, .sec-redevelopment .readCopy span {
  font-size: 0.6em;
  vertical-align: top;
  margin-left: 8px;
}

.sec-achievements {
  margin-top: 100vh;
}

.achievements-contents-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8vw 12vw 16vw;
  background: #F6F6F6;
  box-shadow: rgba(0, 0, 0, 0.16) 3px 3px 3px;
}
@media only screen and (max-width: 767px) {
  .achievements-contents-wrap {
    padding: 16vw 8vw;
    box-shadow: none;
  }
}
.achievements-contents-wrap .minEn {
  position: absolute;
  left: 3.5vw;
}
.achievements-contents-wrap .minEn img {
  width: 18px;
}
@media only screen and (max-width: 767px) {
  .achievements-contents-wrap .minEn {
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: 12vw;
  }
  .achievements-contents-wrap .minEn img {
    width: auto;
    height: 12px;
  }
}

.achievements-contents01-02 {
  margin-top: 6vw;
  display: flex;
  gap: 4vw;
}
@media only screen and (max-width: 1280px) {
  .achievements-contents01-02 {
    gap: 2.5vw;
  }
}
@media only screen and (max-width: 1024px) {
  .achievements-contents01-02 {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-contents01-02 {
    margin-top: 12vw;
    gap: 12vw;
  }
}

.achievements-contents-photo {
  margin-top: 8vw;
}
@media only screen and (max-width: 767px) {
  .achievements-contents-photo {
    margin-top: 16vw;
  }
}
.achievements-contents-photo .readCopy {
  margin-bottom: 6vw;
}

.achievements-title {
  font-size: 24px;
}
@media only screen and (max-width: 1280px) {
  .achievements-title {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-title {
    font-size: 20px;
  }
}

.bodyCopyCap {
  font-size: 12px;
  margin-top: 1vw;
}
.bodyCopyCap.-left {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .bodyCopyCap {
    margin-top: 2vw;
  }
}

.achievements-contents-img {
  display: flex;
  align-items: flex-end;
  column-gap: 2vw;
  margin-top: 2vw;
}
@media only screen and (max-width: 767px) {
  .achievements-contents-img {
    margin-top: 8vw;
  }
}

.achievements-contents03 .achievements-title {
  font-size: 40px;
  margin-top: 1vw;
}
@media only screen and (max-width: 1280px) {
  .achievements-contents03 .achievements-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-contents03 .achievements-title {
    font-size: 20px;
  }
}
.achievements-contents03 .readCopy {
  font-size: 24px;
  text-align: left;
  margin: 8vw 0 2vw 0;
}
@media only screen and (max-width: 767px) {
  .achievements-contents03 .readCopy {
    font-size: 20px;
    margin: 16vw 0 8vw 0;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-contents03 .bodyCopy {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-contents03 .bodyCopyCap {
    margin-top: 4vw;
  }
}
.achievements-contents03 .achievements-contents-img {
  margin-top: 3vw;
}
@media only screen and (max-width: 767px) {
  .achievements-contents03 .achievements-contents-img {
    margin-top: 8vw;
  }
}

.achievements-contents-map {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 4vw;
  max-width: 1080px;
  margin-top: 6vw;
}
@media only screen and (max-width: 1024px) {
  .achievements-contents-map {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-contents-map {
    margin-top: 12vw;
  }
}
.achievements-contents-map div {
  display: flex;
  align-items: center;
  height: 100%;
}

.sec-history, .sec-culture, .sec-view {
  position: relative;
  z-index: 2;
  padding: 0 80px 160px 0;
  background-image: url("../imgs/bg-white.png");
  background-repeat: repeat;
}
@media only screen and (max-width: 767px) {
  .sec-history, .sec-culture, .sec-view {
    padding: 0;
  }
}
.sec-history .contents-wrap, .sec-culture .contents-wrap, .sec-view .contents-wrap {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  max-width: 1440px;
}
@media only screen and (max-width: 1024px) {
  .sec-history .contents-wrap, .sec-culture .contents-wrap, .sec-view .contents-wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  .sec-history .contents-title, .sec-culture .contents-title, .sec-view .contents-title {
    height: 40px;
  }
  .sec-history .contents-title img, .sec-culture .contents-title img, .sec-view .contents-title img {
    height: 100%;
    width: auto;
  }
}
.sec-history .contents-img-wrap, .sec-culture .contents-img-wrap, .sec-view .contents-img-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-top: 5%;
}
.sec-history .contents-img-wrap .history-img01, .sec-culture .contents-img-wrap .history-img01, .sec-view .contents-img-wrap .history-img01 {
  width: 70%;
}
.sec-history .contents-img-wrap .history-img02, .sec-culture .contents-img-wrap .history-img02, .sec-view .contents-img-wrap .history-img02 {
  width: 70%;
  transform: translate(40%, -10%);
}
.sec-history .contents-img-wrap .culture-img01, .sec-culture .contents-img-wrap .culture-img01, .sec-view .contents-img-wrap .culture-img01 {
  width: 70%;
}
.sec-history .contents-img-wrap .culture-img02, .sec-culture .contents-img-wrap .culture-img02, .sec-view .contents-img-wrap .culture-img02 {
  width: 70%;
  transform: translate(40%, -10%);
}
.sec-history .contents-img-wrap .view-img01, .sec-culture .contents-img-wrap .view-img01, .sec-view .contents-img-wrap .view-img01 {
  width: 80%;
}
.sec-history .contents-img-wrap .view-img02, .sec-culture .contents-img-wrap .view-img02, .sec-view .contents-img-wrap .view-img02 {
  width: 60%;
  transform: translate(60%, -10%);
}
.sec-history .contents-text-wrap, .sec-culture .contents-text-wrap, .sec-view .contents-text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sec-history .contents-text, .sec-culture .contents-text, .sec-view .contents-text {
  color: #FFFFFF;
  margin-left: 5vw;
}
.sec-history .contents-text .readCopy, .sec-culture .contents-text .readCopy, .sec-view .contents-text .readCopy {
  margin: 3vw 0;
}
@media only screen and (max-width: 767px) {
  .sec-history .contents-text .readCopy, .sec-culture .contents-text .readCopy, .sec-view .contents-text .readCopy {
    margin: 8vw 0;
  }
}
@media only screen and (max-width: 767px) {
  .sec-history .contents-text, .sec-culture .contents-text, .sec-view .contents-text {
    margin-left: 0;
  }
}

.sec-view {
  padding-bottom: 0;
}

.sec-history-inner, .sec-culture-inner, .sec-view-inner {
  padding: 80px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .sec-history-inner, .sec-culture-inner, .sec-view-inner {
    padding: 20vw 8vw;
  }
}

.sec-history-inner {
  background-image: url("../imgs/bg-gray.png");
  background-repeat: repeat;
}

.sec-culture-inner {
  background: rgba(13, 11, 2, 0.3);
}

.sec-view-inner {
  background: rgba(255, 255, 255, 0.5);
}

.sec-culture {
  padding: 0 0 160px 80px;
}
@media only screen and (max-width: 767px) {
  .sec-culture {
    padding: 0;
  }
}
.sec-culture .contents-wrap {
  grid-template-columns: 1fr 1fr;
  gap: 2vw;
}
@media only screen and (max-width: 767px) {
  .sec-culture .contents-wrap {
    flex-direction: column;
  }
}

.sec-view .contents-text, .sec-culture .contents-text {
  color: #333333;
}

.sec-location {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
}

.location-contents-img-wrap {
  display: flex;
  max-width: 1080px;
  gap: 4vw;
}
@media only screen and (max-width: 767px) {
  .location-contents-img-wrap {
    flex-direction: column;
    align-items: center;
    gap: 16vw;
    width: 100%;
  }
  .location-contents-img-wrap img {
    width: 100%;
  }
}
.location-contents-img-wrap p {
  margin-top: 1vw;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .location-contents-img-wrap p {
    margin-top: 4vw;
  }
}

.location-contents-img-inner02 {
  display: flex;
  justify-content: center;
  gap: 4vw;
}
@media only screen and (max-width: 767px) {
  .location-contents-img-inner02 {
    flex-direction: column;
    align-items: center;
    gap: 8vw;
    margin: 0 8vw;
  }
}

.location-contents-img-inner01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4vw;
}
@media only screen and (max-width: 767px) {
  .location-contents-img-inner01 {
    gap: 8vw;
    margin: 0 8vw;
  }
}

.location-contents-text {
  margin: 12vw 0 8vw 0;
}
@media only screen and (max-width: 767px) {
  .location-contents-text {
    margin: 16vw 0 8vw 0;
  }
}
.location-contents-text p {
  font-size: 20px;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .location-contents-text p {
    font-size: 14px;
    padding: 0 24px;
  }
}

.sec-redevelopment .contents-text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sec-redevelopment .contents-text-wrap .readCopy {
  margin: 3vw 0;
}
@media only screen and (max-width: 767px) {
  .sec-redevelopment .contents-text-wrap .readCopy {
    margin: 8vw 0;
  }
}
.sec-redevelopment .contents-img-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-top: 5%;
}
.sec-redevelopment .contents-img-wrap .redevelopment-img01 {
  width: 80%;
  transform: translate(25%);
}
.sec-redevelopment .contents-img-wrap .redevelopment-img02 {
  width: 60%;
  transform: translate(5%, -10%);
}
.sec-redevelopment .contents-img-wrap .cap {
  position: absolute;
  bottom: -10px;
  text-align: right;
  right: 0;
  font-size: 11px;
}
@media only screen and (max-width: 767px) {
  .sec-redevelopment {
    padding-bottom: 0;
  }
}

.sec-redevelopment-inner {
  display: flex;
  justify-content: center;
  padding: 80px;
  background: rgba(13, 11, 2, 0.3);
}
@media only screen and (max-width: 767px) {
  .sec-redevelopment-inner {
    padding: 16vw 8vw;
  }
}

.redevelopment-contents-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1080px;
}
@media only screen and (max-width: 1024px) {
  .redevelopment-contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }
}

.-bg {
  background: rgba(0, 0, 0, 0.75);
}

.-top {
  top: 0;
}

.-left {
  left: 0;
}

.-bottom {
  bottom: 0;
}

.-right {
  right: 0;
}

.-bottom-spTop {
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .-bottom-spTop {
    top: 0;
  }
}

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