@charset "UTF-8";
/*@mixin nav-on{ background:    -moz-linear-gradient(left,#433f29,#787048); background: -webkit-linear-gradient(left,#433f29,#787048); background:         linear-gradient(to right,#433f29,#787048);
}*/
/*
@mixin reserve-off{ background: #9d1720;
}
@mixin reserve-on{ background: #bf5e65;
}
@mixin sp-reserve-off{ background: #9d1720;
}
@mixin sp-reserve-on{ background: #bf5e65;
}*/
/* index */
.main { position: relative; text-align: center; }
.main img { width: 100%; height: auto; line-height: 0; vertical-align: middle; }

.plan-list-wrap.cont-wrap .cont-wrap-inner { max-width: 1040px; margin: 0 auto; padding: 0 0 0.5rem; }
.plan-list-wrap .plan-list { 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: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0 1rem; position: relative; z-index: 2; margin-top: -4%; }
.plan-list-wrap .plan-list div, .plan-list-wrap .plan-list li { min-height: 0; }
.plan-list-wrap .plan-list li { width: calc(74.66666667% / 8); margin-bottom: 0.5rem; position: relative; }
.plan-list-wrap .plan-list li.so::before, .plan-list-wrap .plan-list li.so::after { content: ""; display: block; width: 8px; height: calc((128/112)*100%); background-color: #e60012; position: absolute; left: 50%; top: 50%; }
.plan-list-wrap .plan-list li.so::before { transform: translate(-50%, -50%) rotate(45deg); }
.plan-list-wrap .plan-list li.so::after { transform: translate(-50%, -50%) rotate(-45deg); }
@media screen and (max-width: 1440px) { .plan-list-wrap .plan-list { margin-top: 0; } }
@media screen and (max-width: 1024px) { .plan-list-wrap .plan-list { margin-top: 0; }
  .plan-list-wrap .plan-list li { width: calc(80% / 8); } }
@media screen and (max-width: 834px) { .plan-list-wrap .plan-list li.so::before, .plan-list-wrap .plan-list li.so::after { width: 6px; } }
@media screen and (max-width: 768px) { .plan-list-wrap .plan-list li { width: calc(88% / 8); } }
@media screen and (max-width: 600px) { .plan-list-wrap .plan-list { padding: 0 0.5rem; }
  .plan-list-wrap .plan-list li { width: calc(93% / 4); } }

.cfa.cont-wrap .cont-wrap-inner { max-width: 1200px; margin: 0 auto; padding: 2.5rem 0 0; 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; gap: 0 2%; }
.cfa.cont-wrap .cont-wrap-inner div, .cfa.cont-wrap .cont-wrap-inner li { min-height: 0; }
.cfa .cfa-block { 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; padding: 0 1rem; }
.cfa .cfa-block div, .cfa .cfa-block li { min-height: 0; }
.cfa .cfa-block .wappen { width: 112px; margin-right: 1rem; }
.cfa .cfa-block .copy { width: calc(100% - 112px - 1rem); }
.cfa .cfa1 { width: 46%; }
.cfa .cfa2 { width: 52%; }
.cfa .cfa3 { width: calc(100% - 4rem); margin: 2.5rem auto 0; background-color: #fff; border: 4px solid #000; border-radius: 4rem; padding: 1.5rem 0; position: relative; }
.cfa .cfa3 .wappen { position: absolute; left: -2%; top: -2%; }
.cfa .cfa3 .ttl .ttl1 { padding: 0 4% 0 calc(112px - 2%); }
.cfa .cfa3 .ttl .ttl2 { background-color: #005B97; padding: 0 4% 0.75rem; }
.cfa .cfa3 .prize-list { padding: 1.25rem 4% 0; 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: stretch; -ms-flex-align: stretch; align-items: stretch; }
.cfa .cfa3 .prize-list div, .cfa .cfa3 .prize-list li { min-height: 0; }
.cfa .cfa3 .prize-list li { width: calc(96% / 3); margin-bottom: 1.25rem; }
.cfa .cfa3 .note { width: 100%; padding: 0 4%; text-align: right; line-height: 1.36; }
@media screen and (max-width: 1024px) { .cfa .cfa3 .wappen { top: -4%; } }
@media screen and (max-width: 834px) { .cfa.cont-wrap .cont-wrap-inner { padding-top: 1rem; gap: 0; }
  .cfa .cfa-block .wappen { width: 80px; }
  .cfa .cfa-block .copy { width: calc(100% - 80px - 1rem); }
  .cfa .cfa1 { width: 45%; }
  .cfa .cfa2 { width: 55%; }
  .cfa .cfa3 { margin-top: 1.5rem; padding: 1rem 0; border-radius: 2rem; }
  .cfa .cfa3 .wappen { top: -5%; }
  .cfa .cfa3 .ttl .ttl1 { padding: 0 4% 0.25rem calc(80px - 2%); }
  .cfa .cfa3 .ttl .ttl2 { padding-bottom: 0.5rem; }
  .cfa .cfa3 .prize-list { padding-top: 1rem; }
  .cfa .cfa3 .prize-list li { margin-bottom: 1rem; } }
@media screen and (max-width: 768px) { .cfa .cfa-block .wappen { margin-right: 2rem; }
  .cfa .cfa-block .copy { width: calc(100% - 80px - 2rem); }
  .cfa .cfa1, .cfa .cfa2 { width: 100%; padding: 0 1.5rem; }
  .cfa .cfa2 { margin-top: 1rem; } }
@media screen and (max-width: 600px) { .cfa.cont-wrap .cont-wrap-inner { padding: 0; }
  .cfa .cfa-block .wappen { width: 56px; margin-right: 1rem; }
  .cfa .cfa-block .copy { width: calc(100% - 56px - 1rem); }
  .cfa .cfa1, .cfa .cfa2 { padding: 0 0.5rem; }
  .cfa .cfa2 { margin-top: 0.5rem; }
  .cfa .cfa2 .wappen { align-self: flex-start; padding-top: 0.5rem; }
  .cfa .cfa3 { width: calc(100% - 1.25rem); margin-top: 2rem; padding: 0.5rem 0 0.75rem; border-width: 2px; border-radius: 1.5rem; }
  .cfa .cfa3 .wappen { left: -1%; top: -6%; }
  .cfa .cfa3 .ttl .ttl1 { padding: 0 2% 0.25rem calc(56px - 2%); }
  .cfa .cfa3 .ttl .ttl2 { padding: 0 2% 0.25rem; }
  .cfa .cfa3 .prize-list { padding-top: 0.5rem; }
  .cfa .cfa3 .prize-list li { width: calc(97% / 2); margin-bottom: 0.5rem; } }
@media screen and (max-width: 380px) { .cfa .cfa3 { margin-top: 1.5rem; }
  .cfa .cfa3 .wappen { top: -4%; }
  .cfa .cfa3 .ttl .ttl1 { padding-left: 56px; } }

.cont-wrap .cont-wrap-inner { width: calc(100% - 2rem); margin: auto; padding: 6.5rem 0; }
.cont-wrap .main-copy { color: #316b5c; text-align: left; letter-spacing: 0.1em; }
.cont-wrap .page-tag { position: static; border: none; filter: none; color: #666; width: auto; max-width: none; text-align: left; padding: 0; margin-top: 0.5rem; }
.cont-wrap .lead { text-align: left; }
@media screen and (max-width: 600px) { .cont-wrap .cont-wrap-inner { padding: 4rem 0; }
  .cont-wrap .page-tag { font-size: 0.875rem; } }

.prompt-scroll { background-color: #fff; padding-bottom: 1rem; margin-top: -2%; }
.prompt-scroll .cont-wrap-inner { padding: 0; }
@media screen and (max-width: 600px) { .prompt-scroll { margin-top: -7%; } }

.leaf-ornament { width: calc((876/1366)*100%); position: absolute; }
.leaf-ornament img { width: 100%; height: auto; line-height: 1; }
@media screen and (max-width: 600px) { .leaf-ornament { width: 100%; height: 106%; background-size: 192%; background-repeat: no-repeat; }
  .leaf-ornament img { display: none; }
  .leaf-ornament.leaf-right { background-image: url("../img/top/ornament01-right.png"); background-position: top right; }
  .leaf-ornament.leaf-left { background-image: url("../img/top/ornament01-left.png"); background-position: top left; } }

#Concept { background-color: #fff; position: relative; padding-top: 6rem; overflow-x: hidden; scrollbar-width: none; }
#Concept::-webkit-scrollbar { display: none; }
#Concept .fullimage { width: 100%; position: absolute; top: 5%; left: 0; }
#Concept .fullimage .img .cap { bottom: 24%; }
#Concept .cont-wrap-inner { max-width: 1040px; position: relative; z-index: 2; padding: 0; }
#Concept .intro { 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; justify-content: flex-start; }
#Concept .intro div, #Concept .intro li { min-height: 0; }
#Concept .text { width: calc((622/1040)*100%); }
#Concept .text .lead { margin-top: 2.5rem; }
#Concept .symbol { width: calc((316/1040)*100%); }
#Concept .timelapse { max-width: 1920px; margin: auto; padding-top: 16%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-end; position: relative; z-index: 4; /*.main-copy, .lead{ text-align: center; }*/ }
#Concept .timelapse div, #Concept .timelapse li { min-height: 0; }
#Concept .timelapse::before { content: ""; width: calc((16/1040)*100%); }
#Concept .timelapse .text { width: calc((400/1040)*100%); margin-left: calc((32/1040)*100%); padding-bottom: 1rem; }
#Concept .timelapse .main-copy { color: #666; font-size: 1.5rem; }
#Concept .timelapse .lead { margin-top: 1.5rem; font-size: 0.875rem; }
#Concept .timelapse .modal-btn-container { width: 100%; padding: 2rem 0; }
#Concept .timelapse .modal-btn-container .modal-btn-inner { width: calc((592/1040)*100%); }
#Concept .timelapse .modal-btn-container .modal-btn { width: 80%; max-width: 300px; min-width: 200px; padding: 1rem 0; margin: 0 auto; text-align: center; border-radius: 3px; cursor: pointer; background-color: #559175; background-image: linear-gradient(90deg, #004152 0%, #559175 100%); transition: 1s ease-out 0s filter; }
#Concept .timelapse .modal-btn-container .modal-btn:hover { transition-duration: 0.3s; filter: brightness(1.3); }
#Concept .timelapse .modal-btn-container .modal-btn .modal-btn-txt { font-size: 1rem; color: #fff; font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; }
#Concept .timelapse .timelapse-container { width: calc((592/1040)*100%); }
#Concept .timelapse .timelapse-container .img video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
@media screen and (max-width: 1440px) { #Concept .fullimage { top: 8%; } }
@media screen and (max-width: 1200px) { #Concept .fullimage { top: 12%; } }
@media screen and (max-width: 1024px) { #Concept .fullimage { top: 16%; } }
@media screen and (max-width: 834px) { #Concept .fullimage { top: 20%; }
  #Concept .fullimage .img .cap { bottom: 32%; color: #fff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000; }
  #Concept .timelapse { padding-top: 20%; }
  #Concept .timelapse .main-copy { font-size: 1.25rem; }
  #Concept .timelapse .lead { font-size: 0.8125rem; }
  #Concept .timelapse .modal-btn-container .modal-btn { padding: 1rem 0; }
  #Concept .timelapse .modal-btn-container .modal-btn .modal-btn-txt { font-size: 1rem; } }
@media screen and (max-width: 600px) { #Concept { padding-top: 4rem; }
  #Concept .fullimage { top: 44%; }
  #Concept .fullimage .img .cap { bottom: 24%; }
  #Concept .intro .text { width: 100%; }
  #Concept .intro .symbol { width: 56%; margin: auto; padding-top: 2rem; }
  #Concept .timelapse { padding-top: 60%; flex-direction: row; }
  #Concept .timelapse .leaf-ornament { right: -13%; bottom: -125%; }
  #Concept .timelapse::before { content: none; }
  #Concept .timelapse .text { width: calc(100% - 2rem); margin-bottom: 1rem; }
  #Concept .timelapse .text .main-copy, #Concept .timelapse .text .lead { text-align: center; }
  #Concept .timelapse .modal-btn-container { margin: 0 auto; width: 100%; }
  #Concept .timelapse .modal-btn-container .modal-btn-inner { width: 100%; }
  #Concept .timelapse .timelapse-container { width: 100%; } }
@media screen and (max-width: 464px) { #Concept .fullimage { top: 45%; } }
@media screen and (max-width: 392px) { #Concept .fullimage { top: 46%; }
  #Concept .timelapse .text { margin-bottom: 0; } }

.ornament1 { margin-top: -16%; padding-bottom: 14%; }
.ornament1 .ornament-container { position: relative; }
.ornament1 .leaf-ornament { top: 0; right: 0; }
@media screen and (max-width: 1200px) { .ornament1 { margin-top: -14%; padding-bottom: 12%; } }
@media screen and (max-width: 1024px) { .ornament1 { margin-top: -10%; padding-bottom: 8%; } }
@media screen and (max-width: 834px) { .ornament1 { margin-top: -6%; padding-bottom: 4%; } }

.intro-3conts { overflow-x: hidden; scrollbar-width: none; }
.intro-3conts::-webkit-scrollbar { display: none; }
.intro-3conts .cont-wrap { position: relative; }
.intro-3conts .cont-wrap .cont-wrap-inner { overflow-y: visible; width: 100%; max-width: 1366px; padding-bottom: 0; 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: start; -ms-flex-align: start; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 2; }
.intro-3conts .cont-wrap .cont-wrap-inner div, .intro-3conts .cont-wrap .cont-wrap-inner li { min-height: 0; }
.intro-3conts .cont-wrap .cont-wrap-inner::after { content: ""; width: calc((163/1366)*100%); flex-shrink: 1; }
.intro-3conts .cont-wrap .cont-wrap-inner .images { width: calc((800/1366)*100%); margin-right: calc((40/1366)*100%); 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: stretch; -ms-flex-align: stretch; align-items: stretch; justify-content: flex-end; gap: 0.5rem 1rem; }
.intro-3conts .cont-wrap .cont-wrap-inner .images div, .intro-3conts .cont-wrap .cont-wrap-inner .images li { min-height: 0; }
.intro-3conts .cont-wrap .cont-wrap-inner .images .image { width: calc((100% - 2rem) / 3); }
.intro-3conts .cont-wrap .cont-wrap-inner .images .image:first-of-type { width: 100%; }
.intro-3conts .cont-wrap .cont-wrap-inner .images .image:first-of-type .img .cap.out { text-align: left; }
.intro-3conts .cont-wrap .cont-wrap-inner .images[data-aos*="fade"] { transform: translateX(-100px); }
.intro-3conts .cont-wrap .cont-wrap-inner .images[data-aos*="fade"].aos-animate { transform: translateX(0); }
.intro-3conts .cont-wrap .cont-wrap-inner .text { max-width: calc((526/1366)*100%); padding-top: calc((40/542)*100%); }
.intro-3conts .cont-wrap .cont-wrap-inner .text .main-copy, .intro-3conts .cont-wrap .cont-wrap-inner .text .page-tag { text-align: right; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .main-copy { position: relative; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .main-copy .new { position: absolute; top: -0.5rem; right: 0; font-size: 0.8rem; font-weight: bold; color: #A31414; line-height: 1; letter-spacing: 0.05rem; font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn { width: 1000%; border: thin solid #ccc; padding: 1.5rem 2.5rem; margin-top: 3rem; margin-left: calc((104/526)*100%); position: relative; overflow-x: hidden; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn .en { display: inline-block; font-family: 'EB Garamond', serif; color: #316b5c; font-size: 1rem; text-align: left; letter-spacing: 0.1em; line-height: 1.2; margin-right: 1rem; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn .arrow-container { display: inline-block; text-align: left; position: absolute; top: 50%; left: 2.5rem; transform: translateY(-50%); width: calc(9em + 1rem + 2rem); }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn .arrow { position: relative; display: inline-block; vertical-align: middle; width: 0.75rem; height: 1px; margin-top: 3.6px; border-radius: 9999px; background-color: #316b5c; transition: .3s; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn .arrow::before { content: ""; position: absolute; top: calc(50% - 0.5px); right: 0; width: 0.375rem; height: 1px; border-radius: 9999px; background-color: #316b5c; transform: rotate(45deg); transform-origin: calc(100% - 0.5px) 50%; transition: .3s; }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn[data-aos*="fade"] { transform: translateX(100px); }
.intro-3conts .cont-wrap .cont-wrap-inner .text .btn[data-aos*="fade"].aos-animate { transform: translateX(0); }
.intro-3conts .cont-wrap .cont-wrap-inner .text a { display: block; width: 100%; height: 100%; }
.intro-3conts .cont-wrap .cont-wrap-inner .text a:hover .btn { background-color: #559175; background-image: linear-gradient(90deg, #004152 0%, #559175 100%); background-size: 20%; background-position: left center; background-repeat: no-repeat; border-color: #316b5c; }
.intro-3conts .cont-wrap .cont-wrap-inner .text a:hover .btn .en { color: #fff; }
.intro-3conts .cont-wrap .cont-wrap-inner .text a:hover .btn .arrow { width: 2rem; background-color: #fff; }
.intro-3conts .cont-wrap .cont-wrap-inner .text a:hover .btn .arrow::before { background-color: #fff; }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner { flex-direction: row-reverse; }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .images { justify-content: flex-start; margin-right: 0; margin-left: calc((40/1366)*100%); }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .images .image:first-of-type .img .cap.out { text-align: right; }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .images[data-aos*="fade"] { transform: translateX(100px); }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .images[data-aos*="fade"].aos-animate { transform: translateX(0); }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .main-copy, .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .page-tag { text-align: left; }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn { margin-right: calc((104/526)* 100%); margin-left: -909%; padding-right: 0; }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn .arrow-container { left: auto; right: 0; }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn[data-aos*="fade"] { transform: translateX(-100px); }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn[data-aos*="fade"].aos-animate { transform: translateX(0); }
.intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner a:hover .btn { background-image: linear-gradient(-90deg, #004152 0%, #559175 100%); background-position: right center; }
.intro-3conts .cont-wrap#completion-cont .leaf-ornament { top: -34%; right: 0; }
.intro-3conts .cont-wrap#completion-cont .cont-wrap-inner .images .image:nth-of-type(1) { width: calc((684/800)*100%); margin-left: 0; margin-right: auto; }
.intro-3conts .cont-wrap#completion-cont .cont-wrap-inner .images .image:nth-of-type(2) { margin-top: -34%; }
.intro-3conts .cont-wrap#location-cont .leaf-ornament { top: -22%; left: 0; }
.intro-3conts .cont-wrap#landplan-cont .leaf-ornament { top: -34%; right: 0; }
.intro-3conts .cont-wrap#landplan-cont .cont-wrap-inner .images .image:nth-of-type(1) { /*width: calc((684/800)*100%);
margin-left: 0;
margin-right: auto;*/ width: 100%; }
.intro-3conts .cont-wrap#landplan-cont .cont-wrap-inner .images .image:nth-of-type(2) { margin-top: -34%; }
.intro-3conts .cont-wrap#landplan-cont .cont-wrap-inner .images .image .img video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
@media screen and (max-width: 1200px) { .intro-3conts .cont-wrap .cont-wrap-inner .text .btn { margin-left: 0; }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn { margin-right: 0; margin-left: -899%; }
  .intro-3conts .cont-wrap#location-cont .leaf-ornament { top: -16%; }
  .intro-3conts .cont-wrap#landplan-cont .leaf-ornament { top: -29%; } }
@media screen and (max-width: 1024px) { .intro-3conts .cont-wrap#location-cont .leaf-ornament { top: -10%; }
  .intro-3conts .cont-wrap#landplan-cont .leaf-ornament { top: -20%; } }
@media screen and (max-width: 834px) { .intro-3conts .cont-wrap#location-cont .leaf-ornament { top: -6%; }
  .intro-3conts .cont-wrap#landplan-cont .leaf-ornament { top: -17%; } }
@media screen and (max-width: 600px) { .intro-3conts .cont-wrap .cont-wrap-inner { width: calc((320/390)*100%); margin-left: 0; margin-right: auto; }
  .intro-3conts .cont-wrap .cont-wrap-inner::after { content: none; }
  .intro-3conts .cont-wrap .cont-wrap-inner .images { width: 100%; margin-right: 0; column-gap: 0.5rem; }
  .intro-3conts .cont-wrap .cont-wrap-inner .images .image { width: calc((100% - 1.5rem) / 2); }
  .intro-3conts .cont-wrap .cont-wrap-inner .text { max-width: none; width: 100%; padding-top: 1.5rem; padding-left: 1rem; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .main-copy, .intro-3conts .cont-wrap .cont-wrap-inner .text .page-tag { text-align: left; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .main-copy .new { top: -0.8rem; left: 0; right: auto; text-align: left; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn { margin-top: 1.5rem; margin-left: -900%; padding: 0.875rem 1.75rem 1rem; background-color: #559175; background-image: linear-gradient(-90deg, #004152 0%, #559175 100%); background-size: 10%; background-position: right center; background-repeat: no-repeat; border-color: #316b5c; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn .en { font-size: 0.8125rem; color: #fff; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn .arrow-container { left: auto; right: -2.5rem; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn .arrow { background-color: #fff; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn .arrow::before { background-color: #fff; }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn[data-aos*="fade"] { transform: translateX(-100px); }
  .intro-3conts .cont-wrap .cont-wrap-inner .text .btn[data-aos*="fade"].aos-animate { transform: translateX(0); }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner { margin-right: 0; margin-left: auto; flex-direction: row; }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text { padding-right: 1rem; }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .main-copy, .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .page-tag { text-align: right; }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn { margin-left: 0; margin-right: auto; background-image: linear-gradient(90deg, #004152 0%, #559175 100%); background-position: left center; }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn .arrow-container { top: 50%; left: 2rem; transform: translateY(-50%); }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn[data-aos*="fade"] { transform: translateX(100px); }
  .intro-3conts .cont-wrap:nth-of-type(even) .cont-wrap-inner .text .btn[data-aos*="fade"].aos-animate { transform: translateX(0); }
  .intro-3conts .cont-wrap#completion-cont .leaf-ornament { top: -14%; right: 0; }
  .intro-3conts .cont-wrap#location-cont .leaf-ornament { top: -3%; left: 0; }
  .intro-3conts .cont-wrap#landplan-cont .leaf-ornament { top: -15%; right: 0; }
  .intro-3conts .cont-wrap#landplan-cont .cont-wrap-inner .images .image:nth-of-type(2) .img { width: calc((118 /148) * 100%); margin-left: auto; margin-right: 0; }
  .intro-3conts .cont-wrap#landplan-cont .cont-wrap-inner .text { /*margin-top: -24%;*/ margin-top: 1rem; } }

.information .info-img .img { max-width: 680px; margin: 0 auto; }
.information.cont-wrap .cont-wrap-inner { padding: 2rem 0 3rem 0; width: 92%; max-width: 800px; margin: auto; }
.information .top-info-ttl { font-family: "Noto Sans JP" , "Helvetica Neue", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 1.5em; font-weight: bold; text-align: center; color: #005b97; letter-spacing: 0.1em; margin-bottom: 2.5rem; padding-bottom: 1.25rem; line-height: 1; border-bottom: thin solid  #005b97; }
.information .info-txt-mass { width: calc((492/800)*100%); max-width: 492px; margin: auto; }
.information .info-txt-mass img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }
@media screen and (max-width: 600px) { .information .top-info-ttl { font-size: 1.125rem; margin-bottom: 1.5rem; }
  .information .info-txt-mass { width: 96%; } }

.contents-link { font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; background-color: #fff; }
.contents-link .clink-ttl { font-size: 1.25em; text-align: center; color: #9e9e9e; letter-spacing: 0.2em; margin-bottom: 1.6rem; line-height: 1; font-weight: normal; }
.contents-link .contents-list { width: 100%; max-width: 1040px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.contents-link .contents-list li { background-color: #fff;       /*& + li{
				margin-top: 5rem;
			} */       /*	&:nth-of-type(odd){
				margin-left: 0;
				margin-right: auto;
				.text-box{
					border-left: none;
				}
			&[data-aos*="fade"]{
					transform: translateX(-100px);
					&.aos-animate{
						 transform: translateX(0);
					}
				}
			}
			&:nth-of-type(even){
				margin-left: auto;
				margin-right: 0;
				.text-box{
					border-right: none;
				}
				&[data-aos*="fade"]{
					transform: translateX(100px);
					&.aos-animate{
						 transform: translateX(0);
					}
				}
			} */ }
.contents-link .contents-list li a { display: block; width: 100%; height: 100%; text-decoration: none; transition-delay: .3s; }
.contents-link .contents-list li a:hover { opacity: 0.64; }
.contents-link .contents-list li .linkto-btn-box { width: 100%; position: relative; }
.contents-link .contents-list li .image .img { line-height: 0; }
.contents-link .contents-list li .image .img .cap { right: auto; bottom: auto; left: 4px; top: 4px; text-align: left; }
.contents-link .contents-list li .text-box { width: 100%; background-color: rgba(255, 255, 255, 0.72); padding: 0.5rem 0.5rem; position: absolute; bottom: 0; left: 0; }
.contents-link .contents-list li .text-box .new { position: absolute; top: 50%; left: 2%; transform: translateY(-50%); text-align: left; font-size: 0.8rem; font-weight: bold; color: #A31414; line-height: 1; letter-spacing: 0.05rem; font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; }
.contents-link .contents-list li .text-box .leadtxt { font-size: 1rem; text-align: center; line-height: 1.36; color: #242424; }
.contents-link .contents-list li .text-box .leadtxt .en { font-family: 'EB Garamond', serif; letter-spacing: 0.1em; }
@media screen and (max-width: 600px) { .contents-link .contents-list { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .contents-link .contents-list li .text-box { padding: 4px 0.25rem; }
  .contents-link .contents-list li .text-box .new { top: 1px; left: 2%; transform: none; font-size: 0.6rem; }
  .contents-link .contents-list li .text-box .leadtxt { line-height: 1.2; } }

#modal-video-btn {   /*cursor: pointer;
	&:hover{
		opacity: 0.7;
	}*/ position: relative; }
#modal-video-btn .vm-btn-wrap { position: absolute; top: 50%; right: 3%; transform: translateY(-50%); width: 55%; display: flex; justify-content: space-around; flex-wrap: wrap; }
#modal-video-btn .vm-btn-cls { width: 48%; transition: 0.3s linear 0s filter; position: relative; }
#modal-video-btn .vm-btn-cls:hover { filter: brightness(1.3); }
#modal-video-btn .vm-btn-cls.icon-new::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-image: url("../img/top/bnr_movie2_new.png"); background-size: contain; background-repeat: no-repeat; }
@media screen and (max-width: 600px) { #modal-video-btn .vm-btn-wrap { width: 94%; top: auto; bottom: 8%; transform: none; } }

#modal-video-btn2 {   /*cursor: pointer;
	&:hover{
		opacity: 0.7;
	}*/ position: relative; }
#modal-video-btn2 .vm-btn-wrap { position: absolute; top: 50%; right: 3%; transform: translateY(-50%); width: 55%; display: flex; justify-content: space-around; flex-wrap: wrap; }
#modal-video-btn2 .vm-btn-cls { width: 100%; transition: 0.3s linear 0s filter; position: relative; }
#modal-video-btn2 .vm-btn-cls:hover { filter: brightness(1.15); }
#modal-video-btn2 .vm-btn-cls.icon-new::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-image: url("../img/top/bnr_movie2_new.png"); background-size: contain; background-repeat: no-repeat; }
#modal-video-btn2 .vm-btn-cls:nth-child(n+2) { margin-top: 1rem; }
@media screen and (max-width: 600px) { #modal-video-btn2 .vm-btn-wrap { width: 94%; top: auto; bottom: 8%; transform: none; } }

#vm-container, #vm-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }

#vm-container { opacity: 0; pointer-events: none; transition: 0.2s linear 0s opacity; }
#vm-container.vm-open { pointer-events: auto; opacity: 1; }

#vm-bg { background-color: rgba(0, 0, 0, 0.9); }

#vm-main { width: 90%; max-width: 1280px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; box-shadow: 0 0 1px #FFF; }

/*#vm-main.timelapse-mode {
	width:100%;
	max-width:calc(100% - 2rem);
	@media screen and (max-width:$bp03) {
		top: calc(50% - 35px);
	}
}*/
#vm-main-inner { width: 100%; position: relative; background-color: #000; padding-bottom: 56.25%; }

.timelapse-mode #vm-main-inner { padding-bottom: 52.75%; }

#vm-note { width: 100%; position: absolute; bottom: 10px; left: 0; color: #FFF; text-align: center; }

#vm-note-timelapse { position: absolute; bottom: 10px; right: 10px; color: #FFF; z-index: 1001; }
@media screen and (max-width: 768px) { #vm-note-timelapse { bottom: 80px; } }

#vm-main-video { width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

#vm-play { cursor: pointer; transition: 0.5s linear 0s opacity; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#vm-play.fadeOut { opacity: 0; pointer-events: none; }

#vm-play::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; z-index: 2; background-image: url("../video/btn_play.png"); background-size: contain; }

/*#vm-play::after{ 
	content:"\025b6"; display: block; position: absolute; top:50%; left: 50%; 
	transform: translate(-50%,-50%) scale(1.2,1); margin-left: 2px;
	font-size:30px; color:#FFF; 
	text-shadow: 0 0 1px , 0 0 1px , 0 0 1px , 0 0 1px , 0 0 1px; z-index: 1005;
}*/
#vm-poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.4; background-image: url("../video/intro_poster.jpg"); background-size: cover; }

#vm-close { width: 40px; height: 40px; background-color: #fff; position: fixed; top: 0; right: 0; cursor: pointer; z-index: 1002; }
#vm-close #vm-close-inner { width: 40px; height: 40px; margin-left: -20px; position: relative; }
#vm-close #vm-close-inner::after, #vm-close #vm-close-inner::before { content: ""; width: 100%; height: 2px; background-color: #000; display: block; position: absolute; top: 20px; left: 20px; margin-top: -1px; margin-left: -1px; }
#vm-close #vm-close-inner::after { transform: rotate(45deg); }
#vm-close #vm-close-inner::before { transform: rotate(135deg); }

@media screen and (orientation: landscape) and (max-height: 800px) { #vm-main { width: 120vh; }
  	/*#vm-main.timelapse-mode { width: 100%; }*/ }
@media screen and (orientation: landscape) and (max-height: 600px) { #vm-main { width: 100vh; } }
.modal { display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 999999; cursor: pointer; }

.modal-close { width: 2.5rem; position: absolute; top: -1rem; right: -1rem; }
.modal-close img { width: 100%; empty-cells: auto; }

.modal-bg { background: rgba(0, 0, 0, 0.8); height: 100vh; position: fixed; top: 0; left: 0; width: 100%; }

.modal-bnr { background: #ffffff00; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 88%; /*max-width: 800px;*/ max-width: 520px; }
.modal-bnr .img_box { position: relative; font-size: 0; }
.modal-bnr img { width: 100%; height: auto; }
.modal-bnr .video_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modal-bnr .video_box video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
.modal-bnr a { display: block; position: relative; overflow: hidden; width: 100%; }
.modal-bnr a:hover { opacity: 0.64; }

@media screen and (max-width: 600px) { .modal-close { width: 2rem; } }
@media screen and (max-width: 384px) { .modal-close { width: 1.75rem; top: -0.75rem; right: -0.75rem; } }
@media screen and (max-width: 320px) { .modal-close { width: 1.5rem; top: -0.5rem; right: -0.5rem; } }
@media screen and (max-width: 600px) { .modal.for_visit .modal-bnr { top: 25%; transform: translateX(-50%); } }

.top-price-wrap { background: #0097D4; }
.top-price-wrap .cont-wrap-inner { max-width: 1040px; margin: 0 auto; padding: 1.5rem 0; }

.top-merit-wrap .cont-wrap-inner { max-width: 1040px; margin: 0 auto; padding: 2rem 0; }
.top-merit-wrap .cont-wrap-inner ul { display: grid; gap: 0; grid-template-columns: repeat(3, 1fr); }
.top-merit-wrap .cont-wrap-inner ul li { padding: 1rem; }
.top-merit-wrap .cont-wrap-inner ul li:not(:nth-child(3n)) { border-right: solid 1px rgba(0, 0, 0, 0.4); }
.top-merit-wrap .cont-wrap-inner ul li:nth-child(-n + 3) { border-bottom: solid 1px rgba(0, 0, 0, 0.4); }
.top-merit-wrap .cont-wrap-inner .note { text-align: center; margin-top: .5rem; }
@media screen and (max-width: 768px) { .top-merit-wrap .cont-wrap-inner ul { grid-template-columns: repeat(2, 1fr); }
  .top-merit-wrap .cont-wrap-inner ul li:not(:nth-child(3n)) { border-right: none; }
  .top-merit-wrap .cont-wrap-inner ul li:nth-child(-n + 3) { border-bottom: none; }
  .top-merit-wrap .cont-wrap-inner ul li:nth-child(odd) { border-right: solid 1px rgba(0, 0, 0, 0.4); }
  .top-merit-wrap .cont-wrap-inner ul li:nth-child(-n + 4) { border-bottom: solid 1px rgba(0, 0, 0, 0.4); } }

.top-cam-wrap .cont-wrap-inner { max-width: 1040px; margin: 0 auto; padding: 0 0 1.5rem 0; }
.top-cam-wrap .cam01 { width: 100%; }
.top-cam-wrap .bnr_event { width: 100%; }

.page-note .note .loan { display: block; padding: .5rem 0; }