/* screen - access */

.access {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 3.47vw;
  position: relative;
}

/* .access .frame-94 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 36.46vw;
  position: relative;
  width: 100%;
} */



.access .rectangle-13 {
  height: 12.5vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.93vw;
}

.access .events {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .news {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .auto-layout-vertical-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0.0vw 0.0vw;
  justify-content: center;
  position: relative;
}

.access .line-9 {
  height: 0.14vw;
  left: 36.94vw;
  position: absolute;
  top: 5.0vw;
  width: 10.42vw;
}

.access .frame-96 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.08vw;
  padding: 0.0vw 150.0vw;
  position: relative;
  width: 100.0vw;
}

.access .top-access {
  align-self: stretch;
  color: transparent;
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
}

.access .group-95 {
  height: 5.0vw;
  left: 0.07vw;
  position: absolute;
  top: 18.26vw;
  width: 27.36vw;
}

.access .place {
  color: var(--white);
  /* font-family: var(--font-family-konkhmer_sleokchher); */
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 17.08vw;
  position: absolute;
  top: 0;
  width: 350px;
}

.access .line-7 {
  height: 0.07vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2.71vw;
  width: 15.97vw;
}

.access .frame-104 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.39vw;
  position: relative;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}

.access .bytrain_title {
  align-items: center;
  flex: 0 0 auto;
}

.access .place-1 {
  align-self: stretch;
  color: #4c4b4b;
  flex: 1;
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-xl);
  font-weight: 900;
  margin-top: -0.07vw;
  position: relative;
  text-align: center;
}

.access .frame-103 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
}
.frame-103 > div {
  margin: 10px;
}

.access .frame-29-1 {
  height: 4.17vw;
  position: relative;
}

.access .place-2 {
  margin-top: -0.1vw;
  position: relative;
  width: fit-content;
}

.access .text-2 {
  color: var(--white);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-xxs);
  font-weight: 400;
  position: relative;
  transform: rotate(90.00deg);
  width: fit-content;
}

.access .frame-2 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--picton-blue);
  border-radius: 50px;
  display: flex;
  gap: 1.39vw;
  height: 4.17vw;
  justify-content: center;
  padding: 1vw 1vw;
  position: relative;
  width: 200px;
  min-height: 40px;
  max-height: 40px;
  cursor:pointer;
  font-size: 2.0rem;

}

.access .frame-2.is-active {
  background-color: var(--picton-blue);
  color: #ffffff;
  
}


.is-active .gothica1-normal-picton-blue-14px {
  color: var(--white);
}

.access .place-3 {
  margin-top: -0.1vw;
  position: relative;
  width: fit-content;
}

.access .text {
  position: relative;
  transform: rotate(90deg);
  width: fit-content;
}

.access .nagoya {
  margin-top: -0.1vw;
}

.access .haneda-airport {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.1vw;
  position: relative;
  width: fit-content;
}

.access .text-5 {
  position: relative;
  transform: rotate(90.00deg);
  width: fit-content;
}

.access .narita-airport {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.1vw;
  position: relative;
  width: fit-content;
}

.access .frame-104-item {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.39vw;
  position: relative;
  width: 100%;
}

.access .bytrain {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.39vw;
  position: relative;
}

.access .bytrain_title-1 {
  align-items: flex-start;
  flex: 0 0 auto;
  padding: 0.0vw 0.0vw 0.0vw 3%
}

.access .x-icon-1 {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 50px;
}

.access .group-3 {
  height: auto;
  position: absolute;
  top: 0;
  width: 180%;
  margin-top: 2px;
}

.access .bytrain_root {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6.94vw;
  position: relative;
  width: 100%;
}

.access .flex-col-1 {
  min-height: 20vw;
  position: relative;
  width: 91.32vw;
}

.access .overlap-group1 {
  height: 10.97vw;
  position: relative;
  width: 91.32vw;
}

.access .e-container {
  height: 10.97vw;
  left: 8.61vw;
  position: absolute;
  top: 0;
  width: 74.72vw;
}

