.mx {
  overflow: clip;
  /* 
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com 
  Twitter: @rich_clark
  */
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */
  /*
    inner:
      pc: 2000px; //1360px
      sp: 335px

    canvas:
      pc: 1440
      sp: 375
  */
}

.mx div,
.mx span,
.mx object,
.mx iframe,
.mx h1,
.mx h2,
.mx h3,
.mx h4,
.mx h5,
.mx h6,
.mx p,
.mx blockquote,
.mx pre,
.mx abbr,
.mx address,
.mx cite,
.mx code,
.mx del,
.mx dfn,
.mx em,
.mx img,
.mx ins,
.mx kbd,
.mx q,
.mx samp,
.mx small,
.mx strong,
.mx sub,
.mx sup,
.mx var,
.mx b,
.mx i,
.mx dl,
.mx dt,
.mx dd,
.mx ol,
.mx ul,
.mx li,
.mx fieldset,
.mx form,
.mx label,
.mx legend,
.mx table,
.mx caption,
.mx tbody,
.mx tfoot,
.mx thead,
.mx tr,
.mx th,
.mx td,
.mx article,
.mx aside,
.mx canvas,
.mx details,
.mx figcaption,
.mx figure,
.mx footer,
.mx header,
.mx hgroup,
.mx menu,
.mx nav,
.mx section,
.mx summary,
.mx time,
.mx mark,
.mx audio,
.mx video {
  font-weight: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style-type: none;
}

.mx body {
  line-height: 1;
}

.mx article,
.mx aside,
.mx details,
.mx figcaption,
.mx figure,
.mx footer,
.mx header,
.mx hgroup,
.mx menu,
.mx nav,
.mx section {
  display: block;
}

.mx nav ul {
  list-style: none;
}

.mx blockquote,
.mx q {
  quotes: none;
}

.mx blockquote:before,
.mx blockquote:after,
.mx q:before,
.mx q:after {
  content: "";
  content: none;
}

.mx a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

.mx ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.mx mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.mx del {
  text-decoration: line-through;
}

.mx abbr[title],
.mx dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.mx table {
  border-collapse: collapse;
  border-spacing: 0;
}

.mx hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.mx input,
.mx select {
  vertical-align: middle;
  outline: none;
  border: none;
}

.mx * {
  box-sizing: border-box;
}

.mx :root {
  --color-B60081: #B60081;
  --color-222222: #222222;
  --color-EFEFEF: #EFEFEF;
}

.mx [data-appear] {
  opacity: 0;
}

.mx [data-appear=fadeIn].is_appear {
  animation: fadeIn 1s ease forwards 0s;
}

.mx [data-appear=blurIn].is_appear {
  animation: blurIn 1s ease forwards 0s;
}

.mx [data-appear=scaleIn].is_appear {
  animation: scaleIn 1s ease forwards 0s;
}

.mx [data-appear=rightIn].is_appear {
  animation: rightIn 1s ease forwards 0s;
}

.mx [data-appear=leftIn].is_appear {
  animation: leftIn 1s ease forwards 0s;
}

