@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ・共通箇所
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-gradation-bg {
  position: relative;
  z-index: 1;
}
.p-gradation-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 90%;
  top: 0;
  left: 0;
  background-color: #8D9197;
}

.p-gradation-cover {
  background-color: var(--color-bg1);
  background-image: url(../images/common/bg_gray.png);
  background-repeat: repeat;
  background-position: top;
  background-size: auto;
  position: relative;
  z-index: 2;
}

.p-home-concept {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.p-home-concept::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 100%;
  left: 0;
  bottom: -7.15rem;
  height: 14.28rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #8d9197, rgba(0, 0, 0, 0));
}
.p-home-concept__bg {
  order: -1;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.p-home-concept__bg > div {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.p-home-concept__bg > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-home-concept__text {
  overflow: hidden;
  padding: 0 0 calc(200 / 1440 * 100%);
  position: relative;
  z-index: 2;
  color: #fff;
  display: flex;
  align-items: flex-start;
  margin-top: -30vh;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-concept__text {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-concept__text {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-concept__text {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-concept__text {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-concept__text {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-concept__text {
    padding: 0 0 calc(300 / 1440 * 100%);
    margin-top: -70vh;
    flex-direction: column;
  }
}
.p-home-concept__text .title {
  width: calc(630 / 1100 * 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .p-home-concept__text .title {
    width: 100%;
  }
}
.p-home-concept__text .title .c-title + .c-title {
  margin-top: calc(100 / 1100 * 100%);
}
.p-home-concept__text .text {
  margin-top: calc(100 / 1100 * 100%);
  width: calc(470 / 1100 * 100%);
  line-height: 3.6;
}
@media only screen and (min-width: 768px) {
  .p-home-concept__text .text {
    font-size: 0.93rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-concept__text .text {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-concept__text .text {
    margin-top: 8rem;
    width: 100%;
    letter-spacing: 0;
    line-height: 2;
  }
}
.p-home-concept__text .text > span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .p-home-concept__text .text > span {
    margin-right: -1rem;
  }
  .p-home-concept__text .text > span + span {
    margin-top: 1rem;
  }
}

.p-gradation-overlay {
  position: relative;
  z-index: 10;
}
.p-gradation-overlay::after {
  content: "";
  display: block;
  pointer-events: none;
  width: 100%;
  opacity: 1;
  transition: opacity 1s ease;
}
.p-gradation-overlay--gray::after {
  height: 39.28rem;
  margin: -14.29rem 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #8d9197 30%, #8d9197 70%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 767px) {
  .p-gradation-overlay--gray::after {
    height: 17.85rem;
    margin: -3.58rem 0 -10.72rem;
  }
}
.p-gradation-overlay--body::after {
  height: 39.28rem;
  margin: -19.65rem 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #e9e9e9 30%, #e9e9e9 70%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 767px) {
  .p-gradation-overlay--body::after {
    height: 17.85rem;
    margin: -8.93rem 0 -8.93rem;
  }
}

.p-home-story {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.p-home-story::before, .p-home-story::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  height: 14.28rem;
}
.p-home-story::before {
  top: -7.15rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #8d9197, rgba(0, 0, 0, 0));
}
.p-home-story::after {
  bottom: -7.15rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #e6e6e6, rgba(0, 0, 0, 0));
}
.p-home-story__slider {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-home-story__slider .c-swiper__inner {
  height: 100%;
}
.p-home-story__slider .swiper-slide {
  height: 100%;
  overflow: hidden;
}
.p-home-story__slider .swiper-slide .inner {
  height: 100%;
}
.p-home-story__slider .swiper-slide .inner img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
}
.p-home-story__inner {
  padding: calc(300 / 1440 * 100%) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .p-home-story__inner {
    padding: 13rem 0;
  }
}
.p-home-story__items {
  padding: 7.14rem 0 10.71rem;
  background-color: var(--color-E8E8E8);
  width: 38.57rem;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-home-story__items {
    width: calc(388 / 428 * 100%);
    padding: 5rem 0;
  }
}
.p-home-story__items__title > span {
  min-width: 11.42rem;
  text-align: start;
}
.p-home-story__items__item {
  width: calc(490 / 540 * 100%);
  margin-right: auto;
  margin-left: auto;
  margin-top: 7.14rem;
}
.p-home-story__items__item .c-title {
  width: 2.14rem;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-home-story__items__item .c-title {
    height: 3.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-story__items__item .c-title {
    height: 4.64rem;
  }
}
.p-home-story__items__item .c-title span {
  -webkit-writing-mode: vertical-lr;
}
.p-home-story__items__item .img {
  margin-top: 2.64rem;
}
.p-home-story__items__item .text {
  margin-top: 2.5rem;
}
.p-home-story__items__item .c-btn-basic {
  margin-top: 2.5rem;
}
.p-home-story__items__item + .p-home-story__items__item {
  margin-top: 10.71rem;
}

.p-home-map {
  position: relative;
  z-index: 2;
  padding-top: 5.71rem;
}
@media only screen and (max-width: 767px) {
  .p-home-map {
    padding-top: 6rem;
  }
}
.p-home-map__slides {
  margin-inline: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-map__slides {
    max-width: 78.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-map__slides {
    max-width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-map__slides {
    max-width: 90%;
  }
}
.p-home-map__slides .c-swiper__wrp {
  align-items: center;
}

.p-home-stay {
  margin-top: 10.71rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-home-stay {
    margin-top: 6rem;
  }
}
.p-home-stay__read {
  margin-top: .5rem;
}
.p-home-stay__list {
  display: flex;
  margin-top: 1.42rem;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-home-stay__list {
    margin-top: 2.5rem;
    flex-direction: column;
  }
}
.p-home-stay__li {
  width: 50%;
  aspect-ratio: 720 / 540;
  position: relative;
  z-index: 1;
  transition: all .7s ease;
}
@media only screen and (max-width: 767px) {
  .p-home-stay__li {
    aspect-ratio: 428 / 400;
    width: 100%;
  }
}
.p-home-stay__li__hover {
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-stay__li__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  z-index: 3;
  transition: all .7s ease;
}
.p-home-stay__li__link .text {
  padding-bottom: 2.5rem;
  height: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .p-home-stay__li__link .text {
    padding-bottom: 0;
    justify-content: center;
  }
}
.p-home-stay__li__link .text .c-title {
  line-height: 2.2;
}
@media only screen and (min-width: 1025px) {
  .p-home-stay__li__link .text .c-title {
    font-size: 1.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-stay__li__link .text .c-title {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-stay__li__link .text .c-title {
    font-size: 1rem;
  }
}
.p-home-stay__li__link .text .c-btn-basic {
  margin-top: 2.14rem;
}
.p-home-stay__li .img {
  position: absolute;
  bottom: 0;
  width: 200%;
  height: 100%;
  overflow: hidden;
  transition: all .7s ease;
  z-index: 0;
}
.p-home-stay__li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .p-home-stay__li--left .img {
    left: 0;
    clip-path: inset(0 50% 0 0);
  }
  .p-home-stay__li--right .img {
    right: 0;
    clip-path: inset(0 0 0 50%);
  }
  .mouse .p-home-stay__li:hover, .touch .p-home-stay__li.touchstart {
    z-index: 10;
  }
  .mouse .p-home-stay__li:hover .img, .touch .p-home-stay__li.touchstart .img {
    z-index: 2;
    clip-path: inset(0 0 0 0);
    transform: scale(1.1);
  }
  .touch .p-home-stay__li {
    -webkit-tap-highlight-color: transparent;
  }
  .touch .p-home-stay__li.touchend {
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}

.p-home-fac {
  margin-top: 7.85rem;
}
@media only screen and (max-width: 767px) {
  .p-home-fac {
    margin-top: 8rem;
  }
}
.p-home-fac__title > span {
  min-width: 12.85rem;
}
.p-home-fac__title-sub + * {
  margin-top: 2.85rem;
}

.p-home-cuisine {
  margin-top: 7.14rem;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine {
    margin-top: 3rem;
  }
}
.p-home-cuisine__inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-cuisine__inner {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-cuisine__inner {
    max-width: calc(1360px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-cuisine__inner {
    max-width: calc(1360px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-cuisine__inner {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider {
    overflow: hidden;
    padding: 0 calc(30 / 428 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .c-swiper_ctrls {
    margin-top: 2rem;
  }
}
.p-home-cuisine__slider .c-btn-arr--next {
  right: -2.29rem;
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .c-btn-arr--next {
    right: -1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .c-btn-arr--next .c-btn-arr__ic {
    transform: translateY(-5rem);
  }
}
.p-home-cuisine__slider .c-btn-arr--prev {
  left: -2.29rem;
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .c-btn-arr--prev {
    left: -1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .c-btn-arr--prev .c-btn-arr__ic {
    transform: rotate(-180deg) translateY(5rem);
  }
}
.p-home-cuisine__slider .swiper-slide > .inner {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .swiper-slide > .inner {
    width: calc(348 / 369 * 100%);
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-home-cuisine__slider .swiper-slide > .inner .text {
  width: calc(350 / 1360 * 100%);
  margin-left: calc(60 / 1360 * 100%);
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-cuisine__slider .swiper-slide > .inner .text {
    width: calc(400 / 1360 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .swiper-slide > .inner .text {
    width: 100%;
    margin-top: 2rem;
  }
}
.p-home-cuisine__slider .swiper-slide > .inner .text .c-btn-basic {
  margin-top: 2.14rem;
}
.p-home-cuisine__slider .swiper-slide > .inner .img {
  width: calc(870 / 1360 * 100%);
  order: -1;
}
@media only screen and (max-width: 767px) {
  .p-home-cuisine__slider .swiper-slide > .inner .img {
    width: 100%;
  }
}

.p-home-bath {
  margin-top: 7.85rem;
}
@media only screen and (max-width: 767px) {
  .p-home-bath {
    margin-top: 6rem;
  }
}
.p-home-bath .p-home-fac__title-sub {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-bath .p-home-fac__title-sub {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-bath .p-home-fac__title-sub {
    max-width: calc(1360px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-bath .p-home-fac__title-sub {
    max-width: calc(1360px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-bath .p-home-fac__title-sub {
    width: calc(1360 / 1440 * 100%);
  }
}
.p-home-bath__list {
  background-color: var(--color-text);
  display: flex;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-home-bath__list {
    background-color: transparent;
    flex-direction: column;
  }
}
.p-home-bath__li {
  width: calc(1 / 3 * 100%);
  aspect-ratio: 480 / 630;
  position: relative;
  z-index: 1;
  transition: all .7s ease;
}
@media only screen and (max-width: 767px) {
  .p-home-bath__li {
    aspect-ratio: 428 / 300;
    width: 100%;
  }
  .p-home-bath__li:nth-child(n+2) {
    margin-top: .5rem;
  }
}
.p-home-bath__li__hover {
  display: block;
  width: 100%;
  height: 100%;
}
.p-home-bath__li__link {
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  z-index: 3;
  transition: all .7s ease;
}
.p-home-bath__li__link .text {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: calc(400 / 480 * 100%);
  margin-right: auto;
  margin-left: auto;
  padding: 3.57rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-bath__li__link .text {
    padding: 2.14rem 0;
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-bath__li__link .text {
    justify-content: flex-end;
    padding: 0 0 7.14rem;
  }
}
.p-home-bath__li__link .text .c-title {
  line-height: 2.2;
}
@media only screen and (min-width: 1025px) {
  .p-home-bath__li__link .text .c-title {
    font-size: 1.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-bath__li__link .text .c-title {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-bath__li__link .text .c-title {
    font-size: 1rem;
  }
}
.p-home-bath__li .c-btn-basic {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 67%;
  bottom: 3.57rem;
  z-index: 2;
  transition: all .7s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-bath__li .c-btn-basic {
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-bath__li .c-btn-basic {
    bottom: 3.21rem;
    left: calc(25 / 480 * 100%);
    justify-content: flex-start;
  }
}
.p-home-bath__li .bg_img {
  position: absolute;
  bottom: 0;
  width: 150%;
  height: 100%;
  overflow: hidden;
  transition: all .7s ease;
  z-index: 0;
}
.p-home-bath__li .bg_img .img {
  transition: all .7s ease;
  position: relative;
  z-index: 1;
  height: 100%;
}
.p-home-bath__li .bg_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .p-home-bath__li--left .bg_img {
    left: 0;
  }
  .p-home-bath__li--left .bg_img .img {
    clip-path: inset(0 33% 0 0);
  }
  .p-home-bath__li--left .c-btn-basic {
    left: 0;
  }
  .p-home-bath__li--center .bg_img {
    left: -25%;
  }
  .p-home-bath__li--center .bg_img .img {
    clip-path: inset(0 17% 0 17%);
  }
  .p-home-bath__li--center .c-btn-basic {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .p-home-bath__li--right .bg_img {
    right: 0;
  }
  .p-home-bath__li--right .bg_img .img {
    clip-path: inset(0 0 0 33%);
  }
  .p-home-bath__li--right .c-btn-basic {
    right: 0;
  }
  .mouse .p-home-bath__li:hover, .touch .p-home-bath__li.touchstart {
    z-index: 10;
  }
  .mouse .p-home-bath__li:hover .c-btn-basic, .touch .p-home-bath__li.touchstart .c-btn-basic {
    width: 100%;
  }
  .mouse .p-home-bath__li:hover .c-btn-basic .c-btn-basic__link, .touch .p-home-bath__li.touchstart .c-btn-basic .c-btn-basic__link {
    color: var(--color-cv);
  }
  .mouse .p-home-bath__li:hover .c-btn-basic .c-btn-basic__link__ic, .touch .p-home-bath__li.touchstart .c-btn-basic .c-btn-basic__link__ic {
    width: 100%;
  }
  .mouse .p-home-bath__li:hover .bg_img, .touch .p-home-bath__li.touchstart .bg_img {
    z-index: 2;
  }
  .mouse .p-home-bath__li:hover .bg_img .img, .touch .p-home-bath__li.touchstart .bg_img .img {
    clip-path: inset(0 0 0 0);
    transform: scale(1.1);
  }
  .touch .p-home-bath__li {
    -webkit-tap-highlight-color: transparent;
  }
  .touch .p-home-bath__li.touchend {
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}
@media only screen and (max-width: 767px) {
  .mouse .p-home-bath__li:hover .c-btn-basic .c-btn-basic__link, .touch .p-home-bath__li.touchstart .c-btn-basic .c-btn-basic__link {
    color: var(--color-cv);
  }
  .mouse .p-home-bath__li:hover .c-btn-basic .c-btn-basic__link__ic, .touch .p-home-bath__li.touchstart .c-btn-basic .c-btn-basic__link__ic {
    width: 100%;
  }
  .touch .p-home-bath__li {
    -webkit-tap-highlight-color: transparent;
  }
  .touch .p-home-bath__li.touchend {
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}

.p-home-retreat {
  margin-top: 10.71rem;
}
@media only screen and (max-width: 767px) {
  .p-home-retreat {
    margin-top: 8rem;
  }
}
.p-home-retreat .p-home-fac__title-sub {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-retreat .p-home-fac__title-sub {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-retreat .p-home-fac__title-sub {
    max-width: calc(1360px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-retreat .p-home-fac__title-sub {
    max-width: calc(1360px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-retreat .p-home-fac__title-sub {
    width: calc(1360 / 1440 * 100%);
  }
}
.p-home-retreat__slider {
  width: calc(1395 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-home-retreat__slider {
    padding: 0 calc(30 / 428 * 100%);
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-home-retreat__slider .c-btn-arr {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-retreat__slider .c-btn-arr--next {
    right: -1rem;
  }
  .p-home-retreat__slider .c-btn-arr--prev {
    left: -1rem;
  }
}
.p-home-retreat__slider .swiper-slide {
  width: calc(1 / 3 * 100%);
}
.p-home-retreat__slider .swiper-slide > .inner {
  margin-right: auto;
  margin-left: auto;
  display: block;
  width: calc(430 / 465 * 100%);
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-home-retreat__slider .swiper-slide > .inner {
    width: calc(348 / 368 * 100%);
  }
}
.p-home-retreat__slider .swiper-slide > .inner .text {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 2.5rem 0.71rem;
}
@media only screen and (max-width: 767px) {
  .p-home-retreat__slider .swiper-slide > .inner .text {
    padding: 1rem 1rem 3rem;
  }
}
.p-home-retreat__slider .swiper-slide > .inner .text .c-btn-basic {
  margin-top: calc(270 / 430 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-home-retreat__slider .swiper-slide > .inner .text .c-btn-basic {
    margin-top: calc(250 / 430 * 100%);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .p-home-retreat__slider .swiper-slide > .inner .text .c-title {
    font-size: 1.43rem;
  }
}

.p-home-retreat__slider .swiper-slide > .inner .img {
  width: 100%;
}

.p-home-seen {
  margin-top: 10.71rem;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-home-seen {
    margin-top: 6rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-home-seen {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-seen {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-seen {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-seen {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-home-seen {
    width: calc(1280 / 1440 * 100%);
  }
}
.p-home-seen__title {
  position: absolute;
  top: 0;
  z-index: 2;
  right: 0;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .p-home-seen__title {
    position: relative;
    right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen__title {
    text-align: left;
  }
}
.p-home-seen__title .text {
  margin-top: .5rem;
}
.p-home-seen > .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .p-home-seen > .inner {
    flex-direction: column;
    margin-top: 3rem;
  }
}
.p-home-seen > .inner figcaption {
  margin-top: 1.07rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-seen > .inner figcaption {
    letter-spacing: 0;
    font-size: 0.93rem;
  }
}
.p-home-seen > .inner a {
  display: block;
  text-decoration: none;
}
.mouse .p-home-seen > .inner a {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .p-home-seen > .inner a:hover, .touch .p-home-seen > .inner a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .p-home-seen > .inner a {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-home-seen > .inner a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.p-home-seen__main {
  width: calc(461 / 1100 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-seen__main {
    width: calc(440 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen__main {
    width: 100%;
  }
}
.p-home-seen__sub {
  margin-left: calc(67 / 1100 * 100%);
  width: calc(572 / 1100 * 100%);
  margin-top: calc(180 / 1100 * 100%);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-seen__sub {
    margin-left: calc(50 / 1100 * 100%);
    width: calc(610 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen__sub {
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    margin-top: 3rem;
  }
}
.p-home-seen__sub .img {
  width: calc(180 / 572 * 100%);
}
.p-home-seen__sub .img:not(:nth-child(3n+1)) {
  margin-left: calc(16 / 572 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-home-seen__sub .img:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen__sub .img figure {
    display: flex;
    align-items: center;
  }
}
.p-home-seen__sub .img figure > span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .p-home-seen__sub .img figure > span {
    width: 52%;
  }
  .p-home-seen__sub .img figure > span img {
    object-fit: cover;
    aspect-ratio: 180 / 140;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen__sub .img {
    width: 100%;
  }
  .p-home-seen__sub .img:nth-child(n+2) {
    margin-top: 1.25rem;
  }
  .p-home-seen__sub .img figcaption {
    margin-left: 5%;
    width: 43%;
    display: block;
    margin-top: 0;
    line-height: 2;
  }
}
.p-home-seen__sub__btn {
  width: 100%;
  margin-top: 4.28rem;
}
.p-home-seen__sub__btn .c-btn-basic {
  display: flex;
  justify-content: flex-end;
  margin-right: -2.72rem;
}
@media only screen and (max-width: 1024px) {
  .p-home-seen__sub__btn .c-btn-basic {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-seen__sub__btn .c-btn-basic {
    justify-content: center;
  }
}

.p-home-news {
  margin-top: 8.92rem;
  padding: 5.71rem 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-home-news {
    margin-top: 8rem;
  }
}
.p-home-news::before {
  content: "";
  width: calc(1200 / 1440 * 100%);
  height: 100%;
  background-color: var(--color-bg1);
  background-repeat: repeat;
  background-position: top;
  background-size: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .p-home-news::before {
    width: 100%;
  }
}
.p-home-news:not(.lazyload)::before {
  background-image: url(../images/common/bg_gray_news.png);
}
.p-home-news__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-news__inner {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-news__inner {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-news__inner {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-news__inner {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-news__inner {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-home-news__inner {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-news__inner {
    flex-direction: column;
  }
}
.p-home-news__title {
  width: calc(165 / 1100 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-news__title {
    width: 18%;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-news__title {
    width: 100%;
  }
}
.p-home-news__btn {
  width: calc(265 / 1100 * 100%);
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  margin: auto -2.72rem 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-news__btn {
    margin-top: 2.85rem;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-news__btn {
    justify-content: center;
    width: 100%;
    margin-top: 4rem;
    margin-right: -1rem;
  }
}
.p-home-news__list {
  width: calc(670 / 1100 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-news__list {
    width: 82%;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-news__list {
    width: 100%;
    margin-top: 2rem;
  }
}
.p-home-news__li {
  border-bottom: 1px solid var(--color-D3D3D3);
}
.p-home-news__li__link {
  padding: 1.07rem 0.71rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-wrap: wrap;
  position: relative;
  --time-w: 6.5rem;
  --cate-w: 8rem;
}
@media only screen and (max-width: 767px) {
  .p-home-news__li__link {
    padding: 1.07rem 2.14rem 1.07rem 0.35rem;
  }
}
.p-home-news__li__link .time {
  font-size: 0.93rem;
  line-height: 1.68;
  letter-spacing: 0;
  width: var(--time-w);
}
.p-home-news__li__link .cate {
  width: var(--cate-w);
}
.p-home-news__li__link .t {
  width: calc(100% - (var(--icon-size-s) + var(--cate-w) + var(--time-w)));
  padding-right: .5rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.68;
}
@media only screen and (min-width: 768px) {
  .p-home-news__li__link .t {
    font-size: 0.93rem;
  }
}
.firefox .p-home-news__li__link .t, .ie .p-home-news__li__link .t {
  max-height: 1.68em;
}
@media only screen and (max-width: 767px) {
  .p-home-news__li__link .t {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.68;
    width: 100%;
    margin-top: .5rem;
    padding-right: 0;
  }
  .firefox .p-home-news__li__link .t, .ie .p-home-news__li__link .t {
    max-height: 3.36em;
  }
}
.p-home-news__li__link .c-arrow-btn {
  position: relative;
  right: 0;
  transition: right .3s ease;
}
@media only screen and (max-width: 767px) {
  .p-home-news__li__link .c-arrow-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
.mouse .p-home-news__li__link:hover .c-arrow-btn, .touch .p-home-news__li__link.touchstart .c-arrow-btn {
  right: -.5rem;
}
.touch .p-home-news__li__link {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-home-news__li__link.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

.p-home-acc {
  margin-top: 9.28rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-home-acc {
    margin-top: 8rem;
  }
}
.p-home-acc__map {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__map {
    justify-content: flex-start;
    flex-direction: column;
    width: calc(388 / 428 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
.p-home-acc__map__frame {
  width: calc(780 / 1440 * 100%);
  height: 30rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__map__frame {
    width: 100%;
    margin-top: 2rem;
    height: 21.42rem;
  }
}
.p-home-acc__map__frame iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-home-acc__map__text {
  width: calc(390 / 1440 * 100%);
  margin-right: calc(100 / 1440 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__map__text {
    margin-right: calc(70 / 1440 * 100%);
    width: calc(480 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__map__text {
    margin: 0 auto 0;
    width: calc(348 / 388 * 100%);
  }
}
.p-home-acc__map__text .read {
  margin-top: .5rem;
}
.p-home-acc__map__text .text {
  margin-top: 3.57rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__map__text .text {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__map__text .text {
    margin-top: 2.5rem;
  }
}
.p-home-acc__map .js-move-sp {
  width: 100%;
}
.p-home-acc__map .map_btn {
  margin-top: 4.28rem;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__map .map_btn {
    margin-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__map .map_btn {
    margin-top: 1.5rem;
  }
}
.p-home-acc__map .map_btn__link {
  padding: .5rem .25rem;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid #9DA1A6;
}
.mouse .p-home-acc__map .map_btn__link {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .p-home-acc__map .map_btn__link:hover, .touch .p-home-acc__map .map_btn__link.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .p-home-acc__map .map_btn__link {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-home-acc__map .map_btn__link.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.p-home-acc__map .map_btn__link .o-icon--map {
  width: 1.25rem;
  height: 1.25rem;
}
.p-home-acc__map .map_btn__link .t {
  padding-right: .5rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .p-home-acc__map .map_btn__link .t {
    font-size: 0.93rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__map .map_btn__link .t {
    font-size: 1rem;
  }
}
.p-home-acc__other {
  margin-right: auto;
  margin-left: auto;
  margin-top: 6.42rem;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .p-home-acc__other {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-acc__other {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-acc__other {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__other {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-home-acc__other {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 1024px) {
  .p-home-acc__other {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__other {
    flex-direction: column;
    margin-top: 5rem;
  }
}
.p-home-acc__other__img {
  width: calc(650 / 1100 * 100%);
  order: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__other__img {
    width: calc(620 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__other__img {
    order: 2;
    margin-top: 3rem;
    width: calc(388 / 428 * 100%);
  }
}
.p-home-acc__other__text {
  width: calc(375 / 1100 * 100%);
  margin-left: calc(75 / 1100 * 100%);
  order: 2;
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .p-home-acc__other__text {
    width: calc(385 / 1100 * 100%);
    margin-left: calc(65 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__other__text {
    width: calc(430 / 1100 * 100%);
    margin-left: calc(50 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__other__text {
    order: 1;
    margin-right: auto;
    margin-left: auto;
    width: calc(348 / 428 * 100%);
  }
}
.p-home-acc__other__text .text {
  margin-top: 1.5rem;
}
.p-home-acc__route {
  margin-top: 5rem;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-home-acc__route {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-home-acc__route {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-home-acc__route {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-acc__route {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route {
    width: calc(383 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-home-acc__route {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route {
    margin-top: 6rem;
  }
}
.p-home-acc__route__title {
  text-align: center;
  width: 100%;
}
.p-home-acc__route__tab {
  margin-top: 4.28rem;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__tab {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__tab .c-tab__btn__link {
    min-height: 5rem;
    line-height: 1.6;
    min-width: 12.14rem;
  }
}
.p-home-acc__route__items {
  display: flex;
  align-items: flex-start;
  margin-top: 3.57rem;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__items {
    flex-direction: column;
    width: calc(348 / 388 * 100%);
    margin: 3.5rem auto 0;
  }
}
.p-home-acc__route__item {
  width: calc(356 / 1100 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item {
    width: 100%;
  }
  .p-home-acc__route__item:nth-of-type(n+2) {
    margin-top: 2rem;
  }
}
.p-home-acc__route__item:nth-of-type(n+2) {
  margin-left: calc(16 / 1100 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item:nth-of-type(n+2) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item .c-accordion__target > ol {
    padding-bottom: 2rem;
  }
}
.p-home-acc__route__item__start .btn {
  padding: .25rem 1.5rem;
  min-height: 3.57rem;
  display: block;
  position: relative;
  width: 100%;
  line-height: 1.25;
  font-weight: 500;
  background-color: #fff;
  border: 1px solid #888787;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .p-home-acc__route__item__start .btn {
    pointer-events: none;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item__start .btn {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .p-home-acc__route__item__start .btn .o-icon--arrow-btn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item__start .btn .o-icon--arrow-btn {
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transform: rotate(90deg);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item[open] .o-icon--arrow-btn {
    transform: rotate(-90deg);
  }
}
.p-home-acc__route__item__way {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
  min-height: 8.21rem;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item__way {
    min-height: 4.5rem;
    padding: 1rem 0 1rem 5rem;
    text-align: left;
    align-items: flex-start;
  }
}
.p-home-acc__route__item__way::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  z-index: -1;
  background-color: #888787;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item__way::before {
    margin-left: 0;
    left: 2.5rem;
  }
}
.p-home-acc__route__item__way > span {
  display: inline;
  background-color: #E9E9E9;
}
@media only screen and (min-width: 768px) {
  .p-home-acc__route__item__way--long {
    min-height: calc(16.42rem + 3.57rem);
  }
}
.p-home-acc__route__item__point {
  padding: .25rem 1.5rem;
  min-height: 3.57rem;
  display: block;
  width: 100%;
  line-height: 1.25;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #888787;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item__point {
    align-items: flex-start;
    text-align: left;
  }
}
.p-home-acc__route__item__goal {
  min-height: 3.57rem;
  padding: .25rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #787575;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-home-acc__route__item__goal {
    justify-content: flex-start;
    text-align: left;
  }
}

.l-modal__map__container {
  position: relative;
  background-image: url(../images/common/bg_gray.png);
  background-position: top;
  background-size: auto;
  background-repeat: repeat;
  height: 35vh;
  width: 98vw;
  margin-inline: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.07rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.l-modal__map__container header {
  width: 100%;
  height: 100%;
}
.l-modal__map__container header .inner {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 100%;
}
.l-modal__map__container header .inner img {
  width: 100%;
  object-fit: contain;
}
.l-modal__map__container .l-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.l-modal__map__container .l-modal-close .btn_close {
  position: relative;
  display: flex;
  font-family: 'Jomolhari';
  letter-spacing: 0.005em;
  font-weight: 400;
  font-size: 86%;
}
.l-modal__map__container .l-modal-close .ic_close {
  position: relative;
  display: block;
  width: 2.5rem;
  height: 1.5rem;
}
.l-modal__map__container .l-modal-close .ic_close:before, .l-modal__map__container .l-modal-close .ic_close:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  background-color: #000;
}
.l-modal__map__container .l-modal-close .ic_close:before {
  transform: rotate(-15deg);
}
.l-modal__map__container .l-modal-close .ic_close:after {
  transform: rotate(15deg);
}
.l-modal__map__content .text {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-style: normal;
  font-weight: 500;
  font-size: 79%;
  text-align: center;
}