@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.access__hero {
  margin-top: 120px;
  /*ヘッダーの高さ*/
  background-color: #EFF2D3;
  background-image: url("../img/common/bg-img.jpg");
  background-size: cover;
  background-repeat: repeat-y;
  background-position: top left;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 25px;
}
@media screen and (max-width: 899px) {
  .access__hero {
    margin-top: 90px;
  }
}
.access__ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  text-align: center;
  cursor: default;
}
@media screen and (max-width: 767px) {
  .access__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .access__ttl {
    font-size: 1.75rem;
  }
}
.access__ttl span {
  display: block;
  line-height: 2;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .access__ttl span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .access__ttl span {
    font-size: 0.9375rem;
  }
}
.access .lyt-cntr {
  max-width: min(1400px, 100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .access .lyt-cntr {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .access .lyt-cntr {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .access .lyt-cntr {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.access .lyt-cntr__inner {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1279px) {
  .access .lyt-cntr__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.access .access-area {
  margin-top: 50px;
  margin-bottom: 250px;
}
.access .access-area__ttl {
  font-size: 2.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
  line-height: 1.6;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  padding-right: 230px;
  background-size: 215px;
}
@media screen and (max-width: 1279px) {
  .access .access-area__ttl {
    margin-bottom: 0;
    padding-right: 215px;
    background-size: 200px;
  }
}
@media screen and (max-width: 767px) {
  .access .access-area__ttl {
    font-size: 1.75rem;
    padding-right: 180px;
    background-size: 150px;
  }
}
@media screen and (max-width: 479px) {
  .access .access-area__ttl {
    font-size: 1.5rem;
    line-height: 1.3;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 110px;
    background-size: 100px;
  }
}
@media screen and (max-width: 329px) {
  .access .access-area__ttl {
    font-size: 1.25rem;
  }
}
.access .access-area .access-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 90px 70px;
  border-radius: 10px;
  background-color: #fcf8e8;
  margin-bottom: 150px;
}
@media screen and (max-width: 1279px) {
  .access .access-area .access-container {
    padding: 40px 40px 60px;
  }
}
@media screen and (max-width: 479px) {
  .access .access-area .access-container {
    padding: 30px 20px;
    margin-bottom: 80px;
  }
}
.access .access-area .access-container .location-section {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .access .access-area .access-container .location-section {
    flex-direction: column;
  }
}
.access .access-area .access-container .location-info p {
  margin-bottom: 8px;
}
.access .access-area .access-container .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.6;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .access .access-area .access-container .section-title {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .access .access-area .access-container .section-title {
    font-size: 1rem;
  }
}
.access .access-area .access-container .section-title img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 479px) {
  .access .access-area .access-container .section-title img {
    width: 30px;
  }
}
.access .access-area .access-container .section-title span {
  display: inline-block;
}
.access .access-area .access-container .location-map iframe {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .access .access-area .access-container .location-map iframe {
    width: 100%;
  }
}
.access .access-area .access-container .divider {
  border: none;
  border-top: 2px dotted #00a699;
  margin: 30px 0;
}
.access .access-area .access-container .access-details {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .access .access-area .access-container .access-details {
    flex-direction: column;
    gap: 40px;
  }
}
@media screen and (max-width: 479px) {
  .access .access-area .access-container .access-details {
    gap: 30px;
  }
}
.access .access-area .access-container .access-train p {
  margin-bottom: 15px;
}
.access .access-area .access-container .access-car {
  padding-left: 30px;
  border-left: solid 1px #00a99d;
}
@media screen and (max-width: 767px) {
  .access .access-area .access-container .access-car {
    border-left: none;
    padding-left: 0;
  }
}
.access .access-area .access-container .access-car p {
  margin-bottom: 15px;
}
.access .access-area__top .access-area__ttl {
  background-image: url("../img/access/fac01.png");
}
.access .access-area__middle .access-area__ttl {
  background-image: url("../img/access/fac02.png");
}
.access .access-area__btm .access-area__ttl {
  background-image: url("../img/access/fac03.png");
}