@charset "UTF-8";
/*
アクセスのCSSファイル
*/
/* 色 */
/* pの行間 */
/* サイドエリアのグリッドサイズ */
/* サイドエリアの幅 */
/* 外周のマージン */
/* メインエリアのグリッドサイズ */
/* タブレットのメインエリア幅 */
/* スマホのヘッダー高さ */
/* セクションの最低高さ */
/* 690px */
/*
@use "./_mixins" as mixins;

@include mixins.mobileView {
}

@include mixins.mobileView {
}
*/
#access {
  min-height: 660px;
  height: calc(100svh - 48px);
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 82px;
}
@media screen and (max-width: 1024px) {
  #access {
    width: calc(100vw - 48px);
    height: calc(100svh - 24px);
    margin: 0 24px 0 24px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #access {
    justify-content: center;
  }
}

.access_container {
  display: flex;
  flex-direction: row;
  gap: 82px;
}
@media screen and (max-width: 1024px) {
  .access_container {
    flex-direction: column;
    gap: 29px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .access_container {
    width: 100%;
    max-width: 390px;
  }
}

.access_flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .access_flex {
    gap: 29px;
  }
}

.access_flex p {
  line-height: 1.8;
}

.access_flex a {
  text-decoration: none; /* 既存の下線を削除 */
  color: inherit; /* テキストの色を継承 */
  border-bottom: 1px solid black; /* 黒い下線を引く */
  padding-bottom: 4px; /* 下線とテキストの間に余白を作る */
  padding-top: 50px;
}

.access_img img,
.m-access_img img {
  height: 24px;
}

.access_map img,
.m-access_map img {
  width: calc((60vw - 48px) / 12 * 5);
}
@media screen and (max-width: 1024px) {
  .access_map img,
  .m-access_map img {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .access_map img,
  .m-access_map img {
    width: 100%;
  }
}

.m-access_img {
  display: none;
}

.m-access_map {
  display: none;
}

@media screen and (max-width: 1024px) {
  .access_img {
    display: none;
  }
  .access_map {
    display: none;
  }
  .m-access_img {
    display: block;
  }
  .m-access_map {
    display: block;
  }
}

/*# sourceMappingURL=access.css.map */