@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
変数
----------------------------------------*/
main.access {
  background-color: var(--colorMain);
}

@media screen and (max-width: 899px) {
  .inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 900px) {
  .accessContainerWrap {
    padding-bottom: 64px;
  }
}

/* テキストとマップのコンテナ
---------------------------------------------- */
.accessContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 899px) {
  .accessContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer {
    gap: 80px;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer .areaText {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 899px) {
  .accessContainer .areaText .accessItem + .accessItem {
    margin-top: 40px;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer .areaText .accessItem + .accessItem {
    margin-top: 48px;
  }
}
.accessContainer .areaText .accessItem .sectionTitle {
  font-weight: 500;
}
@media screen and (max-width: 899px) {
  .accessContainer .areaText .accessItem .text {
    font-size: var(--size14px);
    text-align: center;
    letter-spacing: -0.05em;
    line-height: 1.4;
    margin-top: 20px;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer .areaText .accessItem .text {
    letter-spacing: -0.03em;
    line-height: 1.5;
    margin-top: 32px;
  }
}
@media screen and (max-width: 899px) {
  .accessContainer .areaText .addressItem {
    text-align: center;
    letter-spacing: -0.05em;
    line-height: 1.4;
    margin-top: 104px;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer .areaText .addressItem {
    letter-spacing: -0.03em;
    line-height: 1.5;
    margin-top: 136px;
  }
}
.accessContainer .areaText .addressItem .text {
  text-align: inherit;
}
@media screen and (max-width: 899px) {
  .accessContainer .areaText .addressItem .text {
    font-size: var(--size14px);
  }
}
@media screen and (max-width: 899px) {
  .accessContainer .areaText .btnLink {
    margin: 96px auto 0;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer .areaText .btnLink {
    margin-top: 64px;
  }
}
@media screen and (max-width: 899px) {
  .accessContainer .areaMap {
    margin-inline: calc(50% - 50vw);
    height: 568px;
  }
}
@media screen and (min-width: 900px) {
  .accessContainer .areaMap {
    width: 50%;
    height: 1100px;
  }
}
.accessContainer .areaMap iframe {
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=access.css.map */