@charset "UTF-8";
body {
  font-family: "Roboto", sans-serif;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  position: relative;
  color: #333333;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

.sp {
  display: block;
}
@media screen and (min-width: 1025px) {
  .sp {
    display: none;
  }
}

.sp_only {
  display: block;
}
@media screen and (min-width: 1024px) {
  .sp_only {
    display: none;
  }
}

.tab-l {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tab-l {
    display: block;
  }
}

.pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .pc {
    display: block;
  }
}

section {
  width: 100%;
}

.section_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: min(10.6666666667vw, 4rem);
  padding-inline: 5.3333333333%;
  padding-bottom: min(29.3333333333vw, 11rem);
}
@media screen and (min-width: 1025px) {
  .section_inner {
    padding-top: 7rem;
    padding-inline: 10.4166666667%;
    align-items: flex-start;
  }
}

.section_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 5rem;
}
.section_head > h3 {
  font-size: min(9.3333333333vw, 3.5rem);
  color: #089942;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1025px) {
  .section_head > h3 {
    font-size: min(2.34375vw, 4.5rem);
  }
}
.section_head .title_small {
  font-size: min(4.8vw, 1.8rem);
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .section_head .title_small {
    font-size: min(1.0416666667vw, 2rem);
  }
}

.section_text {
  font-size: min(3.7333333333vw, 1.4rem);
  line-height: 2;
}
@media screen and (min-width: 1025px) {
  .section_text {
    font-size: 1.5rem;
  }
}

.maemaas_logo {
  width: 40vw;
  max-width: 15rem;
}
@media screen and (min-width: 1025px) {
  .maemaas_logo {
    width: 37.3333333333vw;
    max-width: 14rem;
  }
}

