@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Noto+Sans+JP:wght@300&display=swap");
.loader-container {
  display: none; }

h4 {
  /**@include Gothic-Barlow;
  color: #9fa0a0;**/
  font-family: ltc-bodoni-175, serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-size: 58px;
  line-height: 1.0;
  margin-bottom: 20px;
  font-weight: normal; }

.leadCopy {
  text-align: center;
  margin: 5rem auto; }
  @media screen and (max-width: 768px) {
    .leadCopy {
      text-align: left;
      width: 90%; }
      .leadCopy .text-l {
        font-size: 0.8rem; } }

.accessBox {
  max-width: 900px;
  margin: auto; }
  .accessBox li {
    overflow: hidden;
    position: relative;
    margin-bottom: 0rem; }
    @media screen and (max-width: 768px) {
      .accessBox li {
        margin-bottom: 1rem; } }
    .accessBox li .sub-ttl {
      width: 100%;
      background-color: #dcdddd;
      text-align: center; }
      .accessBox li .sub-ttl p {
        background-color: #FFFFFF;
        display: inline-block;
        padding: 15px 1em;
        margin: -5px 0;
        line-height: 0;
        font-feature-settings: "palt";
        font-weight: bold;
        letter-spacing: 0.1em;
        margin: 0 auto; }
    .accessBox li .pic {
      width: 63%; }
      .accessBox li .pic img {
        width: 100%;
        height: auto; }
    .accessBox li .txtArea h5 {
      font-family: 'Barlow Semi Condensed', sans-serif;
      color: #9fa0a0;
      font-size: 58px;
      line-height: 1.0;
      margin-bottom: 20px; }
    .accessBox li.access01 {
      margin-bottom: 3rem; }
      .accessBox li.access01 .txtArea {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; }
        .accessBox li.access01 .txtArea .text-l {
          margin-bottom: 5%; }
      .accessBox li.access01 .imgArea {
        padding-bottom: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        .accessBox li.access01 .imgArea div, .accessBox li.access01 .imgArea li {
          min-height: 0%; }
        .accessBox li.access01 .imgArea .imgBox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          width: 30%;
          overflow: hidden; }
          .accessBox li.access01 .imgArea .imgBox div, .accessBox li.access01 .imgArea .imgBox li {
            min-height: 0%; }
          .accessBox li.access01 .imgArea .imgBox .imgBox_inner {
            width: 200%;
            margin-left: -50%;
            margin-right: -50%;
            position: relative; }
            .accessBox li.access01 .imgArea .imgBox .imgBox_inner img {
              position: relative; }
            .accessBox li.access01 .imgArea .imgBox .imgBox_inner .note {
              position: absolute;
              bottom: 10px;
              right: calc(25% + 10px);
              color: #fff;
              text-shadow: 0px  0px 2px #000; }
          .accessBox li.access01 .imgArea .imgBox .imgText {
            text-align: center;
            width: 100%;
            color: #000;
            font-family: ltc-bodoni-175, serif;
            font-weight: 400;
            font-style: normal; }
            .accessBox li.access01 .imgArea .imgBox .imgText .size_xl {
              font-size: 1em;
              line-height: 1;
              letter-spacing: -0.005em; }
            .accessBox li.access01 .imgArea .imgBox .imgText .size_bold {
              font-size: 2.5em;
              font-weight: lighter; }
      .accessBox li.access01 .linemap {
        width: 100%;
        max-width: 600px;
        margin: 0 auto; }
    .accessBox li.access02 {
      margin-bottom: 4rem; }
      .accessBox li.access02 .txtArea {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; }
        .accessBox li.access02 .txtArea .text-l {
          margin-bottom: 5%; }
      .accessBox li.access02 .imgArea {
        padding-bottom: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        align-items: center; }
        .accessBox li.access02 .imgArea div, .accessBox li.access02 .imgArea li {
          min-height: 0%; }
        .accessBox li.access02 .imgArea .imgLogo {
          width: 50%; }
          .accessBox li.access02 .imgArea .imgLogo img {
            display: block;
            width: 50%;
            max-width: 200px;
            margin: 0 auto; }
        .accessBox li.access02 .imgArea .imgBox {
          width: 50%;
          overflow: hidden; }
          .accessBox li.access02 .imgArea .imgBox .imgBox-inner {
            margin-bottom: 1rem; }
            .accessBox li.access02 .imgArea .imgBox .imgBox-inner .note {
              width: 100%;
              text-align: right; }
          .accessBox li.access02 .imgArea .imgBox .imgText {
            text-align: center;
            width: 100%;
            color: #9fa0a0;
            font-family: 'Barlow Semi Condensed', sans-serif; }
            .accessBox li.access02 .imgArea .imgBox .imgText .size_xl {
              font-size: 1em;
              line-height: 1; }
            .accessBox li.access02 .imgArea .imgBox .imgText .size_bold {
              font-size: 1.4em;
              font-weight: bold; }
      .accessBox li.access02 .pointArea ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .accessBox li.access02 .pointArea ul div, .accessBox li.access02 .pointArea ul li {
          min-height: 0%; }
      .accessBox li.access02 .pointArea li {
        width: 24%;
        margin: 5px 0;
        background-color: #80c3bf;
        color: #FFFFFF;
        text-align: center;
        padding: 10px 0; }
        .accessBox li.access02 .pointArea li .text-m {
          width: 100%; }
    .accessBox li.access03 {
      margin-bottom: 3rem; }
      .accessBox li.access03 .txtArea {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; }
        .accessBox li.access03 .txtArea .text-l {
          margin-bottom: 5%; }
      .accessBox li.access03 .imgArea {
        padding-bottom: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        align-items: center; }
        .accessBox li.access03 .imgArea div, .accessBox li.access03 .imgArea li {
          min-height: 0%; }
        .accessBox li.access03 .imgArea .imgBox {
          width: 30%;
          overflow: hidden; }
          .accessBox li.access03 .imgArea .imgBox .imgBox-inner {
            margin-bottom: 1rem; }
            .accessBox li.access03 .imgArea .imgBox .imgBox-inner .note {
              width: 100%;
              text-align: right; }
          .accessBox li.access03 .imgArea .imgBox.photo {
            width: 61%; }
          .accessBox li.access03 .imgArea .imgBox.timetable {
            width: 37%; }
            .accessBox li.access03 .imgArea .imgBox.timetable img:nth-child(1) {
              margin-bottom: 0.5rem; }
    .accessBox li.access04 {
      margin-bottom: 2rem; }
      .accessBox li.access04 .txtArea {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; }
        .accessBox li.access04 .txtArea .text-l {
          margin-bottom: 5%; }
      .accessBox li.access04 .imgArea {
        padding-bottom: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        align-items: flex-start; }
        .accessBox li.access04 .imgArea div, .accessBox li.access04 .imgArea li {
          min-height: 0%; }
        .accessBox li.access04 .imgArea .imgBox {
          overflow: hidden; }
          .accessBox li.access04 .imgArea .imgBox .imgBox-inner {
            margin-bottom: 1rem; }
            .accessBox li.access04 .imgArea .imgBox .imgBox-inner .note {
              width: 100%;
              text-align: right; }
          .accessBox li.access04 .imgArea .imgBox.photo {
            width: 33%; }
          .accessBox li.access04 .imgArea .imgBox.carmap {
            width: 65%; }
            .accessBox li.access04 .imgArea .imgBox.carmap img {
              width: 100%; }
  @media screen and (max-width: 768px) {
    .accessBox .leadCopy {
      margin: 2rem auto; }
      .accessBox .leadCopy h4 {
        font-size: 42px; }
    .accessBox li .txtArea .text-m br {
      display: none; }
    .accessBox li.access01 {
      margin-bottom: 3rem; }
      .accessBox li.access01 .txtArea {
        width: 80%;
        margin-left: 20%;
        text-align: left;
        margin-bottom: 5%; }
        .accessBox li.access01 .txtArea .text-l {
          margin-bottom: 5%; }
      .accessBox li.access01 .imgArea {
        padding-bottom: 1rem; }
        .accessBox li.access01 .imgArea .imgBox {
          width: 100%;
          margin-bottom: 2rem; }
          .accessBox li.access01 .imgArea .imgBox .imgBox_inner {
            width: 60%;
            margin-left: 0%;
            margin-right: 0%; }
            .accessBox li.access01 .imgArea .imgBox .imgBox_inner .note {
              right: 5px; }
          .accessBox li.access01 .imgArea .imgBox .imgText {
            text-align: left;
            width: 37%; }
            .accessBox li.access01 .imgArea .imgBox .imgText .size_xl {
              font-size: 1.4em;
              letter-spacing: 0.1em; }
            .accessBox li.access01 .imgArea .imgBox .imgText .size_bold {
              font-size: 1.8em; }
        .accessBox li.access01 .imgArea .imgBox:nth-child(even) .imgBox_inner {
          order: 2; }
        .accessBox li.access01 .imgArea .imgBox:nth-child(even) .imgText {
          order: 1;
          text-align: right; }
    .accessBox li.access02 .txtArea {
      text-align: left; }
    .accessBox li.access02 .imgArea {
      padding-bottom: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      align-items: center; }
      .accessBox li.access02 .imgArea div, .accessBox li.access02 .imgArea li {
        min-height: 0%; }
      .accessBox li.access02 .imgArea .imgLogo {
        width: 40%; }
      .accessBox li.access02 .imgArea .imgBox {
        width: 60%; }
        .accessBox li.access02 .imgArea .imgBox .imgText {
          text-align: center;
          width: 100%;
          color: #9fa0a0;
          font-family: 'Barlow Semi Condensed', sans-serif; }
          .accessBox li.access02 .imgArea .imgBox .imgText .size_xl {
            font-size: 1em;
            line-height: 1; }
          .accessBox li.access02 .imgArea .imgBox .imgText .size_bold {
            font-size: 1.4em;
            font-weight: bold; }
    .accessBox li.access02 .pointArea li {
      width: 49%;
      margin: 5px 0 2px;
      padding: 5px 0; }
    .accessBox li.access03 {
      margin-bottom: 3rem; }
      .accessBox li.access03 .txtArea {
        text-align: left; }
      .accessBox li.access03 .imgArea {
        padding-bottom: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        align-items: center; }
        .accessBox li.access03 .imgArea div, .accessBox li.access03 .imgArea li {
          min-height: 0%; }
        .accessBox li.access03 .imgArea .imgBox {
          width: 30%; }
          .accessBox li.access03 .imgArea .imgBox.photo {
            width: 60%;
            margin-bottom: 0.5rem; }
          .accessBox li.access03 .imgArea .imgBox.timetable {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .accessBox li.access03 .imgArea .imgBox.timetable div, .accessBox li.access03 .imgArea .imgBox.timetable li {
              min-height: 0%; }
            .accessBox li.access03 .imgArea .imgBox.timetable img {
              width: 49%; }
    .accessBox li.access04 .txtArea {
      text-align: left; }
    .accessBox li.access04 .imgArea {
      padding-bottom: 2rem; }
      .accessBox li.access04 .imgArea .imgBox {
        overflow: hidden; }
        .accessBox li.access04 .imgArea .imgBox.photo {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          align-items: flex-start;
          width: 100%; }
          .accessBox li.access04 .imgArea .imgBox.photo div, .accessBox li.access04 .imgArea .imgBox.photo li {
            min-height: 0%; }
          .accessBox li.access04 .imgArea .imgBox.photo .imgBox-inner {
            width: 60%; }
          .accessBox li.access04 .imgArea .imgBox.photo img {
            width: 100%; }
          .accessBox li.access04 .imgArea .imgBox.photo p {
            width: 38%; }
        .accessBox li.access04 .imgArea .imgBox.carmap {
          width: 100%;
          margin: 1rem auto 0; }
          .accessBox li.access04 .imgArea .imgBox.carmap img {
            width: 100%; } }
  @media screen and (max-width: 640px) {
    .accessBox li.access01 .imgArea .imgBox .imgText .size_xl {
      font-size: 1.3em; }
    .accessBox li.access01 .imgArea .imgBox .imgText .size_bold {
      font-size: 1.7em; } }
  @media screen and (max-width: 400px) {
    .accessBox li.access01 .imgArea .imgBox .imgText .size_xl {
      font-size: 1.1em; }
    .accessBox li.access01 .imgArea .imgBox .imgText .size_bold {
      font-size: 1.4em; }
    .accessBox li.access04 .txtArea {
      text-align: left; }
    .accessBox li.access04 .imgArea {
      padding-bottom: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      align-items: flex-start; }
      .accessBox li.access04 .imgArea div, .accessBox li.access04 .imgArea li {
        min-height: 0%; }
      .accessBox li.access04 .imgArea .imgBox {
        overflow: hidden; }
        .accessBox li.access04 .imgArea .imgBox.photo {
          width: 100%; }
          .accessBox li.access04 .imgArea .imgBox.photo .imgBox-inner {
            width: 100%; }
          .accessBox li.access04 .imgArea .imgBox.photo img {
            width: 100%; }
          .accessBox li.access04 .imgArea .imgBox.photo p {
            width: 100%; }
        .accessBox li.access04 .imgArea .imgBox.carmap {
          width: 100%;
          max-width: 400px;
          margin: 1rem auto 0; }
          .accessBox li.access04 .imgArea .imgBox.carmap img {
            width: 100%; } }