@charset "UTF-8";

article {
  overflow-x: hidden;
}
.c-blank{
  display: none;
}
.background {
  opacity: 0;
  transition: opacity 1s ease;
}
.background.show {
  opacity: 1;
}

.bg-video{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 100vh;
  transform: translate(-50%, -50%);
  z-index: -1;
	display: none;
}
@media (min-aspect-ratio: 16/9) {
  .bg-video {
    width: 100vw;
    height: 56.25vw;
  }
}
@media (min-aspect-ratio: 9/16) {
	.bg-video {
		height: 177.78vh;
	}
}
@media (min-width: 768px) {
	.video-pc {
		display: block;
	}
}

@media (max-width: 767px) {
	.video-sp {
		display: block;
	}
}


/* movie_wrap */
.movie_wrap {
	padding-top: 56.25%;
	position: relative;
}
.movie_wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media (min-width: 768px) {
	.movie-pc {
		display: block;
	}
	.movie-sp {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.movie_wrap {
		padding-top: 178%;
		width: 100%;
	}
	.movie-pc {
		display: none;
	}
  .movie-sp {
		display: block;
	}
}

/* c-caption */
.c-caption-reference{
  position: relative;
}
.c-caption{
  position: absolute;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  display: flex;
  justify-content: right;
  align-items: flex-end;
  width: auto;
}
.c-caption-f-black{
  color: #251E1C;
}
@media screen and (min-width: 768px) {
.c-caption{
    font-size: calc((12vw / 1366) * 100) ;
    line-height: 1;
    bottom: calc((15vw / 1366) * 100);
    right: calc((17vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .c-caption{
    font-size: calc((12vw / 390) * 100);
    line-height: 1;
    bottom: calc((6vw / 390) * 100);
    right: calc((6vw / 390) * 100);
  }
}

/* c-imagephoto */
.c-imagephoto{
  position: absolute;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  display: flex;
  justify-content:flex-end;
  align-items:flex-end;
  width: 100%;
  flex-direction: column;
  width: auto;
}
.c-imagephoto.c-imagephoto-f-black{
  color: #251E1C;
}
@media screen and (min-width: 768px) {
  .c-imagephoto{
    bottom: calc((10vw / 1366) * 100);
    font-size: calc((12vw / 1366) * 100) ;
    line-height: 1;
    right: calc((15vw / 1366) * 100);
  }
  .c-imagephoto-small{
    bottom: calc((10vw / 1366) * 100);
    font-size: calc((8vw / 1366) * 100) ;
    right: calc((10vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .c-imagephoto{
    font-size: calc((10vw / 390) * 100);
    line-height: 1;
    right: calc((8vw / 390) * 100);
    bottom: calc((8vw / 390) * 100);
  }
  .c-imagephoto span{
    font-size: calc((6vw / 390) * 100);
  }
}

/* c-entrybtn-pageend */
.c-entrybtn-pageend .c-entrybtn{
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .c-entrybtn-pageend{
    padding: calc((120vw / 1366) * 100) 0;
  }
}
@media screen and (max-width: 767px) {
  .c-entrybtn-pageend{
    padding: calc((40vw / 390) * 100) 0;
  }
  .c-entrybtn-pageend .c-entrybtn{
    width: calc((300vw / 390) * 100);
  }
}

/* imgscroll */
@media screen and (min-width: 768px) {
  .imgscroll_txt{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .imgscroll_txt{
    margin: calc((8vw / 390) * 100) auto 0;
    width: calc((242vw / 390) * 100);
  }
}
/* panzoom_txt */
@media screen and (min-width: 768px) {
  .panzoom_txt{
      display: none;
  }
}
@media screen and (max-width: 767px) {
  .panzoom_txt-area{
    position: relative;
  }
  .panzoom_txt{
    width: calc((30vw / 390) * 100);
    position: absolute;
    top: 0;
    right: calc((10vw / 390) * 100);
  }
}

/* visual */
.visual {
  position: relative;
}
.visual_img img {
  vertical-align: top;
}
.visual_title {
  position: absolute;
  text-align: center;
}
.visual_title_en {
  width: 100%;
}
.visual_title_ja {
  color: #fff;
}
.visual_catch {
  color: #fff;
  font-weight: 700;
  position: absolute;
}
.visual_caption {
  color: #fff;
}

@media (min-width: 768px) {
  .visual_title {
    left: calc((226vw / 1366) * 100);
    top: calc((236vw / 1366) * 100);
    width: calc((276vw / 1366) * 100);
  }
  .visual_title_ja {
    font-size: calc((21vw / 1366) * 100);
    line-height: calc((30vw / 1366) * 100);
    margin-top:  calc((6vw / 1366) * 100);
  }
  .visual_catch {
    font-size: calc((26vw / 1366) * 100);
    left: calc((186vw / 1366) * 100);
    line-height: calc((37vw / 1366) * 100);
    top:  calc((347vw / 1366) * 100);
  }
  .visual_caption {
    bottom: calc((10vw / 1366) * 100);
    right: calc((10vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .visual_title {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: calc((72vw / 390) * 100);
    width: calc((206vw / 390) * 100);
  }
  .visual_title_ja {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((18vw / 390) * 100);
    margin-top:  calc((6vw / 390) * 100);
  }
  .visual_catch {
    font-size: calc((18vw / 390) * 100);
    left: 0;
    line-height: calc((18vw / 390) * 100);
    text-align: center;
    bottom:  calc((32vw / 390) * 100);
    width: 100%;
  }
  .visual_caption {
    bottom: calc((9vw / 390) * 100);
    font-size: calc((8vw / 390) * 100);
    right: calc((9vw / 390) * 100);
  }
}

/* c-breadcrumb */
.c-breadcrumb{
  background-color: #000;
  color: #fff;
}
.c-breadcrumb a {
  color: #fff;
}

/* attractive */
.attractive {
  background-color: #000;
  color: #fff;
  font-weight: 600;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media (min-width: 768px) {
  .attractive {
    padding: calc((112vw / 1366) * 100) 0 0;
  }
  .attractive_title {
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .attractive_text {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
    margin-top: calc((40vw / 1366) * 100);
  }
  .attractive_img{
    margin: calc((-42vw / 1366) * 100) auto 0;
    width: calc((636vw / 1366) * 100);
    position: relative;
    bottom: calc((-62vw / 1366) * 100);
  }
  .attractive_caption {
    bottom: calc((73vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .attractive {
    padding: calc((42vw / 390) * 100) 0 calc((46vw / 390) * 100);
  }
  .attractive_title {
    font-size: calc((18vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
  }
  .attractive_text {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    margin-top: calc((35vw / 390) * 100);
  }
  .attractive_img{
    margin: calc((40vw / 390) * 100) 0 0 calc((36vw / 390) * 100);
  }
  .attractive_caption {
    bottom: calc((-30vw / 390) * 100);
    font-size: calc((8vw / 390) * 100);
  }
}

/* intro */
.intro{
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.intro_title,
.intro_catch {
  font-weight: 600;
}
@media (min-width: 768px) {
  .intro {
    padding: calc((108vw / 1366) * 100) 0 ;
  }
  .intro_title {
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .intro_title span{
    font-size: calc((32vw / 1366) * 100);
  }
  .intro_catch {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
    margin-top: calc((38vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .intro {
    padding: calc((32vw / 390) * 100) 0 calc((48vw / 390) * 100);
  }
  .intro_title {
    font-size: calc((18vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
  }
  .intro_title span{
    font-size: calc((24vw / 390) * 100);
  }
  .intro_catch {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    margin-top: calc((32vw / 390) * 100);
  }
}

/* rare */
.rare{
  background-color: rgba(172, 143, 101, 0.8);
  font-weight: 600;
}
.rare_list{
  display: flex;
  background-color: #fff;
  flex-wrap: wrap;
}
.rare_title {
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.rare_item{
  text-align: center;
}
.rare_item_title{
  color: #87613A;
  font-weight: 600;
  display: flex;
  border: 1px solid #87613A;
  justify-content: center;
  align-items: center;
}
.rare_item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .rare {
    padding: calc((80vw / 1366) * 100) 0 ;
  }
  .rare_title {
    font-size: calc((22vw / 1366) * 100);
    line-height: calc((34vw / 1366) * 100);
  }
  .rare_list {
    padding: calc((48vw / 1366) * 100) calc((30vw / 1366) * 100) calc((28vw / 1366) * 100);
    margin: calc((40vw / 1366) * 100) auto 0;
    justify-content: center;
    width: calc((1200vw / 1366) * 100);
    gap: 0 calc((28vw / 1366) * 100);
  }
  .rare_item_title{
    width: calc((322vw / 1366) * 100);
    height: calc((56vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((20vw / 1366) * 100);
  }
  .rare_item_note-1{
    font-size: calc((14vw / 1366) * 100);
  }
  .rare_item_note-2{
    font-size: calc((12vw / 1366) * 100);
  }
  .rare_item_note-3{
    font-size: calc((14vw / 1366) * 100);
  }
  .rare_item_note-3 span{
    font-size: calc((24vw / 1366) * 100);
  }
  .rare_item img{
    margin-top: calc((32vw / 1366) * 100);
    margin-bottom: calc((15vw / 1366) * 100);
  }
  .rare_item:nth-of-type(1) img{
    width: calc((274vw / 1366) * 100);
  }
  .rare_item:nth-of-type(2) img{
    width: calc((308vw / 1366) * 100);
  }
  .rare_item:nth-of-type(3) img{
    margin-left: calc((24vw / 1366) * 100);
    width: calc((300vw / 1366) * 100);
  }
  .rare_note{
    margin-top:  calc((34vw / 1366) * 100);
    width: 100%;
    font-size: calc((10vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .rare {
    padding: calc((40vw / 390) * 100) 0 ;
  }
  .rare_title {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((32vw / 390) * 100);
  }
  .rare_list {
    padding: calc((40vw / 390) * 100) 0 calc((32vw / 390) * 100);
    margin: calc((24vw / 390) * 100) auto 0;
    width: calc((342vw / 390) * 100);
    gap: calc((40vw / 390) * 100) 0;
    flex-direction: column;
  }
  .rare_item{
    margin: 0 auto;
  }
  .rare_item_title{
    width: calc((314vw / 390) * 100);
    height: calc((56vw / 390) * 100);
    font-size: calc((16vw / 390) * 100);
    line-height: calc((20vw / 390) * 100);
  }
  .rare_item_note-1{
    font-size: calc((12vw / 390) * 100);
  }
  .rare_item_note-2{
    font-size: calc((10vw / 390) * 100);
  }
  .rare_item_note-3{
    font-size: calc((12vw / 390) * 100);
  }
  .rare_item_note-3 span{
    font-size: calc((24vw / 390) * 100);
  }
  .rare_item img{
    margin-top: calc((32vw / 390) * 100);
    margin-bottom: calc((10vw / 390) * 100);
  }
  .rare_item:nth-of-type(1) img{
    width: calc((244vw / 390) * 100);
  }
  .rare_item:nth-of-type(2) img{
    margin-left: 8vw;
    width: calc((274vw / 390) * 100);
  }
  .rare_item:nth-of-type(3) img{
    margin-left: 10vw;
    width: calc((268vw / 390) * 100);
  }
  .rare_note{
    margin-left: auto;
    margin-right: auto;
    font-size: calc((10vw / 390) * 100);
    line-height: calc((16vw / 390) * 100);
    width: calc((314vw / 390) * 100);
  }
}

/* life */
.life{
  background-color: rgba(172, 143, 101, 0.8);
  font-weight: 600;
  color: #fff;
  overflow: hidden;
}
.life_title ,
.life_copy{
  text-align: center;
  font-weight: 600;
}
.life_img .c-caption{
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .life {
    padding: calc((70vw / 1366) * 100) 0 calc((96vw / 1366) * 100);
  }
  .life_title {
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .life_copy{
    margin-top: calc((40vw / 1366) * 100);
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
  }
  .life_img {
    /* margin-top: calc((-120vw / 1366) * 100); */
    margin: calc((20vw / 1366) * 100) calc((100vw / 1366) * 100) 0  calc((100vw / 1366) * 100);
  }
  .life_img .c-caption{
    margin: 0 auto;
    left: 0;
    bottom: calc((-30vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .life {
    padding: calc((40vw / 390) * 100) 0 calc((30vw / 390) * 100);
  }
  .life_title {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((32vw / 390) * 100);
  }
  .life_copy{
    margin-top: calc((24vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
    position: relative;
    z-index: 2;
  }
  .life_img {
    /* margin-top: calc((-30vw / 390) * 100); */
    padding-bottom: calc((30vw / 390) * 100);
    margin: calc((20vw / 390) * 100) calc((30vw / 390) * 100) 0 calc((30vw / 390) * 100);
  }
  .life_img .c-caption{
    font-size: calc((10vw / 390) * 100);
  }
}

/* panzoom-wrappe */
@media (max-width: 767px) {
  .panzoom-wrapper {
    position: relative;
    height: 100%;
    box-sizing: border-box;
  }

  .panzoom-target{
    transform-origin: top center !important;
  }
}

/* newbirth */
.newbirth{
  background-color: rgba(172, 143, 101, 0.8);
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  text-align: center;
}
.newbirth_title ,
.newbirth_info_title ,
.newbirth_info_title {
  font-weight: 600;
}
.newbirth_info{
  background-color: #DBCEBA;
  color: #251E1C;
  box-sizing: border-box;
}
.newbirth_info_flex{
  display: flex;
}
.newbirth_info_txt{
  text-align: left;
}
.newbirth_info_comingsoon_box{
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .newbirth{
    padding: calc((110vw / 1366) * 100);
  }
  .newbirth_title{
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .newbirth_copy{
    margin-top: calc((40vw / 1366) * 100);
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
  }
  .newbirth_info{
    margin: calc((40vw / 1366) * 100) auto 0;
    padding: calc((60vw / 1366) * 100) 0;
  }
  .newbirth_info_title{
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
  }
  .newbirth_info_copy{
    margin-top: calc((30vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .newbirth_info_flex{
    margin: calc((40vw / 1366) * 100) auto 0;
    width: calc((800vw / 1366) * 100);
    justify-content: space-between;
  }
  .newbirth_info_item{
    width: calc((360vw / 1366) * 100);
    display: flex;
    flex-direction: column;
  }
  .newbirth_info_item-title{
    height: calc((32vw / 1366) * 100);
  }
  .newbirth_info_img{
    margin-top: calc((12vw / 1366) * 100);
  }
  .newbirth_info_copy{
    margin-top: calc((19vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .newbirth_info_copy2{
    margin-top: calc((19vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .newbirth_info_txt{
    margin-top: calc((11vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .newbirth_info_comingsoon_box{
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: calc((12vw / 1366) * 100);
    height: 100%;
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .newbirth{
    padding: calc((48vw / 390) * 100) 0 calc((64vw / 390) * 100);
  }
  .newbirth_title{
    font-size: calc((16vw / 390) * 100);
    line-height: calc((32vw / 390) * 100);
  }
  .newbirth_copy{
    margin-top: calc((24vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
  }
  .newbirth_info{
    margin: calc((26vw / 390) * 100) auto 0;
    padding: calc((48vw / 390) * 100) 0 calc((54vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .newbirth_info_title{
    font-size: calc((16vw / 390) * 100);
    line-height: calc((29vw / 390) * 100);
  }
  .newbirth_info_copy{
    margin-top: calc((24vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
  .newbirth_info_flex{
    margin: calc((37vw / 390) * 100) auto 0;
    flex-direction: column;
    gap: calc((45vw / 390) * 100) 0;
    width: calc((288vw / 390) * 100);
  }
  .newbirth_info_img{
    margin-top: calc((12vw / 390) * 100);
  }
  .newbirth_info_copy2{
    margin-top: calc((16vw / 390) * 100);
    font-size: calc((16vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
  .newbirth_info_txt{
    margin-top: calc((11vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
  .newbirth_info_comingsoon_box{
    margin-top: calc((20vw / 390) * 100);
    font-size: calc((16vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
}


/* landscape */
.landscape{
  background-color: rgba(255, 255, 255, .75);
  font-weight: 600;
}
.landscape_head_copy{
  font-weight: 600;
  text-align: center;
}
.landscape_head_title {
  text-align: center;
}
.landscape_head_title-ja,
.landscape_spot_title-ja {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ", "Arial", sans-serif;
  font-weight: 400;
  color: #b08057;
  line-height: 1.0;
}
.landscape_head_title-ja{
  margin-top: 0.25em;
}
.landscape_head_txt{
  text-align: center;
}
.landscape_spot,
.landscape_spot--wide{
  box-sizing: border-box;
}
.landscape_spot_title {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.landscape_spot_title img{
  margin: 0 auto;
  width: auto;
  height: 100%;
}
.landscape_spot_copy--line1{
  display: flex;
  align-items: center;
  justify-content: center;
}
/* landscape_map */

.landscape_map .c-caption{
  color: #251E1C;
}

@media (min-width: 768px) {

  .landscape_spots.pc {
    display: block;
  }

  .landscape_spots.sp {
    display: none;
  }

  .landscape{
    padding: calc((80vw / 1366) * 100) 0;
  }
  .landscape_head_title{
    margin: 0 auto;
    width: calc((248vw / 1366) * 100);
  }
  .landscape_head_title-ja{
    font-size: calc((17vw / 1366) * 100);
  }
  .landscape_head_copy{
    margin-top: calc((30vw / 1366) * 100) ;
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100)  ;
  }
  .landscape_head_txt{
    margin-top: calc((40vw / 1366) * 100) ;
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100) ;
  }
  .landscape_head_img{
    margin: calc((50vw / 1366) * 100) auto 0;
    width: calc((790vw / 1366) * 100);
  }
  .landscape_spot{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.30)
  }
  .landscape_map{
    margin: calc((60vw / 1366) * 100) auto 0;
  }
  .landscape_map{
    margin: calc((54vw / 1366) * 100) auto 0;
    width: calc((1200vw / 1366) * 100);
  }
  .landscape_map_sp{
    display: none;
  }
  /* landscape_spots*/
  .landscape_spots{
    margin-top: calc((36vw / 1366) * 100);
  }
  .landscape_spots_wrap{
    padding: 0 calc((40vw / 1366) * 100) calc((50vw / 1366) * 100) ;
    display: flex;
    flex-wrap: nowrap;
    gap: 0 calc((50vw / 1366) * 100);
  }
  .landscape_spot{
    padding: calc((40vw / 1366) * 100) calc((27vw / 1366) * 100) calc((50vw / 1366) * 100);
    background-color: #fff;
    width: calc((342vw / 1366) * 100);
    min-width: calc((342vw / 1366) * 100);
  }
  .landscape_spot--long{
    width: calc((800vw / 1366) * 100);
    min-width: calc((800vw / 1366) * 100);
  }
  .landscape_spot_title{
    margin: 0 auto;
    height: calc((45vw / 1366) * 100);
  }
  .landscape_spot_title-ja{
    font-size: calc((12vw / 1366) * 100);
  }
  .landscape_spot_copy{
    margin-top: calc((15vw / 1366) * 100) ;
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((28vw / 1366) * 100) ;
    text-align: center;
    height: calc((70vw / 1366) * 100) ;
    white-space: nowrap;
  }
  .landscape_spot_copy--line1{
    padding-bottom: calc((15vw / 1366) * 100) ;
    box-sizing: border-box;
  }
  .landscape_spot--long .landscape_spot_copy{
    margin-bottom: calc((15vw / 1366) * 100) ;
    height: auto;
  }
  .landscape_spot_flex {
    margin: 0 auto ;
    gap: calc((15vw / 1366) * 100) 0;
    display: flex;
    flex-direction: column;
  }
  .landscape_spot--long .landscape_spot_flex {
    margin: calc((15vw / 1366) * 100) auto 0;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: calc((700vw / 1366) * 100);
  }
  .landscape_spot_txt{
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100) ;
  }
  .landscape_spot--long .landscape_spot_txt{
    margin: 0 auto;
    width: calc((700vw / 1366) * 100);
  }
  .landscape_spot--long .landscape_spot_flex .landscape_spot_txt{
    margin: 0;
    width: calc((340vw / 1366) * 100);
  }
  .landscape_spot_img{
    margin: calc((22vw / 1366) * 100) auto 0 ;
  }
  .landscape_spot--long .landscape_spot_img{
    width: calc((340vw / 1366) * 100);
  }
  .landscape_spot_flex .landscape_spot_img{
    margin: 0;
  }
  .landscape_spot--long .landscape_spot_desc{
    display: flex;
    flex-direction: column;
    gap: calc((15vw / 1366) * 100) 0 ;
  }
  .landscape_spot_imgflex{
    display: flex;
    justify-content: space-between;
    width: calc((340vw / 1366) * 100);
  }
  .landscape_spot_imgflex div{
    width: calc((165vw / 1366) * 100);
  }
  .landscape_spot_imgflex + .landscape_spot_txt {
    margin-top: calc((7vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .landscape_spots.pc {
    display: none;
  }

  .landscape_spots.sp {
    display: block;
  }

  .landscape_spot {
    margin: 0 auto;
  }

  .landscape{
    padding: calc((48vw / 390) * 100) 0 calc((64vw / 390) * 100);
  }
  .landscape_head_title{
    margin: 0 auto;
    width: calc((188vw / 390) * 100);
  }
  .landscape_head_title-ja{
    font-size: calc((13vw / 390) * 100);
  }
  .landscape_head_copy{
    margin-top: calc((32vw / 390) * 100) ;
    font-size: calc((18vw / 390) * 100);
    line-height: calc((32vw / 390) * 100)  ;
  }
  .landscape_head_txt{
    margin-top: calc((24vw / 390) * 100) ;
    font-size: calc((14vw / 390) * 100);
    line-height: calc((28vw / 390) * 100) ;
  }
  .landscape_head_img{
    margin: calc((24vw / 390) * 100) auto 0;
    width: calc((288vw / 390) * 100);
  }
  .landscape_map{
    margin: calc((60vw / 390) * 100) auto 0;
  }
  .landscape_map{
    margin: calc((24vw / 390) * 100) auto 0;
  }
  .landscape_map_pc{
    display: none;
  }
  .landscape_map_sp{
    height: calc((473vw / 390) * 100);
    overflow: hidden;
  }
  .landscape_map_sp .panzoom_txt {
    top: calc((50vw / 390) * 100);
    right: calc((20vw / 390) * 100);
  }
  .landscape_map .c-caption {
    bottom: calc((-8vw / 390) * 100);
  }
  /* landscape_spots*/
  .landscape_spots{
    margin: calc((31vw / 390) * 100) auto 0;
  }
  .landscape_spots_wrap{
    /* padding: 0 0 calc((50vw / 390) * 100) calc((50vw / 390) * 100); */
    padding: 0 0 calc((50vw / 390) * 100) 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0 calc((50vw / 390) * 100);
    min-width: 100%;
  }
  .landscape_spot{
    padding: calc((40vw / 390) * 100) calc((27vw / 390) * 100) calc((48vw / 390) * 100);
    background-color: #fff;
    width: calc((342vw / 390) * 100);
    min-width: calc((342vw / 390) * 100);
  }
  .landscape_spot_title{
    margin: 0 auto;
    width: auto;
    height: calc((45vw / 390) * 100);
  }
  .landscape_spot_title-ja{
    font-size: calc((12vw / 390) * 100);
  }
  .landscape_spot_copy{
    margin-top: calc((15vw / 390) * 100) ;
    font-size: calc((16vw / 390) * 100);
    line-height: calc((28vw / 390) * 100) ;
    height: calc((70vw / 390) * 100) ;
    text-align: center;
  }
  .landscape_spot_copy--line1{
    padding-bottom: calc((15vw / 390) * 100) ;
    box-sizing: border-box;
  }
  .landscape_spot--long .landscape_spot_copy{
    margin-bottom: calc((15vw / 390) * 100) ;
    height: auto;
  }
  .landscape_spot_txt{
    margin: 0 auto;
    font-size: calc((14vw / 390) * 100);
    line-height: calc((26vw / 390) * 100) ;
    width: calc((288vw / 390) * 100);
  }
  .landscape_spot--long .landscape_spot_flex{
    margin-top: calc((15vw / 390) * 100) ;
  }
  .landscape_spot_img{
    margin: 0 auto calc((15vw / 390) * 100)  ;
  }
  .landscape_spot_imgflex{
    margin: calc((15vw / 390) * 100) auto ;
    display: flex;
    justify-content: space-between;
    gap: 0 calc((8vw / 390) * 100);
  }
}
@media (min-width: 768px) {
  /* landscape_spot-exchange */
  #landscape_spot-exchange .landscape_spot_flex{
    flex-direction:  row;
  }
  #landscape_spot-exchange .landscape_spot_title img{
    height: calc((27vw / 1366) * 100);
  }
  /* landscape_spot-blossompath */
  #landscape_spot-blossompath .landscape_spot_title img{
    height: calc((27vw / 1366) * 100);
  }
  /* landscape_spot-site */
  #landscape_spot-site .landscape_spot_title img{
    height: calc((20vw / 1366) * 100);
  }
  /* landscape_spot-entrance */
  #landscape_spot-entrance .landscape_spot_title img{
    height: calc((27vw / 1366) * 100);
  }
  /* landscape_spot-glassdquare */
  #landscape_spot-glassdquare .landscape_spot_title img{
    height: calc((27vw / 1366) * 100);
  }
  /* landscape_spot-green */
  #landscape_spot-green .landscape_spot_title img{
    height: calc((27vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  /* landscape_spot-exchange */
  #landscape_spot-exchange .landscape_spot_title img{
    height: calc((27vw / 390) * 100);
  }
  /* landscape_spot-blossompath */
  #landscape_spot-blossompath .landscape_spot_title img{
    height: calc((27vw / 390) * 100);
  }
  /* landscape_spot-site */
  #landscape_spot-site .landscape_spot_title img{
    height: calc((20vw / 390) * 100);
  }
  /* landscape_spot-entrance */
  #landscape_spot-entrance .landscape_spot_title img{
    height: calc((27vw / 390) * 100);
  }
  /* landscape_spot-glassdquare */
  #landscape_spot-glassdquare .landscape_spot_title img{
    height: calc((27vw / 390) * 100);
  }
  /* landscape_spot-green */
  #landscape_spot-green .landscape_spot_title img{
    height: calc((27vw / 390) * 100);
  }
}

/* designinfo */
.designinfo{
  margin: 0 auto;
  background-color: #fff;
  font-weight: 600;
}
.designinfo_copy {
  font-weight: 600;
}
.designinfo_title{
  margin: 0 auto;
  text-align: center;
}
.designinfo_title-ja{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ", "Arial", sans-serif;
  color: #b08057;
  font-weight: 400;
  line-height: 1.0;
  margin-top: 0.25em;
}
@media (min-width: 768px) {
  .designinfo{
    margin-top: calc((50vw / 1366) * 100);
    padding: calc((70vw / 1366) * 100) 0 calc((80vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .designinfo_title{
    width: calc((800vw / 1366) * 100);
  }
  .designinfo_title-ja{
    font-size: calc((18vw / 1366) * 100);
  }
  .designinfo_logo{
    margin: calc((20vw / 1366) * 100) auto 0;
    width: calc((308vw / 1366) * 100);
  }
  .designinfo_flex{
    margin-top: calc((40vw / 1366) * 100);
    display: flex;
    gap: 0 calc((30vw / 1366) * 100);
    justify-content: center;
  }
  .designinfo_img{
     width: calc((360vw / 1366) * 100);
  }
  .designinfo_desc{
     width: calc((360vw / 1366) * 100);
  }
  .designinfo_copy{
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((26vw / 1366) * 100);
  }
  .designinfo_txt{
    margin-top: calc((12vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .designinfo{
    margin-top: calc((40vw / 390) * 100);
    padding: calc((48vw / 390) * 100) 0 calc((56vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .designinfo_title{
    width: calc((314vw / 390) * 100);
  }
  .designinfo_title-ja{
    font-size: calc((12vw / 390) * 100);
  }
  .designinfo_logo{
    margin: calc((32vw / 390) * 100) auto 0;
    width: calc((242vw / 390) * 100);
  }
  .designinfo_flex{
    margin: calc((23vw / 390) * 100) auto 0;
    display: flex;
    gap: 0 calc((26vw / 390) * 100);
    flex-direction: column;
    width: calc((288vw / 390) * 100);
  }
  .designinfo_copy{
    margin-top: calc((26vw / 390) * 100);
    font-size: calc((16vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
  }
  .designinfo_txt{
    margin-top: calc((14vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    letter-spacing: -0.05em;
  }
}

/* planting */
.planting{
  display: flex;
  font-weight: 600;
}
.planting_title {
  font-weight: 600;
}
@media (min-width: 768px) {
  .planting{
    margin: calc((80vw / 1366) * 100) auto 0;
    width: calc((1000vw / 1366) * 100);
    justify-content: center;
    gap: 0  calc((60vw / 1366) * 100);
  }
  .planting_block{
    width: calc((468vw / 1366) * 100);
  }
  .planting_desc{
    margin-top: calc((21vw / 1366) * 100);
  }
  .planting_title{
    text-align: center;
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .planting_copy{
    margin-top: calc((18vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .planting{
    margin: calc((56vw / 390) * 100) auto 0;
    width: calc((288vw / 390) * 100);
    flex-direction: column;
    gap: calc((40vw / 390) * 100) 0;
  }
  .planting_block{
    display: flex;
    flex-direction: column-reverse;
  }
  .planting_img{
    margin-top: calc((24vw / 390) * 100);
  }
  .planting_title{
    text-align: center;
    font-size: calc((16vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
  }
  .planting_copy{
    margin-top: calc((16vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
}

/* image4 */
.image4_desc{
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.image4_title,
.image4_copy{
  font-weight: 600;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .image4_desc{
    top: calc((247vw / 1366) * 100);
  }
  .image4_title{
    font-size: calc((26vw / 1366) * 100);
    line-height: calc((42vw / 1366) * 100);
  }
  .image4_copy{
    margin-top: calc((40vw / 1366) * 100);
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .image4_desc{
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
  }
  .image4_title{
    font-size: calc((18vw / 390) * 100);
    line-height: calc((34vw / 390) * 100);
  }
  .image4_copy{
    margin-top: calc((18vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
  }
}

/* construction */
.construction{
  background-color: #AF9265;
  font-weight: 600;
  color: #fff;
}
.construction_flex{
  display: flex;
}
.construction_title ,
.construction_column_title,
.construction_supplement_title{
  font-weight: 600;
  text-align: center;
}
.construction_supplement{
  box-sizing: border-box;
}
.construction_column_img_txt{
  background-color: #484644;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
@media (min-width: 768px) {
  .construction{
    padding: calc((40vw / 1366) * 100) 0 0;
  }
  .construction_title{
    font-size: calc((26vw / 1366) * 100);
    line-height: calc((42vw / 1366) * 100);
  }
  .construction_copy{
    margin: calc((40vw / 1366) * 100) auto 0;
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
    width: calc((800vw / 1366) * 100);
  }
  .construction_flex{
    margin-top: calc((50vw / 1366) * 100);
    justify-content: center;
    gap: 0 calc((80vw / 1366) * 100);
  }
  .construction_copy + .construction_flex{
    margin-top: calc((20vw / 1366) * 100);
  }
  .construction_column{
    width: calc((360vw / 1366) * 100);
    display: flex;
    flex-direction: column;
  }
  .construction_column_title{
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((26vw / 1366) * 100);
  }
  .construction_column_txt{
    margin-top: calc((10vw / 1366) * 100);
    padding-bottom: calc((20vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .construction_column_img{
    margin-top: auto;
  }
  .construction_column_img_txt{
    height: calc((54vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .construction_supplement{
    margin: calc((72vw / 1366) * 100) auto calc((74vw / 1366) * 100);
    padding: calc((3vw / 1366) * 100) calc((18vw / 1366) * 100) calc((3vw / 1366) * 100) calc((70vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
    background-color: #F7F4F0;
    display: flex;
    flex-direction: row-reverse;
    color: #251E1C;
    align-items: center;
  }
  .construction_supplement_desc{
    width: calc((380vw / 1366) * 100);
  }
  .construction_supplement_title{
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
    text-align: left;
  }
  .construction_supplement_txt{
    margin-top: calc((30vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .construction_supplement_img{
    margin-left: auto;
    width: calc((514vw / 1366) * 100);
  }
  .construction_supplement_img-sp{
    display: none;
  }
  .construction_supplement_img .c-imagephoto{
    bottom: calc((40vw / 1366) * 100);
    right: calc((60vw / 1366) * 100);
    font-size: calc((11vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
.construction{
    padding: calc((88vw / 390) * 100) 0 0;
  }
  .construction_title{
    font-size: calc((18vw / 390) * 100);
    line-height: calc((34vw / 390) * 100);
  }
  .construction_copy{
    margin: calc((16vw / 390) * 100) auto 0;
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    width: calc((288vw / 390) * 100);
  }
  .construction_flex{
    margin: calc((24vw / 390) * 100) auto 0 ;
    gap: calc((40vw / 390) * 100) 0 ;
    flex-direction: column;
    width: calc((288vw / 390) * 100);
  }
  .construction_column_title{
    font-size: calc((16vw / 390) * 100);
    line-height: calc((20vw / 390) * 100);
  }
  .construction_column_txt{
    margin-top: calc((8vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
  .construction_column_txt + .construction_column_img {
    margin-top: calc((16vw / 390) * 100);
  }
  .construction_column_img_txt{
    height: calc((44vw / 390) * 100);
    font-size: calc((16vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
  .construction_flex-sp .construction_column {
    width: calc((163vw / 390) * 100);
  }
  .construction_flex-sp .construction_column_img_txt{
    height: calc((25vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((20vw / 390) * 100);
  }
  .construction_supplement{
    margin: calc((48vw / 390) * 100) auto ;
    padding: calc((40vw / 390) * 100) 0;
    background-color: #F7F4F0;
    display: flex;
    flex-direction: column;
    color: #251E1C;
  }
  .construction_supplement_title{
    font-size: calc((18vw / 390) * 100);
    line-height: calc((36vw / 390) * 100);
    text-align: center;
  }
  .construction_supplement_txt{
    margin: calc((16vw / 390) * 100) auto 0;
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .construction_supplement_img-pc{
    display: none;
  }
  .construction_supplement_img .c-imagephoto{
    bottom: calc((31vw / 390) * 100);
    right: calc((59vw / 390) * 100);
    font-size: calc((6vw / 390) * 100);
  }
  .construction_flex-sp{
    display: flex;
    justify-content: space-between;
    width: calc((342vw / 390) * 100);
    flex-direction: row;
  }
}

/* js-fadeimage */
.js-fadeimage-container{
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.js-fadeimage {
  display: block;
  filter: grayscale(100%);
  height: auto;
  max-width: 100%;
  transition:
    transform 3.0s ease-out,
    filter 6.0s ease-out;
  transition-delay: 0.3s;
  transform: scale(1.05);
  /*will-change: transform, filter;*/
}
.js-fadeimage.visible {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1);
}

/* map */
.map {
  background-color: #F7F4F0;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*btn*/
@media (min-width: 768px) {
  .btn {
    margin-top: calc((120vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .btn {
    margin-top: calc((40vw / 390) * 100);
    width: calc((300vw / 390) * 100);
  }
}

.drag-scroll {
  cursor: grab;
  user-select: none;
}
.drag-scroll img {
  -webkit-user-drag: none;
  user-drag: none;
}