.access .line-10-2 {
  left: 0;
  position: absolute;
  top: 6.25vw;
}

.access .frame-107 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: 31.53vw;
  padding: 1vw 1vw;
  position: absolute;
  top: 4.1vw;
  transform: rotate(90.00deg);
  width: 130px;
  min-height: 40px;
}

.access .place-4 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-106-2 {
  left: 75.35vw;
  position: absolute;
  top: 6.6vw;
}

.access .place-5 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-29-2 {
  height: 2.78vw;
  left: 0;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
}

.access .place-6 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .ito-line-and-izu-kyu {
  left: 57.15vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2.99vw;
  width: 17.43vw;
}

.access .jr-tokaido-shinkansen-about-1-hour {
  left: 19.51vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 3.33vw;
  width: 13.82vw;
}

.access .odoriko-or-saphir-od {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.25vw;
  margin-top: 0.56vw;
  min-height: 1.39vw;
  width: 42.29vw;
}

.access .line-11 {
  height: 0.35vw;
  margin-left: 0.62vw;
  margin-top: 0.28vw;
  width: 74.72vw;
}

.access .overlap-group {
  height: 15.97vw;
  position: relative;
}

.access .overlap-group-1 {
  height: 15.97vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 78.12vw;
}

.access .line-10 {
  height: 0.35vw;
  left: 2.01vw;
  position: absolute;
  top: 8.68vw;
  width: 74.72vw;
}

