@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* anchor
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .anchor-line {
    width: 90%; }
    .anchor-line small {
      letter-spacing: 0;
      font-size: 80%;
      margin-top: 0.5em;
      display: block; } }

/* location
---------------------------------------------------------------------------*/
.location {
  position: relative; }
  .location::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 2000px;
    height: 1347px;
    bottom: -620px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/facilities/location-bg.jpg); }
    @media screen and (max-width: 1300px) {
      .location::before {
        width: 153.8461538462vw;
        height: 103.6153846154vw;
        bottom: -47.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .location::before {
        width: 100vw;
        height: 160vw;
        bottom: 10vw; } }
  .location .wrap-min {
    position: relative;
    z-index: 10; }

/* fac-btn
---------------------------------------------------------------------------*/
.fac-btn.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
.fac-btn a {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 140px; }
  @media screen and (max-width: 1300px) {
    .fac-btn a {
      width: 10.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .fac-btn a {
      width: 37.3333333333vw; } }

/* library
---------------------------------------------------------------------------*/
.library-list {
  gap: 10px; }
  @media screen and (max-width: 1300px) {
    .library-list {
      gap: 0.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .library-list {
      gap: 1.3333333333vw; } }
  .library-list li {
    width: 208px; }
    @media screen and (max-width: 1300px) {
      .library-list li {
        width: 16vw; } }
    @media screen and (max-width: 480px) {
      .library-list li {
        width: calc((100% - 1.333333vw) / 2); } }

/* other
---------------------------------------------------------------------------*/
.other > div {
  width: 500px; }
  @media screen and (max-width: 1300px) {
    .other > div {
      width: 38.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .other > div {
      width: 100%; } }

/* transfer
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .transfer {
    margin-bottom: 21.3333333333vw; } }
.transfer .bdrhdl::after {
  right: calc(50% - -100px); }
  @media screen and (max-width: 1300px) {
    .transfer .bdrhdl::after {
      right: calc(50% - -7.6923vw); } }
  @media screen and (max-width: 480px) {
    .transfer .bdrhdl::after {
      right: calc(50% + 20vw); } }

/* wear
---------------------------------------------------------------------------*/
.wear .bdrhdl .en::after {
  width: 100%; }
  @media screen and (max-width: 480px) {
    .wear .bdrhdl .en::after {
      width: 50vw; } }

/* info
---------------------------------------------------------------------------*/
.info .datatbl .w250 {
  width: 250px; }
  @media screen and (max-width: 1300px) {
    .info .datatbl .w250 {
      width: 19.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .info .datatbl .w250 {
      width: 100%; } }

/* centersl
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .centersl-wrap .swiper-slide img {
    height: 90vw; } }

/* .bdrhdl .en::after
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .restaurant .bdrhdl .en::after {
    width: 70vw;
    bottom: -30vw; } }