.bg {
  width: 100%;
  background-image: url("../img/common/back_sp.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 173.3333333333vw;
}
@media screen and (min-width: 768px) {
  .bg {
    background-position: center top 123.6979166667vw;
  }
}
@media screen and (min-width: 1024px) {
  .bg {
    background-position: center top 48.828125vw;
  }
}
@media screen and (min-width: 1025px) {
  .bg {
    background-image: url("../img/common/back_pc.svg");
    background-position: center top 8.8541666667vw;
  }
}

.scroll_slide {
  width: 100%;
  margin: 0 auto 6rem 0;
  padding: 0 5.3333333333vw;
}
.scroll_slide .scroll_inner {
  width: 213.3333333333vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 2rem auto;
  overflow: hidden;
  padding-right: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .scroll_slide .scroll_inner {
    width: 195.3125vw;
  }
}
@media screen and (min-width: 1025px) {
  .scroll_slide .scroll_inner {
    width: 100%;
    padding-right: 0;
    overflow: initial;
  }
}
.scroll_slide .scroll_inner .swipe_slide_img {
  width: 100%;
  grid-row: 1/2;
}
.scroll_slide .scroll_inner .slide_text_wrap {
  width: 100%;
  grid-row: 3/4;
  display: grid;
  grid-template-columns: 9% 21.5% 9% 21.5% 9% 21.5%;
  grid-template-rows: 1fr;
}
@media screen and (min-width: 1025px) {
  .scroll_slide .scroll_inner .slide_text_wrap {
    width: 100%;
  }
}
.scroll_slide .scroll_inner .slide_text_wrap .text {
  width: 100%;
  font-size: 1.3rem;
  color: #707070;
  line-height: 1.7;
}
.scroll_slide .scroll_inner .slide_text_wrap .text1 {
  grid-column: 2/3;
}
.scroll_slide .scroll_inner .slide_text_wrap .text2 {
  grid-column: 4/5;
}
.scroll_slide .scroll_inner .slide_text_wrap .text3 {
  grid-column: 6/7;
}
.scroll_slide .simplebar-scrollbar::before {
  background-color: transparent;
}
.scroll_slide .simplebar-track {
  background-color: transparent;
}
@media screen and (min-width: 1025px) {
  .scroll_slide .simplebar-content-wrapper .simplebar-content {
    padding: 0 !important;
  }
}
.scroll_slide .simplebar-content-wrapper::-webkit-scrollbar {
  display: none;
  appearance: none;
}
@media screen and (min-width: 1025px) {
  .scroll_slide .simplebar-placeholder {
    display: none;
  }
}

.loader {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.loaded {
  display: none;
}

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

.square_wrap {
  display: flex;
  width: auto;
  display: grid;
  grid-template-columns: 1fr 6.1333333333vw 1fr 6.1333333333vw 1fr 6.1333333333vw 1fr;
  grid-template-rows: repeat(3, 2.6666666667vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .square_wrap {
    grid-template-columns: 1fr 2.9947916667vw 1fr 2.9947916667vw 1fr 2.9947916667vw 1fr;
    grid-template-rows: repeat(3, 2.6666666667vw);
  }
}
@media screen and (min-width: 1025px) {
  .square_wrap {
    grid-template-columns: 1fr 2.0833333333vw 1fr 2.0833333333vw 1fr 2.0833333333vw 1fr;
    grid-template-rows: repeat(3, 1.0416666667vw);
  }
}
.square_wrap .square {
  width: 4.8vw;
  height: 4.8vw;
  border-radius: 5px;
  display: block;
}
@media screen and (min-width: 768px) {
  .square_wrap .square {
    width: 3.2552083333vw;
    height: 3.2552083333vw;
  }
}
@media screen and (min-width: 1025px) {
  .square_wrap .square {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
.square_wrap .square1 {
  background-color: #84CCA0;
  grid-row: 1/2;
  grid-column: 1/2;
  opacity: 0;
  animation: sq1 3s cubic-bezier(0.43, 0.41, 0.5, 0.48);
}
@keyframes sq1 {
  0% {
    background-color: #84CCA0;
    transform: translateY(0px);
    opacity: 1;
  }
  12% {
    background-color: #F3C280;
    transform: translateY(10px);
  }
  24% {
    background-color: #CDC58B;
    transform: translateY(20px);
  }
  36% {
    background-color: #AEC894;
    transform: translateY(10px);
  }
  48% {
    background-color: #84CCA0;
    transform: translateY(0px);
  }
  60% {
    background-color: #F3C280;
    transform: translateY(10px);
  }
  72% {
    background-color: #CDC58B;
    transform: translateY(20px);
  }
  84% {
    background-color: #AEC894;
    transform: translateY(10px);
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  @keyframes sq1 {
    0% {
      background-color: #84CCA0;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #F3C280;
      transform: translateY(15px);
    }
    24% {
      background-color: #CDC58B;
      transform: translateY(30px);
    }
    36% {
      background-color: #AEC894;
      transform: translateY(15px);
    }
    48% {
      background-color: #84CCA0;
      transform: translateY(0px);
    }
    60% {
      background-color: #F3C280;
      transform: translateY(15px);
    }
    72% {
      background-color: #CDC58B;
      transform: translateY(30px);
    }
    84% {
      background-color: #AEC894;
      transform: translateY(15px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
@media screen and (min-width: 1025px) {
  @keyframes sq1 {
    0% {
      background-color: #84CCA0;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #F3C280;
      transform: translateY(20px);
    }
    24% {
      background-color: #CDC58B;
      transform: translateY(40px);
    }
    36% {
      background-color: #AEC894;
      transform: translateY(20px);
    }
    48% {
      background-color: #84CCA0;
      transform: translateY(0px);
    }
    60% {
      background-color: #F3C280;
      transform: translateY(20px);
    }
    72% {
      background-color: #CDC58B;
      transform: translateY(40px);
    }
    84% {
      background-color: #AEC894;
      transform: translateY(20px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
.square_wrap .square2 {
  background-color: #AEC894;
  grid-row: 2/3;
  grid-column: 3/4;
  opacity: 0;
  animation: sq2 3s cubic-bezier(0.43, 0.41, 0.5, 0.48);
}
@keyframes sq2 {
  0% {
    background-color: #AEC894;
    transform: translateY(0px);
    opacity: 1;
  }
  12% {
    background-color: #84CCA0;
    transform: translateY(10px);
  }
  24% {
    background-color: #F3C280;
    transform: translateY(0px);
  }
  36% {
    background-color: #CDC58B;
    transform: translateY(-10px);
  }
  48% {
    background-color: #AEC894;
    transform: translateY(0px);
  }
  60% {
    background-color: #84CCA0;
    transform: translateY(10px);
  }
  72% {
    background-color: #F3C280;
    transform: translateY(0px);
  }
  84% {
    background-color: #CDC58B;
    transform: translateY(-10px);
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  @keyframes sq2 {
    0% {
      background-color: #AEC894;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #84CCA0;
      transform: translateY(15px);
    }
    24% {
      background-color: #F3C280;
      transform: translateY(0px);
    }
    36% {
      background-color: #CDC58B;
      transform: translateY(-15px);
    }
    48% {
      background-color: #AEC894;
      transform: translateY(0px);
    }
    60% {
      background-color: #84CCA0;
      transform: translateY(15px);
    }
    72% {
      background-color: #F3C280;
      transform: translateY(0px);
    }
    84% {
      background-color: #CDC58B;
      transform: translateY(-15px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
@media screen and (min-width: 1025px) {
  @keyframes sq2 {
    0% {
      background-color: #AEC894;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #84CCA0;
      transform: translateY(20px);
    }
    24% {
      background-color: #F3C280;
      transform: translateY(0px);
    }
    36% {
      background-color: #CDC58B;
      transform: translateY(-20px);
    }
    48% {
      background-color: #AEC894;
      transform: translateY(0px);
    }
    60% {
      background-color: #84CCA0;
      transform: translateY(20px);
    }
    72% {
      background-color: #F3C280;
      transform: translateY(0px);
    }
    84% {
      background-color: #CDC58B;
      transform: translateY(-20px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
.square_wrap .square3 {
  background-color: #CDC58B;
  grid-row: 3/4;
  grid-column: 5/6;
  opacity: 0;
  animation: sq3 3s cubic-bezier(0.43, 0.41, 0.5, 0.48);
}
@keyframes sq3 {
  0% {
    background-color: #CDC58B;
    transform: translateY(0px);
    opacity: 1;
  }
  12% {
    background-color: #AEC894;
    transform: translateY(-10px);
  }
  24% {
    background-color: #84CCA0;
    transform: translateY(-20px);
  }
  36% {
    background-color: #F3C280;
    transform: translateY(-10px);
  }
  48% {
    background-color: #CDC58B;
    transform: translateY(0px);
  }
  60% {
    background-color: #AEC894;
    transform: translateY(-10px);
  }
  72% {
    background-color: #84CCA0;
    transform: translateY(-20px);
  }
  84% {
    background-color: #F3C280;
    transform: translateY(-10px);
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  @keyframes sq3 {
    0% {
      background-color: #CDC58B;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #AEC894;
      transform: translateY(-15px);
    }
    24% {
      background-color: #84CCA0;
      transform: translateY(-30px);
    }
    36% {
      background-color: #F3C280;
      transform: translateY(-15px);
    }
    48% {
      background-color: #CDC58B;
      transform: translateY(0px);
    }
    60% {
      background-color: #AEC894;
      transform: translateY(-15px);
    }
    72% {
      background-color: #84CCA0;
      transform: translateY(-30px);
    }
    84% {
      background-color: #F3C280;
      transform: translateY(-15px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
@media screen and (min-width: 1025px) {
  @keyframes sq3 {
    0% {
      background-color: #CDC58B;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #AEC894;
      transform: translateY(-20px);
    }
    24% {
      background-color: #84CCA0;
      transform: translateY(-40px);
    }
    36% {
      background-color: #F3C280;
      transform: translateY(-20px);
    }
    48% {
      background-color: #CDC58B;
      transform: translateY(0px);
    }
    60% {
      background-color: #AEC894;
      transform: translateY(-20px);
    }
    72% {
      background-color: #84CCA0;
      transform: translateY(-40px);
    }
    84% {
      background-color: #F3C280;
      transform: translateY(-20px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
.square_wrap .square4 {
  background-color: #F3C280;
  grid-row: 2/3;
  grid-column: 7/8;
  opacity: 0;
  animation: sq4 3s cubic-bezier(0.43, 0.41, 0.5, 0.48);
}
@keyframes sq4 {
  0% {
    background-color: #F3C280;
    transform: translateY(0px);
    opacity: 1;
  }
  12% {
    background-color: #CDC58B;
    transform: translateY(-10px);
  }
  24% {
    background-color: #AEC894;
    transform: translateY(0px);
  }
  36% {
    background-color: #84CCA0;
    transform: translateY(10px);
  }
  48% {
    background-color: #F3C280;
    transform: translateY(0px);
  }
  60% {
    background-color: #CDC58B;
    transform: translateY(-10px);
  }
  72% {
    background-color: #AEC894;
    transform: translateY(0px);
  }
  84% {
    background-color: #84CCA0;
    transform: translateY(10px);
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  @keyframes sq4 {
    0% {
      background-color: #F3C280;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #CDC58B;
      transform: translateY(-15px);
    }
    24% {
      background-color: #AEC894;
      transform: translateY(0px);
    }
    36% {
      background-color: #84CCA0;
      transform: translateY(15px);
    }
    48% {
      background-color: #F3C280;
      transform: translateY(0px);
    }
    60% {
      background-color: #CDC58B;
      transform: translateY(-15px);
    }
    72% {
      background-color: #AEC894;
      transform: translateY(0px);
    }
    84% {
      background-color: #84CCA0;
      transform: translateY(15px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}
@media screen and (min-width: 1025px) {
  @keyframes sq4 {
    0% {
      background-color: #F3C280;
      transform: translateY(0px);
      opacity: 1;
    }
    12% {
      background-color: #CDC58B;
      transform: translateY(-20px);
    }
    24% {
      background-color: #AEC894;
      transform: translateY(0px);
    }
    36% {
      background-color: #84CCA0;
      transform: translateY(20px);
    }
    48% {
      background-color: #F3C280;
      transform: translateY(0px);
    }
    60% {
      background-color: #CDC58B;
      transform: translateY(-20px);
    }
    72% {
      background-color: #AEC894;
      transform: translateY(0px);
    }
    84% {
      background-color: #84CCA0;
      transform: translateY(20px);
    }
    95% {
      opacity: 1;
    }
    96% {
      opacity: 0;
    }
  }
}

.logo {
  width: 40vw;
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: translate(-50%, -20%);
  opacity: 0;
  animation: logo_out 3s;
}
@keyframes logo_out {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .logo {
    width: 22.7864583333vw;
  }
}
@media screen and (min-width: 1025px) {
  .logo {
    width: 10.4166666667vw;
  }
}

.header {
  width: 100%;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  z-index: 110;
}
@media screen and (min-width: 768px) {
  .header {
    height: 7.8rem;
  }
}
@media screen and (min-width: 1025px) {
  .header {
    padding: 0 3.6458333333% 0 3.28125%;
    display: flex;
    align-items: center;
  }
}
.header .header_logo {
  width: 40vw;
}
@media (orientation: landscape) {
  .header .header_logo {
    width: 22%;
  }
}
@media screen and (min-width: 768px) {
  .header .header_logo {
    width: 19.53125vw;
  }
}
@media screen and (min-width: 1025px) {
  .header .header_logo {
    width: 10.4166666667vw;
  }
}
.header .nav_btn {
  width: 2rem;
  height: 6rem;
  position: absolute;
  top: 0;
  right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  z-index: 150;
}
@media screen and (min-width: 768px) {
  .header .nav_btn {
    width: 3.8rem;
    height: 7.8rem;
    right: 3.8rem;
  }
}
@media screen and (min-width: 1025px) {
  .header .nav_btn {
    display: none;
  }
}
.header .nav_btn .icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #089942;
  transition: 0.3s;
}
.header .nav_btn .icon-bar:nth-of-type(2), .header .nav_btn .icon-bar:nth-of-type(3) {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .header .nav_btn .icon-bar:nth-of-type(2), .header .nav_btn .icon-bar:nth-of-type(3) {
    margin-top: 10px;
  }
}
.header .nav_open .icon-bar:nth-of-type(1) {
  transform: translate3d(0, 6px, 0) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .header .nav_open .icon-bar:nth-of-type(1) {
    transform: translate3d(0, 11px, 0) rotate(45deg);
  }
}
.header .nav_open .icon-bar:nth-of-type(2) {
  opacity: 0;
}
.header .nav_open .icon-bar:nth-of-type(3) {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
@media screen and (min-width: 768px) {
  .header .nav_open .icon-bar:nth-of-type(3) {
    transform: translate3d(0, -15px, 0) rotate(-45deg);
  }
}
.header .header_nav_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .header .header_nav_pc {
    width: 88.9583333333%;
    height: fit-content;
    position: static;
    top: unset;
    right: unset;
    display: flex;
    align-items: center;
    background-color: unset;
  }
}
.header .header_nav_pc > ul {
  display: none;
}
@media screen and (min-width: 1025px) {
  .header .header_nav_pc > ul {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  .header .header_nav_pc > ul > li {
    width: fit-content;
    background-color: none;
    margin-right: 2%;
  }
}
.header .header_nav_pc > ul > li .nav_item_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .header .header_nav_pc > ul > li .nav_item_pc {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .header .header_nav_pc > ul > li .nav_item_pc > P {
    font-size: min(0.6770833333vw, 1.3rem);
    font-weight: bold;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
  }
}
.header .header_nav_sp {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 13.3333333333vw 5.3333333333vw 0;
  position: fixed;
  top: -210%;
  left: 0;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 130;
  backface-visibility: hidden;
}
@media screen and (min-width: 768px) {
  .header .header_nav_sp {
    height: 100%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .header .header_nav_sp {
    height: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .header .header_nav_sp {
    display: none;
  }
}
.header .header_nav_sp .menu {
  font-size: min(8vw, 3rem);
  font-weight: bold;
  color: #089942;
}
.header .header_nav_sp > ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 5vh;
}
@media screen and (min-width: 1025px) {
  .header .header_nav_sp > ul {
    display: none;
  }
}
.header .header_nav_sp > ul > li {
  width: fit-content;
  background-color: none;
  padding-top: min(9.6vw, 3.6rem);
}
.header .header_nav_sp > ul > li:nth-of-type(9) {
  padding-top: min(5.3333333333vw, 2rem);
}
.header .header_nav_sp > ul > li .nav_item_sp > P {
  font-size: min(4.8vw, 1.8rem);
  font-weight: bold;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 1025px) {
  .header .header_nav_sp > ul > li .nav_item_sp {
    display: none;
  }
}
.header .header_nav_sp > ul > li .nav_item_sp--policy > P {
  font-size: min(3.7333333333vw, 1.4rem);
  font-weight: bold;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
}
.header .header_nav_sp .nav_logo {
  width: 89.3333333333vw;
  align-self: center;
  padding: 3vh 0;
  margin-top: auto;
  margin-bottom: 0;
  border-top: 1px solid #dadada;
}
@media screen and (min-width: 1025px) {
  .header .header_nav_sp .nav_logo {
    display: none;
  }
}
.header .header_nav_sp .nav_logo .nav_logo_img {
  display: block;
  width: 42.6666666667vw;
  max-width: 16rem;
  margin: auto;
}
.header .menu_open {
  top: 0%;
  pointer-events: all;
  animation: show_menu 0.3s;
}
@keyframes show_menu {
  0% {
    pointer-events: none;
    transform: translateY(-210%);
  }
  1% {
    pointer-events: all;
  }
  100% {
    pointer-events: all;
    transform: translateY(0%);
  }
}
@media (orientation: landscape) {
  .header .menu_open {
    padding: 10% 4% 0%;
    overflow-y: auto;
  }
}

.header_off {
  top: -210%;
}

.mv {
  width: 100%;
  margin-top: 6rem;
}
@media screen and (min-width: 768px) {
  .mv {
    margin-top: 7.7rem;
  }
}
.mv .mv_img_wrap {
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mv .mv_img {
  width: 100%;
  height: auto;
}
.mv .mv_logo {
  width: 81.3333333333vw;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .mv .mv_logo {
    width: 39.7135416667vw;
  }
}
@media screen and (min-width: 1025px) {
  .mv .mv_logo {
    width: 36.4583333333vw;
  }
}
@media screen and (min-width: 1025px) {
  .mv .section_inner {
    padding-top: 0;
  }
}
.mv .section_head {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .mv .section_head {
    align-items: center;
  }
}
.mv .section_head .link_btn_sp {
  display: block;
  width: 89.3333333333vw;
  max-width: 33.5rem;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  bottom: 2rem;
  transform: translate(-50%, 0);
  z-index: 105;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .mv .section_head .link_btn_sp {
    bottom: 35%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  .mv .section_head .link_btn_sp {
    bottom: 64%;
  }
}
@media screen and (min-width: 1025px) {
  .mv .section_head .link_btn_sp {
    display: none;
  }
}
.mv .section_head .link_btn_off {
  bottom: -20rem;
}
.mv .section_head .link_btn_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .mv .section_head .link_btn_pc {
    display: block;
    width: 18.8541666667vw;
  }
  .mv .section_head .link_btn_pc:hover {
    margin-top: -1em;
    margin-bottom: 1em;
    filter: drop-shadow(0 7px 0 #e4e4e4);
  }
}
.mv .section_head > h3 {
  line-height: 2;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  .mv .section_head > h3 {
    margin: min(7.8125vw, 15rem) 0 min(2.6041666667vw, 5rem);
  }
}
.mv .section_head .mv_text {
  font-size: min(4.2666666667vw, 1.6rem);
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .mv .section_head .mv_text {
    font-size: min(2.0833333333vw, 1.6rem);
  }
}
@media screen and (min-width: 1025px) {
  .mv .section_head .mv_text {
    font-size: min(1.0416666667vw, 2rem);
  }
}

.on_demand {
  width: 100%;
  padding: 10rem 0 0;
}
@media screen and (min-width: 1025px) {
  .on_demand {
    display: grid;
    grid-template-columns: 31.3157894737% 2.6315789474% auto;
    grid-template-rows: auto 6rem auto;
    padding: min(5.2083333333vw, 10rem) 10.4166666667% 0;
  }
}
.on_demand .maemaas_logo {
  margin: 2rem auto 5rem 0;
}
@media screen and (min-width: 1025px) {
  .on_demand .maemaas_logo {
    padding: 0;
  }
}
.on_demand .ondemand_text {
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .on_demand .ondemand_text {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0;
    margin-top: min(3.6458333333vw, 7rem);
  }
}
@media screen and (min-width: 1025px) {
  .on_demand .scroll_slide {
    grid-column: 3/4;
    grid-row: 1/2;
    margin: 0;
  }
}

.bus_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .bus_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 1.0526315789vw;
    row-gap: 1.9736842105vw;
    justify-content: space-around;
    margin-bottom: 3rem;
    grid-column: 1/4;
    grid-row: 3/4;
    padding: 0;
  }
}
.bus_list .list_item {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 1.3rem;
  filter: drop-shadow(0 7px 0 #e4e4e4);
}
.bus_list .list_item:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .bus_list .list_item {
    filter: none;
    margin-bottom: 0;
  }
  .bus_list .list_item:hover {
    margin-top: -1em;
    filter: drop-shadow(0 7px 0 #e4e4e4);
  }
}
.bus_list .list_item .label_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0%, -50%);
}
.bus_list .list_item .label_text > p {
  font-size: min(5.3333333333vw, 2rem);
  font-weight: bold;
  color: #089942;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .bus_list .list_item .label_text > p {
    font-size: min(2.6041666667vw, 2rem);
  }
}
@media screen and (min-width: 1025px) {
  .bus_list .list_item .label_text > p {
    font-size: min(1.0416666667vw, 2rem);
  }
}
.bus_list .list_item .label_text > span {
  font-size: min(3.46666vw, 1.3rem);
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .bus_list .list_item .label_text > span {
    font-size: min(1.953125vw, 1.5rem);
  }
}
@media screen and (min-width: 1025px) {
  .bus_list .list_item .label_text > span {
    font-size: min(0.7552083333vw, 1.45rem);
  }
}

.kids_demand {
  width: 100%;
  padding: 10rem 0 0;
}
@media screen and (min-width: 1025px) {
  .kids_demand {
    display: grid;
    grid-template-columns: auto 6.6447368421% 31.3157894737%;
    grid-template-rows: auto 18.8815789474vw;
    padding: 17rem 10.4166666667% 0;
  }
}
.kids_demand .section_head {
  margin-bottom: min(10.6666666667vw, 4rem);
}
.kids_demand .title_small_label {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(4vw, 1.5rem);
  background-color: #FF0000;
  color: #FFFFFF;
  padding: min(1.3333333333vw, 0.5rem) min(1.8666666667vw, 0.7rem);
  border-radius: min(1.3333333333vw, 0.5rem);
  margin-top: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .kids_demand .title_small_label {
    font-size: min(0.7291666667vw, 1.4rem);
    margin-top: 2rem;
  }
}
.kids_demand .kids_demand_text {
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .kids_demand .kids_demand_text {
    grid-column: 3/4;
    grid-row: 1/2;
    padding: 0;
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .kids_demand .kids_demand_text .section_head {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .kids_demand .kids_demand_text .section_text {
    padding-right: min(0.5208333333vw, 1rem);
  }
}
.kids_demand .scroll_slide {
  margin-top: 6rem;
}
@media screen and (min-width: 1025px) {
  .kids_demand .scroll_slide {
    grid-column: 1/2;
    grid-row: 1/3;
    margin: 0;
  }
}
.kids_demand .scroll_slide .scroll_inner .slide_text_wrap {
  width: 100%;
  grid-row: 3/4;
  display: grid;
  grid-template-columns: 9% 21.5% 9% 21.5% 12.5% 25.5%;
  grid-template-rows: 1fr;
}
@media screen and (min-width: 1025px) {
  .kids_demand .scroll_slide .scroll_inner .slide_text_wrap {
    width: 100%;
  }
}
.kids_demand .scroll_slide .scroll_inner .slide_text_wrap .text {
  width: 100%;
  font-size: 1.3rem;
  color: #707070;
  line-height: 1.7;
}
.kids_demand .scroll_slide .scroll_inner .slide_text_wrap .text1 {
  grid-column: 2/3;
}
.kids_demand .scroll_slide .scroll_inner .slide_text_wrap .text2 {
  grid-column: 4/5;
}
.kids_demand .scroll_slide .scroll_inner .slide_text_wrap .text3 {
  grid-column: 6/7;
}

.kids_demand_ticket_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .kids_demand_ticket_list {
    grid-column: 3/4;
    grid-row: 2/3;
    padding: 0;
    margin-top: 4rem;
  }
}
.kids_demand_ticket_list .list_item {
  display: block;
  width: 100%;
  height: 23.2vw;
  position: relative;
  margin-bottom: 2rem;
  background-color: #FFFFFF;
  filter: drop-shadow(0 7px 0 #e4e4e4);
  border: 2px solid #089942;
  border-radius: 4vw;
}
.kids_demand_ticket_list .list_item:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .kids_demand_ticket_list .list_item {
    width: 100%;
    height: 23.1770833333vw;
    border-radius: 2.6041666667vw;
    border: 3px solid #089942;
  }
}
@media screen and (min-width: 1025px) {
  .kids_demand_ticket_list .list_item {
    width: min(19.1666666667vw, 36.8rem);
    height: min(5.5729166667vw, 10.7rem);
    border-radius: 1.0416666667vw;
    display: flex;
    align-items: center;
    border: none;
    outline: 2px solid #089942;
    outline-offset: -1px;
    filter: none;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: min(1.5625vw, 3rem);
  }
  .kids_demand_ticket_list .list_item:last-of-type {
    margin-bottom: 0;
  }
  .kids_demand_ticket_list .list_item:hover {
    margin-top: -1em;
    filter: drop-shadow(0 7px 0 #e4e4e4);
    margin-bottom: calc(min(1.5625vw, 3rem) + 1em);
  }
  .kids_demand_ticket_list .list_item:hover .bus_svg_pc #bus #group_1132 {
    opacity: 0.7;
  }
  .kids_demand_ticket_list .list_item:hover .train_svg_pc {
    display: block;
  }
  .kids_demand_ticket_list .list_item:hover .train_svg_pc #train #group_1134 {
    opacity: 0.7;
  }
}
.kids_demand_ticket_list .label_text {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0%, -50%);
}
.kids_demand_ticket_list .label_text > p {
  font-size: min(4vw, 1.5rem);
  font-weight: bold;
  color: #089942;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .kids_demand_ticket_list .label_text > p {
    font-size: min(1.953125vw, 1.5rem);
  }
}
@media screen and (min-width: 1025px) {
  .kids_demand_ticket_list .label_text > p {
    font-size: min(0.7291666667vw, 1.4rem);
  }
}
.kids_demand_ticket_list .label_text > p > span {
  font-size: min(4vw, 1.5rem);
}
@media screen and (min-width: 768px) {
  .kids_demand_ticket_list .label_text > p > span {
    font-size: min(1.953125vw, 1.5rem);
  }
}
@media screen and (min-width: 1025px) {
  .kids_demand_ticket_list .label_text > p > span {
    font-size: min(0.7552083333vw, 1.45rem);
  }
}
.kids_demand_ticket_list .bus_svg_sptab {
  width: min(20vw, 7.5rem);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
@media screen and (min-width: 768px) {
  .kids_demand_ticket_list .bus_svg_sptab {
    width: auto;
    height: 13rem;
  }
}
@media screen and (min-width: 1025px) {
  .kids_demand_ticket_list .bus_svg_sptab {
    display: none;
  }
}
.kids_demand_ticket_list .bus_svg_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .kids_demand_ticket_list .bus_svg_pc {
    display: block;
    width: min(5.5729166667vw, 10.7rem);
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
  }
}

.taxi {
  width: 100%;
  padding: 10rem 0 0;
}
@media screen and (min-width: 1025px) {
  .taxi {
    display: grid;
    grid-template-columns: 31.3157894737% 2.6315789474% auto;
    grid-template-rows: auto;
    padding: min(10.4166666667vw, 20rem) 10.4166666667% 0;
  }
}
.taxi .maemaas_logo {
  margin: 2rem auto 5rem 0;
}
@media screen and (min-width: 1025px) {
  .taxi .maemaas_logo {
    padding: 0;
  }
}
.taxi .taxi_text {
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .taxi .taxi_text {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0;
    margin-top: 7rem;
  }
}
@media screen and (min-width: 1025px) {
  .taxi .scroll_slide {
    grid-column: 3/4;
    grid-row: 1/2;
    margin: 0;
  }
}

.ticket {
  width: 100%;
  padding: 10rem 0 0;
}
@media screen and (min-width: 1025px) {
  .ticket {
    padding: min(10.4166666667vw, 20rem) 10.4166666667% 0;
  }
}
.ticket .ticket_text {
  margin-bottom: 4rem;
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .ticket .ticket_text {
    padding: 0;
    margin-top: 7rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket .section_head {
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 4rem;
  }
}
.ticket .section_head > h3 {
  margin-right: 1.0416666667vw;
}
@media screen and (min-width: 1025px) {
  .ticket .section_text {
    max-width: 134rem;
  }
}
.ticket .scroll_slide {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .ticket .scroll_slide {
    margin: 0;
  }
}
.ticket .scroll_slide--ticket1 {
  margin-top: 5rem;
}
.ticket .scroll_slide--ticket1 .slide_text_wrap {
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 1025px) {
  .ticket .scroll_slide--ticket1 .slide_text_wrap {
    width: 62.5%;
  }
}
.ticket .scroll_slide--ticket2 {
  margin-top: 5.6rem;
}
.ticket .scroll_slide--ticket2 .slide_text_wrap {
  margin-right: auto;
  margin-left: 0;
}
@media screen and (min-width: 1025px) {
  .ticket .scroll_slide--ticket2 .slide_text_wrap {
    width: 62.5%;
    grid-template-columns: 7% 21.5% 10% 21.5% 10% 21.5%;
  }
}

.ticket_slide_head {
  font-size: min(4.8vw, 1.8rem);
  margin: 6rem 0 3rem;
  padding: 0 5.3333333333%;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .ticket_slide_head {
    display: none;
  }
}

.ticket_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .ticket_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    row-gap: 3rem;
    column-gap: 1.6447368421%;
    margin: 11rem 0 0;
    padding: 0;
  }
}
.ticket_list .list_item {
  display: block;
  width: 100%;
  height: 23.2vw;
  position: relative;
  margin-bottom: 1.3rem;
  background-color: #FFFFFF;
  filter: drop-shadow(0 7px 0 #e4e4e4);
  border: 2px solid #089942;
  border-radius: 1.5rem;
}
.ticket_list .list_item:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .ticket_list .list_item {
    width: 100%;
    height: 23.1770833333vw;
    border-radius: 2rem;
    border: 3px solid #089942;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_list .list_item {
    width: 19.1666666667vw;
    height: 5.5729166667vw;
    border-radius: min(1.0416666667vw, 2rem);
    border: none;
    display: flex;
    align-items: center;
    outline: 2px solid #089942;
    outline-offset: -1px;
    filter: none;
    margin-bottom: 0;
  }
  .ticket_list .list_item:hover {
    margin-top: -1em;
    filter: drop-shadow(0 7px 0 #e4e4e4);
  }
  .ticket_list .list_item:hover .bus_svg_pc #bus #group_1132 {
    opacity: 0.7;
  }
  .ticket_list .list_item:hover .train_svg_pc {
    display: block;
  }
  .ticket_list .list_item:hover .train_svg_pc #train #group_1134 {
    opacity: 0.7;
  }
  .ticket_list .list_item:hover .taxi_svg_pc {
    display: block;
  }
  .ticket_list .list_item:hover .taxi_svg_pc #taxi #group_27961 {
    opacity: 0.7;
  }
}
.ticket_list .list_item .campaign_label_ticket {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: min(3.2vw, 1.2rem);
  background-color: #089942;
  color: #FFFFFF;
  padding: min(1.3333333333vw, 0.5rem);
  border-radius: min(3.2vw, 1.2rem) 0 min(5.3333333333vw, 2rem) 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .ticket_list .list_item .campaign_label_ticket {
    height: 4rem;
    border-radius: 1.5rem 0 2rem 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_list .list_item .campaign_label_ticket {
    font-size: min(0.625vw, 1.2rem);
    height: auto;
    border-radius: min(0.8333333333vw, 1.6rem) 0 min(1.0416666667vw, 2rem) 0;
    padding: min(0.2604166667vw, 0.5rem);
  }
}
.ticket_list .list_item .campaign_label_ticket--ic {
  width: 43.7333333333vw;
  max-width: 16.4rem;
}
.ticket_list .list_item .campaign_label_ticket--ic_payment {
  width: 60.2666666667vw;
  max-width: 22.6rem;
}
.ticket_list .list_item .campaign_label_ticket--mobile {
  width: 27.2vw;
  max-width: 10.2rem;
}
.ticket_list .list_item .campaign_label_ticket--ecobike {
  width: 32.5333333333vw;
  max-width: 12.2rem;
}
.ticket_list .list_item .label_text {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0%, -50%);
}
.ticket_list .list_item .label_text > p {
  font-size: min(4vw, 1.5rem);
  font-weight: bold;
  color: #089942;
  line-height: 1.6;
  padding-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .ticket_list .list_item .label_text > p {
    font-size: min(1.953125vw, 1.5rem);
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_list .list_item .label_text > p {
    font-size: min(0.7291666667vw, 1.4rem);
    padding-top: 1.5rem;
  }
}
.ticket_list .list_item .label_text > p > span {
  font-size: min(4vw, 1.5rem);
}
@media screen and (min-width: 768px) {
  .ticket_list .list_item .label_text > p > span {
    font-size: min(1.953125vw, 1.5rem);
  }
}
@media screen and (min-width: 1025px) {
  .ticket_list .list_item .label_text > p > span {
    font-size: min(0.7552083333vw, 1.45rem);
  }
}
.ticket_list .list_item .bus_svg_sptab,
.ticket_list .list_item .train_svg_sptab,
.ticket_list .list_item .taxi_svg_sptab {
  width: min(20vw, 7.5rem);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
@media screen and (min-width: 768px) {
  .ticket_list .list_item .bus_svg_sptab,
  .ticket_list .list_item .train_svg_sptab,
  .ticket_list .list_item .taxi_svg_sptab {
    width: auto;
    height: 13rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_list .list_item .bus_svg_sptab,
  .ticket_list .list_item .train_svg_sptab,
  .ticket_list .list_item .taxi_svg_sptab {
    display: none;
  }
}
.ticket_list .list_item .bus_svg_pc,
.ticket_list .list_item .train_svg_pc,
.ticket_list .list_item .taxi_svg_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .ticket_list .list_item .bus_svg_pc,
  .ticket_list .list_item .train_svg_pc,
  .ticket_list .list_item .taxi_svg_pc {
    display: block;
    width: min(5.5729166667vw, 10.7rem);
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
  }
}

.route_search {
  width: 100%;
  padding: 10rem 0 6.7rem;
}
@media screen and (min-width: 1025px) {
  .route_search {
    display: grid;
    grid-template-columns: 31.3157894737% 2.6315789474% auto;
    grid-template-rows: auto;
    padding: min(10.4166666667vw, 20rem) 10.4166666667% 0;
  }
}
@media screen and (min-width: 1025px) {
  .route_search .section_head {
    margin-bottom: 4rem;
  }
}
.route_search .route_search_text {
  margin-bottom: 4rem;
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .route_search .route_search_text {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0;
    margin-top: 7rem;
  }
}
@media screen and (min-width: 1025px) {
  .route_search .scroll_slide {
    grid-column: 3/4;
    grid-row: 1/2;
    margin: 0;
  }
}

.special_benefits {
  background-color: #f7f7f7;
  padding: 6.4rem 0 2.4rem;
}
@media screen and (min-width: 1025px) {
  .special_benefits {
    padding: min(5.2083333333vw, 10rem) 0;
    margin-top: min(5.2083333333vw, 10rem);
  }
}
.special_benefits .section_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .special_benefits .section_inner {
    display: grid;
    grid-template-columns: 7.8125vw 4.6875vw 32.2916666667vw 2.0833333333vw 32.2916666667vw;
    grid-template-rows: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.benefit_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4.3rem;
}
@media screen and (min-width: 1025px) {
  .benefit_head {
    grid-column: 1/2;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.benefit_head .dashed {
  width: 100%;
  height: 2px;
  background-image: url("../img/benefits/line.svg");
}
.benefit_head .section_head {
  align-items: center;
  margin: 3rem 0;
}
@media screen and (min-width: 1025px) {
  .benefit_head .section_head {
    margin: 0;
    align-items: flex-start;
  }
}
.benefit_head .section_head > h3 {
  font-size: min(8vw, 3rem);
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .benefit_head .section_head > h3 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
  }
}
.benefit_head .section_head .title_small {
  font-size: min(4.8vw, 1.8rem);
}
@media screen and (min-width: 1025px) {
  .benefit_head .section_head .title_small {
    font-size: 1.8rem;
  }
}

.benefit {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
  padding: 3rem 5.3333333333vw;
  border-radius: 5.3333333333vw;
}
@media screen and (min-width: 1025px) {
  .benefit {
    flex-direction: row;
    justify-content: center;
    border-radius: 1.0416666667vw;
  }
}
.benefit--resident {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1025px) {
  .benefit--resident {
    grid-column: 3/4;
    margin-bottom: 0;
    padding: 3.7rem 2.0833333333vw 6rem 4.1666666667vw;
  }
}
.benefit--resident .benefit_img {
  width: 22.6666666667vw;
}
@media screen and (min-width: 1025px) {
  .benefit--resident .benefit_img {
    width: 5.7291666667vw;
    margin-right: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) {
  .benefit--age {
    grid-column: 5/6;
    padding: 3.7rem 1.5625vw 3.7rem 1.3020833333vw;
  }
}
.benefit--age .benefit_img {
  width: 25.3333333333vw;
}
@media screen and (min-width: 1025px) {
  .benefit--age .benefit_img {
    width: 6.7708333333vw;
    margin-right: 1.5625vw;
  }
}
.benefit--age .benefit_text {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 1025px) {
  .benefit--age .benefit_text {
    margin-top: 1rem;
  }
}
.benefit--age > span {
  display: block;
  font-size: min(2.9333333333vw, 1.1rem);
  line-height: 1.6;
}
@media screen and (min-width: 1025px) {
  .benefit--age > span {
    font-size: min(0.6770833333vw, 1.3rem);
  }
}

.benefit_text_wrap .benefit_name {
  font-size: min(4.2666666667vw, 1.6rem);
  color: #089942;
  font-weight: bold;
  margin: 2.4rem 0 1.5rem;
}
@media screen and (min-width: 1025px) {
  .benefit_text_wrap .benefit_name {
    font-size: min(1.0416666667vw, 2rem);
    margin: 0 0 1.5rem;
  }
}
.benefit_text_wrap .benefit_text {
  font-size: min(3.2vw, 1.2rem);
  line-height: 1.8;
}
@media screen and (min-width: 1025px) {
  .benefit_text_wrap .benefit_text {
    font-size: min(0.6770833333vw, 1.3rem);
    line-height: 1.7;
  }
}

@media screen and (min-width: 1025px) {
  .howto .section_inner {
    padding-top: min(5.2083333333vw, 10rem);
    padding-bottom: min(5.2083333333vw, 10rem);
  }
}
@media screen and (min-width: 1025px) {
  .howto .section_head {
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 5.6rem;
  }
}
.howto .section_head > h3 {
  margin-right: 1.0416666667vw;
}

.howto_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0 5.3333333333%;
}
@media screen and (min-width: 1025px) {
  .howto_list {
    display: grid;
    grid-template-columns: 1fr 1.0526315789% 1fr 1.0526315789% 1fr 1.0526315789% 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 0;
    grid-column: 1/4;
    grid-row: 3/4;
    padding: 0;
  }
}
.howto_list .list_item {
  display: block;
  width: 100%;
  height: 23.2vw;
  position: relative;
  margin-bottom: 1.3rem;
  background-color: #FFFFFF;
  filter: drop-shadow(0 7px 0 #e4e4e4);
  border: 2px solid #089942;
  border-radius: 4vw;
}
.howto_list .list_item:last-of-type {
  margin-bottom: 0;
}
.howto_list .list_item--sign_up {
  grid-column: 1/2;
}
.howto_list .list_item--ic {
  grid-column: 3/4;
}
.howto_list .list_item--mynumber {
  grid-column: 5/6;
}
.howto_list .list_item--cc {
  grid-column: 7/8;
}
@media screen and (min-width: 768px) {
  .howto_list .list_item {
    width: 100%;
    height: 23.1770833333vw;
    border-radius: 2.6041666667vw;
    border: 3px solid #089942;
  }
}
@media screen and (min-width: 1025px) {
  .howto_list .list_item {
    width: 19.1666666667vw;
    height: 5.5729166667vw;
    border-radius: 1.0416666667vw;
    border: 2px solid #089942;
    display: flex;
    align-items: center;
    filter: none;
    margin-bottom: 0;
  }
  .howto_list .list_item:hover {
    margin-top: -1em;
    filter: drop-shadow(0 7px 0 #e4e4e4);
  }
  .howto_list .list_item:hover .human_svg #human #group_1189 {
    opacity: 0.7;
  }
  .howto_list .list_item:hover .ic_svg #ic #group_27751 {
    opacity: 0.7;
  }
  .howto_list .list_item:hover .mn_svg #mn #group_27753 {
    opacity: 0.7;
  }
  .howto_list .list_item:hover .cc_svg #cc #group_27755 {
    opacity: 0.7;
  }
}
.howto_list .list_item .label_text {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0%, -50%);
}
.howto_list .list_item .label_text > p {
  font-size: min(4vw, 1.5rem);
  font-weight: bold;
  color: #089942;
  display: flex;
  align-items: center;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .howto_list .list_item .label_text > p {
    font-size: min(1.953125vw, 1.5rem);
  }
}
@media screen and (min-width: 1025px) {
  .howto_list .list_item .label_text > p {
    font-size: min(0.78125vw, 1.5rem);
  }
}
.howto_list .list_item .label_text > p > span {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: min(2.6666666667vw, 1rem);
}
.howto_list .list_item .human_svg,
.howto_list .list_item .ic_svg,
.howto_list .list_item .mn_svg,
.howto_list .list_item .cc_svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
}
.howto_list .list_item .ic_svg,
.howto_list .list_item .mn_svg,
.howto_list .list_item .cc_svg {
  width: auto;
  height: min(12vw, 4.5rem);
}
@media screen and (min-width: 768px) {
  .howto_list .list_item .ic_svg,
  .howto_list .list_item .mn_svg,
  .howto_list .list_item .cc_svg {
    height: 7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .howto_list .list_item .ic_svg,
  .howto_list .list_item .mn_svg,
  .howto_list .list_item .cc_svg {
    height: min(3.0208333333vw, 5.8rem);
  }
}
.howto_list .list_item .human_svg {
  width: min(21.3333333333vw, 8rem);
}
@media screen and (min-width: 768px) {
  .howto_list .list_item .human_svg {
    width: 14rem;
    height: 11rem;
  }
}
@media screen and (min-width: 1025px) {
  .howto_list .list_item .human_svg {
    width: auto;
    height: min(5.46875vw, 10.5rem);
  }
}

.faq {
  padding-bottom: 7rem;
}
@media screen and (min-width: 1025px) {
  .faq .section_inner {
    padding-top: min(2.6041666667vw, 5rem);
    padding-bottom: min(5.2083333333vw, 10rem);
  }
}
@media screen and (min-width: 1025px) {
  .faq .section_head {
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 5.6rem;
  }
}
.faq .section_head > h3 {
  margin-right: 1.0416666667vw;
}

.faq_list {
  width: 100%;
}
.faq_list .list_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5rem 0 4.6rem;
  border-bottom: 1px solid #dadada;
}
.faq_list .list_item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .faq_list .list_item {
    flex-direction: row;
    display: grid;
    grid-template-columns: 38.5416666667vw 2.0833333333vw 38.5416666667vw;
    grid-template-rows: 8.5rem;
    padding: 0;
    border-bottom: none;
  }
}
.faq_list .list_item:first-of-type {
  padding-top: 0;
}
.faq_list .list_item > li {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .faq_list .list_item > li {
    align-items: center;
  }
}
@media screen and (min-width: 1025px) {
  .faq_list .list_item > li {
    width: 38.5416666667vw;
    height: 100%;
    border-bottom: 1px solid #dadada;
    align-items: center;
    justify-content: center;
  }
}
.faq_list .list_item > li:first-of-type {
  margin-bottom: 3rem;
}
@media screen and (min-width: 1025px) {
  .faq_list .list_item > li:first-of-type {
    margin-bottom: 0;
    grid-column: 1/2;
  }
}
@media screen and (min-width: 1025px) {
  .faq_list .list_item > li:last-of-type {
    grid-column: 3/4;
  }
}
.faq_list .list_item > li .icon {
  display: block;
  width: 8vw;
  max-width: 4.5rem;
  margin-right: 2.6666666667vw;
}
@media screen and (min-width: 1025px) {
  .faq_list .list_item > li .icon {
    width: 2.34375vw;
    max-width: 4.5rem;
    margin-right: 1.5625vw;
  }
}
.faq_list .list_item > li > p {
  width: 78.6666666667vw;
  font-size: min(3.7333333333vw, 1.4rem);
  line-height: 2;
}
@media screen and (min-width: 1025px) {
  .faq_list .list_item > li > p {
    width: 34.6354166667vw;
    font-size: min(0.78125vw, 1.5rem);
    font-weight: bold;
  }
}

footer {
  width: 100%;
  background-color: #F08300;
  color: #FFFFFF;
}
@media screen and (min-width: 1025px) {
  footer {
    height: 35rem;
  }
}

.footer_contents1 {
  width: 100%;
}

.footer_nav {
  width: 100%;
}
.footer_nav ul {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr 3rem 1fr 3rem 1fr 5.5rem 1fr 3rem 1fr;
}
@media screen and (min-width: 768px) {
  .footer_nav ul {
    grid-template-columns: auto auto 6.5104166667vw auto;
  }
}
@media screen and (min-width: 1025px) {
  .footer_nav ul {
    width: fit-content;
    grid-template-columns: repeat(8, auto);
    grid-template-rows: 1fr 3rem 1fr;
  }
}
.footer_nav li {
  width: fit-content;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) {
  .footer_nav li {
    margin-right: 2.0833333333vw;
  }
}
.footer_nav li:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.footer_nav li:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(2) {
    margin: 0 2.0833333333vw 0 0;
  }
}
.footer_nav li:nth-of-type(3) {
  grid-row: 1/2;
  grid-column: 3/4;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(3) {
    grid-row: 1/2;
    grid-column: 3/4;
    margin: 0 2.0833333333vw 0 0;
  }
}
.footer_nav li:nth-of-type(4) {
  grid-row: 3/4;
  grid-column: 1/2;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(4) {
    grid-row: 1/2;
    grid-column: 4/5;
    margin: 0 2.0833333333vw 0 0;
  }
}
.footer_nav li:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 2/3;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(5) {
    grid-row: 1/2;
    grid-column: 5/6;
    margin: 0 2.0833333333vw 0 0;
  }
}
.footer_nav li:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 3/4;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(6) {
    grid-row: 1/2;
    grid-column: 6/7;
    margin: 0 2.0833333333vw 0 0;
  }
}
.footer_nav li:nth-of-type(7) {
  grid-row: 5/6;
  grid-column: 1/2;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(7) {
    grid-row: 1/2;
    grid-column: 7/8;
    margin-right: 0;
  }
}
.footer_nav li:nth-of-type(8) {
  grid-row: 7/8;
  grid-column: 1/3;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(8) {
    grid-row: 3/4;
    grid-column: 1/2;
    margin: 0 2.0833333333vw 0 0;
  }
}
.footer_nav li:nth-of-type(9) {
  grid-row: 9/10;
  grid-column: 1/3;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .footer_nav li:nth-of-type(9) {
    grid-row: 3/4;
    grid-column: 2/4;
    margin-right: 0;
  }
}
.footer_nav li > a {
  display: block;
}
.footer_nav li > a > p {
  font-size: min(3.2vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0.39px;
}
@media screen and (min-width: 1025px) {
  .footer_nav li > a > p {
    font-size: 1.3rem;
  }
}

.footer_contents2 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 23.7333333333vw 13.3333333333vw;
  grid-template-rows: auto;
}
@media screen and (min-width: 1025px) {
  .footer_contents2 {
    width: 100%;
    grid-template-columns: unset;
    grid-template-rows: unset;
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    justify-content: space-between;
  }
}

.footer_logo {
  width: 52.2666666667vw;
  max-width: 19.6rem;
  margin: 8rem 0 4rem;
  grid-column: 1/2;
  grid-row: 1/2;
}
@media screen and (min-width: 1025px) {
  .footer_logo {
    margin-bottom: 0;
  }
}

.copy {
  font-size: min(2.6666666667vw, 1rem);
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  align-items: end;
}
@media screen and (min-width: 1025px) {
  .copy {
    font-size: 1.1rem;
  }
}

.top_btn {
  display: block;
  width: 13.3333333333vw;
  max-width: 5rem;
  grid-column: 3/4;
  grid-row: 2/3;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 1025px) {
  .top_btn {
    position: fixed;
    right: 3rem;
    bottom: 3rem;
  }
}

.terms,
.terms_member {
  width: 100%;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
}
.terms .section_head,
.terms_member .section_head {
  margin-bottom: 3.6rem;
}
.terms .section_head > h3,
.terms_member .section_head > h3 {
  font-size: min(4.8vw, 1.8rem);
  margin-bottom: 0;
}
.terms .section_text,
.terms_member .section_text {
  font-size: min(3.2vw, 1.2rem);
  line-height: 1.2;
  margin-bottom: 8vw;
}

.terms,
.terms_member {
  padding: 10rem 5.3333333333% 0;
}

.article {
  font-size: min(3.2vw, 1.2rem);
  line-height: 1.2;
  margin-bottom: 8vw;
}

.article_head {
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: 600;
  color: #089942;
  margin-bottom: 1rem;
}

.article_head_square {
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: 600;
  color: #089942;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: min(4.5333333333vw, 1.7rem);
}
.article_head_square:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: min(3.2vw, 1.2rem);
  height: min(3.2vw, 1.2rem);
  background-color: #089942;
}

.article_list_num {
  list-style-type: decimal;
  padding-left: 1em;
}

.article_list_cb {
  padding-left: 1em;
}
.article_list_cb > li {
  list-style: none;
  counter-increment: number 0;
  padding-left: 7px;
  position: relative;
}
.article_list_cb > li:before {
  counter-increment: number 1;
  content: "(" counter(number) ")";
  text-align: right;
  position: absolute;
  top: 0;
  left: -1em;
}
.article_list_cb .list_pdl15:before {
  left: -1.5em;
}

.article_list_ll {
  padding-left: 1em;
}
.article_list_ll > li {
  list-style: none;
  counter-increment: hoge;
  padding-left: 7px;
  position: relative;
}
.article_list_ll > li:before {
  content: "(" counter(hoge, lower-alpha) ")";
  text-align: right;
  position: absolute;
  top: 0;
  left: -1em;
}

.article_list_char {
  padding-left: 1em;
}
.article_list_char .target {
  list-style: none;
  padding-left: min(20vw, 7.5rem);
  position: relative;
}
.article_list_char .target:before {
  content: "対象者　　　：";
  text-align: right;
  position: absolute;
  top: 0;
  left: -1em;
}
.article_list_char .service_detail {
  list-style: none;
  padding-left: min(20vw, 7.5rem);
  position: relative;
}
.article_list_char .service_detail:before {
  content: "サービス内容：";
  text-align: right;
  position: absolute;
  top: 0;
  left: -1em;
}

.terms_link {
  font-size: min(3.2vw, 1.2rem);
  font-weight: 600;
  color: #089942;
}

@media screen and (min-width: 1025px) {
  .terms .section_head,
  .terms_member .section_head {
    margin-bottom: 6rem;
  }
  .terms .section_head > h3,
  .terms_member .section_head > h3 {
    font-size: 3rem;
    margin-bottom: 0;
  }
  .terms .section_text,
  .terms_member .section_text {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }
  .terms,
  .terms_member {
    padding: 17.8rem 16.6666666667% 10rem;
  }
  .article {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }
  .article_head {
    font-size: 1.6rem;
  }
  .article_head_square {
    font-size: 1.6rem;
    padding-left: 1.9rem;
  }
  .article_head_square:before {
    width: 1.4rem;
    height: 1.4rem;
  }
  .terms_link {
    font-size: 1.4rem;
  }
  .article_list_cb > li {
    padding-left: 5px;
  }
  .article_list_char .target {
    padding-left: 10rem;
  }
  .article_list_char .service_detail {
    padding-left: 10rem;
  }
}
.use_modal {
  width: 0%;
  height: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
}
.use_modal .use_modal_content {
  display: none;
}

.use_modal_open {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  animation: use_qr_show 0.3s;
}
@keyframes use_qr_show {
  0% {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
.use_modal_open .use_modal_content {
  width: 44.2708333333vw;
  height: fit-content;
  background-color: #FFFFFF;
  padding: 3.125vw 11.4583333333vw 2.96875vw;
  border-radius: 1.0416666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
  outline: 3px solid #089942;
  outline-offset: -1.5px;
}
.use_modal_open .use_modal_content .modal_text {
  font-size: min(0.9375vw, 1.8rem);
  color: #089942;
  line-height: 1.8;
  font-weight: 600;
  letter-spacing: 0.54px;
}
.use_modal_open .use_modal_content .qr_img {
  width: 7.8125vw;
  margin: 4rem auto;
}
.use_modal_open .use_modal_content .url {
  font-size: min(0.625vw, 1.2rem);
  letter-spacing: 0.36px;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
}
.use_modal_open .use_modal_content .close_btn {
  width: 4.1666666667vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.onDemand_modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.onDemand_map_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .onDemand_map_pc {
    display: block;
    grid-column: 3/4;
    grid-row: 1/4;
  }
}
.onDemand_map_pc .map_area {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.onDemand_map_pc .map_area .map_img {
  width: 100%;
}
.onDemand_map_pc .map_area .zoom_btn {
  display: block;
  width: 4rem;
  position: absolute;
  top: -3%;
  right: -3%;
}

.onDemand_modal_content {
  width: 89.3333333333vw;
  height: 122.6666666667vw;
  border-radius: 1.5rem;
  background-color: #FFFFFF;
  border: 2px solid #089942;
  padding: 8.5333333333vw 5.3333333333vw 4rem;
  overflow: hidden;
  position: relative;
}
@media (orientation: landscape) {
  .onDemand_modal_content {
    max-height: 80%;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 768px) {
  .onDemand_modal_content {
    width: 88.5416666667vw;
    max-height: 80rem;
    padding: 4.1666666667vw 2.6041666667vw 4rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .onDemand_modal_content {
    max-height: 50rem;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .onDemand_modal_content {
    height: 85%;
    max-height: 85%;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_content {
    width: 85rem;
    height: 41rem;
    max-height: none;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: 67% 3% 30%;
    grid-template-rows: auto 2rem auto;
    padding: 3rem 3.85rem 3rem 3rem;
  }
}
.onDemand_modal_content .simplebar-content {
  padding: 0 !important;
}
.onDemand_modal_content .simplebar-scrollbar::before {
  background: transparent;
  border-radius: 0;
  width: 10px;
  margin-left: 3px;
  margin-top: 2px;
}
.onDemand_modal_content .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.onDemand_modal_content .simplebar-track {
  background: transparent;
  width: 10px !important;
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_content .simplebar-placeholder {
    display: none;
  }
}

.onDemand_modal_head {
  width: 100%;
  padding: 0 0 min(5.3333333333vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dadada;
}
@media (orientation: landscape) {
  .onDemand_modal_head {
    padding: 0 0 2%;
  }
}
@media screen and (min-width: 768px) {
  .onDemand_modal_head {
    padding: 0 0 min(2.6041666667vw, 2rem);
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .onDemand_modal_head {
    padding: 2%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .onDemand_modal_head {
    padding: 0 0 2%;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_head {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0 0 2rem;
  }
}
.onDemand_modal_head .modal_head_text {
  font-size: min(5.3333333333vw, 2rem);
  font-weight: bold;
  color: #089942;
}
@media screen and (min-width: 768px) {
  .onDemand_modal_head .modal_head_text {
    font-size: min(2.6041666667vw, 2rem);
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_head .modal_head_text {
    font-size: 2.5rem;
    margin-bottom: 0;
  }
}
.onDemand_modal_head .modal_head_text > span {
  font-size: min(3.2vw, 1.2rem);
  margin-top: 1.5rem;
  color: #707070;
  font-weight: 500;
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_head .modal_head_text > span {
    font-size: min(1.5625vw, 1.2rem);
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_head .modal_head_text > span {
    font-size: 1.3rem;
  }
}
.onDemand_modal_head .bus_icon {
  width: min(18.6666666667vw, 7rem);
}
@media (orientation: landscape) {
  .onDemand_modal_head .bus_icon {
    width: 15%;
  }
}
@media screen and (min-width: 768px) {
  .onDemand_modal_head .bus_icon {
    width: min(9.1145833333vw, 7rem);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-height: 420px) {
  .onDemand_modal_head .bus_icon {
    width: 15%;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_head .bus_icon {
    width: 7rem;
  }
}

.onDemand_modal_contents_inner {
  width: 100%;
  height: 77.3333333333vw;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-bottom: 2rem;
  padding: min(6.6666666667vw, 2.5rem) 4% 0;
}
.onDemand_modal_contents_inner::-webkit-scrollbar {
  display: none;
}
.onDemand_modal_contents_inner.-onogami_komochi, .onDemand_modal_contents_inner.-hokkitsu {
  height: 74.6666666667vw;
}
@media (orientation: landscape) {
  .onDemand_modal_contents_inner {
    max-height: 14rem;
  }
}
@media screen and (min-width: 768px) {
  .onDemand_modal_contents_inner {
    height: 80.7291666667vw;
    max-height: 58rem;
    padding: min(3.2552083333vw, 2.5rem) 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .onDemand_modal_contents_inner {
    max-height: 30rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .onDemand_modal_contents_inner {
    max-height: 14rem;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_modal_contents_inner {
    height: auto;
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    padding: min(1.3020833333vw, 2.5rem) 4% 0;
  }
}

.onDemand_contents_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.onDemand_contents_wrap::-webkit-scrollbar {
  display: none;
}

.onDemand_contents {
  width: 100%;
}
.onDemand_contents .contents_text {
  font-size: min(4.8vw, 1.8rem);
  font-weight: bold;
  letter-spacing: 0.54px;
}
@media screen and (min-width: 768px) {
  .onDemand_contents .contents_text {
    font-size: min(2.34375vw, 1.8rem);
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents .contents_text {
    font-size: 1.6rem;
  }
}
.onDemand_contents .modal_notice {
  font-size: min(3.2vw, 1.2rem);
  color: #707070;
  letter-spacing: 0.36px;
  line-height: 1.9;
  margin-top: 8vw;
}
@media screen and (min-width: 768px) {
  .onDemand_contents .modal_notice {
    font-size: min(1.5625vw, 1.2rem);
    margin-top: 3.90625vw;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents .modal_notice {
    font-size: 1.2rem;
    letter-spacing: 0.36px;
    line-height: 1.5;
    margin-top: 0;
  }
}
.onDemand_contents--map {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents--map {
    display: none;
  }
}
.onDemand_contents--map .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: min(2.6666666667vw, 1rem);
  border-radius: 2.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: min(8vw, 3rem);
}
@media screen and (min-width: 768px) {
  .onDemand_contents--map .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: min(1.3020833333vw, 1rem);
    border-radius: 1.3020833333vw;
  }
}
.onDemand_contents--map .map_area {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.onDemand_contents--map .map_area .map_img {
  width: 100%;
}
.onDemand_contents--map .map_area .zoom_btn {
  width: 10.6666666667vw;
  position: absolute;
  top: -3%;
  right: -2.3%;
}
@media screen and (min-width: 768px) {
  .onDemand_contents--map .map_area .zoom_btn {
    width: 6.5104166667vw;
    top: -2%;
    right: -1.3%;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun, .onDemand_contents.-furusato, .onDemand_contents.-aozora {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.onDemand_contents.-runrun .row, .onDemand_contents.-furusato .row, .onDemand_contents.-aozora .row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .row, .onDemand_contents.-furusato .row, .onDemand_contents.-aozora .row {
    flex-wrap: nowrap;
    padding-top: 0;
  }
}
.onDemand_contents.-runrun .row1, .onDemand_contents.-furusato .row1, .onDemand_contents.-aozora .row1 {
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .row1, .onDemand_contents.-furusato .row1, .onDemand_contents.-aozora .row1 {
    justify-content: initial;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.onDemand_contents.-runrun .row2, .onDemand_contents.-furusato .row2, .onDemand_contents.-aozora .row2 {
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .row2, .onDemand_contents.-furusato .row2, .onDemand_contents.-aozora .row2 {
    grid-column: 1/2;
    grid-row: 2/3;
    flex-wrap: nowrap;
    padding-top: 3rem;
  }
}
.onDemand_contents.-runrun .row3, .onDemand_contents.-furusato .row3, .onDemand_contents.-aozora .row3 {
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .row3, .onDemand_contents.-furusato .row3, .onDemand_contents.-aozora .row3 {
    grid-column: 1/2;
    grid-row: 3/4;
    padding-top: 2rem;
    padding-bottom: 2rem;
    flex-wrap: nowrap;
  }
}
.onDemand_contents.-runrun .index, .onDemand_contents.-furusato .index, .onDemand_contents.-aozora .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .onDemand_contents.-runrun .index, .onDemand_contents.-furusato .index, .onDemand_contents.-aozora .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .index, .onDemand_contents.-furusato .index, .onDemand_contents.-aozora .index {
    width: 8.7rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    margin-right: 2rem;
  }
}
.onDemand_contents.-runrun .index.-area, .onDemand_contents.-furusato .index.-area, .onDemand_contents.-aozora .index.-area {
  width: fit-content;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .index.-area, .onDemand_contents.-furusato .index.-area, .onDemand_contents.-aozora .index.-area {
    width: min(23.2vw, 8.7rem);
  }
}
.onDemand_contents.-runrun .sub_index_category, .onDemand_contents.-furusato .sub_index_category, .onDemand_contents.-aozora .sub_index_category {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  margin-right: min(4vw, 1.5rem);
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .sub_index_category, .onDemand_contents.-furusato .sub_index_category, .onDemand_contents.-aozora .sub_index_category {
    font-size: 1.6rem;
    width: fit-content;
  }
}
.onDemand_contents.-runrun .sub_index_category.-general, .onDemand_contents.-furusato .sub_index_category.-general, .onDemand_contents.-aozora .sub_index_category.-general {
  padding-top: min(6.6666666667vw, 2.5rem);
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .sub_index_category.-general, .onDemand_contents.-furusato .sub_index_category.-general, .onDemand_contents.-aozora .sub_index_category.-general {
    padding-block: 0;
  }
}
.onDemand_contents.-runrun .sub_index_category.-resident, .onDemand_contents.-furusato .sub_index_category.-resident, .onDemand_contents.-aozora .sub_index_category.-resident {
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .sub_index_category.-resident, .onDemand_contents.-furusato .sub_index_category.-resident, .onDemand_contents.-aozora .sub_index_category.-resident {
    margin-left: 1rem;
    padding-bottom: 0;
  }
}
.onDemand_contents.-runrun .sub_index_age, .onDemand_contents.-furusato .sub_index_age, .onDemand_contents.-aozora .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem);
  margin-right: min(2.6666666667vw, 1rem);
}
.onDemand_contents.-runrun .sub_index_age.-adult, .onDemand_contents.-runrun .sub_index_age.-child, .onDemand_contents.-furusato .sub_index_age.-adult, .onDemand_contents.-furusato .sub_index_age.-child, .onDemand_contents.-aozora .sub_index_age.-adult, .onDemand_contents.-aozora .sub_index_age.-child {
  width: min(14.9333333333vw, 5.6rem);
}
.onDemand_contents.-runrun .sub_index_age.-child, .onDemand_contents.-furusato .sub_index_age.-child, .onDemand_contents.-aozora .sub_index_age.-child {
  margin-left: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .sub_index_age.-child, .onDemand_contents.-furusato .sub_index_age.-child, .onDemand_contents.-aozora .sub_index_age.-child {
    margin-left: 2.5rem;
  }
}
.onDemand_contents.-runrun .price, .onDemand_contents.-furusato .price, .onDemand_contents.-aozora .price {
  font-size: min(4.8vw, 1.8rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 768px) {
  .onDemand_contents.-runrun .price, .onDemand_contents.-furusato .price, .onDemand_contents.-aozora .price {
    font-size: min(2.6041666667vw, 2rem);
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .price, .onDemand_contents.-furusato .price, .onDemand_contents.-aozora .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
.onDemand_contents.-runrun .modal_notice, .onDemand_contents.-furusato .modal_notice, .onDemand_contents.-aozora .modal_notice {
  padding-bottom: min(13.3333333333vw, 5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-runrun .modal_notice, .onDemand_contents.-furusato .modal_notice, .onDemand_contents.-aozora .modal_notice {
    grid-column: 1/4;
    grid-row: 4/5;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu, .onDemand_contents.-onogami_komochi {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.onDemand_contents.-hokkitsu .row, .onDemand_contents.-onogami_komochi .row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .row, .onDemand_contents.-onogami_komochi .row {
    flex-wrap: nowrap;
    padding-top: 0;
  }
}
.onDemand_contents.-hokkitsu .row1, .onDemand_contents.-onogami_komochi .row1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .row1, .onDemand_contents.-onogami_komochi .row1 {
    justify-content: initial;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.onDemand_contents.-hokkitsu .row2, .onDemand_contents.-onogami_komochi .row2 {
  padding-bottom: min(5.3333333333vw, 2rem);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .row2, .onDemand_contents.-onogami_komochi .row2 {
    grid-column: 1/2;
    grid-row: 2/3;
    padding-top: 3rem;
    padding-bottom: 2rem;
    flex-wrap: nowrap;
  }
}
.onDemand_contents.-hokkitsu .row3, .onDemand_contents.-onogami_komochi .row3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .row3, .onDemand_contents.-onogami_komochi .row3 {
    grid-column: 1/2;
    grid-row: 3/4;
    padding-bottom: 2rem;
    flex-wrap: nowrap;
  }
}
.onDemand_contents.-hokkitsu .index, .onDemand_contents.-onogami_komochi .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .onDemand_contents.-hokkitsu .index, .onDemand_contents.-onogami_komochi .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .index, .onDemand_contents.-onogami_komochi .index {
    width: 8.7rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    margin-right: 2rem;
  }
}
.onDemand_contents.-hokkitsu .index.-area, .onDemand_contents.-onogami_komochi .index.-area {
  width: fit-content;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .index.-area, .onDemand_contents.-onogami_komochi .index.-area {
    width: min(23.2vw, 8.7rem);
  }
}
.onDemand_contents.-hokkitsu .sub_index_category, .onDemand_contents.-onogami_komochi .sub_index_category {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  margin-right: min(4vw, 1.5rem);
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .sub_index_category, .onDemand_contents.-onogami_komochi .sub_index_category {
    font-size: 1.6rem;
    width: fit-content;
  }
}
.onDemand_contents.-hokkitsu .sub_index_category.-general, .onDemand_contents.-onogami_komochi .sub_index_category.-general {
  padding-top: min(6.6666666667vw, 2.5rem);
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .sub_index_category.-general, .onDemand_contents.-onogami_komochi .sub_index_category.-general {
    padding-block: 0;
  }
}
.onDemand_contents.-hokkitsu .sub_index_category.-resident, .onDemand_contents.-onogami_komochi .sub_index_category.-resident {
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .sub_index_category.-resident, .onDemand_contents.-onogami_komochi .sub_index_category.-resident {
    margin-left: 1rem;
    padding-bottom: 0;
  }
}
.onDemand_contents.-hokkitsu .sub_index_age, .onDemand_contents.-onogami_komochi .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem);
  margin-right: min(2.6666666667vw, 1rem);
}
.onDemand_contents.-hokkitsu .sub_index_age.-hs, .onDemand_contents.-hokkitsu .sub_index_age.-jrh, .onDemand_contents.-hokkitsu .sub_index_age.-es, .onDemand_contents.-onogami_komochi .sub_index_age.-hs, .onDemand_contents.-onogami_komochi .sub_index_age.-jrh, .onDemand_contents.-onogami_komochi .sub_index_age.-es {
  width: fit-content;
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .sub_index_age.-hs, .onDemand_contents.-hokkitsu .sub_index_age.-jrh, .onDemand_contents.-hokkitsu .sub_index_age.-es, .onDemand_contents.-onogami_komochi .sub_index_age.-hs, .onDemand_contents.-onogami_komochi .sub_index_age.-jrh, .onDemand_contents.-onogami_komochi .sub_index_age.-es {
    width: 9rem;
    padding: 7px 8px;
  }
}
.onDemand_contents.-hokkitsu .sub_index_age.-hs, .onDemand_contents.-onogami_komochi .sub_index_age.-hs {
  margin-bottom: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .sub_index_age.-hs, .onDemand_contents.-onogami_komochi .sub_index_age.-hs {
    margin-bottom: 0;
  }
}
.onDemand_contents.-hokkitsu .sub_index_age.-es, .onDemand_contents.-onogami_komochi .sub_index_age.-es {
  margin-top: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .sub_index_age.-es, .onDemand_contents.-onogami_komochi .sub_index_age.-es {
    margin-top: 0;
  }
}
.onDemand_contents.-hokkitsu .sub_index_age.-adult, .onDemand_contents.-onogami_komochi .sub_index_age.-adult {
  width: min(13.8666666667vw, 5.2rem);
}
.onDemand_contents.-hokkitsu .price, .onDemand_contents.-onogami_komochi .price {
  width: 60%;
  font-size: min(4.8vw, 1.8rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 768px) {
  .onDemand_contents.-hokkitsu .price, .onDemand_contents.-onogami_komochi .price {
    font-size: min(2.6041666667vw, 2rem);
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .price, .onDemand_contents.-onogami_komochi .price {
    width: fit-content;
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
.onDemand_contents.-hokkitsu .price.-hokkitsu_hs, .onDemand_contents.-hokkitsu .price.-onogami_komochi_jrh, .onDemand_contents.-onogami_komochi .price.-hokkitsu_hs, .onDemand_contents.-onogami_komochi .price.-onogami_komochi_jrh {
  width: 60%;
}
@media screen and (min-width: 455px) {
  .onDemand_contents.-hokkitsu .price.-hokkitsu_hs, .onDemand_contents.-hokkitsu .price.-onogami_komochi_jrh, .onDemand_contents.-onogami_komochi .price.-hokkitsu_hs, .onDemand_contents.-onogami_komochi .price.-onogami_komochi_jrh {
    width: 75%;
  }
}
@media screen and (min-width: 870px) {
  .onDemand_contents.-hokkitsu .price.-hokkitsu_hs, .onDemand_contents.-hokkitsu .price.-onogami_komochi_jrh, .onDemand_contents.-onogami_komochi .price.-hokkitsu_hs, .onDemand_contents.-onogami_komochi .price.-onogami_komochi_jrh {
    width: 85%;
  }
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .price.-hokkitsu_hs, .onDemand_contents.-hokkitsu .price.-onogami_komochi_jrh, .onDemand_contents.-onogami_komochi .price.-hokkitsu_hs, .onDemand_contents.-onogami_komochi .price.-onogami_komochi_jrh {
    width: fit-content;
    margin-right: 2.4rem;
  }
}
.onDemand_contents.-hokkitsu .price.-hokkitsu_hs, .onDemand_contents.-onogami_komochi .price.-hokkitsu_hs {
  margin-bottom: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .price.-hokkitsu_hs, .onDemand_contents.-onogami_komochi .price.-hokkitsu_hs {
    margin-bottom: 0;
  }
}
.onDemand_contents.-hokkitsu .price.-onogami_komochi_es, .onDemand_contents.-onogami_komochi .price.-onogami_komochi_es {
  margin-top: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .price.-onogami_komochi_es, .onDemand_contents.-onogami_komochi .price.-onogami_komochi_es {
    margin-top: 0;
  }
}
.onDemand_contents.-hokkitsu .modal_notice, .onDemand_contents.-onogami_komochi .modal_notice {
  padding-bottom: min(13.3333333333vw, 5rem);
}
@media screen and (min-width: 1025px) {
  .onDemand_contents.-hokkitsu .modal_notice, .onDemand_contents.-onogami_komochi .modal_notice {
    grid-column: 1/4;
    grid-row: 4/5;
    padding-bottom: 0;
  }
}

.kids_ticket_modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.kids_ticket_modal_content {
  width: 89.3333333333vw;
  height: 128vw;
  border-radius: 1.5rem;
  background-color: #FFFFFF;
  border: 2px solid #089942;
  padding: 5.8666666667vw 5.3333333333vw 4rem;
  overflow: hidden;
  position: relative;
}
@media (orientation: landscape) {
  .kids_ticket_modal_content {
    max-height: 80%;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 391px) {
  .kids_ticket_modal_content {
    height: 70%;
  }
}
@media screen and (min-width: 768px) {
  .kids_ticket_modal_content {
    width: 88.5416666667vw;
    height: 68%;
    max-height: 68rem;
    padding: 3.2rem 2rem 4rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .kids_ticket_modal_content {
    height: 85%;
    max-height: none;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .kids_ticket_modal_content {
    width: 85rem;
    height: 41rem;
    border-radius: 2rem;
    padding: 3rem 3.85rem 3rem 3rem;
    max-height: none;
    display: grid;
    grid-template-columns: 81% 2% 17%;
    grid-template-rows: 3rem 9rem auto;
  }
  .kids_ticket_modal_content.-shibu_sub {
    grid-template-rows: 3rem 12rem auto;
  }
}
.kids_ticket_modal_content .simplebar-content {
  padding: 0 !important;
}
.kids_ticket_modal_content .simplebar-scrollbar::before {
  background: transparent;
  border-radius: 0;
  width: 10px;
  margin-left: 3px;
  margin-top: 2px;
}
.kids_ticket_modal_content .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.kids_ticket_modal_content .simplebar-track {
  background: transparent;
  width: 10px !important;
}

.kids_ticket_img {
  display: block;
  width: 21.8666666667vw;
  max-width: 12rem;
  position: absolute;
  top: 4vw;
  right: 0;
}
@media (orientation: landscape) {
  .kids_ticket_img {
    top: 2%;
  }
}
@media screen and (min-width: 768px) {
  .kids_ticket_img {
    width: 10rem;
    max-width: none;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .kids_ticket_img {
    top: 3.2rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .kids_ticket_img {
    top: 2%;
  }
}
@media screen and (min-width: 1025px) {
  .kids_ticket_img {
    width: 14.4rem;
    top: 3rem;
    right: 3rem;
  }
}

.kids_ticket_modal_head {
  width: 100%;
  padding: 0 0 2.6666666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #dadada;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_modal_head {
    border-bottom: none;
  }
}
.kids_ticket_modal_head .modal_head_text {
  font-size: min(5.3333333333vw, 2rem);
  font-weight: bold;
  color: #089942;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
  margin-bottom: min(5.3333333333vw, 2rem);
  grid-column: 1/4;
  grid-row: 1/2;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_modal_head .modal_head_text {
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }
}
.kids_ticket_modal_head .ticket_description {
  font-size: min(3.4666666667vw, 1.3rem);
  line-height: 1.7;
}
@media (orientation: landscape) {
  .kids_ticket_modal_head .ticket_description {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .kids_ticket_modal_head .ticket_description {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .kids_ticket_modal_head .ticket_description {
    font-size: 1.5rem;
    padding-right: 2rem;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

.kids_ticket_modal_contents_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-bottom: 2rem;
  padding: 5.3333333333vw 4% 0;
}
.kids_ticket_modal_contents_inner::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_modal_contents_inner {
    overflow: hidden;
    grid-column: 1/4;
    grid-row: 4/5;
    border-top: 1px solid #dadada;
    padding: 3rem 4% 4rem;
  }
}
.kids_ticket_modal_contents_inner.-shibu_once {
  height: 60%;
}
@media (orientation: landscape) {
  .kids_ticket_modal_contents_inner.-shibu_once {
    max-height: 5rem;
  }
}
@media screen and (min-width: 391px) {
  .kids_ticket_modal_contents_inner.-shibu_once {
    height: 60%;
  }
}
@media screen and (min-width: 768px) {
  .kids_ticket_modal_contents_inner.-shibu_once {
    height: auto;
    max-height: 67.08984375vw;
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .kids_ticket_modal_contents_inner.-shibu_once {
    max-height: 28rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .kids_ticket_modal_contents_inner.-shibu_once {
    max-height: 8rem;
  }
}
.kids_ticket_modal_contents_inner.-shibu_sub {
  height: 48%;
}
@media (orientation: landscape) {
  .kids_ticket_modal_contents_inner.-shibu_sub {
    max-height: 3rem;
  }
}
@media screen and (min-width: 391px) {
  .kids_ticket_modal_contents_inner.-shibu_sub {
    height: 51%;
  }
}
@media screen and (min-width: 768px) {
  .kids_ticket_modal_contents_inner.-shibu_sub {
    height: auto;
    max-height: 67.08984375vw;
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .kids_ticket_modal_contents_inner.-shibu_sub {
    max-height: 27rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .kids_ticket_modal_contents_inner.-shibu_sub {
    max-height: 6rem;
  }
}
@media screen and (min-width: 1025px) {
  .kids_ticket_modal_contents_inner.-shibu_sub {
    height: auto;
  }
}

.kids_ticket_contents_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.kids_ticket_contents_wrap::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents_wrap {
    margin-top: 2.5rem;
  }
}

.kids_ticket_contents {
  width: 100%;
  padding: 0 0 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .kids_ticket_contents {
    padding: 0;
  }
}
.kids_ticket_contents .row {
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .row {
    justify-content: flex-start;
  }
}
.kids_ticket_contents .row1 {
  margin-top: 7.4666666667vw;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .kids_ticket_contents .row1 {
    margin-top: 3.6458333333vw;
  }
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .row1 {
    margin-top: 0;
  }
}
.kids_ticket_contents .row2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .row2 {
    flex-direction: row;
    margin-top: 2rem;
  }
}
.kids_ticket_contents .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: min(2.6666666667vw, 1rem);
  border-radius: min(2.6666666667vw, 1rem);
  text-align: center;
  margin-top: 9.8666666667vw;
}
@media screen and (min-width: 768px) {
  .kids_ticket_contents .index {
    margin-top: 4.8177083333vw;
  }
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .index {
    width: 10.6rem;
    height: 3.2rem;
    text-align: center;
    margin-top: 0;
    margin-right: 2rem;
  }
}
.kids_ticket_contents .sub_index {
  display: block;
  width: 24vw;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: min(2.6666666667vw, 1rem);
  border-radius: min(2.6666666667vw, 1rem);
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .sub_index {
    width: 9.6rem;
    height: 3.2rem;
    text-align: center;
    margin-right: 2rem;
  }
}
.kids_ticket_contents .area_name {
  font-size: min(4.8vw, 1.8rem);
  text-align: right;
  font-weight: bold;
}
.kids_ticket_contents .area_name.-first_row {
  width: calc(100% - 24vw);
}
.kids_ticket_contents .area_name.-second_row {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .area_name {
    font-size: 2rem;
    text-align: left;
  }
  .kids_ticket_contents .area_name.-first_row {
    width: auto;
  }
  .kids_ticket_contents .area_name.-second_row {
    width: auto;
  }
}
.kids_ticket_contents .price {
  width: 100%;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .price {
    font-size: 2.5rem;
    margin-top: 0;
    justify-content: flex-start;
  }
}
.kids_ticket_contents .price > span {
  width: fit-content;
  display: block;
  font-size: min(3.4666666667vw, 1.3rem);
  letter-spacing: 0.36px;
  color: #333333;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .price > span {
    font-size: 1.6rem;
    margin-right: 2rem;
  }
}
.kids_ticket_contents .modal_notice {
  font-size: min(3.2vw, 1.2rem);
  color: #707070;
  letter-spacing: 0.36px;
  line-height: 1.9;
  margin-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .kids_ticket_contents .modal_notice {
    font-size: 1.2rem;
    margin-top: 2rem;
    grid-column: 1/4;
    grid-row: 3/4;
  }
}

.kids_ticket_bg_bus {
  display: none;
}
@media screen and (min-width: 1025px) {
  .kids_ticket_bg_bus {
    display: block;
    width: 10.7rem;
    height: 10.7rem;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.ticket_modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.ticket_map_pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .ticket_map_pc {
    display: block;
    grid-column: 3/4;
    grid-row: 1/4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ticket_map_pc.-central, .ticket_map_pc.-maebashiCommon {
    justify-content: flex-start;
    margin-top: 2rem;
    margin-bottom: auto;
  }
}
.ticket_map_pc .map_area {
  width: 100%;
  height: auto;
  position: relative;
}
.ticket_map_pc .map_area .map_img {
  display: block;
  width: 100%;
}
.ticket_map_pc .map_area .zoom_btn {
  display: block;
  width: 4rem;
  position: absolute;
  top: -3%;
  right: -3%;
}

.ticket_bg_bus,
.ticket_bg_train,
.ticket_bg_taxi {
  display: block;
  width: 15.4666666667vw;
  height: 15.4666666667vw;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .ticket_bg_bus,
  .ticket_bg_train,
  .ticket_bg_taxi {
    width: 13.0208333333vw;
    height: 13.0208333333vw;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_bg_bus,
  .ticket_bg_train,
  .ticket_bg_taxi {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_bg_bus,
  .ticket_bg_train,
  .ticket_bg_taxi {
    width: 15.4666666667vw;
    height: 15.4666666667vw;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  .ticket_bg_bus,
  .ticket_bg_train,
  .ticket_bg_taxi {
    width: 10.7421875vw;
    height: 10.7421875vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_bg_bus,
  .ticket_bg_train,
  .ticket_bg_taxi {
    width: 10.7rem;
    height: 10.7rem;
    top: unset;
    bottom: 0;
  }
}

.ticket_campaign_label {
  display: block;
  width: 20rem;
  position: absolute;
  top: 0;
  left: 0;
  font-size: min(3.7333333333vw, 1.4rem);
  background-color: #089942;
  color: #FFFFFF;
  padding: 8px 2rem;
  border-radius: 0 0 5.3333333333vw 0;
}

.ticket_modal_content {
  width: 89.3333333333vw;
  height: 122.6666666667vw;
  border-radius: 1.5rem;
  background-color: #FFFFFF;
  border: 2px solid #089942;
  padding: 8.5333333333vw 5.3333333333vw 4rem;
  overflow: hidden;
  position: relative;
}
@media (orientation: landscape) {
  .ticket_modal_content {
    max-height: 80%;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_content {
    height: 70%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content {
    width: 88.5416666667vw;
    height: 80%;
    max-height: 80rem;
    padding: 4.1666666667vw 2.6041666667vw 4rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content {
    height: auto;
    max-height: 54rem;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content {
    height: 85%;
    max-height: none;
    padding: 2% 4% 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content {
    width: 85rem;
    height: 41rem;
    border-radius: 2rem;
    padding: 3rem 3.85rem 3rem 3rem;
    max-height: none;
  }
}
.ticket_modal_content .simplebar-content {
  padding: 0 !important;
}
.ticket_modal_content .simplebar-scrollbar::before {
  background: transparent;
  border-radius: 0;
  width: 10px;
  margin-left: 3px;
  margin-top: 2px;
}
.ticket_modal_content .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.ticket_modal_content .simplebar-track {
  background: transparent;
  width: 10px !important;
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-central {
    width: 88rem;
    height: 42rem;
    display: grid;
    grid-template-columns: 68% 2% 30%;
    grid-template-rows: auto 2.5rem auto;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-mybus {
    height: 55%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-mybus {
    height: auto;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-mybus {
    height: 78%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-mybus {
    height: 41rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 3rem auto;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-gunma {
    height: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-gunma {
    height: 41rem;
    display: grid;
    grid-template-columns: 64% 3% 33%;
    grid-template-rows: auto 3rem 1fr;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-jomo {
    height: 70%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-jomo {
    height: 41rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 11rem 3rem auto;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-joshin {
    height: 45%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-joshin {
    height: auto;
    max-height: 54rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-joshin {
    height: 60%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-joshin {
    height: 41rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 11rem 3rem auto;
    padding: 3rem 3.85rem 3rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-wataraseValley {
    height: 45%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-wataraseValley {
    height: auto;
    max-height: 54rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-wataraseValley {
    height: 65%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-wataraseValley {
    height: 41rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 11rem 3rem auto;
    padding: 3rem 3.85rem 3rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-wataraseRailway {
    height: 45%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-wataraseRailway {
    height: auto;
    max-height: 54rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-wataraseRailway {
    height: 65%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-wataraseRailway {
    height: 41rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 9rem 3rem auto;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-onsen_bus_ikaho .ticket_modal_head, .ticket_modal_content.-onsen_bus_shima .ticket_modal_head, .ticket_modal_content.-onsen_bus_kusatsu .ticket_modal_head {
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-onsen_bus_ikaho .ticket_map_pc, .ticket_modal_content.-onsen_bus_shima .ticket_map_pc, .ticket_modal_content.-onsen_bus_kusatsu .ticket_map_pc {
    justify-content: flex-start;
  }
}
.ticket_modal_content.-onsen_bus_ikaho .ticket_map_pc .map_area, .ticket_modal_content.-onsen_bus_shima .ticket_map_pc .map_area, .ticket_modal_content.-onsen_bus_kusatsu .ticket_map_pc .map_area {
  margin-top: 1rem;
  margin-bottom: auto;
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-onsen_bus_shima {
    display: grid;
    grid-template-columns: 64% 3% 33%;
    grid-template-rows: 58% 2rem auto;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-onsen_bus_ikaho {
    display: grid;
    grid-template-columns: 64% 3% 33%;
    grid-template-rows: 52% 3rem auto;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-onsen_bus_kusatsu {
    display: grid;
    grid-template-columns: 64% 3% 33%;
    grid-template-rows: 39% 3rem auto;
  }
}
@media (orientation: landscape) {
  .ticket_modal_content.-maebashiSenior {
    height: 80%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-maebashiSenior {
    height: 62%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-maebashiSenior {
    height: 88%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-maebashiSenior {
    height: 48rem;
  }
}
@media (orientation: landscape) {
  .ticket_modal_content.-busShibukawaSenior {
    height: 80%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-busShibukawaSenior {
    height: 62%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-busShibukawaSenior {
    height: 88%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-busShibukawaSenior {
    height: 48rem;
  }
}
@media (orientation: landscape) {
  .ticket_modal_content.-taxiShibukawaSenior {
    height: 80%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-taxiShibukawaSenior {
    height: 62%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-taxiShibukawaSenior {
    height: 88%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-taxiShibukawaSenior {
    height: 50rem;
    padding: 2.4rem 3.85rem 3rem 3rem;
  }
}
@media (orientation: landscape) {
  .ticket_modal_content.-busMaebashiYouth {
    height: 80%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-busMaebashiYouth {
    height: 62%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-busMaebashiYouth {
    height: 88%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-busMaebashiYouth {
    height: 48rem;
  }
}
.ticket_modal_content.-gunMaasNoritoku {
  padding: 6.4vw 5.3333333333vw 4rem;
}
@media (orientation: landscape) {
  .ticket_modal_content.-gunMaasNoritoku {
    height: 80%;
    padding: 4.1666666667vw 2.6041666667vw 4rem;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-gunMaasNoritoku {
    height: 62%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-gunMaasNoritoku {
    height: 88%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-gunMaasNoritoku {
    height: 40rem;
    padding: 3rem 3.85rem 3rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-commonParkingTicket {
    height: 50%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-commonParkingTicket {
    height: 55%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-commonParkingTicket {
    height: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-commonParkingTicket {
    height: 40rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
@media (orientation: landscape) {
  .ticket_modal_content.-ecoBike {
    height: 80%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-ecoBike {
    height: 70%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-ecoBike {
    height: 88%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-ecoBike {
    height: 55rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-maebashiCommon {
    height: 68rem;
    display: grid;
    grid-template-columns: 67% 3% 30%;
    grid-template-rows: auto 2.5rem auto;
  }
}
.ticket_modal_content.-commuterPass {
  height: 80vw;
}
@media (orientation: landscape) {
  .ticket_modal_content.-commuterPass {
    height: 58%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-commuterPass {
    height: 26%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-commuterPass {
    height: 28%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-commuterPass {
    height: 54%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-commuterPass {
    height: 22.7rem;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-minakamiOnsen {
    height: 45%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-minakamiOnsen {
    height: auto;
    max-height: 54rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-minakamiOnsen {
    height: 70%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-minakamiOnsen {
    height: 34.3rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 11rem 3rem auto;
    padding: 3rem 3.85rem 3rem 3rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_content.-ikahoLiner {
    height: 60%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_content.-ikahoLiner {
    height: 48%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_content.-ikahoLiner {
    height: auto;
    max-height: 54rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_content.-ikahoLiner {
    height: 70%;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_content.-ikahoLiner {
    height: 34.3rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 11rem 3rem auto;
    padding: 3rem 3.85rem 3rem 3rem;
  }
}

.ticket_modal_head {
  width: 100%;
  padding: 0 0 2.6666666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #dadada;
}
.ticket_modal_head.-commuterPass {
  border: none;
  padding: 0 0 min(5.3333333333vw, 2rem);
}
@media (orientation: landscape) {
  .ticket_modal_head {
    padding: 0 8% 2% 0;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_head {
    padding: 0 8% 3.2552083333vw 0;
  }
  .ticket_modal_head.-central, .ticket_modal_head.-gunMaasNoritoku, .ticket_modal_head.-commonParkingTicket, .ticket_modal_head.-ecoBike, .ticket_modal_head.-maebashiCommon {
    padding: 0 0 2rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_head {
    padding: 0 8% 2% 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_head {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0 0 2.6rem;
  }
  .ticket_modal_head.-central, .ticket_modal_head.-busShibukawaSenior, .ticket_modal_head.-taxiShibukawaSenior, .ticket_modal_head.-busMaebashiYouth, .ticket_modal_head.-gunMaasNoritoku {
    padding: 0 0 2rem;
  }
  .ticket_modal_head.-gunma {
    height: fit-content;
  }
}

.modal_head_text {
  font-size: min(3.7333333333vw, 1.4rem);
  font-weight: bold;
  color: #089942;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", sans-serif;
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px) {
  .modal_head_text {
    font-size: min(1.953125vw, 1.5rem);
    margin-bottom: 2.6041666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .modal_head_text {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .modal_head_text.-taxiShibukawaSenior {
    margin-bottom: 1rem;
  }
}
@media (orientation: landscape) {
  .modal_head_text.-gunma {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 768px) and (max-height: 420px) {
  .modal_head_text.-gunma {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 1025px) {
  .modal_head_text.-gunma {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.ticket_description {
  font-size: min(3.4666666667vw, 1.3rem);
  line-height: 1.7;
}
@media (orientation: landscape) {
  .ticket_description.-taxiShibukawaSenior, .ticket_description.-busMaebashiYouth, .ticket_description.-commuterPass {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .ticket_description {
    font-size: min(1.953125vw, 1.5rem);
    margin-bottom: 5%;
  }
  .ticket_description.-central, .ticket_description.-mybus, .ticket_description.-gunma, .ticket_description.-jomo, .ticket_description.-joshin, .ticket_description.-wataraseValley, .ticket_description.-wataraseRailway, .ticket_description.-onsen_bus_ikaho, .ticket_description.-onsen_bus_shima, .ticket_description.-onsen_bus_kusatsu, .ticket_description.-maebashiSenior, .ticket_description.-busShibukawaSenior, .ticket_description.-gunMaasNoritoku, .ticket_description.-commonParkingTicket, .ticket_description.-ecoBike, .ticket_description.-maebashiCommon, .ticket_description.-commuterPass, .ticket_description.-minakamiOnsen, .ticket_description.-ikahoLiner {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_description {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
}

.pdf_link {
  font-size: min(3.4666666667vw, 1.3rem);
  line-height: 1.3076923077;
  font-weight: bold;
  color: #089942;
  border: 1px solid #089942;
  border-radius: 1rem;
  padding: 1rem 1.3rem;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .pdf_link {
    font-size: min(1.6927083333vw, 1.3rem);
  }
}

.watarase_link_btn {
  width: 100%;
  display: block;
  font-size: min(4.2666666667vw, 1.6rem);
  font-weight: bold;
  color: #089942;
  text-align: center;
  border: 1px solid #089942;
  padding: 4vw 2%;
  border-radius: 2.6666666667vw;
  grid-column: 1/4;
  grid-row: 3/4;
}
@media screen and (min-width: 768px) {
  .watarase_link_btn {
    font-size: min(2.0833333333vw, 1.6rem);
    padding: 1.953125vw 2%;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .watarase_link_btn {
    width: 18.6rem;
    font-size: min(0.6770833333vw, 1.3rem);
    padding: 1rem 1.3rem;
    border-radius: 1rem;
    margin-right: 2rem;
    grid-column: unset;
    grid-row: unset;
    margin-right: 0;
    margin-left: auto;
  }
}

.maebashiSenior_link_btn {
  width: 100%;
  display: block;
  font-size: min(3.7333333333vw, 1.4rem);
  font-weight: bold;
  color: #089942;
  text-align: center;
  border: 1px solid #089942;
  padding: min(2.6666666667vw, 1rem) 2%;
  border-radius: min(2.6666666667vw, 1rem);
  margin: min(5.3333333333vw, 2rem) auto 0;
}
@media screen and (min-width: 768px) {
  .maebashiSenior_link_btn {
    font-size: min(2.0833333333vw, 1.6rem);
    padding: 1.953125vw 2%;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .maebashiSenior_link_btn {
    width: 18.6rem;
    font-size: 1.3rem;
    padding: 1rem 1.3rem;
    border-radius: 1rem;
    margin: 2rem auto 0 0;
  }
}

.busShibukawaSenior_link_btn {
  width: 100%;
  display: block;
  font-size: min(3.7333333333vw, 1.4rem);
  font-weight: bold;
  color: #089942;
  text-align: center;
  border: 1px solid #089942;
  padding: min(2.6666666667vw, 1rem) 2%;
  border-radius: min(2.6666666667vw, 1rem);
  margin: min(5.3333333333vw, 2rem) auto 0;
}
@media screen and (min-width: 768px) {
  .busShibukawaSenior_link_btn {
    font-size: min(2.0833333333vw, 1.6rem);
    padding: 1.953125vw 2%;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .busShibukawaSenior_link_btn {
    width: 18.6rem;
    font-size: 1.3rem;
    padding: 1rem 1.3rem;
    border-radius: 1rem;
    margin: 1rem auto 0 0;
  }
}

.taxiShibukawaSenior_link_btn {
  width: 100%;
  display: block;
  font-size: min(3.7333333333vw, 1.4rem);
  font-weight: bold;
  color: #089942;
  text-align: center;
  border: 1px solid #089942;
  padding: min(2.6666666667vw, 1rem) 2%;
  border-radius: min(2.6666666667vw, 1rem);
  margin: min(2.6666666667vw, 1rem) auto 0;
}
@media screen and (min-width: 768px) {
  .taxiShibukawaSenior_link_btn {
    font-size: min(2.0833333333vw, 1.6rem);
    padding: 1.953125vw 2%;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .taxiShibukawaSenior_link_btn {
    width: 18.6rem;
    font-size: 1.3rem;
    padding: 1rem 1.3rem;
    border-radius: 1rem;
    margin: 1rem auto 0 0;
  }
}

.busMaebashiYouth_link_btn {
  width: 100%;
  display: block;
  font-size: min(3.7333333333vw, 1.4rem);
  font-weight: bold;
  color: #089942;
  text-align: center;
  border: 1px solid #089942;
  padding: min(2.6666666667vw, 1rem) 2%;
  border-radius: min(2.6666666667vw, 1rem);
  margin: min(5.3333333333vw, 2rem) auto 0;
}
@media screen and (min-width: 768px) {
  .busMaebashiYouth_link_btn {
    font-size: min(2.0833333333vw, 1.6rem);
    padding: 1.953125vw 2%;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .busMaebashiYouth_link_btn {
    width: 18.6rem;
    font-size: 1.3rem;
    padding: 1rem 1.3rem;
    border-radius: 1rem;
    margin: 1rem auto 0 0;
  }
}

.ticket_modal_contents_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ticket_modal_contents_inner::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner {
    overflow: hidden;
  }
}
.ticket_modal_contents_inner.-central {
  height: 43%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-central {
    max-height: 1rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-central {
    height: 53%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-central {
    height: 68%;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-central {
    max-height: 25rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-central {
    max-height: 7rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-central {
    grid-column: 1/4;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-mybus {
  height: 65%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-mybus {
    max-height: 8rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-mybus {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-mybus {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-mybus {
    max-height: 28rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-mybus {
    max-height: 8rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-mybus {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-gunma {
  height: 65%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-gunma {
    max-height: 9rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-gunma {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-gunma {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-gunma {
    max-height: 30rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-gunma {
    max-height: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-gunma {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-jomo {
  height: 65%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-jomo {
    max-height: 8rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-jomo {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-jomo {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-jomo {
    max-height: 24rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-jomo {
    max-height: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-jomo {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-joshin {
  height: 65%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-joshin {
    max-height: 12rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-joshin {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-joshin {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-joshin {
    max-height: 28rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-joshin {
    max-height: 6rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-joshin {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-wataraseValley {
  height: 65%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-wataraseValley {
    max-height: 13rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-wataraseValley {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-wataraseValley {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-wataraseValley {
    max-height: 28rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-wataraseValley {
    max-height: 6rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-wataraseValley {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-wataraseRailway {
  height: 65%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-wataraseRailway {
    max-height: 14.5rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-wataraseRailway {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-wataraseRailway {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-wataraseRailway {
    max-height: 28rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-wataraseRailway {
    max-height: 7rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-wataraseRailway {
    height: 41rem;
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-onsen_bus_ikaho {
  height: 54%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-onsen_bus_ikaho {
    max-height: 5rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-onsen_bus_ikaho {
    height: 59%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-onsen_bus_ikaho {
    height: 70%;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-onsen_bus_ikaho {
    max-height: 24rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-onsen_bus_ikaho {
    max-height: 6rem;
  }
}
.ticket_modal_contents_inner.-onsen_bus_shima {
  height: 50%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-onsen_bus_shima {
    max-height: 5rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-onsen_bus_shima {
    height: 54%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-onsen_bus_shima {
    height: 70%;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-onsen_bus_shima {
    max-height: 24rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-onsen_bus_shima {
    max-height: 6rem;
  }
}
.ticket_modal_contents_inner.-onsen_bus_kusatsu {
  height: 70%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-onsen_bus_kusatsu {
    max-height: 10rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-onsen_bus_kusatsu {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-onsen_bus_kusatsu {
    height: 75%;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-onsen_bus_kusatsu {
    max-height: 28rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-onsen_bus_kusatsu {
    max-height: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-onsen_bus_ikaho, .ticket_modal_contents_inner.-onsen_bus_shima, .ticket_modal_contents_inner.-onsen_bus_kusatsu {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-maebashiSenior {
  height: 26%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-maebashiSenior {
    max-height: 3px;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-maebashiSenior {
    height: 34%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-maebashiSenior {
    height: 50%;
    max-height: min(67.08984375vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-maebashiSenior {
    max-height: 14rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-maebashiSenior {
    max-height: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-maebashiSenior {
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-busShibukawaSenior {
  height: 26%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-busShibukawaSenior {
    max-height: 3rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-busShibukawaSenior {
    height: 34%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-busShibukawaSenior {
    height: 50%;
    max-height: min(67.08984375vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-busShibukawaSenior {
    max-height: 14rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-busShibukawaSenior {
    max-height: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-busShibukawaSenior {
    width: 95%;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-taxiShibukawaSenior {
  height: 25%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-taxiShibukawaSenior {
    max-height: 3rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-taxiShibukawaSenior {
    height: 34%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-taxiShibukawaSenior {
    height: 50%;
    max-height: min(63.4765625vw, 65rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-taxiShibukawaSenior {
    max-height: 14rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-taxiShibukawaSenior {
    max-height: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-taxiShibukawaSenior {
    width: 95%;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-busMaebashiYouth {
  height: 26%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-busMaebashiYouth {
    max-height: 3px;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-busMaebashiYouth {
    height: 34%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-busMaebashiYouth {
    height: 50%;
    max-height: min(67.08984375vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-busMaebashiYouth {
    max-height: 14rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-busMaebashiYouth {
    max-height: 6px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-busMaebashiYouth {
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-gunMaasNoritoku {
  height: 52%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-gunMaasNoritoku {
    max-height: 3px;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-gunMaasNoritoku {
    height: 60%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-gunMaasNoritoku {
    height: 66%;
    max-height: min(67.08984375vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-gunMaasNoritoku {
    max-height: 23rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-gunMaasNoritoku {
    max-height: 7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-gunMaasNoritoku {
    max-height: none;
    overflow: hidden;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-commonParkingTicket {
  height: 60%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-commonParkingTicket {
    max-height: 9.2rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-commonParkingTicket {
    height: 62%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-commonParkingTicket {
    height: 56%;
    max-height: min(67.08984375vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-commonParkingTicket {
    height: 65%;
    max-height: 24rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-commonParkingTicket {
    height: 50%;
    max-height: 12.6rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-commonParkingTicket {
    height: 78%;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-ecoBike {
  height: 60%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-ecoBike {
    max-height: 12rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-ecoBike {
    height: 62%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-ecoBike {
    height: 76%;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-ecoBike {
    height: 70%;
    max-height: 30rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-ecoBike {
    max-height: 13rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-ecoBike {
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-maebashiCommon {
  height: 37%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-maebashiCommon {
    max-height: 1rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-maebashiCommon {
    height: 53%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-maebashiCommon {
    height: 72%;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-maebashiCommon {
    max-height: 26rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-maebashiCommon {
    max-height: 7rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-maebashiCommon {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-commuterPass {
  height: 26%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-commuterPass {
    max-height: 3px;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-commuterPass {
    height: 34%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-commuterPass {
    height: 50%;
    max-height: min(67.08984375vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-commuterPass {
    max-height: 14rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-commuterPass {
    max-height: 6px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-commuterPass {
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-minakamiOnsen {
  height: 54%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    max-height: 3rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    height: 60%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    max-height: 27rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    max-height: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    max-height: min(51.7578125vw, 53rem);
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-minakamiOnsen {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}
.ticket_modal_contents_inner.-ikahoLiner {
  height: 64%;
  margin-bottom: 2rem;
  padding: 6.6666666667vw 4% 0;
}
@media (orientation: landscape) {
  .ticket_modal_contents_inner.-ikahoLiner {
    max-height: 3rem;
  }
}
@media screen and (min-width: 391px) {
  .ticket_modal_contents_inner.-ikahoLiner {
    height: 65%;
  }
}
@media screen and (min-width: 768px) {
  .ticket_modal_contents_inner.-ikahoLiner {
    height: auto;
    max-height: min(68.7vw, 68.7rem);
    padding: 3.2552083333vw 4% 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .ticket_modal_contents_inner.-ikahoLiner {
    max-height: 27rem;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) and (min-width: 768px) and (max-height: 420px) {
  .ticket_modal_contents_inner.-ikahoLiner {
    max-height: 8rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_modal_contents_inner.-ikahoLiner {
    grid-column: 1/2;
    grid-row: 3/4;
    max-height: none;
    height: fit-content;
    padding: 0;
    margin-bottom: 0;
  }
}

.ticket_contents_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ticket_contents_wrap::-webkit-scrollbar {
  display: none;
}

.ticket_contents {
  width: 100%;
}
.ticket_contents .modal_notice {
  font-size: min(3.2vw, 1.2rem);
  color: #707070;
  letter-spacing: 0.36px;
  line-height: 1.9;
  margin-top: 8vw;
}
@media screen and (min-width: 768px) {
  .ticket_contents .modal_notice {
    font-size: min(1.5625vw, 1.2rem);
    margin-top: 3.90625vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents .modal_notice {
    font-size: 1.2rem;
    letter-spacing: 0.36px;
    line-height: 1.8333333333;
    margin-top: 0;
  }
}
.ticket_contents--map {
  width: 100%;
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents--map {
    display: none;
  }
}
.ticket_contents--map .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: min(2.6666666667vw, 1rem);
  border-radius: min(2.6666666667vw, 1rem);
  text-align: center;
  vertical-align: middle;
  margin-bottom: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents--map .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
  }
}
.ticket_contents--map .map_area {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.ticket_contents--map .map_area .map_img {
  width: 100%;
}
.ticket_contents--map .map_area .zoom_btn {
  width: 10.6666666667vw;
  position: absolute;
  top: -3%;
  right: -2.3%;
}
@media screen and (min-width: 768px) {
  .ticket_contents--map .map_area .zoom_btn {
    width: 6.5104166667vw;
    top: -2%;
    right: -1.3%;
  }
}

.ticket_contents.-central {
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: auto 1fr auto;
    grid-column: 1/2;
    grid-row: 3/4;
    padding-top: 0;
  }
}
.ticket_contents.-central .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .row {
    flex-wrap: nowrap;
    padding-top: 0;
    max-width: 44.2rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.ticket_contents.-central .row2 {
  padding-bottom: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .row2 {
    grid-column: 3/4;
    grid-row: 2/3;
    padding-block: 1.4rem;
  }
}
.ticket_contents.-central .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-central .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-central .sub_index_time {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  background-color: #F08300;
  color: #FFFFFF;
  border-radius: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .sub_index_time {
    width: 8rem;
    margin-right: 2rem;
    margin-top: 0;
  }
}
.ticket_contents.-central .sub_index_category {
  font-size: min(3.2vw, 1.2rem);
  margin-right: min(4vw, 1.5rem);
  font-weight: bold;
}
.ticket_contents.-central .sub_index_category.-general {
  width: 100%;
  font-size: 1.6rem;
  padding-block: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .sub_index_category.-general {
    width: fit-content;
    padding-block: 0;
  }
}
.ticket_contents.-central .sub_index_category.-resident {
  width: 100%;
  font-size: 1.6rem;
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .sub_index_category.-resident {
    width: fit-content;
    margin-right: 1.9rem;
    padding-bottom: 0;
  }
}
.ticket_contents.-central .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  min-width: min(14.9333333333vw, 5.6rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .sub_index_age {
    width: 5.6rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-central .sub_index_age.-child {
  margin-left: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .sub_index_age.-child {
    margin-left: 2rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-central .price {
  font-size: min(4.8vw, 1.8rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-central .price {
    font-size: min(2.6041666667vw, 2rem);
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .price {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central .modal_notice {
    grid-column: 1/4;
    grid-row: 3/4;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-central--map {
    display: none;
  }
}
.ticket_contents.-mybus {
  padding: min(8vw, 3rem) 0 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-mybus {
    padding-bottom: 6.5104166667vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus {
    width: 100%;
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: auto 2rem auto 2rem auto;
    padding: 0;
  }
}
.ticket_contents.-mybus .row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .row {
    width: 100%;
    align-items: center;
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .row2 {
    grid-column: 1/4;
    grid-row: 3/4;
  }
}
.ticket_contents.-mybus .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-mybus .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-mybus .sub_index_category {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  margin: 0 min(4vw, 1.5rem) min(4vw, 1.5rem) 0;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .sub_index_category {
    width: fit-content;
    font-size: 1.6rem;
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .sub_index_category.-general {
    padding: 0 2rem 0 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .sub_index_category.-resident {
    padding: 0 2rem 0 1rem;
  }
}
.ticket_contents.-mybus .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  min-width: min(14.9333333333vw, 5.6rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .sub_index_age {
    width: 13rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-mybus .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-mybus .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.ticket_contents.-gunma {
  width: 100%;
  padding: min(8vw, 3rem) 0 min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: 1fr;
    padding: 0;
  }
}
.ticket_contents.-gunma .row {
  display: flex;
  align-items: center;
  margin-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma .row {
    width: 100%;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.ticket_contents.-gunma .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-gunma .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-gunma .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(2.6666666667vw, 1rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-gunma .sub_index_age {
    padding: 7px 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma .sub_index_age {
    width: 5.6rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-gunma .sub_index_age.-child {
  margin-left: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-gunma .sub_index_age.-child {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma .sub_index_age.-child {
    margin-left: 2rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-gunma .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunma--map {
    display: none;
  }
}
.ticket_contents.-jomo {
  padding: min(8vw, 3rem) 0 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-jomo {
    padding-bottom: 6.5104166667vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo {
    width: 100%;
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: auto 2rem auto 2rem auto;
    padding: 0;
  }
}
.ticket_contents.-jomo .row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .row {
    width: 100%;
    align-items: center;
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .row2 {
    grid-column: 1/4;
    grid-row: 3/4;
  }
}
.ticket_contents.-jomo .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-jomo .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-jomo .sub_index_category {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  margin: 0 min(4vw, 1.5rem) min(4vw, 1.5rem) 0;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .sub_index_category {
    width: fit-content;
    font-size: 1.6rem;
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .sub_index_category.-general {
    padding: 0 2rem 0 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .sub_index_category.-resident {
    padding: 0 2rem 0 1rem;
  }
}
.ticket_contents.-jomo .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
}
.ticket_contents.-jomo .sub_index_age.-child {
  margin-right: min(2.6666666667vw, 1rem);
}
.ticket_contents.-jomo .sub_index_age.-child.-child1 {
  margin-left: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .sub_index_age.-child.-child1 {
    margin-left: 2.5rem;
  }
}
.ticket_contents.-jomo .sub_index_age.-child.-child2 {
  margin-left: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .sub_index_age.-child.-child2 {
    margin-left: 4.5rem;
  }
}
.ticket_contents.-jomo .sub_index_age.-adult {
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .sub_index_age {
    margin-top: 0;
  }
}
.ticket_contents.-jomo .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-jomo .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.ticket_contents.-joshin {
  width: 100%;
  padding: min(8vw, 3rem) 0 min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: 1fr;
    padding: 0;
  }
}
.ticket_contents.-joshin .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .row {
    width: 100%;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
    flex-wrap: nowrap;
  }
}
.ticket_contents.-joshin .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-joshin .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-joshin .sub_index_category {
  font-size: min(3.4666666667vw, 1.3rem);
  margin-right: min(4vw, 1.5rem);
  font-weight: bold;
}
.ticket_contents.-joshin .sub_index_category.-general {
  width: 100%;
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .sub_index_category.-general {
    font-size: 1.6rem;
    width: fit-content;
    padding-bottom: 0;
    margin-right: 2rem;
  }
}
.ticket_contents.-joshin .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(2.6666666667vw, 1rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-joshin .sub_index_age {
    padding: 7px 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .sub_index_age {
    width: 5.6rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-joshin .sub_index_age.-child {
  margin-left: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-joshin .sub_index_age.-child {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .sub_index_age.-child {
    margin-left: 2.5rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-joshin .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-joshin .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.ticket_contents.-wataraseValley {
  width: 100%;
  padding: min(8vw, 3rem) 0 min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: 1fr;
    padding: 0;
  }
}
.ticket_contents.-wataraseValley .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .row {
    width: 100%;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
    flex-wrap: nowrap;
  }
}
.ticket_contents.-wataraseValley .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseValley .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-wataraseValley .sub_index_category {
  font-size: min(3.4666666667vw, 1.3rem);
  margin-right: min(4vw, 1.5rem);
  font-weight: bold;
}
.ticket_contents.-wataraseValley .sub_index_category.-general {
  width: 100%;
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .sub_index_category.-general {
    font-size: 1.6rem;
    width: fit-content;
    padding-bottom: 0;
    margin-right: 2rem;
  }
}
.ticket_contents.-wataraseValley .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(2.6666666667vw, 1rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseValley .sub_index_age {
    padding: 7px 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .sub_index_age {
    width: 5.6rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-wataraseValley .sub_index_age.-child {
  margin-left: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseValley .sub_index_age.-child {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .sub_index_age.-child {
    margin-left: 2.5rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-wataraseValley .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseValley .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.ticket_contents.-wataraseRailway {
  width: 100%;
  padding: min(8vw, 3rem) 0 min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: 1fr;
    padding: 0;
  }
}
.ticket_contents.-wataraseRailway .row {
  display: grid;
  grid-template-columns: auto 2.6666666667vw auto;
  grid-template-rows: auto 4vw auto;
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseRailway .row {
    width: 100%;
    grid-template-columns: 19.53125vw 1.3020833333vw auto;
    grid-template-rows: auto 1.953125vw auto;
    margin-top: 3.2552083333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .row {
    width: 100%;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    grid-template-columns: unset;
    grid-template-rows: unset;
  }
}
.ticket_contents.-wataraseRailway .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseRailway .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-wataraseRailway .sub_index_category {
  margin-right: min(4vw, 1.5rem);
  font-weight: bold;
}
.ticket_contents.-wataraseRailway .sub_index_category.-general {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  padding-bottom: min(4vw, 1.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .sub_index_category.-general {
    width: fit-content;
    padding-bottom: 0;
    font-size: 1.6rem;
    margin-right: 2rem;
  }
}
.ticket_contents.-wataraseRailway .sub_index {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-bottom: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .sub_index {
    grid-column: unset;
    grid-row: unset;
    margin-right: 2rem;
    padding: 0 2rem 0 0;
  }
}
.ticket_contents.-wataraseRailway .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(2.6666666667vw, 1rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseRailway .sub_index_age {
    padding: 7px 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .sub_index_age {
    width: 5.6rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-wataraseRailway .sub_index_age.-child {
  margin-left: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseRailway .sub_index_age.-child {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .sub_index_age.-child {
    margin-left: 2.5rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-wataraseRailway .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(4.2666666667vw, 1.6rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
  grid-column: 3/4;
  grid-row: 1/2;
  text-align: right;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-wataraseRailway .price {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .price {
    font-size: 2rem;
    letter-spacing: 0.75px;
    grid-column: unset;
    grid-row: unset;
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-wataraseRailway .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.ticket_contents.-onsen_bus_ikaho, .ticket_contents.-onsen_bus_shima, .ticket_contents.-onsen_bus_kusatsu {
  width: 100%;
  padding: min(8vw, 3rem) 0 min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho, .ticket_contents.-onsen_bus_shima, .ticket_contents.-onsen_bus_kusatsu {
    display: flex;
    align-items: center;
    padding: 0;
  }
}
.ticket_contents.-onsen_bus_ikaho .row, .ticket_contents.-onsen_bus_shima .row, .ticket_contents.-onsen_bus_kusatsu .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: min(10.6666666667vw, 4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .row, .ticket_contents.-onsen_bus_shima .row, .ticket_contents.-onsen_bus_kusatsu .row {
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
    flex-wrap: nowrap;
  }
}
.ticket_contents.-onsen_bus_ikaho .index, .ticket_contents.-onsen_bus_shima .index, .ticket_contents.-onsen_bus_kusatsu .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-onsen_bus_ikaho .index, .ticket_contents.-onsen_bus_shima .index, .ticket_contents.-onsen_bus_kusatsu .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .index, .ticket_contents.-onsen_bus_shima .index, .ticket_contents.-onsen_bus_kusatsu .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-onsen_bus_ikaho .sub_index_category.-general, .ticket_contents.-onsen_bus_shima .sub_index_category.-general, .ticket_contents.-onsen_bus_kusatsu .sub_index_category.-general {
  display: none;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .sub_index_category.-general, .ticket_contents.-onsen_bus_shima .sub_index_category.-general, .ticket_contents.-onsen_bus_kusatsu .sub_index_category.-general {
    display: block;
    width: fit-content;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 1.5rem;
    margin-left: 2rem;
  }
}
.ticket_contents.-onsen_bus_ikaho .sub_index_age, .ticket_contents.-onsen_bus_shima .sub_index_age, .ticket_contents.-onsen_bus_kusatsu .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(2.6666666667vw, 1rem);
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-onsen_bus_ikaho .sub_index_age, .ticket_contents.-onsen_bus_shima .sub_index_age, .ticket_contents.-onsen_bus_kusatsu .sub_index_age {
    padding: 7px 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .sub_index_age, .ticket_contents.-onsen_bus_shima .sub_index_age, .ticket_contents.-onsen_bus_kusatsu .sub_index_age {
    width: 5.6rem;
    min-width: unset;
    margin-top: 0;
  }
}
.ticket_contents.-onsen_bus_ikaho .sub_index_age.-child, .ticket_contents.-onsen_bus_shima .sub_index_age.-child, .ticket_contents.-onsen_bus_kusatsu .sub_index_age.-child {
  margin-left: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 768px) {
  .ticket_contents.-onsen_bus_ikaho .sub_index_age.-child, .ticket_contents.-onsen_bus_shima .sub_index_age.-child, .ticket_contents.-onsen_bus_kusatsu .sub_index_age.-child {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .sub_index_age.-child, .ticket_contents.-onsen_bus_shima .sub_index_age.-child, .ticket_contents.-onsen_bus_kusatsu .sub_index_age.-child {
    margin-left: 2rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-onsen_bus_ikaho .price, .ticket_contents.-onsen_bus_shima .price, .ticket_contents.-onsen_bus_kusatsu .price {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .price, .ticket_contents.-onsen_bus_shima .price, .ticket_contents.-onsen_bus_kusatsu .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho .modal_notice, .ticket_contents.-onsen_bus_shima .modal_notice, .ticket_contents.-onsen_bus_kusatsu .modal_notice {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-onsen_bus_ikaho--map, .ticket_contents.-onsen_bus_shima--map, .ticket_contents.-onsen_bus_kusatsu--map {
    display: none;
  }
}
.ticket_contents.-maebashiSenior .row {
  padding-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiSenior .row {
    display: grid;
    grid-template-columns: 8rem 2.2rem auto;
    grid-template-rows: 1fr auto;
  }
}
.ticket_contents.-maebashiSenior .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-maebashiSenior .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiSenior .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-maebashiSenior .sub_index_age {
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  margin-top: min(6.4vw, 2.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiSenior .sub_index_age {
    font-size: 2rem;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.ticket_contents.-maebashiSenior .price {
  font-size: min(4.8vw, 1.8rem);
  margin-top: min(2.6666666667vw, 1rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiSenior .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
    margin-top: 1rem;
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.ticket_contents.-maebashiSenior .modal_notice {
  margin-top: min(5.3333333333vw, 2rem);
  line-height: 1.8333333333;
}
.ticket_contents.-busShibukawaSenior .row {
  padding-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busShibukawaSenior .row {
    display: grid;
    grid-template-columns: 8rem 2.2rem auto;
    grid-template-rows: 1fr auto;
  }
}
.ticket_contents.-busShibukawaSenior .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-busShibukawaSenior .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busShibukawaSenior .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-busShibukawaSenior .sub_index_age {
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  margin-top: min(6.4vw, 2.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busShibukawaSenior .sub_index_age {
    font-size: 2rem;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.ticket_contents.-busShibukawaSenior .price {
  font-size: min(4.8vw, 1.8rem);
  margin-top: min(2.6666666667vw, 1rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busShibukawaSenior .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.ticket_contents.-busShibukawaSenior .modal_notice {
  margin-top: min(4vw, 1.5rem);
  line-height: 1.8333333333;
}
.ticket_contents.-taxiShibukawaSenior .row {
  padding-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-taxiShibukawaSenior .row {
    display: grid;
    grid-template-columns: 8rem 2.2rem auto;
    grid-template-rows: 1fr auto;
  }
  .ticket_contents.-taxiShibukawaSenior .row:not(:first-of-type) {
    padding-top: 1rem;
  }
}
.ticket_contents.-taxiShibukawaSenior .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-taxiShibukawaSenior .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-taxiShibukawaSenior .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-taxiShibukawaSenior .sub_index_age {
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  margin-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-taxiShibukawaSenior .sub_index_age {
    font-size: 1.4rem;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.ticket_contents.-taxiShibukawaSenior .price {
  font-size: min(4.8vw, 1.8rem);
  margin-top: min(2.6666666667vw, 1rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-taxiShibukawaSenior .price {
    letter-spacing: 0.75px;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .ticket_contents.-taxiShibukawaSenior .price--first {
    margin-top: -1.2rem;
  }
  .ticket_contents.-taxiShibukawaSenior .price--notFirst {
    margin-top: 6px;
  }
}
.ticket_contents.-taxiShibukawaSenior .modal_notice {
  margin-top: min(5.3333333333vw, 2rem);
  line-height: 1.8333333333;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-taxiShibukawaSenior .modal_notice {
    margin-top: 1rem;
  }
}
.ticket_contents.-busMaebashiYouth .row {
  padding-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busMaebashiYouth .row {
    display: grid;
    grid-template-columns: 8rem 2.2rem auto;
    grid-template-rows: 1fr auto;
    padding-top: 3rem;
  }
}
.ticket_contents.-busMaebashiYouth .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-busMaebashiYouth .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busMaebashiYouth .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-busMaebashiYouth .sub_index_age {
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  margin-top: min(6.4vw, 2.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busMaebashiYouth .sub_index_age {
    font-size: 2rem;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.ticket_contents.-busMaebashiYouth .price {
  font-size: min(4.8vw, 1.8rem);
  margin-top: min(2.6666666667vw, 1rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busMaebashiYouth .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
    margin-top: 0;
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.ticket_contents.-busMaebashiYouth .modal_notice {
  margin-top: min(5.3333333333vw, 2rem);
  line-height: 1.8333333333;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-busMaebashiYouth .modal_notice {
    margin-top: 1.5rem;
  }
}
.ticket_contents.-gunMaasNoritoku {
  padding-block: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku {
    display: grid;
    grid-template-columns: 8.6rem 2rem 18.5rem 1.5rem 18.5rem 1.5rem 18.5rem;
    grid-template-rows: 1fr auto;
  }
}
.ticket_contents.-gunMaasNoritoku .row {
  display: flex;
  align-items: center;
  column-gap: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .row {
    padding-top: 0;
  }
}
.ticket_contents.-gunMaasNoritoku .row1 {
  padding-top: min(10.6666666667vw, 4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
    padding-top: 0;
  }
}
.ticket_contents.-gunMaasNoritoku .row2 {
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .row2 {
    grid-column: 5/6;
    grid-row: 1/2;
    padding-top: 0;
  }
}
.ticket_contents.-gunMaasNoritoku .row3 {
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .row3 {
    grid-column: 7/8;
    grid-row: 1/2;
    padding-top: 0;
  }
}
.ticket_contents.-gunMaasNoritoku .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-gunMaasNoritoku .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-gunMaasNoritoku .sub_index_grade {
  min-width: min(21.3333333333vw, 8rem);
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
  font-size: min(3.2vw, 1.2rem);
  font-weight: bold;
  color: #089942;
  border-radius: 1rem;
  border: 2px solid #089942;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .sub_index_grade {
    font-size: 1.2rem;
    border-radius: 1rem;
  }
}
.ticket_contents.-gunMaasNoritoku .price {
  font-size: min(4.8vw, 1.8rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
.ticket_contents.-gunMaasNoritoku .modal_notice {
  margin-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-gunMaasNoritoku .modal_notice {
    margin-top: 3rem;
    grid-column: 1/8;
    grid-row: 3/4;
  }
}
.ticket_contents.-commonParkingTicket {
  width: 100%;
  padding-block: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-commonParkingTicket {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: 1fr 2rem auto;
    padding: 3rem 0 0;
  }
}
.ticket_contents.-commonParkingTicket .row {
  display: flex;
  align-items: center;
  padding-top: min(6.4vw, 2.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-commonParkingTicket .row {
    grid-column: 3/4;
    grid-row: 1/2;
    margin-block: auto;
    padding-top: 0;
  }
}
.ticket_contents.-commonParkingTicket .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-commonParkingTicket .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-commonParkingTicket .index {
    width: 8.6rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-commonParkingTicket .sub_index_term {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 6%;
  font-size: min(3.2vw, 1.2rem);
  font-weight: bold;
  color: #089942;
  border-radius: 1rem;
  border: 2px solid #089942;
  background-color: #FFFFFF;
  margin-right: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-commonParkingTicket .sub_index_term {
    width: 17.2rem;
    padding: 7px 8px;
  }
}
.ticket_contents.-commonParkingTicket .price {
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-commonParkingTicket .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-commonParkingTicket .modal_notice {
    grid-column: 1/4;
    grid-row: 3/4;
  }
}
.ticket_contents.-ecoBike {
  padding-block: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: auto auto 1fr auto auto;
    padding-bottom: 0;
  }
}
.ticket_contents.-ecoBike .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: min(4vw, 1.5rem);
  margin-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .row {
    width: 35.4rem;
    flex-wrap: nowrap;
    padding-top: 0;
    row-gap: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
    padding-bottom: 1.4rem;
  }
}
.ticket_contents.-ecoBike .row2 {
  padding-bottom: min(5.3333333333vw, 2rem);
  border-bottom: 1px solid #eaeaea;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .row2 {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .row3 {
    grid-column: 3/4;
    grid-row: 3/4;
    padding-top: 2rem;
    padding-bottom: 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .row4 {
    grid-column: 3/4;
    grid-row: 4/5;
  }
}
.ticket_contents.-ecoBike .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-ecoBike .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-ecoBike .sub_index_time {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  background-color: #F08300;
  color: #FFFFFF;
  border-radius: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .sub_index_time {
    width: fit-content;
    margin-right: 2rem;
    margin-top: 0;
  }
}
.ticket_contents.-ecoBike .sub_index_category {
  width: 100%;
  font-size: min(4.2666666667vw, 1.6rem);
  color: #333333;
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .sub_index_category {
    width: fit-content;
    margin-right: 1.5rem;
  }
}
.ticket_contents.-ecoBike .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
  margin-right: min(2.6666666667vw, 1rem);
}
.ticket_contents.-ecoBike .price {
  font-size: min(4.8vw, 1.8rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
.ticket_contents.-ecoBike .modal_notice {
  font-size: min(3.2vw, 1.2rem);
  line-height: 1.8333333333;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ecoBike .modal_notice {
    margin-top: 3rem;
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.ticket_contents.-maebashiCommon {
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: auto 1fr auto auto 1fr auto auto;
    grid-column: 1/2;
    grid-row: 3/4;
    padding-top: 0;
  }
}
.ticket_contents.-maebashiCommon .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: min(4vw, 1.5rem);
  padding-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row {
    flex-wrap: nowrap;
    padding-top: 0;
    row-gap: 0;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row2 {
    margin-left: 8rem;
    grid-column: 3/4;
    grid-row: 2/3;
    padding-block: 1.4rem;
  }
}
.ticket_contents.-maebashiCommon .row3 {
  padding-bottom: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row3 {
    margin-left: 8rem;
    grid-column: 3/4;
    grid-row: 3/4;
  }
}
.ticket_contents.-maebashiCommon .row4 {
  border-top: 1px solid #eaeaea;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row4 {
    grid-column: 3/4;
    grid-row: 4/5;
    padding-top: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row5 {
    margin-left: 8rem;
    grid-column: 3/4;
    grid-row: 5/6;
    padding-block: 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .row6 {
    margin-left: 8rem;
    grid-column: 3/4;
    grid-row: 6/7;
  }
}
.ticket_contents.-maebashiCommon .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-maebashiCommon .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .index {
    width: 8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-maebashiCommon .sub_index_time {
  width: 100%;
  font-size: min(3.2vw, 1.2rem);
  background-color: #F08300;
  color: #FFFFFF;
  border-radius: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .sub_index_time {
    width: fit-content;
    margin-right: 2rem;
    margin-top: 0;
  }
}
.ticket_contents.-maebashiCommon .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  min-width: min(38.4vw, 14.4rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
  margin-right: min(2.6666666667vw, 1rem);
}
.ticket_contents.-maebashiCommon .price {
  font-size: min(4.8vw, 1.8rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
  }
}
.ticket_contents.-maebashiCommon .modal_notice {
  font-size: min(3.2vw, 1.2rem);
  line-height: 1.8333333333;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon .modal_notice {
    margin-top: 2rem;
    grid-column: 1/4;
    grid-row: 7/8;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-maebashiCommon--map {
    display: none;
  }
}
.ticket_contents.-commuterPass .modal_notice {
  margin-top: 0;
  line-height: 1.8333333333;
}
.ticket_contents.-minakamiOnsen {
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-minakamiOnsen {
    display: grid;
    grid-template-columns: 8.6rem 2rem auto;
    grid-template-rows: 1fr auto;
    padding-top: 0;
  }
}
.ticket_contents.-minakamiOnsen .row {
  margin-top: min(6.6666666667vw, 2.5rem);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-minakamiOnsen .row {
    grid-column: 3/4;
    grid-row: 1/2;
    margin-top: 0;
  }
}
.ticket_contents.-minakamiOnsen .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-minakamiOnsen .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-minakamiOnsen .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-minakamiOnsen .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  min-width: min(13.8666666667vw, 5.2rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(2.6666666667vw, 1rem);
  margin-right: min(2.1333333333vw, 0.8rem);
}
.ticket_contents.-minakamiOnsen .sub_index_age.-child {
  margin-left: min(3.7333333333vw, 1.4rem);
}
.ticket_contents.-minakamiOnsen .price {
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-minakamiOnsen .price {
    font-size: 2.5rem;
    letter-spacing: 0.75px;
    min-width: 1.8rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-minakamiOnsen .modal_notice {
    grid-column: 1/4;
    grid-row: 2/3;
    margin-top: 2.2rem;
  }
}
.ticket_contents.-ikahoLiner {
  padding-top: min(8vw, 3rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner {
    display: grid;
    grid-template-columns: 8.6rem 2rem 21rem 2rem auto;
    grid-template-rows: 1fr auto;
    padding-top: 0;
  }
}
.ticket_contents.-ikahoLiner .row {
  display: flex;
  align-items: center;
}
.ticket_contents.-ikahoLiner .row1 {
  margin-top: min(6.6666666667vw, 2.5rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .row1 {
    grid-column: 3/4;
    grid-row: 1/2;
    margin-top: 0;
  }
}
.ticket_contents.-ikahoLiner .row2 {
  padding-top: min(2.6666666667vw, 1rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .row2 {
    grid-column: 5/6;
    grid-row: 1/2;
    padding-top: 0;
  }
}
.ticket_contents.-ikahoLiner .index {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  background-color: #089942;
  color: #fafafa;
  padding: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .ticket_contents.-ikahoLiner .index {
    font-size: min(1.6927083333vw, 1.3rem);
    padding: 1.3020833333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .index {
    width: 8rem;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ticket_contents.-ikahoLiner .sub_index_age {
  font-size: min(3.2vw, 1.2rem);
  width: min(26.6666666667vw, 10rem);
  background-color: #FFFFFF;
  color: #089942;
  border-radius: 1rem;
  font-weight: bold;
  border: 2px solid #089942;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.8666666667vw, 0.7rem) min(3.7333333333vw, 1.4rem);
  margin-right: min(2.1333333333vw, 0.8rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .sub_index_age {
    min-width: 9rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .sub_index_age.-child {
    margin-left: 1.5rem;
  }
}
.ticket_contents.-ikahoLiner .price {
  width: min(26.6666666667vw, 10rem);
  font-size: min(5.3333333333vw, 2rem);
  color: #089942;
  font-weight: bold;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .price {
    width: fit-content;
    font-size: 2.5rem;
    letter-spacing: 0.75px;
    min-width: 1.8rem;
  }
}
.ticket_contents.-ikahoLiner .modal_notice {
  margin-top: min(5.3333333333vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .ticket_contents.-ikahoLiner .modal_notice {
    grid-column: 1/6;
    grid-row: 2/3;
    margin-top: 2.2rem;
  }
}

.modal_close {
  display: block;
  width: 21.3333333333vw;
  max-width: 8rem;
  height: 9.3333333333vw;
  max-height: 3.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 210;
  background-color: #089942;
  padding: 1rem;
  border-radius: 1.5rem 0 1em 0;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .modal_close {
    border-radius: 0 1.4rem 0 0;
    bottom: 0;
    left: 0;
  }
}
.modal_close > p {
  width: 100%;
  font-size: min(3.4666666667vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.39px;
  color: #fafafa;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal_close > p {
    font-size: min(1.6927083333vw, 1.3rem);
  }
}
@media screen and (min-width: 1025px) {
  .modal_close > p {
    font-size: 1.3rem;
  }
}

.img_modal {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  display: none;
}
.img_modal--bus .modal_contents {
  width: 100%;
}
@media (orientation: landscape) {
  .img_modal--bus .modal_contents {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 1025px) {
  .img_modal--bus .modal_contents {
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .img_modal--bus .modal_contents .full_size_img {
    display: flex;
    justify-content: center;
  }
}
.img_modal--bus .modal_contents .full_size_img > img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .img_modal--bus .modal_contents .full_size_img > img {
    width: auto;
    height: 100vh;
  }
}
.img_modal--hokkitsu .modal_contents, .img_modal--onogami_komochi .modal_contents {
  width: 100%;
}
@media (orientation: landscape) {
  .img_modal--hokkitsu .modal_contents, .img_modal--onogami_komochi .modal_contents {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 1025px) {
  .img_modal--hokkitsu .modal_contents, .img_modal--onogami_komochi .modal_contents {
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .img_modal--hokkitsu .modal_contents .full_size_img, .img_modal--onogami_komochi .modal_contents .full_size_img {
    display: flex;
    justify-content: center;
  }
}
.img_modal--hokkitsu .modal_contents .full_size_img > img, .img_modal--onogami_komochi .modal_contents .full_size_img > img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1025px) {
  .img_modal--hokkitsu .modal_contents .full_size_img > img, .img_modal--onogami_komochi .modal_contents .full_size_img > img {
    width: auto;
    height: 100vh;
  }
}
.img_modal--central .modal_contents, .img_modal--gunma .modal_contents, .img_modal--onsen_bus_ikaho .modal_contents, .img_modal--onsen_bus_shima .modal_contents, .img_modal--onsen_bus_kusatsu .modal_contents, .img_modal--subscription_pass .modal_contents, .img_modal--update_earth .modal_contents, .img_modal--maebashiCommon .modal_contents {
  width: 100%;
}
@media (orientation: landscape) {
  .img_modal--central .modal_contents, .img_modal--gunma .modal_contents, .img_modal--onsen_bus_ikaho .modal_contents, .img_modal--onsen_bus_shima .modal_contents, .img_modal--onsen_bus_kusatsu .modal_contents, .img_modal--subscription_pass .modal_contents, .img_modal--update_earth .modal_contents, .img_modal--maebashiCommon .modal_contents {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 1025px) {
  .img_modal--central .modal_contents, .img_modal--gunma .modal_contents, .img_modal--onsen_bus_ikaho .modal_contents, .img_modal--onsen_bus_shima .modal_contents, .img_modal--onsen_bus_kusatsu .modal_contents, .img_modal--subscription_pass .modal_contents, .img_modal--update_earth .modal_contents, .img_modal--maebashiCommon .modal_contents {
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .img_modal--central .modal_contents .full_size_img, .img_modal--gunma .modal_contents .full_size_img, .img_modal--onsen_bus_ikaho .modal_contents .full_size_img, .img_modal--onsen_bus_shima .modal_contents .full_size_img, .img_modal--onsen_bus_kusatsu .modal_contents .full_size_img, .img_modal--subscription_pass .modal_contents .full_size_img, .img_modal--update_earth .modal_contents .full_size_img, .img_modal--maebashiCommon .modal_contents .full_size_img {
    display: flex;
    justify-content: center;
  }
}
.img_modal--central .modal_contents .full_size_img > img, .img_modal--gunma .modal_contents .full_size_img > img, .img_modal--onsen_bus_ikaho .modal_contents .full_size_img > img, .img_modal--onsen_bus_shima .modal_contents .full_size_img > img, .img_modal--onsen_bus_kusatsu .modal_contents .full_size_img > img, .img_modal--subscription_pass .modal_contents .full_size_img > img, .img_modal--update_earth .modal_contents .full_size_img > img, .img_modal--maebashiCommon .modal_contents .full_size_img > img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .img_modal--central .modal_contents .full_size_img > img, .img_modal--gunma .modal_contents .full_size_img > img, .img_modal--onsen_bus_ikaho .modal_contents .full_size_img > img, .img_modal--onsen_bus_shima .modal_contents .full_size_img > img, .img_modal--onsen_bus_kusatsu .modal_contents .full_size_img > img, .img_modal--subscription_pass .modal_contents .full_size_img > img, .img_modal--update_earth .modal_contents .full_size_img > img, .img_modal--maebashiCommon .modal_contents .full_size_img > img {
    width: auto;
    height: 100vh;
  }
}
@media screen and (min-width: 1025px) {
  .img_modal--central .modal_contents .full_size_img > img, .img_modal--gunma .modal_contents .full_size_img > img, .img_modal--onsen_bus_ikaho .modal_contents .full_size_img > img, .img_modal--onsen_bus_shima .modal_contents .full_size_img > img, .img_modal--onsen_bus_kusatsu .modal_contents .full_size_img > img, .img_modal--subscription_pass .modal_contents .full_size_img > img, .img_modal--update_earth .modal_contents .full_size_img > img, .img_modal--maebashiCommon .modal_contents .full_size_img > img {
    width: auto;
    height: 100vh;
  }
}

.is_open {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
}

.zoom {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 220;
  display: flex;
  justify-content: center;
}