.access .frame-106 {
  align-items: center;
  background-color: var(--picton-blue);
  border: 0.14vw solid;
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: 68.75vw;
  padding: 1.18vw 1.74vw;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .place-7 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-10 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: 31.04vw;
  padding: 1.18vw 1.74vw;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .place-8 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-29 {
  align-items: center;
  background-color: var(--picton-blue);
  border: 0.14vw solid;
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: -6.6vw;
  padding: 1.18vw 1.74vw;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .place-9 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .ito-line-and-izu-kyu-1 {
  left: 48.68vw;
  width: 18.33vw;
}

.access .jr-tokaido-shinkanse {
  left: 12.22vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 4.79vw;
  width: 18.06vw;
}

.access .place-10 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .place-11 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .nagoya-1 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
}

.access .ito-line-and-izu-kyu-2 {
  left: 48.61vw;
  width: 18.54vw;
}

.access .jr-tokaido-shinkansen-about-2-hour {
  left: 13.06vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 4.79vw;
  width: 14.37vw;
}

.access .overlap-group-2 {
  height: 15.97vw;
  position: relative;
  width: 78.19vw;
}

.access .frame-106-1 {
  left: 68.82vw;
  position: absolute;
  top: 6.6vw;
}

.access .place-12 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-10-1 {
  left: 43.68vw;
  position: absolute;
  top: 6.6vw;
}

.access .ito {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-10-2 {
  left: 18.54vw;
  position: absolute;
  top: 6.6vw;
}

.access .place-13 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .airport-line-or-keik {
  left: 5.42vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 18.4vw;
}

.access .tokaido-line-about-50-minutes {
  left: 34.1vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 13.54vw;
}

.access .izu-kyuko-line-abo {
  left: 55.56vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 17.22vw;
}

.access .overlap-group7 {
  height: 15.97vw;
  position: relative;
  width: 77.92vw;
}

.access .frame-106-3 {
  left: 68.54vw;
  position: absolute;
  top: 6.6vw;
}

.access .place-14 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-108 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: 46.88vw;
  padding: 1.18vw 1.74vw;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .it-atamio {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-109 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: 10.07vw;
  padding: 1.18vw 1.74vw;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .keisei-ueno {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-110 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  left: 25.56vw;
  padding: 1.18vw 1.74vw;
  position: absolute;
  top: 6.6vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .place-15 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .keisei-skyliner-about-45-minutes {
  left: 4.24vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 12.43vw;
}

.access .onfoot-about-5-minutes {
  left: 21.04vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 11.11vw;
}

.access .takasaki-line-or-tok {
  left: 35.83vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 17.22vw;
}

.access .izu-kyuko-line-abo-1 {
  left: 57.15vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.07vw;
  width: 17.92vw;
}

.access .bytrain_title-2 {
  align-items: center;
  flex: 0 0 auto;
  padding: 0.0vw 0.0vw 0.0vw 150.0vw;
}

.access .group-4 {
  /* height: 1.04vw; */
  left: 0;
  position: absolute;
  top: 0.14vw;
  /* width: 1.39vw; */
  /* height: 30.26vw; */
  position: relative;
  width: 100%;
  margin-bottom: 50px;

}

.access .flex-col-2 {
  gap: 0.14vw;
  left: 2.01vw;
  min-height: 3.26vw;
  position: absolute;
  top: 3.33vw;
  width: 74.72vw;
}

.access .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 24.51vw;
  height: 2.78vw;
  margin-right: 0.28vw;
  min-width: 51.94vw;
}

.access .shin-tomei-expresswa {
  letter-spacing: 0;
  line-height: normal;
  min-height: 2.78vw;
  width: 17.01vw;
}

.access .about-2-hour {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 0.69vw;
  min-height: 1.39vw;
  width: 10.42vw;
}

.access .frame-container-1 {
  align-items: center;
  display: flex;
  height: 2.78vw;
  left: -6.6vw;
  min-width: 91.32vw;
  position: absolute;
  top: 6.6vw;
}

.access .frame {
  align-items: center;
  background-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  padding: 1.18vw 1.74vw;
  position: relative;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .place-16 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-107-1 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  margin-left: 21.67vw;
  margin-top: 0;
  padding: 1.18vw 1.74vw;
  position: relative;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .nagaizumi-numazu-ic {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-left: -1.22vw;
  margin-right: -1.22vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .frame-106-4 {
  margin-left: 21.74vw;
  position: relative;
}

.access .place-17 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .place-18 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .nagoya-2 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
}

.access .place-19 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .about-2-hour-1 {
  left: 60.28vw;
  position: absolute;
  top: 7.22vw;
  width: 9.72vw;
}

.access .shin-tomei-expressway-about-3-hour {
  left: 32.08vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.14vw;
  width: 15.21vw;
}

.access .shin-meishin-express {
  left: 5.28vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.14vw;
  width: 18.4vw;
}

.access .place-20 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .nagoya-3 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
}

.access .about-2-hour-2 {
  left: 53.82vw;
  position: absolute;
  top: 6.53vw;
  width: 10.69vw;
}

.access .shin-tomei-expressway-about-3-hour-1 {
  left: 14.51vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.49vw;
  width: 14.37vw;
}

.access .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.49vw;
  left: 2.01vw;
  min-height: 3.96vw;
  position: absolute;
  top: 2.64vw;
  width: 74.72vw;
}

.access .flex-row {
  align-items: flex-end;
  display: flex;
  height: 3.12vw;
  margin-right: 3.19vw;
  min-width: 65.69vw;
}

.access .shuto-expressway-wan {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: normal;
  min-height: 2.78vw;
  width: 18.06vw;
}

.access .shin-tomei-expresswa-1 {
  margin-left: 7.43vw;
  width: 18.89vw;
}

.access .about-2-hour-3 {
  margin-left: 10.9vw;
  min-height: 1.39vw;
  width: 10.42vw;
}

.access .frame-container {
  align-items: center;
  display: flex;
  gap: 9.17vw;
  height: 2.78vw;
  left: -6.6vw;
  min-width: 91.39vw;
  position: absolute;
  top: 6.6vw;
}

.access .frame-10-3 {
  margin-bottom: 0;
  position: relative;
}

.access .ooi-jct {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .place-21 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .shin-tomei-expresswa-2 {
  margin-left: 5.97vw;
  width: 20.83vw;
}

.access .about-2-hour-4 {
  margin-left: 10.42vw;
  min-height: 1.39vw;
  width: 10.42vw;
}

.access .ooi-jct-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .place-22 {
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

/* .access .frame-103-1 {
  background-color: var(--white);
  gap: 2.78vw;
  padding: 6.94vw 0.0vw 0.0vw;
} */

.access .a7-i8177-1 {
  height: 34.51vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 11.53vw;
  width: 100.0vw;
}

.access .bytrain_title-3 {
  align-items: flex-start;
  height: 7.22vw;
  justify-content: center;
}

.access .bike-rental {
  align-self: stretch;
  color: #4c4b4b;
  flex: 1;
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-xl);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
  text-align: center;
}

.access .frame-103-2 {
  gap: 3.47vw;
}

.access .looking-for-a-fun-an {
  color: var(--black);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
  max-width: 1230px;
  margin: 0 auto;
  padding: 30px 20px;
  line-height: 1.7;
}

.access .frame-96-1 {
  align-items: flex-start;
  background-color: #e8f8ff;
  display: flex;
  flex-direction: column;
  gap: 1.39vw;
  padding: 2.78vw 3.47vw;
  position: relative;
  max-width: 1230px;
  width: 100%;
  border-radius: 15px;
  padding: 25px;
}

.access .text-7 {
  color: var(--black);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-l);
  font-weight: 700;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .frame-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.69vw;
  margin-right: -1.53vw;
  position: relative;
  width: 100%;
}

.access .text-8 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .roadside-station-ka {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 100%;
}

.access .line-1 {
      height: 0.07vw;
    margin-bottom: -0.03vw;
    object-fit: cover;
    position: relative;
    width: 100%;
    height: 1px;
    /* margin: 7px 0; */
    margin: 7px 0 2px 0;
}

.access .url {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .httpstestcom {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 100%;
}

.access .text-9 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .x2025-03-19-223122-1 {
  align-self: stretch;
  height: 17.71vw;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.access .frame-96-2 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.04vw;
  position: relative;
  width: 100%;
}

.access .x123-4567-1-2-3-456-5-f {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.07vw;
  position: relative;
  width: 100%;
}

.access .frame-89 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.5vw;
  justify-content: center;
  padding: 0.5vw 0.5vw;
  position: relative;
  width: 150px;
}

.access .google-map {
  color: var(--black);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: var(--font-size-xxs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.28vw;
  margin-left: -0.59vw;
  margin-top: -0.56vw;
  position: relative;
  width: fit-content;
}

.access .text-10 {
  margin-bottom: -0.28vw;
  margin-right: -0.59vw;
  margin-top: -0.56vw;
  position: relative;
  width: fit-content;
}

.access .text-11 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .from-izukyu-shimoda {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.access .text-12 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .address {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 100%;
}

.access .text-13 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .x800ampm-please-retu {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 100%;
}

.access .text-14 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .phone {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 100%;
}

.access .text-15 {
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.access .testtestcom {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 100%;
}

.access .frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 3.47vw;
  height: 4.17vw;
  position: relative;
  width: 100%;
}

.access .frame-25 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 4.17vw;
  justify-content: center;
  padding: 1.18vw 1.74vw;
  position: relative;
  width: 17.36vw;
}

.access .place-23 {
  margin-top: -0.1vw;
  position: relative;
  width: fit-content;
}

.access .overlap-group-3 {
  align-items: flex-end;
  background-image: url(../img/common/group-99.png);
  background-size: 100% 100%;
  display: flex;
  height: 39.03vw;
  min-width: 100.0vw;
  padding: 2.92vw 0;
}

.access .shimoda-tourist-asso {
  align-self: stretch;
  color: var(--white);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 10.35vw;
  line-height: 3.4vw;
  margin-top: -0.07vw;
}

.access .frame-4 {
  height: 2.36vw;
  left: 0.97vw;
  position: absolute;
  top: 0.97vw;
  width: 2.36vw;
}

.access .about-2-hour-5 {
  letter-spacing: 0;
  line-height: normal;
}

.access .by {
  color: var(--picton-blue);
  /* font-family: var(--font-family-gothic_a1); */
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
  margin-left: 20px;
  margin-bottom: -20px;
  margin-top: 50px;
}

.access .bytrain_title-4 {
  display: flex;
    /* flex-wrap: wrap; */
    /* justify-content: flex-start; */
    /* align-items: center; */
    width: 100%;
    /* margin: 0 auto; */
    /* max-width: 1200px; */
    padding-left: 10px;
}

.access .flex-col-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.access .frame-10-4 {
  align-items: center;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  height: 2.78vw;
  justify-content: center;
  padding: 1.18vw 1.74vw;
  transform: rotate(90.00deg);
  width: 15.97vw;
}

.access .frame-103-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.access .frame-106-5 {
  align-items: center;
  background-color: var(--picton-blue);
  border-radius: 3.47vw;
  display: flex;
  gap: 1.39vw;
  justify-content: center;
  padding: 1vw 1vw;
  transform: rotate(90.00deg);
  width: 180px;
  min-height: 40px;
}

.access .frame-29-3 {
  align-items: center;
  background-color: var(--picton-blue);
  border-radius: 50px;
  display: flex;
  gap: 1.39vw;
  justify-content: center;
  padding: 1vw 1vw;
  width: 180px;
  min-height: 40px;
  max-height: 40px;
}

.access .haneda-airport-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .ito-line-and-izu-kyu-3 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5.14vw;
}

.access .line-10-3 {
  height: 0.35vw;
  width: 74.72vw;
}

.access .nagoya-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.access .narita-airport-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.52vw;
  margin-top: -0.8vw;
  position: relative;
  width: fit-content;
}

.access .place-24 {
  letter-spacing: 0;
  line-height: normal;
}

.access .shin-tomei-expresswa-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 2.78vw;
}

