@charset "UTF-8";
/*.bg1 { background: #f3f0e8 url("../images/share/bg01.png") center top / 100% auto repeat-y; position: relative; z-index: -2;
} */
.scroll { padding-bottom: 8rem; }
.scroll img { width: 100%; height: auto; line-height: 1; }
.scroll .line { width: 1px; background-color: #a2955d; margin: 0 auto 8px; animation: scrollDown 2s ease  infinite; }
.scroll .line.l1 { height: 16px; }
.scroll .line.l2 { height: 32px; }
.scroll .line.l3 { height: 104px; }
@keyframes scrollDown { 0% { transform-origin: top; transform: scaleY(0); }
  45% { transform-origin: top; transform: scaleY(1); }
  55% { transform-origin: bottom; transform: scaleY(1); }
  100% { transform-origin: bottom; transform: scaleY(0); } }
.scroll .icon { width: 104px; margin: auto; animation: fluffy 2s ease infinite; }
@keyframes fluffy { 0% { transform: translateY(-4px); opacity: 0; }
  455% { transform: translateY(6px); opacity: 0.5; }
  55% { transform: translateY(6px); opacity: 1; }
  100% { transform: translateY(-4px); opacity: 0; } }
@media screen and (max-width: 600px) { .scroll { margin-top: -2rem; }
  .scroll .line { height: 88px; }
  .scroll .icon { width: 80px; } }

.teaser-ad { position: absolute; top: 135px; left: 50%; z-index: 1; translate: -50% 0; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; color: #fff; width: calc(100% - 60px); }
.teaser-ad .title { font-size: 16px; border: 1px solid currentColor; padding: 0 10px; }
.teaser-ad .text { font-size: 12px; line-height: 1.2; }
.teaser-ad.dark { color: #fff; filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black); }
.teaser-ad.dark .title { padding: 4px 12px; }
@media screen and (max-width: 1024px) { .teaser-ad { top: 125px; } }
@media screen and (max-width: 768px) { .teaser-ad { grid-template-columns: 1fr; position: static; padding: 1.2rem; translate: 0; width: 100%; background-color: #fff; border-top: thin solid #ccc; color: #000; }
  .teaser-ad.dark { color: #000; }
  .teaser-ad .title { text-align: center; } }

.concept-message { padding: 12.5vh 0  24vh; position: relative; z-index: 3; }
.concept-message .concept-wrap { width: 88%; max-width: 1040px; background: url("../images/top/img_concept02.png") center center/auto 100% no-repeat; margin: auto; padding: 40vh 0; color: #fff; }
.concept-message .concept-wrap .main-copy, .concept-message .concept-wrap .lead { text-align: center; }
.concept-message .concept-wrap .symbol { width: clamp(160px, calc((280/1368)*100%), 216px); margin: 4rem auto 0; }
.concept-message .imgcap { text-align: right; color: #fff; text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px; position: absolute; right: 5px; bottom: 5px; line-height: 1.2; }
@media screen and (max-width: 768px) { .concept-message { padding: 8vh 0; }
  .concept-message .concept-wrap { padding: 8.8vh 0; } }
@media screen and (max-width: 600px) { .concept-message { padding: 12vh 0; }
  .concept-message .concept-wrap { padding: 12vh 0; } }

#visual_2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #90A1B0; overflow: hidden; z-index: -1; color: #fff; }
#visual_2 img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
#visual_2 .note { position: fixed; bottom: 4rem; right: 10px; color: #fff; }
#visual_2 .visual_2_wrap, #visual_2 .visual_2_inner, #visual_2 .bg-image-blur, #visual_2 .bg-image { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#visual_2 .visual_2_inner { transform: scale(1.125, 1.125); transition: transform 2s cubic-bezier(0.52, 0.35, 0.69, 0.94) 0s; }
#visual_2 .aos-animate { z-index: 0; }
#visual_2 .aos-animate .visual_2_inner { transform: scale(1, 1); }
#visual_2 .aos-animate .bg-image-blur { opacity: 0.16; }
#visual_2 .aos-animate .bg-image .img { opacity: 0.56; }
#visual_2 .aos-animate .bg-image.aos-animate { position: relative; }
#visual_2 .aos-animate .bg-image.aos-animate::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(21, 60, 95, 0.44); position: absolute; top: 0; left: 0; mix-blend-mode: multiply; }
#visual_2 .aos-animate .bg-image.aos-animate .img { opacity: 1; }
@media screen and (max-width: 1024px) { #visual_2 .note { bottom: 6.4rem; } }
@media screen and (max-width: 768px) { #visual_2 .note { bottom: 6.4rem; }
  #visual_2 img { object-position: center bottom; } }
@media screen and (max-width: 600px) { #visual_2 { background-color: #90A1B0; }
  #visual_2 .note { bottom: 8rem; } }

#visual_2_end { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #90A1B0; overflow: hidden; color: #000; }
#visual_2_end img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
#visual_2_end .bg-image-blur { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; }
@media screen and (max-width: 768px) { #visual_2_end img { object-position: center bottom; } }

.bg2 { position: relative; z-index: 2; overflow: hidden; background-color: #f3f0e8; }
.bg2::before { content: ""; display: block; width: 100%; height: 200%; background: url("../images/share/bg01.png") center center/100% auto repeat-y; position: absolute; top: 0; left: 0; transform: translateY(-34.75%); opacity: 0.4; }

.merit { color: #50481e; padding: 3.2rem 0; position: relative; z-index: 2; }
.merit .main-copy, .merit .subcopy { text-align: center; }
.merit .main-copy { margin-bottom: 1.2rem; }
.merit .subcopy { font-size: 1.6rem; margin-bottom: 0.8rem; }
.merit .subcopy .small { font-size: 72%; }
.merit .subcopy b { font-size: 160%; }
.merit .merit-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.merit .merit-list div, .merit .merit-list li { min-height: 0%; }
.merit .merit-list li { width: auto; padding: 0.4rem 2vw; display: flex; align-items: center; text-align: center; border-right: thin solid #887933; }
.merit .merit-list li:first-of-type { border-left: thin solid #887933; }
.merit .merit-list li:first-of-type p { font-size: 2rem; line-height: 1; }
.merit .merit-list li p { margin: auto; }
@media screen and (max-width: 1024px) { .merit .merit-list li { /*    &:last-of-type{ border-left: thin solid #887933; } */ } }
@media screen and (max-width: 768px) { .merit .subcopy { font-size: 1.4rem; } }
@media screen and (max-width: 600px) { .merit { padding: 1.6rem 0 0.8rem; }
  .merit .merit-wrap-inner { padding: 0 2.4rem; }
  .merit .subcopy { font-size: 1.7rem; }
  .merit .merit-list li { width: 100%; border-left: thin solid #887933; } }

.information { position: relative; z-index: 2; }
.information .info-block { padding: 4rem; }
.information .info-block01 { background-color: #352b00; color: #F0EBE0; }
.information .info-block02 { padding-top: 5.6rem; }
.information .info-wrap .title { padding: 0 4vw; text-align: center; margin-bottom: 2.4rem; }
.information .info-wrap .title .img { max-width: 152px; margin: auto; }
.information .info-wrap .info-text p { font-size: 1.6rem; line-height: 1.2; margin-bottom: 0.8rem; text-align: center; }
.information .info-wrap .info-text p.txt-s { font-size: 80%; }
.information .info-wrap .info-text p.txt-l { font-size: 200%; color: #a2955d; }
.information .info-wrap .info-text p.note { font-size: 12px; }
.information .info-wrap .prompt-entry { background-color: #ffffff00; padding-top: 2.4rem; }
.information .info-wrap .prompt-entry .entry-flow { margin-top: 0; /*     .step-box{ .step-head{ span{ border-bottom-color: #fff; }  }  } */      /*         .arrow{ &::before{
//                      filter: brightness(0) saturate(100%) invert(68%) sepia(3%) saturate(4680%) hue-rotate(11deg) brightness(86%) contrast(85%);
//                      filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); filter: brightness(0) saturate(100%) invert(94%) sepia(7%) saturate(440%) hue-rotate(340deg) brightness(104%) contrast(88%); } } */ }
.information .holiday { margin: 4rem auto 0; text-align: center; }
.information .holiday .inner { display: inline-block; margin: 0 auto; padding: 1.5rem 2rem; line-height: 1.6; color: #9a0016; font-feature-settings: "palt"; letter-spacing: 0.05em; border: 1px solid #9a0016; }
@media screen and (max-width: 768px) { .information .info-block { padding: 2.4rem; }
  .information .info-wrap .title { width: 100%; padding: 0 24vw; }
  .information .info-wrap .info-text { width: 100%; padding-top: 2.4rem; } }

.webinar { width: 88%; margin: auto; padding-top: 2.4rem; padding-bottom: 0.8rem; border-top: thin solid #F0EBE0; }
.webinar .info-text p.txt-l { margin-bottom: 2.4rem; }
.webinar .agenda { margin: 1.6rem auto; text-align: center; color: #fff; }
.webinar .agenda li { width: 100%; max-width: 480px; margin: 2px auto; padding: 4px; font-size: 1.8rem; }
.webinar .agenda li:first-of-type { font-size: 1.4rem; }
.webinar .agenda li:nth-of-type(2n) { background-color: #a2955d; }
.webinar .agenda li:nth-of-type(2n+1):not(:first-of-type) { background-color: #928654; }
.webinar .guide-nav { padding-top: 1.6rem; }
.webinar .guide-nav ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0 10%; }
.webinar .guide-nav ul li { width: 100%; display: flex; font-size: 2rem; font-feature-settings: "palt"; letter-spacing: 0.05em; line-height: 1.2; background-color: #fff; }
.webinar .guide-nav ul li a { color: #fff; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 1.6rem 4rem; width: 100%; position: relative; }
.webinar .guide-nav ul li a::before { content: ''; width: 1.2rem; height: 1.2rem; border: 0px; border-top: solid 1px #fff; border-right: solid 1px #fff; translate: 0 -50%; rotate: 45deg; position: absolute; top: 50%; right: 2.4rem; }
.webinar .guide-nav ul li.outline, .webinar .guide-nav ul li.map { display: none; }
.webinar .guide-nav ul li.entry a .en, .webinar .guide-nav ul li.login a .en { display: none; }
@media screen and (max-width: 768px) { .webinar { width: 100%; padding-top: 1.6rem; padding-bottom: 0rem; }
  .webinar .agenda li { font-size: 1.6rem; }
  .webinar .guide-nav ul { grid-template-columns: repeat(1, 1fr); padding: 0; } }

.linkto-contents { width: 100%; max-width: 1440px; margin: auto; padding-top: 6.4rem; position: relative; z-index: 1;   /*@media screen and (max-width:1200px){ #Location1 { .cont-wrap-inner { padding-top: 32%; }
} #Common{ padding: 12rem 0; }  #Plan{ padding: 12rem 0 28rem; .cont-name-wrap{ height: 50rem; } .cont-wrap-inner { margin-top: -34%; padding-left:14rem; } } } */ }
.linkto-contents .linkto-cont-wrap { position: relative; z-index: 2; }
.linkto-contents .linkto-cont-wrap .image { overflow: hidden; /*  .img{ img{ width: 100%; height: 100%; transform: scale(1.5); transition-duration: 2s; }   } */ }
.linkto-contents .linkto-cont-wrap .cont-name-wrap { margin: auto; }
.linkto-contents .linkto-cont-wrap .cont-name { border-color: #665600; }
.linkto-contents .linkto-cont-wrap .cont-wrap-inner { position: relative; }
.linkto-contents .linkto-cont-wrap .linkto-cont-copy { display: inline-block; padding-top: 6.4rem; }
.linkto-contents .linkto-cont-wrap .subcopy { color: #524914; }
.linkto-contents .linkto-cont-wrap .more { width: clamp(152px, calc((200/1040)*100%), 400px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.linkto-contents .linkto-cont-wrap .more div, .linkto-contents .linkto-cont-wrap .more li { min-height: 0%; }
.linkto-contents .linkto-cont-wrap .more .img { width: calc((64/200)*100%); filter: brightness(0) saturate(100%) invert(30%) sepia(89%) saturate(433%) hue-rotate(14deg) brightness(94%) contrast(105%); }
.linkto-contents .linkto-cont-wrap .more .arrow { width: auto; flex-grow: 1; margin-left: 8px; padding-right: 16px; position: relative; transition: all 0.5s 0s ease; }
.linkto-contents .linkto-cont-wrap .more .arrow::before { content: ""; display: block; width: 100%; height: 1px; background-color: #665600; }
.linkto-contents .linkto-cont-wrap .more .arrow::after { content: ""; display: block; aspect-ratio: 8/10; width: 0.8rem; background-color: #665600; clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; top: 50%; right: 16px; transform: translateY(-50%); transition: all 0.5s 0s ease; }
.linkto-contents .linkto-cont-wrap a { display: block; width: 100%; }
.linkto-contents .linkto-cont-wrap a:hover { opacity: 0.64; /*  .image{ .img{ img{ transform: translate(0, 0)scale(1); } } } */ }
.linkto-contents .linkto-cont-wrap a:hover .more .arrow { padding-right: 0; }
.linkto-contents .linkto-cont-wrap a:hover .more .arrow::after { right: 0; }
.linkto-contents .linkto-cont-wrap.bg-b::before { content: ""; display: block; width: 100vw; height: 100%; margin-inline: calc(50% - 50vw); background-color: rgba(43, 56, 64, 0.72); position: absolute; top: 0; left: 0; }
.linkto-contents .linkto-cont-wrap.bg-b .cont-name { border-color: #f3f0e8; }
.linkto-contents .linkto-cont-wrap.bg-b .subcopy { color: #f3f0e8; }
.linkto-contents .linkto-cont-wrap.bg-b .more .img { filter: none; }
.linkto-contents .linkto-cont-wrap.bg-b .more .arrow::before, .linkto-contents .linkto-cont-wrap.bg-b .more .arrow::after { background-color: #f3f0e8; }
.linkto-contents #Location1 { padding-right: calc((96/1368)*100%); padding-bottom: 4rem; /* .cont-wrap-inner { margin-top:-26%; padding-top: 40%; }  */ }
.linkto-contents #Location1 .image { width: calc((708/1368)*100%); margin-left: auto; margin-right: 0; overflow: hidden; position: relative; }
.linkto-contents #Location1 .image::before { content: ""; width: 100%; display: block; padding-bottom: 183.8983050847%; }
@keyframes location1VisualMotion { 0% { height: 0%; }
  100% { height: 100%; } }
.linkto-contents #Location1 .image .img { position: absolute; bottom: 100%; left: 0; width: 100%; height: 0%; overflow: hidden; transition: 0.5s ease 0.5s bottom , 0.5s ease 0.5s height , 0.5s ease 0s opacity; }
.linkto-contents #Location1 .image .img img { width: 100%; height: 100%; object-fit: cover; object-position: center 70%; transition: 0.5s ease 0.5s object-position; }
.linkto-contents #Location1 .image.aos-animate .img { transition: 2s ease 0s bottom , 2s ease 0s height , 0.5s ease 0s opacity; height: 100%; bottom: 0%; }
.linkto-contents #Location1 .image.aos-animate .img img { transition: 2s ease 0s object-position; object-position: center 100%; }
.linkto-contents #Location1 .cont-name { width: calc((664/1368)*100%); padding-right: 3.2rem; padding-bottom: 0.4rem; border-bottom: thin solid #665600; }
.linkto-contents #Location1 .cont-name .img { width: calc((452/658)*100%); margin-right: 0; margin-left: auto; }
.linkto-contents #Location1 .text-box { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.linkto-contents #Location1 .linkto-cont-copy { padding-left: calc((168/1368)*100%); /* position: absolute; top: 0; right: 0; */ }
.linkto-contents #Residence { padding: 12rem 0 8rem; /*	#cont2_img01-effect{
		position: relative;
		overflow: hidden;
		.img{
			transition: 2s ease 0s transform;
			width:120%;
			transform: translateX(-15%);
			img{width:100%; height: 100%; object-fit: cover; object-position: center center;}
		}
		.mask-cls{
			position: absolute;
			background-color: #000;
			transition: 2s ease 0s transform;
			&.mask-right-top{ width:100%; height:100%; top:0; left: 0; }
		}
		&.aos-animate{
			.img{
				transform: translateX(0%);
				transition: 3s cubic-bezier(0.33, 0, 0.46, 1) 1.5s transform;
			}
			.mask-right-top{ transform: translateX(100%);}
		}
	} */ }
.linkto-contents #Residence .image { width: calc((1020/1368)*100%); margin-left: 0; margin-right: auto; }
.linkto-contents #Residence .text-box { margin-left: 10rem; padding-left: calc((36 /1368)*100%); padding-top: 7.2rem; border-left: thin solid #665600; }
.linkto-contents #Residence .text-box .cont-wrap-inner { margin: 0; padding-top: 0; }
.linkto-contents #Residence .cont-name-wrap { /*  position: absolute; top:60%; left: 0; */ }
.linkto-contents #Residence .cont-name .img { width: calc((370 /1368)*100%); }
.linkto-contents #Residence #cont2_img01-effect { position: relative; overflow: hidden; }
.linkto-contents #Residence #cont2_img01-effect .img { transition: 2s ease 0s transform; height: 120%; transform: translateY(-20%); }
.linkto-contents #Residence #cont2_img01-effect .img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.linkto-contents #Residence #cont2_img01-effect .mask-cls { position: absolute; background-color: #D8D2B1; transition: 2s ease 0s transform; }
.linkto-contents #Residence #cont2_img01-effect .mask-cls.mask-right-top { width: 100%; height: 100%; top: 0; left: 0; }
.linkto-contents #Residence #cont2_img01-effect.aos-animate .img { transform: translateY(0%); transition: 1.8s cubic-bezier(0.05, 0.77, 0.25, 1) 0s transform; }
.linkto-contents #Residence #cont2_img01-effect.aos-animate .mask-right-top { transform: translateY(100%); }
.linkto-contents #Common { padding: 24rem 0 0; /*#cont3_img01-effect{
	position: relative;
	overflow: hidden;
	.img{
		transition: 2s ease 0s transform;
		height:120%;
		transform: translateY(30%);
		img{width:100%; height: 100%; object-fit: cover; object-position: center center;}
	}
	.mask-cls{
		position: absolute;
		background-color: #D8D2B1;
		transition: 2s ease 0s transform;
		&.mask-right-top{ width:100%; height:100%; top:0; left: 0; }
	}
	&.aos-animate{
		.img{transform: translateY(0%); transition: 1.8s cubic-bezier(0.05, 0.77, 0.25, 1) 0s transform;}
		.mask-right-top{ transform: translateY(-100%);}
	}
} */    /* a { &:hover { .more { .arrow { padding-left: 0;
 &::after { left: 0; } } } }
 } */ }
.linkto-contents #Common .image { width: calc((1076/1368)*100%); margin-right: auto; margin-left: calc((110/1368)*100%); }
.linkto-contents #Common .cont-name-wrap { border-left: thin solid #665600; position: absolute; bottom: 0; right: calc((80/1368)*100%); }
.linkto-contents #Common .cont-name { padding-top: 8.8rem; padding-bottom: 18.8rem; }
.linkto-contents #Common .cont-name .img { width: 40px; }
.linkto-contents #Common .cont-wrap-inner { text-align: right; padding-top: 0; padding-right: calc((180/1368)*100%); }
.linkto-contents #Common #cont3_img01-effect { position: relative; overflow: hidden; }
.linkto-contents #Common #cont3_img01-effect .img { transform: scale(1.4, 1.4); transition: 2s ease 0s transform; }
.linkto-contents #Common #cont3_img01-effect .mask-cls { position: absolute; background-color: #f3f0e8; transition: 1s ease 0s transform; }
.linkto-contents #Common #cont3_img01-effect .mask-cls.mask-right-top { width: 50%; height: 100%; top: 0; left: 0; }
.linkto-contents #Common #cont3_img01-effect .mask-cls.mask-left-top { width: 50%; height: 100%; top: 0; right: 0; }
.linkto-contents #Common #cont3_img01-effect .mask-cls.mask-right-bottom { width: 100%; height: 50%; top: 0; left: 0; }
.linkto-contents #Common #cont3_img01-effect .mask-cls.mask-left-bottom { width: 100%; height: 50%; bottom: 0; right: 0; }
.linkto-contents #Common #cont3_img01-effect.aos-animate .img { transform: scale(1, 1); transition: 2s cubic-bezier(0.05, 0.77, 0.25, 1) 0s transform; }
.linkto-contents #Common #cont3_img01-effect.aos-animate .mask-right-top { transform: translateX(-100%); }
.linkto-contents #Common #cont3_img01-effect.aos-animate .mask-left-top { transform: translateX(100%); }
.linkto-contents #Common #cont3_img01-effect.aos-animate .mask-right-bottom { transform: translateY(-100%); }
.linkto-contents #Common #cont3_img01-effect.aos-animate .mask-left-bottom { transform: translateY(100%); }
.linkto-contents #Common .subcopy { text-align: right; }
.linkto-contents #Common .more { margin-left: auto; margin-right: 0;    /*   .img { order: 2; }
 .arrow { order: 1; padding-right: 0; padding-left: 16px; margin-right: 8px; margin-left: 0;
 &::after { clip-path: polygon(0 50%, 100% 0, 100% 100%); right: auto; left: 16px; } } */ }
.linkto-contents #Plan { padding: 16rem 0;  /*     .cont-wrap-inner { margin-top: -38%; padding-left: 8%;
} */ /*	#cont4_img01-effect{
		position: relative;
		overflow: hidden;
		.img{
			transition: 2s ease 0s transform;
			height:120%;
			transform: translateY(-20%);
			img{width:100%; height: 100%; object-fit: cover; object-position: center center;}
		}
		.mask-cls{
			position: absolute;
			background-color: #D8D2B1;
			transition: 2s ease 0s transform;
			&.mask-right-top{ width:100%; height:100%; top:0; left: 0; }
		}
		&.aos-animate{
			.img{transform: translateY(0%); transition: 1.8s cubic-bezier(0.05, 0.77, 0.25, 1) 0s transform;}
			.mask-right-top{ transform: translateY(100%);}
		}
	} */ }
.linkto-contents #Plan .image { width: 100%; margin-right: 0; margin-left: auto; }
.linkto-contents #Plan .image .cap { font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-size: 10px; position: absolute; right: 5px; bottom: 5px; line-height: 1.12; }
.linkto-contents #Plan .image .cap.white { color: #fff; text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px; }
.linkto-contents #Plan .image .cap.box { background-color: rgba(0, 0, 0, 0.64); padding: 2px 3px; color: #fff; right: 0; bottom: 0; }
.linkto-contents #Plan .text-box { border-left: thin solid #665600; margin-left: calc((216/1368)*100%); }
.linkto-contents #Plan .cont-name-wrap { padding-top: 6.4rem; padding-left: calc((40/1368)*100%); position: relative; }
.linkto-contents #Plan .cont-name { padding-left: 1.6rem; }
.linkto-contents #Plan .cont-name .img { width: calc((332/1368)*100%); }
.linkto-contents #Plan #cont4_img01-effect { position: relative; overflow: hidden; }
.linkto-contents #Plan #cont4_img01-effect .img { transition: 2s ease 0s transform; width: 120%; transform: translateX(-15%); }
.linkto-contents #Plan #cont4_img01-effect .img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.linkto-contents #Plan #cont4_img01-effect .mask-cls { position: absolute; background-color: #000; transition: 2s ease 0s transform; }
.linkto-contents #Plan #cont4_img01-effect .mask-cls.mask-right-top { width: 100%; height: 100%; top: 0; left: 0; }
.linkto-contents #Plan #cont4_img01-effect.aos-animate .img { transform: translateX(0%); transition: 3s cubic-bezier(0.33, 0, 0.46, 1) 1.5s transform; }
.linkto-contents #Plan #cont4_img01-effect.aos-animate .mask-right-top { transform: translateX(100%); }
.linkto-contents #Access .image { width: calc((1020/1368)*100%); margin-left: auto; margin-right: 0; }
.linkto-contents #Access .text-box { text-align: right; }
.linkto-contents #Access .cont-name-wrap { width: calc((710/1368)*100%); padding-top: 6.4rem; padding-left: calc((40/1368)*100%); position: relative; border-bottom: thin solid #665600; margin-left: auto; margin-right: 0; }
.linkto-contents #Access .cont-name { padding-right: calc((104/710)*100%); text-align: right; }
.linkto-contents #Access .cont-name .img { width: calc((208/710)*100%); margin-left: auto; margin-right: 0; }
.linkto-contents #Access .cont-wrap-inner { text-align: right; margin-right: calc((92/1368)*100%); }
.linkto-contents #Access .linkto-cont-copy { text-align: right; margin-right: 0; margin-left: auto; }
.linkto-contents #Access .subcopy { text-align: right; }
.linkto-contents #Access .more { margin-left: auto; margin-right: 0;    /*   .img { order: 2; } 
 .arrow { order: 1; padding-right: 0; padding-left: 16px; margin-right: 8px; margin-left: 0;
 &::after { clip-path: polygon(0 50%, 100% 0, 100% 100%); right: auto; left: 16px; } } */ }
.linkto-contents #Access #cont5_img01-effect { position: relative; overflow: hidden; }
.linkto-contents #Access #cont5_img01-effect .img { transition: 2s ease 0s transform; width: 100%; transform: scale(1.5, 1.5); }
.linkto-contents #Access #cont5_img01-effect .img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.linkto-contents #Access #cont5_img01-effect .mask-cls { position: absolute; background-color: #D8D2B1; transition: 2s ease 0s transform; }
.linkto-contents #Access #cont5_img01-effect .mask-cls.mask-right-top { width: 100%; height: 100%; top: 0; left: 0; }
.linkto-contents #Access #cont5_img01-effect.aos-animate .img { transform: scale(1, 1); transition: 1.8s cubic-bezier(0.05, 0.77, 0.25, 1) 0s transform; }
.linkto-contents #Access #cont5_img01-effect.aos-animate .mask-right-top { transform: translateX(100%); }
.linkto-contents #Location2 { padding-top: 8rem; /*  .cont-name-wrap{ width: calc((352/1368)*100%); } */ }
.linkto-contents #Location2 .cont-name-wrap { width: 96%; max-width: 1040px; margin: 7.6rem auto 0; border-bottom: thin solid #665600; }
.linkto-contents #Location2 .cont-name .img { width: calc((288/1368)*100%); margin: auto; }
.linkto-contents #Location2 .cont-wrap-inner { text-align: center; }
.linkto-contents #Location2 .linkto-cont-copy { padding-top: 0; padding-bottom: 6.4rem; }
.linkto-contents #Location2 .subcopy, .linkto-contents #Location2 .more { text-align: center; margin: auto; }
.linkto-contents #Location2 .more { margin-top: 1.6rem; }
.linkto-contents #Location2 #cont6_img01-effect { position: relative; overflow: hidden; }
.linkto-contents #Location2 #cont6_img01-effect .img { transition: 2s ease 0s transform; width: 100%; transform: scale(1.5, 1.5); }
.linkto-contents #Location2 #cont6_img01-effect .img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.linkto-contents #Location2 #cont6_img01-effect .mask-cls { position: absolute; background-color: #D8D2B1; transition: 2s ease 0s transform; }
.linkto-contents #Location2 #cont6_img01-effect .mask-cls.mask-right-top { width: 100%; height: 100%; top: 0; left: 0; }
.linkto-contents #Location2 #cont6_img01-effect.aos-animate .img { transform: scale(1, 1); transition: 1.8s cubic-bezier(0.05, 0.77, 0.25, 1) 0s transform; }
.linkto-contents #Location2 #cont6_img01-effect.aos-animate .mask-right-top { transform: translateX(-100%); }
@media screen and (max-width: 1024px) { .linkto-contents { /*  #Plan{ padding: 10rem 0 14rem; .cont-name-wrap{ margin-top: -8.8rem; height: 40rem; } .cont-wrap-inner{ margin-top: -30%; } } */ }
  .linkto-contents #Location1 .cont-wrap-inner { padding-top: 28%; }
  .linkto-contents #Common { padding: 8rem 0; } }
@media screen and (max-width: 768px) { .linkto-contents { /*     #Location1, #Common, #Plan{ .cont-name-wrap{ width: calc((884/1368)*100%);        border-bottom-style: solid; border-bottom-width: thin; } .cont-name{ border:none; } .cont-wrap-inner{ margin-top: 0; } } */ /*  #Residence{ padding: 6.4rem 0 4rem; .cont-name-wrap{ margin-top: -2rem; } } */      /*           #Plan{ padding: 8rem 0 4rem; .cont-name-wrap{ height: auto; padding-top: 0; margin-top: -2rem; margin-left: 0; margin-right: auto; border-left: none; border-bottom-color: #f3f0e8; } } #Access, #Location2{ .linkto-cont-copy{ padding-bottom: 4rem; }
} */ }
  .linkto-contents .linkto-cont-wrap .linkto-cont-copy { padding-top: 4rem; }
  .linkto-contents #Location1 {          /*   .cont-name-wrap{ margin-top: -2rem; margin-right: 0; margin-left: auto; border-bottom-color:#665600; } .cont-wrap-inner{ padding-top: 4rem; text-align: right; padding-right: 12rem; } .subcopy { text-align: right; }
 .more { margin-left: auto; margin-right: 0;
 .img { order: 2; }
 .arrow { order: 1; padding-right: 0; padding-left: 16px; margin-right: 8px; margin-left: 0;
 &::after { clip-path: polygon(0 50%, 100% 0, 100% 100%); right: auto; left: 16px; } } }
 a { &:hover { .more { .arrow { padding-left: 0;
 &::after { left: 0; } } } }
 } .linkto-cont-copy{ position: static; } */ }
  .linkto-contents #Location1 .cont-name { width: calc((614/1368)*100%); padding-right: 4rem; }
  .linkto-contents #Location1 .cont-name .img { width: calc((400/658)*100%); }
  .linkto-contents #Location1 .linkto-cont-copy { padding-left: calc((40/1368)*100%); }
  .linkto-contents #Common { padding: 8rem 0 4rem; /*         .cont-name-wrap{ margin-top: -2rem; margin-right: 0; margin-left: auto; border-bottom-color:#665600;
} */ }
  .linkto-contents #Common .cont-name .img { width: 28px; } }
@media screen and (max-width: 600px) { .linkto-contents { /*  #Location1, #Residence, #Common, #Plan{ .cont-name-wrap{ width: 88%; margin-top: -1rem; } .cont-wrap-inner{ padding: 1.6rem 1.6rem 0; } } */ /*   , #Location2{ .linkto-cont-copy{ padding-bottom: 1.6rem; } } #Access{ .cont-name-wrap{ width: calc((256/352)*40%); }
}*/ }
  .linkto-contents .linkto-cont-wrap .linkto-cont-copy { padding-top: 1.6rem; }
  .linkto-contents #Location1 .image { width: 80%; }
  .linkto-contents #Location1 .text-box { position: static; transform: none; width: 88%; margin-top: 2.4rem; }
  .linkto-contents #Location1 .cont-name { width: 100%; }
  .linkto-contents #Location1 .cont-name .img { width: calc((374/658)*100%); }
  .linkto-contents #Residence { padding-top: 4rem; }
  .linkto-contents #Residence .text-box { margin-left: 12%; padding-top: 2.4rem; }
  .linkto-contents #Residence .cont-name .img { width: calc((644 /1368)*100%); }
  .linkto-contents #Residence .linkto-cont-copy { transform: none; }
  .linkto-contents #Common { padding-top: 4rem; padding-bottom: 0; }
  .linkto-contents #Common .cont-name .img { width: 2rem; }
  .linkto-contents #Plan { padding: 4rem 0; /*   .image{ width: 88%; } */ }
  .linkto-contents #Plan .text-box { margin-left: 12%; }
  .linkto-contents #Plan .cont-name-wrap { padding-top: 2.4rem; }
  .linkto-contents #Plan .cont-name .img { width: calc((622/1368)*100%); }
  .linkto-contents #Access { padding-top: 0; }
  .linkto-contents #Access .image { width: 88%; }
  .linkto-contents #Access .cont-name-wrap { width: 88%; padding-top: 2.4rem; }
  .linkto-contents #Access .cont-name .img { width: calc((482/1368)*100%); }
  .linkto-contents #Location2 { padding-top: 0; }
  .linkto-contents #Location2 .cont-name-wrap { margin-top: 2.4rem; }
  .linkto-contents #Location2 .cont-name .img { width: calc((472/1368)*100%); } }