@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");
.guide-nav { /*display: none;*/ margin-bottom: 4rem; padding: 0; }
.guide-nav ul { justify-content: center; }
.guide-nav ul li { margin-bottom: 0; }
.guide-nav ul li.entry, .guide-nav ul li.members { display: none; }

.page-en { font-size: 4.4rem; line-height: 1.3; font-family: "Cormorant", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; text-align: center; }

.page-title { font-size: 1.7rem; font-feature-settings: "palt"; letter-spacing: 0.05em; text-align: center; }

.plan-btn { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: auto; max-width: 800px; padding-top: 4rem; padding-bottom: 2rem; }
.plan-btn li { /*width: 45%;*/ width: 44%; margin-bottom: 6rem; /*margin-right: 10%;*/ margin-right: 2%; }
.plan-btn li:nth-child(2n) { margin-right: 0; }
.plan-btn li a .more { background: #dcdddd; display: block; position: relative; text-align: center; font-size: 2rem; line-height: 1.3; font-family: "Cormorant", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; box-sizing: border-box; padding: 1.5rem 2%; transition: 0.5s; }
.plan-btn li a .more:before { content: ""; width: 1rem; height: 1rem; border-right: 1px solid #000; border-bottom: 1px solid #000; position: absolute; top: 50%; right: 10%; transform: translateY(-50%) rotate(-45deg); transition: 0.5s; }
.plan-btn li a:hover .more { color: #fff; background: #6e6f6b; }
.plan-btn li a:hover .more:before { right: 5%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
@media screen and (max-width: 768px) { .plan-btn { max-width: 480px; }
  .plan-btn li { width: 100%; margin-right: 0%; } }

.c-txt-t { text-align: center; }
.c-txt-t .en-ttl { font-family: "Cormorant", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; position: relative; display: inline-block; font-size: 2.2rem; padding-bottom: 0.8rem; line-height: 1.2; }
.c-txt-t .en-ttl:before { content: ""; position: absolute; background: #000; bottom: 0; left: 0; right: 0%; height: 1px; transition: 0.5s; }

.movie-con { padding-bottom: 5rem; }
.movie-con .movie-box { background: #ddd; margin: auto; max-width: 800px; margin-top: 4rem; }
.movie-con .movie-box .movie-inner { position: relative; width: 100%; padding-bottom: calc(9 / 16 * 100%); background-color: #000; }
.movie-con .note { text-align: center; margin-top: 2rem; }
@media screen and (max-width: 768px) { .movie-con .note { text-align: left; } }

.information { display: flex; justify-content: center; flex-wrap: wrap; padding: 7rem 0; padding-top: 2rem; }
.information .info-txt { width: 100%; text-align: center; margin-top: 0rem; }
.information .info-txt .en { font-size: 2.4rem; margin-bottom: 3rem; font-family: "Cormorant", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; }
.information .info-txt .info-ttl { font-size: 2.5rem; line-height: 1.4; margin-top: 1.5rem; }
.information .info-txt .info-ttl.text01 { font-size: 3.2rem; }
.information .info-txt .lead { margin-top: 1.3rem; }
.information .info-txt .icon-list { width: 96%; max-width: 760px; margin: 2.4rem auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px calc((40/800)*100%); }
.information .info-txt .icon-list img { width: 100%; height: auto; line-height: 0; vertical-align: middle; }
@media screen and (max-width: 768px) { .information .info-txt .en, .information .info-txt .info-ttl, .information .info-txt .lead { text-align: center; }
  .information .info-txt .icon-list { margin-bottom: 16px; grid-template-columns: repeat(2, 1fr); row-gap: 0; }
  .information .info-txt .icon-list li:last-of-type { grid-column: 1/3; }
  .information .info-txt .icon-list li:last-of-type p { width: calc((100% - ((40/800)*100%))/2); margin: auto; } }
.information .info-nav { width: 100%; padding: 0; margin-top: 2.4rem; padding-bottom: 2rem; }
.information .info-nav ul { display: flex; flex-wrap: wrap; justify-content: center; }
.information .info-nav ul li { width: 100%; margin-bottom: 2rem; max-width: 540px; }
.information .info-nav ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #7d827a; box-sizing: border-box; padding: 2rem 1%; text-align: center; transition: 0.5s; }
.information .info-nav ul li a .text01 { font-size: 2.3rem; line-height: 1.3; display: block; white-space: nowrap; color: #fff; }
.information .info-nav ul li a .text02 { font-size: 1.3rem; line-height: 1.3; display: block; margin-top: 0.5rem; white-space: nowrap; }
.information .info-nav ul li a:hover { background: #fff; }
.information .info-nav ul li.entry a { background: #7d827a; }
.information .info-nav ul li.entry a:hover { background: #fff; }
.information .info-nav ul li.entry a:hover .text01 { color: #7d827a; }
.information .map-area { background: #fff; max-width: 1000px; box-sizing: border-box; width: 100%; padding: 2.5rem 3rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
.information .map-area .map-txt { width: 40%; }
.information .map-area .map-txt table tr th, .information .map-area .map-txt table tr td { text-align: left; font-size: 1.5rem; font-feature-settings: "palt"; padding-bottom: 1rem; line-height: 1.5; }
.information .map-area .map-txt table tr th { font-weight: lighter; white-space: nowrap; padding-right: 1rem; }
.information .map-area .map-txt p { margin-top: 1rem; font-size: 1.2rem; font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'Noto Sans JP',sans-serif; font-weight: 400; font-style: normal; }
.information .map-area .map-img { width: 55%; }
@media screen and (max-width: 768px) { .information .info-txt { width: 100%; }
  .information .info-nav { width: 100%; }
  .information.page02 .info-nav ul li { width: 100%; }
  .information .map-area .map-txt { width: 100%; }
  .information .map-area .map-txt table tr th, .information .map-area .map-txt table tr td { font-size: 1.9rem; }
  .information .map-area .map-txt p { font-size: 1.5rem; }
  .information .map-area .map-img { width: 100%; margin-top: 3rem; } }

.good-design-award { max-width: 960px; margin: 6rem auto; padding: 2rem 2rem 4rem; text-align: center; border: 1px solid #3e3d3c; }
.good-design-award .img { max-width: 434px; margin: 0 auto; }
.good-design-award .copy { padding: 0; font-size: 2.2rem; line-height: 1.5; }
@media screen and (max-width: 480px) { .good-design-award .copy { font-size: 2.1rem; } }