.access .text-3 {
  letter-spacing: 0;
  line-height: normal;
}

.access .menu {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
  position: relative;
  width: 100%;
}
.access .top-news {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 0;
  position: relative;
}
.access .bike-background {
  color: var(--black);
  /* font-family: var(--font-family-noto_serif); */
  font-size: var(--font-size-m);
  font-weight: 400;
  /* letter-spacing: 0; */
  /* line-height: normal; */
  margin-top: 30px;
  /* position: relative; */
  width: 100vw;
  aspect-ratio: 4 / 1;
  background: url(../img/common/-a7i8177-1.png)  no-repeat center / cover;
      background-color: rgba(0, 0, 0, 0.6);
  
}
.access.bike-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/-a7i8177-1.png) ;
  background-size: cover;
  background-position: center;
  z-index: -1;
  
}

.bike-title {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 40px;
  display: flex;
}

.bike-title img {
  width: 46px;
  margin-right: 15px;
}


.bike-description {
  padding: 20px;
  align-self: stretch;
  flex-grow: 1;
  height: 100%;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  display: block;
  font-size: 1.7rem;
  line-height: 1.8;
}

.access .access_all {
  width: 100%;
  max-width: 1230px;
}
.access .access_all img {
  height: auto; /* 画像の高さを自動で調整する */
  padding: 0 30px;
  margin: 30px 0;
  width: 100%;
}

