@charset "UTF-8";
html{
	font-size: 100%;
}
body {
  font-family: Zen Old Mincho, serif;
  margin: 0;
  padding: 0
}
h1 {
  margin: 0
}
h2 {
    font-weight: bold;
}
img {
  max-width: 100%
}
#glt-translate-trigger{
display:none;
}
#content {
    padding-bottom: 0;
}
.access {
  background-image: url(./bg-copy-block-CmyhQ8Z0.png);
  overflow: hidden;
  padding: 120px 0;
  position: relative
}
.access__ctn {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1152px;
  position: relative;
  z-index: 2
}
.access__image-left {
  left: 0;
  position: absolute;
  top: 32px;
  width: 30%
}
.access__image-right {
  right: -5%;
  position: absolute;
  bottom: 32px;
  width: 35%
}
.access__map {
  height: 0;
  overflow: hidden;
  padding-bottom: 535px;
  position: relative
}
.access__map iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.access__map-ctn {
  flex: 0 0 1040px
}
.access__map-list {
  font-size: 20px;
  list-style-type: none;
  margin: 24px 0 0;
  padding: 0
}
.access__map-list li + li {
  margin-top: 10px
}
.access__map-list-from {
  display: inline-block;
  width: 160px
}
.access__map-list-from-detail {
  display: inline-block;
  width: 340px
}
.access__map-list-from-minutes {
  display: inline-block
}
.access__map-summary {
  border-bottom: solid 1px #8d8d8d;
  font-size: 20px;
  margin: 0;
  padding: 32px 0 24px
}
.access__map-title {
  font-size: 40px;
  letter-spacing: 5px;
  margin: 0;
  padding-top: 36px;
  position: relative;
  text-orientation: mixed;
  width: 56px;
  writing-mode: vertical-rl
}
.access__map-title img {
  position: absolute;
  right: 13px;
  top: 0;
  width: 32px
}
@media (max-width: 1080px) {
  .access__ctn {
    max-width: 920px
  }
  .access__image-left {
    width: 40%
  }
  .access__image-right {
    bottom: 85px;
    width: 47%
  }
  .access__map-ctn {
    flex: 0 0 808px
  }
}
@media (max-width: 768px) {
  .access {
    padding: 80px 0 60px
  }
  .access__ctn {
    flex-direction: column-reverse;
    margin: 0 16px;
    max-width: 920px
  }
  .access__image-left {
    left: -28px;
    top: 16px;
    width: 233px
  }
  .access__image-right {
    bottom: 16px;
    right: -60px;
    width: 268px
  }
  .access__map {
    padding-bottom: 240px
  }
  .access__map-ctn {
    flex: 0 0 auto
  }
  .access__map-list {
    font-size: 14px
  }
  .access__map-list li + li {
    margin-top: 16px
  }
  .access__map-list-from {
    display: block
  }
  .access__map-list-from-detail {
    width: 240px
  }
  .access__map-summary {
    font-size: 15px;
    padding: 16px 0
  }
  .access__map-title {
    font-size: 28.62px;
    margin-bottom: 40px;
    text-align: center;
    width: auto;
    writing-mode: inherit
  }
  .access__map-title img {
    right: 50%;
    transform: translate(50%)
  }
}
.copy-block {
  background-image: url(./bg-copy-block-CmyhQ8Z0.png)
}
.copy-block__box {
  display: flex;
  padding-bottom: 100px
}
.copy-block__lower-left {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  padding-right: 40px
}
.copy-block__lower-left-text {
  align-self: flex-end
}
.copy-block__lower-left-text p {
  margin: 0 0 32px;
  line-height: 200%
}
.copy-block__lower-left-image {
  align-self: flex-start;
  margin-top: 88px;
  width: 72%
}
.copy-block__lower-right {
  flex: 0 0 50%;
  display: flex;
  justify-content: flex-end
}
.copy-block__lower-right-image {
  -o-object-fit: contain;
  object-fit: contain;
  width: 96.5%
}
.copy-block__upper {
  padding-bottom: 40px;
  padding-top: 120px
}
.copy-block__upper .copy-block__right {
  padding-top: 88px
}
.copy-block__upper-left {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex: 0 0 50%;
  padding-right: 60px
}
.copy-block__upper-left-image {
  margin-top: 79px
}
.copy-block__upper-left-image img {
  width: 100%
}
.copy-block__upper-left-text {
  width: 485px
}
.copy-block__upper-left-text p {
  line-height: 200%;
  margin: 0 0 32px
}
.copy-block__upper-right {
  flex: 0 0 50%;
  position: relative
}
.copy-block__upper-right p {
  margin: 0 0 32px;
  line-height: 200%
}
.copy-block__upper-right-image {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 80px
}
.copy-block__upper-right-image img {
  width: 75%
}
.copy-block__upper-right-spacer {
  margin: 40px 0
}
.copy-block__upper-title {
  font-size: 40px;
  letter-spacing: 5px;
  margin: 0;
  padding-top: 36px;
  position: relative;
  text-orientation: mixed;
  writing-mode: vertical-rl;
      font-weight: bold;
}
.copy-block__upper-title img {
  position: absolute;
  right: 13px;
  top: 0;
  width: 32px
}
@media (max-width: 1080px) {
  .copy-block__lower-left {
    padding-right: 30px
  }
  .copy-block__lower-left-text p {
    font-size: 14px
  }
  .copy-block__upper-right {
    padding-top: 66px
  }
  .copy-block__upper-right p {
    font-size: 14px
  }
  .copy-block__upper-right-image {
    margin-bottom: 60px
  }
  .copy-block__upper-title {
    font-size: 32px;
    padding-top: 30px
  }
  .copy-block__upper-title img {
    right: 11px;
    width: 24px
  }
}
@media (max-width: 768px) {
  .copy-block {
    position: relative
  }
  .copy-block__box {
    flex-direction: column;
    margin: 0 auto;
    max-width: 497px
  }
  .copy-block__lower {
    flex-direction: column-reverse;
    padding-bottom: 164px
  }
  .copy-block__lower-left-image {
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 233px
  }
  .copy-block__lower-left-text {
    width: auto
  }
  .copy-block__lower-left-text p {
    font-size: 15px;
    padding-left: 32px;
    padding-right: 32px
  }
  .copy-block__lower-right-image {
    margin-bottom: 32px;
    width: 100%
  }
  .copy-block__upper {
    padding-bottom: 0;
    padding-top: 154px
  }
  .copy-block__upper-left {
    -moz-column-gap: 25px;
    column-gap: 25px;
    flex: 0 0 auto;
    justify-content: flex-start;
    padding-right: 0
  }
  .copy-block__upper-left-image {
    margin-top: 20px;
    flex: 0 0 239px;
    flex: 0 0 61.3%
  }
  .copy-block__upper-right {
    margin-top: 32px;
    position: static
  }
  .copy-block__upper-right p {
    font-size: 15px;
    padding-left: 32px;
    padding-right: 32px
  }
  .copy-block__upper-right-image {
    position: absolute;
    right: 0;
    top: 80px
  }
  .copy-block__upper-right-image img {
    width: 297px
  }
  .copy-block__upper-title {
    padding-top: 30px;
    z-index: 2
  }
  .copy-block__upper-title img {
    right: 7px;
    width: 22px
  }
}
@media (max-width: 425px) {
  .copy-block__upper-title {
    font-size: 24px
  }
}
.experiences {
  padding-bottom: 100px;
  padding-top: 260px;
  position: relative
}
.experiences__ctn {
  background-image: url(./bg-copy-block-CmyhQ8Z0.png);
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1280px;
  overflow: hidden;
  padding: 160px 64px 100px;
  position: relative
}
.experiences__ctn-image {
  position: absolute;
  right: -60px;
  top: 24px;
  width: 442px
}
.experiences__item-clock {
  align-items: center;
  border: solid 1px #0b5053;
  color: #0b5053;
  display: flex;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  padding: 4px 0;
  text-align: center;
  width: 150px
}
.experiences__item-clock img {
  margin-right: 5px
}
.experiences__item-clock-time {
  font-size: 16px
}
.experiences__item-cta {
  align-items: center;
  background: linear-gradient(0deg, #083143, #083143), linear-gradient(90deg, #083143, #084d6d);
  border: solid 1px #c3ad8d;
  border-radius: 60px;
  color: #fff;
  font-size: 18px;
  height: 53px;
  gap: 10px;
  display: flex;
  justify-content: center;
  margin: 25px auto 0;
  text-decoration: none;
  width: 800px
}
.experiences__item-cta img {
  position: relative;
  left: 0
}
.experiences__item-cta:hover {
  opacity: .8
}
.experiences__item-cta:hover img {
  left: 3px;
  transition: left .3s
}
.experiences__item-description {
  font-family: Zen Kaku Gothic New, sans-serif;
  font-size: 16px;
  line-height: 180%;
  margin: 0
}
.experiences__item-image {
  flex: 0 0 40%;
  display: block
}
.experiences__item-title {
  color: #131313;
  font-family: Zen Kaku Gothic New, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  margin: 12px 0 20px
}
.experiences__item-upper {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin-top: 56px
}
.experiences__items {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.experiences__summary {
  font-size: 16px;
  line-height: 200%;
  margin: 0;
  text-align: center
}
.experiences__subtitle {
  color: #a25009;
  font-size: 32px;
  margin: 0
}
.experiences__subtitle-ctn {
  border-top: solid 1px #a25009;
  border-bottom: solid 1px #a25009;
  margin: 80px auto 0;
  padding: 8px 0;
  text-align: center;
  width: 360px
}
.experiences__title {
  font-size: 40px;
  left: 50%;
  letter-spacing: 5px;
  margin: 0;
  padding-top: 36px;
  position: absolute;
  text-orientation: mixed;
  top: 100px;
  transform: translate(-50%);
  writing-mode: vertical-rl;
  z-index: 2
}
.experiences__title img {
  position: absolute;
  right: 13px;
  top: 0;
  width: 32px
}
@media (max-width: 1080px) {
  .experiences__ctn {
    max-width: 968px
  }
}
@media (max-width: 768px) {
  .experiences {
    padding-top: 200px
  }
  .experiences__ctn {
    background-size: 75%;
    background-position: right -50% top 16px;
    margin: 0 12px;
    padding: 160px 16px 60px
  }
  .experiences__item:nth-child(2n) .experiences__item-upper {
    flex-direction: column-reverse
  }
  .experiences__item-clock {
    font-size: 12px;
    margin-top: 16px;
    padding: 2px 0;
    width: 130px
  }
  .experiences__item-clock img {
    width: 11px
  }
  .experiences__item-cta {
    font-size: 16px;
    height: 42px;
    width: 100%
  }
  .experiences__item-description {
    font-size: 14px
  }
  .experiences__item-title {
    font-size: 18px
  }
  .experiences__item-upper {
    flex-direction: column
  }
  .experiences__subtitle {
    font-size: 24px
  }
  .experiences__subtitle-ctn {
    margin-top: 64px;
    padding: 8px 0;
    width: 240px
  }
  .experiences__summary {
    font-size: 14px;
    text-align: center
  }
  .experiences__title {
    font-size: 32px;
    padding-top: 28px;
    top: 62px
  }
  .experiences__title img {
    right: 11px;
    width: 24px
  }
}
.language-selector {
  font-family: Zen Kaku Gothic New, sans-serif;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 999
}
.language-selector.is-open .language-selector__btn svg {
  margin-top: -3px;
  transform: rotate(180deg)
}
.language-selector.is-open .language-selector__list {
  display: block
}
.language-selector__btn {
  background-color: #083143;
  border: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 26px;
  padding-right: 20px;
  position: relative;
  text-align: center;
  width: 168px
}
.language-selector__btn svg {
  margin-top: -2px;
  position: absolute;
  right: 6px;
  top: 50%
}
.language-selector__list {
  background-color: #083143;
  border: solid 1px #ffffff;
  box-sizing: border-box;
  display: none;
  list-style-type: none;
  margin: 4px 0 0;
  padding: 0;
  width: 168px
}
.language-selector__list a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  text-decoration: none
}
.language-selector__list a:hover {
  background-color: #13455b
}
@media (max-width: 768px) {
  .language-selector {
    right: 12px;
    top: 12px
  }
  .language-selector__btn {
    font-size: 12px;
    height: 23px;
    width: 150px
  }
  .language-selector__list {
    width: 150px
  }
  .language-selector__list a {
    font-size: 12px;
    line-height: 23px
  }
}
@media (max-width: 425px) {
  .language-selector {
    right: 12px;
    top: 12px
  }
  .language-selector__btn {
    font-size: 11px;
    height: 20px;
    width: 131px
  }
  .language-selector__list {
    width: 131px
  }
  .language-selector__list a {
    font-size: 11px;
    line-height: 20px
  }
}
.links {
 background-image: url(./bg-copy-block-CmyhQ8Z0.png);
  padding-bottom: 240px;
  padding-top: 120px;
  position: relative;
}
.links:after {
  background-image: url(./bg-links-D0UHuiaT.png);
  background-repeat: repeat-x;
  background-size: 370px;
  bottom: 0;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  width: 100%
}
.links__ctn {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 64px
}
.links__image-left {
  bottom: 78px;
  left: -37px;
  position: absolute;
  width: 251px
}
.links__image-right {
  right: 0;
  position: absolute;
  top: 24px;
  width: 382.74px
}
.links__list {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2
}
.links__list-item {
  flex: 0 0 40%
}
.links__list-item a {
  display: block
}
.links__list-item img {
  width: 100%
}
.links__title {
  font-family: Zen Old Mincho, serif;
  font-size: 36px;
  margin: 0 0 72px
}
.links__title img {
  margin-right: 12px;
  width: 30px
}
@media (max-width: 1080px) {
  .links__ctn {
    max-width: 920px
  }
}
@media (max-width: 768px) {
  .links {
    padding-bottom: 130px;
    padding-top: 80px
  }
  .links:after {
    background-size: contain;
    height: 70px
  }
  .links__ctn {
    padding: 0 24px
  }
  .links__image-left {
    bottom: 28px;
    left: -20px;
    width: 159px
  }
  .links__image-right {
    width: 210px
  }
  .links__list {
    flex-wrap: wrap;
    row-gap: 16px
  }
  .links__list-item {
    flex: 0 0 47.66%
  }
  .links__title {
    font-size: 28px;
    margin-bottom: 40px;
    text-align: center
  }
  .links__title img {
    display: block;
    left: 50%;
    position: relative;
    transform: translate(-50%)
  }
}
.main-footer {
  background-color: #083143;
  color: #8498a1;
  font-family: Zen Kaku Gothic New, sans-serif;
  padding: 8px 0;
  text-align: center
}
.mv {
  background-image: url(./bg-mv-DNILz1Vz.png);
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 800px
}
.mv__subtitle {
  flex: 0 0 150px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 6px #5d321e
}
.mv__subtitle-lower {
  font-size: 30px
}
.mv__subtitle-upper {
  font-size: 40px
}
.mv__title {
  align-items: center;
  display: flex;
  flex: 0 0 650px;
  justify-content: center;
  position: relative;
  top: 2%
}
.mv__title img {
  width: 324.66px
}
@media (max-width: 1080px) {
  .mv {
    height: 600px
  }
  .mv__subtitle {
    flex: 0 0 100px
  }
  .mv__subtitle-lower {
    font-size: 22px
  }
  .mv__subtitle-upper {
    font-size: 30px
  }
  .mv__title {
    flex: 0 0 500px
  }
  .mv__title img {
    width: 236.3px
  }
}
@media (max-width: 768px) {
  .mv {
    background-image: url(./bg-mv-sp-CljlvPPK.png);
    /*height: 1024px;*/
	  height: 100vh;
    position: relative
  }
  .mv__subtitle {
    bottom: 32px;
    flex: none;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    width: 300px
  }
  .mv__subtitle-lower {
    font-size: 16px;
    margin-top: 10px
  }
  .mv__subtitle-upper {
    font-size: 28px
  }
  .mv__title {
    flex: 0 0 100%
  }
  .mv__title img {
    width: 315px
  }
}
@media (max-width: 425px) {
  .mv {
    background-image: url(./bg-mv-sp-CljlvPPK.png);
   /* height: 820px*/
	  height: 100vh;
  }
  .mv__subtitle {
    bottom: 24px
  }
  .mv__title img {
    width: 243.5px
  }
}
.serif {
  font-family: serif
}
.show-sp {
  display: none
}
@media (max-width: 768px) {
  .show-sp {
    display: block
  }
}
.show-pc {
  display: block
}
@media (max-width: 768px) {
  .show-pc {
    display: none
  }
}
.js-fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out
}
.js-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0)
}
a[target$="_blank"]::after {
	content:none;
}