.mx [data-appear=bottomIn].is_appear {
  animation: bottomIn 1s ease forwards 0s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(0) {
  animation: fadeIn 1s ease forwards 0s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(1) {
  animation: fadeIn 1s ease forwards 0.1s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(2) {
  animation: fadeIn 1s ease forwards 0.2s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(3) {
  animation: fadeIn 1s ease forwards 0.3s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(4) {
  animation: fadeIn 1s ease forwards 0.4s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(5) {
  animation: fadeIn 1s ease forwards 0.5s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(6) {
  animation: fadeIn 1s ease forwards 0.6s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(7) {
  animation: fadeIn 1s ease forwards 0.7s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(8) {
  animation: fadeIn 1s ease forwards 0.8s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(9) {
  animation: fadeIn 1s ease forwards 0.9s;
}

.mx [data-appear=staggerFadeIn].is_appear > *:nth-child(10) {
  animation: fadeIn 1s ease forwards 1s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(0) {
  animation: blurIn 1s ease forwards 0s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(1) {
  animation: blurIn 1s ease forwards 0.1s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(2) {
  animation: blurIn 1s ease forwards 0.2s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(3) {
  animation: blurIn 1s ease forwards 0.3s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(4) {
  animation: blurIn 1s ease forwards 0.4s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(5) {
  animation: blurIn 1s ease forwards 0.5s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(6) {
  animation: blurIn 1s ease forwards 0.6s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(7) {
  animation: blurIn 1s ease forwards 0.7s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(8) {
  animation: blurIn 1s ease forwards 0.8s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(9) {
  animation: blurIn 1s ease forwards 0.9s;
}

.mx [data-appear=staggerBlurIn].is_appear > *:nth-child(10) {
  animation: blurIn 1s ease forwards 1s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(0) {
  animation: scaleIn 1s ease forwards 0s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(1) {
  animation: scaleIn 1s ease forwards 0.1s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(2) {
  animation: scaleIn 1s ease forwards 0.2s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(3) {
  animation: scaleIn 1s ease forwards 0.3s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(4) {
  animation: scaleIn 1s ease forwards 0.4s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(5) {
  animation: scaleIn 1s ease forwards 0.5s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(6) {
  animation: scaleIn 1s ease forwards 0.6s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(7) {
  animation: scaleIn 1s ease forwards 0.7s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(8) {
  animation: scaleIn 1s ease forwards 0.8s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(9) {
  animation: scaleIn 1s ease forwards 0.9s;
}

.mx [data-appear=staggerScaleIn].is_appear > *:nth-child(10) {
  animation: scaleIn 1s ease forwards 1s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(0) {
  animation: rightIn 1s ease forwards 0s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(1) {
  animation: rightIn 1s ease forwards 0.1s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(2) {
  animation: rightIn 1s ease forwards 0.2s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(3) {
  animation: rightIn 1s ease forwards 0.3s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(4) {
  animation: rightIn 1s ease forwards 0.4s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(5) {
  animation: rightIn 1s ease forwards 0.5s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(6) {
  animation: rightIn 1s ease forwards 0.6s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(7) {
  animation: rightIn 1s ease forwards 0.7s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(8) {
  animation: rightIn 1s ease forwards 0.8s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(9) {
  animation: rightIn 1s ease forwards 0.9s;
}

.mx [data-appear=staggerRightIn].is_appear > *:nth-child(10) {
  animation: rightIn 1s ease forwards 1s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(0) {
  animation: bottomIn 1s ease forwards 0s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(1) {
  animation: bottomIn 1s ease forwards 0.1s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(2) {
  animation: bottomIn 1s ease forwards 0.2s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(3) {
  animation: bottomIn 1s ease forwards 0.3s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(4) {
  animation: bottomIn 1s ease forwards 0.4s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(5) {
  animation: bottomIn 1s ease forwards 0.5s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(6) {
  animation: bottomIn 1s ease forwards 0.6s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(7) {
  animation: bottomIn 1s ease forwards 0.7s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(8) {
  animation: bottomIn 1s ease forwards 0.8s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(9) {
  animation: bottomIn 1s ease forwards 0.9s;
}

.mx [data-appear=staggerBottomIn].is_appear > *:nth-child(10) {
  animation: bottomIn 1s ease forwards 1s;
}

@keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    filter: blur(0px);
  }
}

@keyframes blurOut {
  0% {
    opacity: 1;
    filter: blur(0px);
  }

  100% {
    opacity: 0;
    filter: blur(10px);
  }
}

@keyframes arrowRight {
  0% {
    background-position: 0px center;
  }

  50% {
    background-position: 21px center;
  }

  51% {
    background-position: -21px center;
  }

  100% {
    background-position: 0px center;
  }
}

@keyframes arrowBottom {
  0% {
    background-position: center 0px;
  }

  50% {
    background-position: center 21px;
  }

  51% {
    background-position: center -21px;
  }

  100% {
    background-position: center 0px;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1);
  }
}

@keyframes rightIn {
  0% {
    transform: translate3d(10px, 0px, 0px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
  }
}

@keyframes leftIn {
  0% {
    transform: translate3d(-5%, 0px, 0px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
  }
}

@keyframes bottomIn {
  0% {
    transform: translate3d(0px, 10px, 0px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
  }
}

@keyframes yurayura1 {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }

  50% {
    transform: translate3d(20px, 0px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes yurayura2 {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }

  50% {
    transform: translate3d(10px, 0px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes sushi {
  from, to {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.9, 1.1);
  }

  50% {
    transform: scale(1.1, 0.9);
  }

  75% {
    transform: scale(0.95, 1.05);
  }
}

@keyframes bounce {
  from, to {
    transform: none;
  }

  10% {
    transform: scale(0.8);
  }

  40% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(0.96);
  }

  80% {
    transform: scale(1.02);
  }
}

@keyframes poyo {
  from, to {
    transform: none;
  }

  10% {
    transform: scale(1.2);
  }

  40% {
    transform: scale(0.9);
  }

  60% {
    transform: scale(1.04);
  }

  80% {
    transform: scale(0.98);
  }
}

@keyframes hamburgerLine1 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 94px 0;
  }
}

@keyframes hamburgerLine2 {
  0% {
    background-position: 94px 0;
  }

  100% {
    background-position: 0px 0;
  }
}

@keyframes menuBackground {
  100% {
    background-size: 100% 200%;
  }
}

.mx * {
  font-feature-settings: "palt" 1;
}

.mx img {
  max-width: 100%;
}

.mx a {
  color: #222222;
}

.mx .none {
  display: none;
}

.mx .l-access {
  padding: 32vw 0px;
  margin-top: 32vw;
  position: relative;
  background: #F2F0F1;
  clip-path: polygon(0 0, 100% calc(0% + 60px), 100% calc(100% - 60px), 0 100%);
}

.mx .l-access__inner {
  padding: 0px 5.3333333333vw;
}

.mx .l-heading__iframe {
  width: 100%;
}

.mx .l-access__link {
  margin-top: 2.6666666667vw;
}

.mx .l-access__detail {
  margin-top: 10.6666666667vw;
  text-align: center;
}

.mx .l-access__detail a {
  padding: 1.8666666667vw 5.3333333333vw;
  display: inline-block;
  line-height: 1em;
  font-weight: 600;
  color: #fff;
  border-radius: 4.5333333333vw;
  background: #E5016E;
}

.mx .l-access__detail ul {
  margin-top: 10.6666666667vw;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 5.3333333333vw 0px;
}

.mx .l-access__detail ul li {
  line-height: 1.6875em;
}

.mx .l-contact {
  padding: 21.3333333333vw 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mx .l-contact img {
  width: 13.3333333333vw;
}

.mx .l-contact a {
  margin-top: 5.3333333333vw;
  color: #000;
  line-height: 1.7em;
  font-weight: 600;
}

.mx .l-contact p {
  line-height: 1.7142857143em;
}

.mx .l-feature {
  padding: 10.6666666667vw 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10.6666666667vw 0px;
  position: relative;
  z-index: 2;
}

.mx .l-feature__detail {
  padding: 0px 5.3333333333vw;
}

.mx .l-feature__detail p {
  font-weight: 600;
}

.mx .l-fee {
  padding-top: 21.3333333333vw;
  position: relative;
}

.mx .l-fee__circle {
  content: "";
  width: 31.2vw;
  height: 31.2vw;
  position: absolute;
  top: 605.3333333333vw;
  background: url(../img/circle1.png) 0 0/contain no-repeat;
  z-index: -1;
}

.mx .l-fee__blocks {
  margin-top: 10.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 10.6666666667vw 0px;
}

.mx .l-fee__blocks.--mt0 {
  margin-top: 0px !important;
}

.mx .l-fee__block {
  padding-left: 5.3333333333vw;
  display: flex;
  flex-direction: column;
  gap: 5.3333333333vw 0px;
}

.mx .l-fee__table {
  overflow-x: auto;
}

.mx .l-fee__table table {
  min-width: 100%;
}

.mx .l-fee__table table th,
.mx .l-fee__table table td {
  min-width: 26.6666666667vw;
  padding: 1.3333333333vw 1.3333333333vw;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

.mx .l-fee__table table thead th {
  background: #E45B27;
  color: #fff;
  border-left: 1px solid #1C1C1C;
}

.mx .l-fee__table table thead th:first-child {
  border: none;
}

.mx .l-fee__table table tbody th {
  border-top: 1px solid #1C1C1C;
}

.mx .l-fee__table table tbody td {
  border-top: 1px solid #1C1C1C;
  border-left: 1px solid #1C1C1C;
}

.mx .l-free__time {
  margin: 10.6666666667vw auto 0px;
  padding: 10.6666666667vw 5.3333333333vw 0px 5.3333333333vw;
  position: relative;
}

.mx .l-free__time::before {
  content: "";
  width: 26.6666666667vw;
  height: 1.3333333333vw;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  background: #1C1C1C;
}

.mx .l-free__time p {
  color: #1C1C1C;
}

.mx .l-heading1 {
  padding-bottom: 13.3333333333vw;
  text-align: center;
  line-height: 1.6666666667em;
  font-weight: 600;
}

.mx .l-heading2 {
  position: relative;
}

.mx .l-heading2 p {
  line-height: 1.5em;
  font-weight: 600;
  color: #000;
  text-shadow: 1px 1px 0px #fff;
  position: relative;
  display: inline-block;
  z-index: 2;
}

.mx .l-heading2 p strong {
  margin-left: 2px;
  line-height: 1em;
  font-weight: 600;
}

.mx .l-heading2 p::after {
  content: "";
  width: calc(100% + 5.3333333333vw);
  height: 3.2vw;
  display: block;
  background: #E5016E;
  position: relative;
  z-index: -1;
  margin: -4vw 0px 0px -5.3333333333vw;
}

.mx .l-heading2.--green p::after {
  background: #51B251;
}

.mx .l-heading2.--orange p::after {
  background: #F3B54E;
}

.mx .l-info {
  padding: 32vw 0px;
  position: relative;
  background: #F2F0F1;
  clip-path: polygon(0 0, 100% calc(0% + 60px), 100% calc(100% - 60px), 0 100%);
}

.mx .l-info__inner {
  padding: 0px 5.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10.6666666667vw 0px;
}

.mx .l-info__today .l-heading1 {
  padding-bottom: 5.3333333333vw;
}

.mx .l-info__status {
  text-align: center;
  line-height: 1.2em;
  font-weight: 600;
  -webkit-text-stroke: 3px #E5016E;
  color: #fff;
}

.mx .l-info__notification .l-heading1 {
  padding-bottom: 5.3333333333vw;
}

.mx .l-info__notification p {
  line-height: 1.6875em;
}

.mx .l-kv {
  font-size: 0;
}

.mx .l-kv img {
  width: 100%;
}

.mx .l-map {
  padding-top: 48vw;
  position: relative;
}

.mx .l-map img {
  width: 100%;
}

.mx .l-map__circle {
  content: "";
  width: 38.5333333333vw;
  height: 41.744vw;
  position: absolute;
  top: 0px;
  left: -14.9333333333vw;
  background: url(../img/circle2.png) 0 0/contain no-repeat;
  transform: rotate(90deg);
  z-index: -1;
  isolation: isolate;
}

.mx .l-map__detail {
  padding: 5.3333333333vw 5.3333333333vw 0px;
}

.mx .l-map__detail p {
  line-height: 1.6666666667em;
  font-weight: 600;
}

.mx .l-overview {
  padding: 10.6666666667vw 0px;
  position: relative;
}

.mx .l-overview__circle1,
.mx .l-overview__circle2 {
  position: absolute;
  z-index: 1;
}

.mx .l-overview__circle1 {
  width: 46.4vw;
  height: 46.4vw;
  top: 18.6666666667vw;
  right: -23.2vw;
  background: url(../img/circle1.png) 0 0/contain no-repeat;
}

.mx .l-overview__circle2 {
  width: 18.671875vw;
  height: 20.2364583333vw;
  top: 25vw;
  left: -4.375vw;
  background: url(../img/circle2.png) 0 0/contain no-repeat;
  transform: rotate(90deg);
}

.mx .l-overview__inner {
  padding: 0px 20px;
  position: relative;
  z-index: 2;
  padding: 0px 5.3333333333vw;
}

.mx .l-overview__inner p {
  line-height: 1.7222222222em;
  font-weight: 600;
}

.mx .l-step {
  padding-top: 21.3333333333vw;
  position: relative;
}

.mx .l-step .l-heading2 {
  order: 1;
}

.mx .l-step__circle {
  content: "";
  width: 38.5333333333vw;
  height: 41.744vw;
  position: absolute;
  top: 544vw;
  right: -15.2vw;
  background: url(../img/circle2.png) 0 0/contain no-repeat;
  transform: rotate(90deg);
  z-index: -1;
}

.mx .l-step__blocks {
  display: flex;
  flex-direction: column;
  gap: 13.3333333333vw 0px;
}

.mx .l-step__block {
  padding-left: 5.3333333333vw;
  display: flex;
  flex-direction: column;
  gap: 2.6666666667vw 0px;
}

.mx .l-step__img {
  order: 2;
}

.mx .l-step__title {
  order: 3;
  font-weight: 600;
}

.mx .l-step__lead {
  order: 4;
}

.mx .l-step__header {
  padding-top: 32vw;
}

@media screen and (min-width: 769px) {
  .mx br.sp {
    display: none;
  }

  .mx br.pc {
    display: block;
  }

  .mx .l-access {
    padding: 9.375vw 0px;
    margin-top: 7.2916666667vw;
    clip-path: polygon(0 0, 100% calc(0% + 80px), 100% calc(100% - 80px), 0 100%);
  }

  .mx .l-access__inner {
    width: 88.5416666667vw;
    padding: 0px;
    margin: 0px auto;
  }

  .mx .l-access__link {
    margin-top: 0.5208333333vw;
  }

  .mx .l-access__detail {
    margin-top: 4.6875vw;
  }

  .mx .l-access__detail a {
    font-size: 1.0416666667vw;
  }

  .mx .l-access__detail a {
    padding: 0.5208333333vw 3.125vw;
    line-height: 1.7272727273em;
    border-radius: 2.0833333333vw;
  }

  .mx .l-access__detail ul {
    margin-top: 4.6875vw;
    gap: 1.0416666667vw 0px;
  }

  .mx .l-access__detail ul li {
    font-size: 0.8333333333vw;
  }

  .mx .l-access__detail ul li {
    line-height: 1.7037037037em;
  }

  .mx .l-contact {
    padding: 6.25vw 0px;
  }

  .mx .l-contact img {
    width: 6.40625vw;
  }

  .mx .l-contact a {
    font-size: 1.0416666667vw;
  }

  .mx .l-contact a {
    margin-top: 2.6041666667vw;
    line-height: 1.7045454545em;
  }

  .mx .l-contact p {
    font-size: 0.7291666667vw;
  }

  .mx .l-contact p {
    line-height: 1.7037037037em;
  }

  .mx .l-feature {
    padding: 9.375vw 0px;
    gap: 0px;
  }

  .mx .l-feature__inner {
    margin: 0px auto;
    padding: 0px 0px;
  }

  .mx .l-feature__block {
    margin-top: -60px;
  }

  .mx .l-feature__block:nth-child(odd) {
    clip-path: polygon(0 calc(0% + 60px), 100% 0%, 100% 100%, 0 calc(100% - 60px));
  }

  .mx .l-feature__block:nth-child(odd) .l-feature__inner {
    flex-direction: row-reverse;
  }

  .mx .l-feature__block:nth-child(even) {
    clip-path: polygon(0 0, 100% calc(0% + 60px), 100% calc(100% - 60px), 0 100%);
  }

  .mx .l-feature__inner {
    display: flex;
    align-items: center;
  }

  .mx .l-feature__img {
    width: 50%;
  }

  .mx .l-feature__detail {
    width: 41.1458333333vw;
    padding: 0px 2.0833333333vw;
    flex: 1;
  }

  .mx .l-feature__detail p {
    line-height: 2.5em;
  }

  .mx .l-fee {
    padding-top: 6.25vw;
  }

  .mx .l-fee__circle {
    width: 25.3645833333vw;
    height: 25.3645833333vw;
    top: -15.625vw;
    left: -5.2083333333vw;
  }

  .mx .l-fee__inner {
    width: 88.5416666667vw;
    margin: 0px auto;
  }

  .mx .l-fee__blocks {
    margin-top: 4.1666666667vw;
    flex-direction: row;
    gap: 7.2916666667vw 3.6458333333vw;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .mx .l-fee__block {
    width: 41.6666666667vw;
    gap: 2.0833333333vw 0px;
    padding-left: 0px;
  }

  .mx .l-fee__table table th,
  .mx .l-fee__table table td {
    min-width: 8.3333333333vw;
    padding: 0.5208333333vw 0.2604166667vw;
  }

  .mx .l-free__time {
    margin-top: 5.2083333333vw;
    padding: 5.2083333333vw 0px 0px;
    display: flex;
    justify-content: center;
  }

  .mx .l-free__time::before {
    width: 10.4166666667vw;
    height: 0.5208333333vw;
  }

  .mx .l-free__time p {
    line-height: 1.7037037037em;
  }

  .mx .l-heading1 {
    font-size: 1.5625vw;
  }

  .mx .l-heading1 {
    padding-bottom: 2.6041666667vw;
    line-height: 1.6em;
  }

  .mx .l-heading2 p {
    font-size: 1.0416666667vw;
  }

  .mx .l-heading2 p {
    padding: 0px 0px 0px 0.5208333333vw;
    line-height: 1.5909090909em;
  }

  .mx .l-heading2 p strong {
    font-size: 1.5625vw;
  }

  .mx .l-heading2 p strong {
    line-height: 1.0606060606em;
  }

  .mx .l-heading2 p::after {
    width: calc(100% + 1.0416666667vw);
    height: 1.5625vw;
    margin: -2.0833333333vw 0px 0px -0.5208333333vw;
  }

  .mx .l-info {
    padding: 7.2916666667vw 0px;
    clip-path: polygon(0 0, 100% calc(0% + 80px), 100% calc(100% - 80px), 0 100%);
  }

  .mx .l-info__inner {
    width: 71.875vw;
    margin: 0px auto;
    padding: 2.6041666667vw 2.0833333333vw;
    gap: 4.1666666667vw 0px;
  }

  .mx .l-info__today .l-heading1 {
    padding-bottom: 1.0416666667vw;
  }

  .mx .l-info__status {
    font-size: 2.6041666667vw;
  }

  .mx .l-info__status {
    line-height: 1.1111111111em;
  }

  .mx .l-info__notification .l-heading1 {
    padding-bottom: 1.0416666667vw;
  }

  .mx .l-info__notification {
    text-align: left;
  }

  .mx .l-info__notification p {
    font-size: 0.8333333333vw;
  }

  .mx .l-info__notification p {
    line-height: 2em;
  }

  .mx .l-map {
    padding-top: 13.0208333333vw;
  }

  .mx .l-map__circle {
    width: 25.3645833333vw;
    height: 25.3645833333vw;
    top: -9.375vw;
    left: -12.8645833333vw;
    background: url(../img/circle1.png) 0 0/contain no-repeat;
  }

  .mx .l-map__detail {
    padding: 6.7708333333vw 1.0416666667vw 0px;
  }

  .mx .l-map__detail p {
    font-size: 0.9375vw;
  }

  .mx .l-map__detail p {
    text-align: center;
    line-height: 2.5em;
  }

  .mx .l-overview {
    padding: 9.375vw 0px 19.7916666667vw 0px;
  }

  .mx .l-overview__circle1 {
    top: 0px;
    width: 25.3645833333vw;
    height: 25.3645833333vw;
    top: 7.8125vw;
    right: -15.1041666667vw;
  }

  .mx .l-overview__inner {
    width: 88.5416666667vw;
    margin: 0px auto;
    padding: 0px 0px;
  }

  .mx .l-overview__inner p {
    font-size: 0.9375vw;
  }

  .mx .l-overview__inner p {
    line-height: 1.7045454545em;
  }

  .mx .l-step {
    padding-top: 6.25vw;
  }

  .mx .l-step__circle {
    width: 24.7135416667vw;
    height: 26.746875vw;
    top: 147.9166666667vw;
    right: -4.4270833333vw;
  }

  .mx .l-step__inner {
    width: 88.5416666667vw;
    margin: 0px auto;
  }

  .mx .l-step__blocks {
    flex-direction: row;
    gap: 7.2916666667vw 3.6458333333vw;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }

  .mx .l-step__blocks.--line::after {
    content: "";
    width: 100vw;
    height: 104.1666666667vw;
    position: absolute;
    top: 10.4166666667vw;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background: url(../img/step/line.png) 0 0/contain no-repeat;
    z-index: -1;
  }

  .mx .l-step__block {
    width: 39.0625vw;
    padding-left: 0px;
    gap: 0.5208333333vw 0px;
  }

  .mx .l-step__block:nth-child(2) {
    margin-top: 23.4375vw;
  }

  .mx .l-step__block:nth-child(3) {
    margin-top: -23.4375vw;
  }

  .mx .l-step__title {
    line-height: 1.7em;
  }

  .mx .l-step__lead {
    line-height: 1.7em;
  }

  .mx .l-step__header {
    padding-top: 5.2083333333vw;
  }
}

@media screen and (min-width: 769px) and (min-width: 769px) {
  .mx .l-access__detail a {
    font-size: 2.2916666667vw;
  }

  .mx .l-access__detail ul li {
    font-size: 1.40625vw;
  }

  .mx .l-contact a {
    font-size: 2.2916666667vw;
  }

  .mx .l-contact p {
    font-size: 1.40625vw;
  }

  .mx .l-feature__detail p {
    font-size: 2.0833333333vw;
  }

  .mx .l-free__time p {
    font-size: 1.40625vw;
  }

  .mx .l-heading1 {
    font-size: 2.6041666667vw;
  }

  .mx .l-heading2 p {
    font-size: 2.2916666667vw;
  }

  .mx .l-heading2 p strong {
    font-size: 3.4375vw;
  }

  .mx .l-info__status {
    font-size: 4.6875vw;
  }

  .mx .l-info__notification p {
    font-size: 1.5625vw;
  }

  .mx .l-map__detail p {
    font-size: 2.0833333333vw;
  }

  .mx .l-overview__inner p {
    font-size: 2.2916666667vw;
  }

  .mx .l-step__title {
    font-size: 1.5625vw;
  }

  .mx .l-step__lead {
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 768px) {
  .mx br.sp {
    display: block;
  }

  .mx br.pc {
    display: none;
  }

  .mx .l-access__detail a {
    font-size: 5.3333333333vw;
  }

  .mx .l-access__detail ul li {
    font-size: 4.2666666667vw;
  }

  .mx .l-contact a {
    font-size: 5.3333333333vw;
  }

  .mx .l-contact p {
    font-size: 3.7333333333vw;
  }

  .mx .l-feature__block:nth-child(odd) .l-feature__img {
    clip-path: polygon(0 0, 100% calc(0% + 60px), 100% calc(100% - 60px), 0 100%);
  }

  .mx .l-feature__block:nth-child(odd) .l-feature__detail p {
    transform: rotate(-7deg);
  }

  .mx .l-feature__block:nth-child(even) .l-feature__img {
    clip-path: polygon(0 calc(0% + 60px), 100% 0%, 100% 100%, 0 calc(100% - 60px));
  }

  .mx .l-feature__block:nth-child(even) .l-feature__detail p {
    transform: rotate(7deg);
  }

  .mx .l-feature__detail p {
    line-height: 1.7777777778em;
  }

  .mx .l-fee__circle {
    right: -15.2vw;
  }

  .mx .l-heading1 {
    font-size: 8vw;
  }

  .mx .l-heading2 p {
    font-size: 5.3333333333vw;
  }

  .mx .l-heading2 p strong {
    font-size: 8vw;
  }

  .mx .l-info__status {
    font-size: 13.3333333333vw;
  }

  .mx .l-info__notification p {
    font-size: 4.2666666667vw;
  }

  .mx .l-map__detail p {
    font-size: 4.8vw;
  }

  .mx .l-overview__circle2 {
    display: none;
  }

  .mx .l-overview__inner p {
    font-size: 4.8vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .mx .l-feature__detail p {
    font-size: 4.8vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .mx .l-access__detail a {
    font-size: 11.7333333333vw;
  }

  .mx .l-access__detail ul li {
    font-size: 7.2vw;
  }

  .mx .l-contact a {
    font-size: 11.7333333333vw;
  }

  .mx .l-contact p {
    font-size: 7.2vw;
  }

  .mx .l-feature__detail p {
    font-size: 10.6666666667vw;
  }

  .mx .l-free__time p {
    font-size: 7.2vw;
  }

  .mx .l-heading1 {
    font-size: 13.3333333333vw;
  }

  .mx .l-heading2 p {
    font-size: 11.7333333333vw;
  }

  .mx .l-heading2 p strong {
    font-size: 17.6vw;
  }

  .mx .l-info__status {
    font-size: 24vw;
  }

  .mx .l-info__notification p {
    font-size: 8vw;
  }

  .mx .l-map__detail p {
    font-size: 10.6666666667vw;
  }

  .mx .l-overview__inner p {
    font-size: 11.7333333333vw;
  }

  .mx .l-step__title {
    font-size: 8vw;
  }

  .mx .l-step__lead {
    font-size: 8vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
  .mx .l-feature__block:nth-child(odd) .l-feature__detail p {
    transform: rotate(-5deg);
  }

  .mx .l-feature__block:nth-child(even) .l-feature__detail p {
    transform: rotate(5deg);
  }
}

@media screen and (max-width: 768px) and (min-width: 769px) {
  .mx .l-feature__detail p {
    font-size: 0.9375vw;
  }
}
/*# sourceMappingURL=../sourcemaps/css/style.css.map */