.frame-96-1 .gothica1-bold-black-14px {
  font-size: 22px;
}

/* レンタルバイクスライド */
.bike-slide-container {
  position: relative;
  /* margin-top: 40px; */
  height: 500px;
}




.bike-slide-container .slide-bike-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  font-size: 70px;
  display: flex;
  color: #ffffff;
}

.bike-slide-container .slide-bike-title img {
    width: 78px;
    margin-right: 21px;
    margin-top: 5px;
}

.bike-slide {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 250px;
  overflow: hidden;
}

.bike-slide img {
  height: 250px;
  width: auto;
  flex-shrink: 0;
  transition: none;
}






 .route-map {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }

    .combined-route {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      width: 90%;
    /* max-width: 900px; */
      margin-right: auto;
      margin-left: auto;
    }

    .station-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      position: relative;
    }

    .station {
      background-color: #3cf;
      color: #fff;
      font-weight: bold;
      text-align: center;
      writing-mode: vertical-rl;
      border-radius: 30px;
      width: 40px;
      height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      font-size: 20px;
    }

    .route-line {
      position: absolute;
      left: 50px;
      right: 50px;
      height: 55%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      z-index: 1;
    }

    .car .route-line {
      height: initial;
    }

    .line-container {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .line {
      border-top: 4px dotted #999;
      width: 100%;
      height: 1px;
    }

    .ic {
      position: absolute;
      background: #fff;
      border: 2px solid #3cf;
      color: #3cf;
      font-weight: bold;
      text-align: center;
      border-radius: 50px;
      padding: 10px 12px;
      font-size: 20px;
      writing-mode: vertical-rl;
      height: 120px;
    }

    .car .ic {
      height: 180px;
    }
    

    .label-row {
      display: flex;
      justify-content: space-between;
      color: #888;
      font-size: 16px;
      width: 70%;
      margin-bottom: -30px;
    }

    .car .label-row {
      margin-bottom: -75px;
    }

    .label-row > div {
      width: 33.3%;
      text-align: left;
      line-height: 1.4;
    }

    .center-label {
      color: #888;
      font-size: 16px;
      margin-top: -26px;
      text-align: center;
    }

      .vertical-routes {
        display: none;

      }

      /* #bike {

  scroll-margin-top: 80px;
}
*/

.access.screen {
  padding-bottom: 150px;
  margin-bottom: -150px;
} 

/* 2) 常にスクロールバーを表示してガター幅を固定 */
html {
  overflow-y: scroll;
}

/* ロード中スクロールをロック */
html.lock-scroll,
body.lock-scroll {
  overflow: hidden !important;
}

/* load 後にだけ smooth を有効化 */
html.smooth-scroll {
  scroll-behavior: smooth;
}


#bike {
  scroll-margin-top: 80px;
}

@media (max-width: 768px) {
  #bike {
    scroll-margin-top: 60px;
  }
}

/* レスポンシブ対応 */
@media (max-width: 1024px) {
 /* #bike {
  scroll-margin-top: 65px;
} */

}

@media(min-width:769px){
  .pc {
    visibility:visible;
  }

  .sp {
    visibility:hidden !important;
  }
}

@media(max-width:768px){
  .access .frame-96-1 {
    width: 90%;
    padding: 15px;
  }


  .pc {
    visibility:hidden !important;
  }

  .sp {
    visibility:visible;
  }

  .bike-slide {
  height: 100px;
}

.bike-slide img {
  height: 100px;
}

.bike-slide-container {
    height: 200px;
}

.bike-slide-container .slide-bike-title img {
    width: 45px;
    margin-right: 10px;
    margin-top: -3px;
}

.bike-slide-container .slide-bike-title {
  font-size: 35px;
}

      .combined-route {
        display: none;
      }

      .station {
        writing-mode: horizontal-tb;
        width: 100%;
        height: auto;
        padding: 10px 20px;
        font-size: 16px;
        margin: 0 auto;
      }

      .ic {
        writing-mode: horizontal-tb;
        width: auto;
        height: auto;
        padding: 8px 12px;
        font-size: 14px;
        margin: 5px 0;
      }

      .vertical-routes {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
      }

      .routes-parallel {
        display: flex;
        gap: 40px;
        justify-content: center;
        width: 100%;
      }

      .route-column {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

    .v-line {
      width: 4px;
      height: 40px;
      background: repeating-linear-gradient(
        to bottom,
        #999,
        #999 4px,
        transparent 4px,
        transparent 8px
      );
    }

    .v-label {
      font-size: 12px;
      color: #555;
      text-align: center;
      margin: 4px 0;
      max-width: 100px;
    }
      .v-line.short {
        height: 20px;
      }


        .ic {
        position: static; /* ← 追加 */
        writing-mode: horizontal-tb;
        width: auto;
        height: auto;
        padding: 8px 12px;
        font-size: 14px;
        margin: 5px 0;
      }

}
@media (max-width: 480px) {

}