/* mv */
.top_mv {
  background-color: #f1f1f1;
  position: relative;
  height: calc(766 / var(--view-size) * 100vw);
}
.top_mv_wrap {
  position: relative;
}
.mv_text {
  position: absolute;
  width: calc(980 / var(--view-size) * 100vw);
  left: calc(193 / var(--view-size) * 100vw);
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
#animation_container {
  width: calc(1360 / var(--view-size) * 100vw) !important;
  height: calc(768 / var(--view-size) * 100vw) !important;
}

#canvas {
  object-fit: cover;
}
#canvas,
#dom_overlay_container {
  width: 100% !important;
  height: 100% !important;
}
.top_mv_outlet {
  position: absolute;
  bottom: calc(-7.7 / var(--view-size) * 100vw);
  right: calc(160 / var(--view-size) * 100vw);
  max-width: calc(140 / var(--view-size) * 100vw);
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .top_mv {
    height: auto;
  }
  .top_mv_outlet {
    right: calc(235 / var(--view-size) * 100vw);
  }
  .mv_text {
    width: calc(375 / var(--view-size) * 100vw);
    left: calc(0 / var(--view-size) * 100vw);
    top: calc(144 / var(--view-size) * 100vw);
    bottom: auto;
  }
  #animation_container_sp {
    width: calc(375 / var(--view-size) * 100vw) !important;
    height: calc(647 / var(--view-size) * 100vw) !important;
  }
  #canvas_sp,
  #dom_overlay_container_sp {
    width: 100% !important;
    height: 100% !important;
  }
  #canvas_sp {
    object-fit: cover;
  }
}

/* モビリティパーク とは? */
.top_about_section {
  padding: calc(120 / var(--view-size) * 100vw) 0
    calc(90 / var(--view-size) * 100vw);
  background-color: #f1f1f1;
  position: relative;
}
/* .top_about_outlet_top {
    position: absolute;
    top: calc(-22.7 / var(--view-size) * 100vw);
    right: calc(160 / var(--view-size) * 100vw);
    max-width: calc(140 / var(--view-size) * 100vw);
    z-index: 100;
} */
.top_about_section .inner {
  position: relative;
  z-index: 100;
}
.top_about_textarea {
  max-width: calc(595 / var(--view-size) * 100vw);
  margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_about_box {
  background-color: #fff;
  padding: calc(20 / var(--view-size) * 100vw);
  border-radius: calc(30 / var(--view-size) * 100vw);
}
.top_about_box span {
  font-weight: 800;
}
.top_about_img {
  width: calc(600 / var(--view-size) * 100vw);
  position: absolute;
  top: calc(30 / var(--view-size) * 100vw);
  right: calc(40 / var(--view-size) * 100vw);
}
.top_about_features {
  border: calc(8 / var(--view-size) * 100vw) solid #333;
  padding: calc(50 / var(--view-size) * 100vw);
  padding-bottom: calc(30 / var(--view-size) * 100vw);
  background-color: #fcc800;
  border-radius: calc(30 / var(--view-size) * 100vw);
  margin-bottom: calc(40 / var(--view-size) * 100vw);
  position: relative;
}
.top_about_features_caption_wrap {
  width: 50%;
  margin-left: auto;
}
.top_about_features_caption_wrap.top_about_features_caption_wrap_left {
  width: 50%;
  margin-right: auto;
  margin: 0;
  margin-bottom: calc(20 / var(--view-size) * 100vw);
}
.top_about_features_caption {
  text-align: center;
  font-size: calc(18 / var(--view-size) * 100vw);
}
.top_about_features .common_ttl_01 h2 {
  font-size: calc(32 / var(--view-size) * 100vw);
}
.top_about_features .common_ttl_01 .top_about_ttl_edging {
  font-size: calc(32 / var(--view-size) * 100vw);
}
.top_about_outlet {
  position: absolute;
  bottom: calc(-23 / var(--view-size) * 100vw);
  right: calc(160 / var(--view-size) * 100vw);
  max-width: calc(140 / var(--view-size) * 100vw);
  z-index: 100;
}
.top_about_features li {
  width: calc(500 / var(--view-size) * 100vw);
  border-bottom: calc(3 / var(--view-size) * 100vw) solid #f39800;
  display: inline;
  padding: 0 calc(6 / var(--view-size) * 100vw) 0;
  text-align: center;
  font-size: calc(22 / var(--view-size) * 100vw);
  margin-bottom: calc(20 / var(--view-size) * 100vw);
  font-weight: 800;
  letter-spacing: calc(-1 / var(--view-size) * 100vw);
}
.top_about_features li:nth-last-child(1),
.top_about_features li:nth-last-child(2) {
  margin-bottom: 0;
}

.top_about_car {
  width: calc(320 / var(--view-size) * 100vw);
  position: relative;
}
.top_about_car_textarea {
  transform: rotate(-20deg);
  width: calc(180 / var(--view-size) * 100vw);
  text-align: center;
  position: relative;
  position: absolute;
  bottom: 0;
  right: calc(-30 / var(--view-size) * 100vw);
}
.top_about_car_textarea::after {
  content: "";
  background: url(../../../uploads/img/top_about_car_shadow.png) center /
    contain no-repeat;
  inset: 0;
  width: calc(175 / var(--view-size) * 100vw);
  height: calc(85 / var(--view-size) * 100vw);
  position: absolute;
  z-index: 0;
}
.top_about_car .top_about_car_text {
  color: #fff;
  z-index: 100;
  font-weight: 800;
  position: relative;
  z-index: 10;
  line-height: calc(85 / var(--view-size) * 100vw);
}
.top_about_car .top_about_car_shadow {
  font-weight: 800;
  font-size: calc(18 / var(--view-size) * 100vw);
  color: #333;
  -webkit-text-stroke: calc(6 / var(--view-size) * 100vw) #333;
  position: absolute;
  inset: 0;
  line-height: calc(85 / var(--view-size) * 100vw);
}
.top_about_bottom {
  position: absolute;
  bottom: 0;
  width: calc(1360 / var(--view-size) * 100vw);
  background-color: #fcc800;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  height: calc(300 / var(--view-size) * 100vw);
}

.top_about_features li span.about_features_caption {
  text-align: center;
  font-size: calc(18 / var(--view-size) * 100vw);
  font-weight: 500;
  border-bottom: none;
}
.top_about_features li span.about_features_caption br {
  display: block;
}

@media screen and (max-width: 768px) {
  .top_about_section {
    padding: calc(50 / var(--view-size) * 100vw) 0
      calc(30 / var(--view-size) * 100vw);
    overflow: hidden;
  }
  .top_about_img {
    width: calc(150 / var(--view-size) * 100vw);
    position: absolute;
    top: calc(50 / var(--view-size) * 100vw);
    right: calc(-15 / var(--view-size) * 100vw);
  }
  .top_about_textarea {
    margin: 0 calc(15 / var(--view-size) * 100vw)
      calc(40 / var(--view-size) * 100vw);
  }
  .top_about_box {
    padding: calc(20 / var(--view-size) * 100vw)
      calc(35 / var(--view-size) * 100vw);
  }
  .top_about_features {
    padding: calc(30 / var(--view-size) * 100vw)
      calc(35 / var(--view-size) * 100vw) calc(50 / var(--view-size) * 100vw);
    margin: 0 calc(15 / var(--view-size) * 100vw)
      calc(50 / var(--view-size) * 100vw);
  }
  .top_about_features .common_ttl_01 {
    margin-bottom: calc(30 / var(--view-size) * 100vw);
  }
  .top_about_features .common_ttl_01 h2 {
    font-size: calc(24 / var(--view-size) * 100vw);
  }
  .top_about_features .common_ttl_01 .top_about_ttl_edging {
    font-size: calc(24 / var(--view-size) * 100vw);
  }
  .top_about_outlet {
    right: calc(40 / var(--view-size) * 100vw);
  }
  .top_about_features li {
    width: calc(275 / var(--view-size) * 100vw);
    margin-bottom: calc(30 / var(--view-size) * 100vw);
    font-size: calc(24 / var(--view-size) * 100vw);
    border-bottom: none;
  }
  .top_about_features li:nth-last-child(1),
  .top_about_features li:nth-last-child(2) {
    margin-bottom: calc(30 / var(--view-size) * 100vw);
  }
  .top_about_features li:last-child {
    margin-bottom: 0;
  }
  .top_about_features li span {
    border-bottom: calc(3 / var(--view-size) * 100vw) solid #f39800;
    display: block;
  }
  .top_about_features li br {
    display: contents;
  }

  .top_about_cars .row {
    /* flex-wrap: nowrap; */
  }

  .top_about_car {
    width: calc(150 / var(--view-size) * 100vw);
    margin: 0 calc(5 / var(--view-size) * 100vw);
    padding-bottom: calc(50 / var(--view-size) * 100vw);
  }
  .top_about_car_textarea {
    width: calc(100 / var(--view-size) * 100vw);
    z-index: 1000;
    right: calc(25 / var(--view-size) * 100vw);
  }
  .top_about_car_textarea::after {
    width: calc(100 / var(--view-size) * 100vw);
    height: calc(100 / var(--view-size) * 100vw);
  }
  .top_about_car .top_about_car_text {
    font-size: calc(12 / var(--view-size) * 100vw);
    line-height: calc(100 / var(--view-size) * 100vw);
  }
  .top_about_car .top_about_car_shadow {
    font-size: calc(12 / var(--view-size) * 100vw);
    -webkit-text-stroke: calc(4 / var(--view-size) * 100vw) #333;
    inset: 0;
    line-height: calc(100 / var(--view-size) * 100vw);
  }
  .top_about_section .inner {
    width: calc(375 / var(--view-size) * 100vw);
  }

  .top_about_bottom {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(82 / var(--view-size) * 100vw);
  }

  .top_about_features_caption_wrap {
    width: 100%;
  }
  .top_about_features_caption {
    text-align: center;
    font-size: calc(18 / var(--view-size) * 100vw);
  }

  .top_about_features_caption_wrap.top_about_features_caption_wrap_left {
    width: 100%;
  }
}

/* ご利用方法・施設紹介 */
.top_howto_section {
  padding: calc(170 / var(--view-size) * 100vw) 0
    calc(90 / var(--view-size) * 100vw);
  background-color: #f1f1f1;
  position: relative;
}
.top_howto_section .inner {
  position: relative;
  z-index: 100;
}
.top_howto_section .common_ttl_01 {
  margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_section .common_ttl_01 .top_about_ttl_edging {
  transform: translateY(calc(2 / var(--view-size) * 100vw));
}
.top_howto_row {
  display: flex;
  justify-content: flex-end;
}
.top_howto_textarea {
  max-width: calc(580 / var(--view-size) * 100vw);
  margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_box {
  background-color: #fff;
  border-radius: calc(40 / var(--view-size) * 100vw);
  padding: calc(20 / var(--view-size) * 100vw);
  padding-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_box_text {
  margin-bottom: calc(45 / var(--view-size) * 100vw);
}
.top_howto_box_text span {
  font-weight: 800;
}
.top_howto_links {
  margin-bottom: calc(40 / var(--view-size) * 100vw);
}
.top_howto_links .row {
  justify-content: center;
}
.top_howto_links li {
  display: block;
  margin-right: calc(6 / var(--view-size) * 100vw);
}
.top_howto_links li:last-child {
  margin-right: 0;
}
.top_howto_links a {
  padding: calc(20 / var(--view-size) * 100vw);
  border: calc(4 / var(--view-size) * 100vw) solid #0068b7;
  border-radius: calc(40 / var(--view-size) * 100vw);
  background-color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: calc(16 / var(--view-size) * 100vw);
  box-shadow: 0px calc(3 / var(--view-size) * 100vw)
    calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw)
    rgba(0, 0, 0, 0.16);
  display: block;
}
.top_howto_links a:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}
.top_howto_links a span {
  width: calc(18 / var(--view-size) * 100vw);
  display: inline-block;
  margin-left: calc(5 / var(--view-size) * 100vw);
  vertical-align: bottom;
}
.top_howto_btn {
  text-align: center;
}
.top_howto_btn a {
  background-color: #0068b7;
  color: #fff;
  font-weight: 800;
  padding: calc(25 / var(--view-size) * 100vw)
    calc(30 / var(--view-size) * 100vw);
  border-radius: calc(40 / var(--view-size) * 100vw);
  box-shadow: 0px calc(3 / var(--view-size) * 100vw)
    calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw)
    rgba(0, 0, 0, 0.16);
  display: inline-block;
}
.top_howto_btn a:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}
.top_howto_illust {
  position: absolute;
  left: calc(-110 / var(--view-size) * 100vw);
  top: calc(40 / var(--view-size) * 100vw);
  width: calc(900 / var(--view-size) * 100vw);
  z-index: 10;
}
.top_howto_img {
  position: absolute;
  left: 0;
  top: calc(290 / var(--view-size) * 100vw);
  width: calc(600 / var(--view-size) * 100vw);
  z-index: 1;
}
.top_howto_img img {
  border-radius: 0 calc(30 / var(--view-size) * 100vw)
    calc(30 / var(--view-size) * 100vw) 0;
}
.top_howto_top {
  position: absolute;
  top: calc(-0.3 / var(--view-size) * 100vw);
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  height: calc(100 / var(--view-size) * 100vw);
  background-color: #fcc800;
}

.top_howto_bottom {
  position: absolute;
  bottom: 0;
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  height: calc(300 / var(--view-size) * 100vw);
  background-color: #0068b7;
}

html[lang="en"] .top_howto_links a {
  padding: calc(20 / var(--view-size) * 100vw)
    calc(10 / var(--view-size) * 100vw);
}

html[lang="en"] .top_howto_textarea {
  max-width: calc(620 / var(--view-size) * 100vw);
}
html[lang="en"] .common_howto_guide a {
  padding-left: calc(10 / var(--view-size) * 100vw);
}
html[lang="en"] .common_howto_guide .text_shadow:after {
  right: calc(-55 / var(--view-size) * 100vw);
}
html[lang="en"] .common_howto_guide .text_shadow {
  margin-left: calc(20 / var(--view-size) * 100vw);
}
html[lang="en"] .common_howto_guide .common_howto_guide_text,
html[lang="en"] .common_howto_guide .common_howto_guide_shadow {
  font-size: calc(46 / var(--view-size) * 100vw);
}

@media screen and (max-width: 768px) {
  .top_howto_section {
    padding: calc(50 / var(--view-size) * 100vw) 0
      calc(90 / var(--view-size) * 100vw);
  }
  .top_howto_top {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(27 / var(--view-size) * 100vw);
  }
  .top_howto_illust {
    left: 0;
    top: 0;
    width: calc(220 / var(--view-size) * 100vw);
  }
  .top_howto_img {
    width: calc(275 / var(--view-size) * 100vw);
    position: initial;
    margin: 0 auto;
  }
  .top_howto_img img {
    border-radius: calc(10 / var(--view-size) * 100vw);
    margin-bottom: calc(20 / var(--view-size) * 100vw);
  }
  .top_howto_box {
    padding: calc(20 / var(--view-size) * 100vw)
      calc(20 / var(--view-size) * 100vw) calc(40 / var(--view-size) * 100vw);
    border-radius: calc(30 / var(--view-size) * 100vw);
  }
  .top_howto_box_text {
    width: calc(275 / var(--view-size) * 100vw);
    margin: 0 auto calc(30 / var(--view-size) * 100vw);
  }
  .top_howto_links {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
  }
  .top_howto_links li {
    margin-right: 0;
    margin-bottom: calc(10 / var(--view-size) * 100vw);
  }
  .top_howto_links li:last-child {
    margin-bottom: 0;
  }
  .top_howto_links li:nth-child(1) a {
    letter-spacing: calc(7 / var(--view-size) * 100vw);
  }
  .top_howto_links li:nth-child(2) a {
    letter-spacing: calc(10 / var(--view-size) * 100vw);
  }
  .top_howto_links li:nth-child(3) a {
    letter-spacing: calc(0 / var(--view-size) * 100vw);
  }
  .top_howto_links a {
    width: calc(305 / var(--view-size) * 100vw);
    padding: calc(20 / var(--view-size) * 100vw);
    letter-spacing: calc(7 / var(--view-size) * 100vw);
    position: relative;
    font-size: calc(18 / var(--view-size) * 100vw);
  }
  .top_howto_links a span {
    position: absolute;
    top: calc(18 / var(--view-size) * 100vw);
    right: calc(15 / var(--view-size) * 100vw);
    width: calc(18 / var(--view-size) * 100vw);
  }
  .top_howto_btn a {
    font-size: calc(20 / var(--view-size) * 100vw);
    display: block;
    padding: calc(12 / var(--view-size) * 100vw) 0;
    border-radius: calc(60 / var(--view-size) * 100vw);
  }
  .top_howto_bottom {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(82 / var(--view-size) * 100vw);
  }

  html[lang="en"] .top_howto_links a {
    border-radius: calc(80 / var(--view-size) * 100vw);
  }
  html[lang="en"] .top_howto_links a span {
    top: 50%;
    transform: translateY(-50%);
  }

  html[lang="en"] .common_howto_guide a {
    padding-left: calc(0 / var(--view-size) * 100vw);
  }
  html[lang="en"] .common_howto_guide .text_shadow {
    margin-left: calc(0 / var(--view-size) * 100vw);
  }
  html[lang="en"] .common_howto_guide .common_howto_guide_text,
  html[lang="en"] .common_howto_guide .common_howto_guide_shadow {
    font-size: calc(24 / var(--view-size) * 100vw);
  }
  html[lang="en"] .common_howto_guide_ttl {
    font-size: calc(18 / var(--view-size) * 100vw);
  }
  html[lang="en"] .common_howto_guide .common_howto_guide_text .sp_db,
  html[lang="en"] .common_howto_guide .common_howto_guide_shadow .sp_db {
    display: none;
  }
  html[lang="en"] .common_howto_guide .text_shadow:after {
    width: calc(30 / var(--view-size) * 100vw);
    height: calc(40 / var(--view-size) * 100vw);
    right: calc(5 / var(--view-size) * 100vw);
    top: calc(0 / var(--view-size) * 100vw);
  }

  .top_howto_links .row {
    margin-left: 0;
  }
}

/* お知らせ */
.top_news_section {
  position: relative;
  padding: calc(170 / var(--view-size) * 100vw) 0;
}
.top_news_section .inner {
  position: relative;
  z-index: 100;
}
.top_news_top {
  position: absolute;
  top: calc(-0.3 / var(--view-size) * 100vw);
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  height: calc(100 / var(--view-size) * 100vw);
  background-color: #0068b7;
}
.top_news_ttl {
  position: absolute;
  top: 0;
  right: 0;
}
.top_news_ttl .common_ttl_01 {
  top: calc(220 / var(--view-size) * 100vw);
  right: calc(190 / var(--view-size) * 100vw);
}
.top_news_ttl .common_ttl_01 .top_about_ttl_edging {
  transform: translateY(calc(2.5 / var(--view-size) * 100vw));
}
.top_news_illust {
  width: calc(600 / var(--view-size) * 100vw);
  position: absolute;
  top: 0;
  right: 0;
}
.top_news_btn {
  margin-top: calc(35 / var(--view-size) * 100vw);
  position: relative;
  z-index: 200;
}
.top_news_btn a {
  background-color: #009944;
  box-shadow: 0px calc(3 / var(--view-size) * 100vw)
    calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw)
    rgba(0, 0, 0, 0.16);
  display: block;
  letter-spacing: 0;
}
.top_news_btn a:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}

.top_news_list li {
  border-top: calc(4 / var(--view-size) * 100vw) dotted #009944;
  padding: calc(30 / var(--view-size) * 100vw) 0;
  padding-left: calc(30 / var(--view-size) * 100vw);
  display: inline-block;
}
.top_news_list li:last-child {
  border-bottom: calc(4 / var(--view-size) * 100vw) dotted #009944;
}
.top_news_list .date {
  margin-right: calc(20 / var(--view-size) * 100vw);
  color: #009944;
}
.top_news_list li a {
  font-weight: 800;
  border: calc(4 / var(--view-size) * 100vw) solid #009944;
  border-radius: calc(60 / var(--view-size) * 100vw);
  padding: calc(20 / var(--view-size) * 100vw);
  background-color: #fff;
  letter-spacing: 0;
  box-shadow: 0px calc(3 / var(--view-size) * 100vw)
    calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw)
    rgba(0, 0, 0, 0.16);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(567 / var(--view-size) * 100vw);
}
.top_news_list li a:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}
.top_news_list li a img {
  width: calc(18 / var(--view-size) * 100vw);
}
wbr .top_news_list li a:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}
.top_news_list li a span {
  color: #009944;
  display: inline-block;
  vertical-align: bottom;
  line-height: 0;
  padding-left: calc(10 / var(--view-size) * 100vw);
}

.top_news_bottom {
  position: absolute;
  bottom: 0;
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  height: calc(150 / var(--view-size) * 100vw);
  background-color: #009944;
}

@media screen and (max-width: 768px) {
  .top_news_section {
    padding: calc(50 / var(--view-size) * 100vw) 0
      calc(100 / var(--view-size) * 100vw);
  }
  .top_news_top {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(27 / var(--view-size) * 100vw);
  }
  .top_news_illust {
    top: calc(40 / var(--view-size) * 100vw);
    right: calc(10 / var(--view-size) * 100vw);
    width: calc(150 / var(--view-size) * 100vw);
    position: absolute;
  }
  .top_news_ttl {
    position: initial;
  }
  .top_news_ttl .common_ttl_01 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  .top_news_section .inner {
    width: calc(315 / var(--view-size) * 100vw);
  }
  .top_news_list li {
    padding: 0;
    padding-bottom: calc(30 / var(--view-size) * 100vw);
  }
  .top_news_btn a {
    padding-left: 0;
    padding-right: 0;
  }
  .top_news_btn a span {
    display: inline;
  }
  .top_news_list .date {
    margin-bottom: calc(10 / var(--view-size) * 100vw);
  }
  .top_news_bottom {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(41 / var(--view-size) * 100vw);
  }
  .top_news_list li a {
    width: calc(310 / var(--view-size) * 100vw);
  }
}

/* FAQ */
.top_faq_section {
  position: relative;
  padding: calc(100 / var(--view-size) * 100vw) 0;
  background-color: #f1f1f1;
}
.top_faq_section .inner {
  position: relative;
  z-index: 100;
}
.top_faq_section .common_ttl_01 .top_about_ttl_edging {
  transform: translateY(calc(2 / var(--view-size) * 100vw));
  -webkit-text-stroke: calc(7 / var(--view-size) * 100vw) #333;
}
.top_faq_top {
  position: absolute;
  top: calc(-0.3 / var(--view-size) * 100vw);
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  height: calc(100 / var(--view-size) * 100vw);
  background-color: #009944;
}

.top_faq_bottom {
  position: absolute;
  bottom: 0;
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  height: calc(200 / var(--view-size) * 100vw);
  background-color: #fcc800;
}

@media screen and (max-width: 768px) {
  .top_faq_section {
    padding: calc(50 / var(--view-size) * 100vw) 0;
  }
  .top_faq_top {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(27 / var(--view-size) * 100vw);
  }
  .top_faq_bottom {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(55 / var(--view-size) * 100vw);
  }
  html[lang="en"] .question_text {
    padding-right: calc(50 / var(--view-size) * 100vw);
  }
}

/* アクセス */
.top_access_section {
  position: relative;
  padding: calc(100 / var(--view-size) * 100vw) 0;
}
.top_access_top {
  position: absolute;
  top: 0;
  width: calc(1360 / var(--view-size) * 100vw);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  height: calc(150 / var(--view-size) * 100vw);
  background-color: #fcc800;
}
.top_access_section .common_ttl_01 {
  margin-bottom: calc(40 / var(--view-size) * 100vw);
}

.top_access_address {
  margin-bottom: calc(30 / var(--view-size) * 100vw);
}

.top_acces_time span {
  font-weight: 800;
}
.top_acces_img {
  width: calc(380 / var(--view-size) * 100vw);
  margin-right: calc(20 / var(--view-size) * 100vw);
}
.top_acces_img img {
  border-radius: calc(30 / var(--view-size) * 100vw);
}
.top_musashi_traffic {
  width: calc(380 / var(--view-size) * 100vw);
}
.top_musashi_traffic h3 {
  text-align: center;
  font-size: calc(18 / var(--view-size) * 100vw);
  margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.top_musashi_caption {
  font-size: calc(16 / var(--view-size) * 100vw);
  margin-top: calc(20 / var(--view-size) * 100vw);
}
.top_musashi_btn {
  margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.top_musashi_btn a {
  border: calc(4 / var(--view-size) * 100vw) solid #f39800;
  padding: calc(15 / var(--view-size) * 100vw) 0;
  text-align: center;
  font-weight: 800;
  position: relative;
  border-radius: calc(60 / var(--view-size) * 100vw);
  /* width: calc(345 / var(--view-size) * 100vw); */
  box-shadow: 0px calc(3 / var(--view-size) * 100vw)
    calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw)
    rgba(0, 0, 0, 0.16);
  display: block;
}
.top_musashi_btn a:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}
.top_musashi_btn a::after {
  content: "";
  background: url(../../../uploads/img/arrow_orange.png) center / contain
    no-repeat;
  width: calc(18 / var(--view-size) * 100vw);
  height: calc(25 / var(--view-size) * 100vw);
  position: absolute;
  right: calc(15 / var(--view-size) * 100vw);
  top: calc(15 / var(--view-size) * 100vw);
}
.top_musashi_caption {
  text-align: center;
}

.top_access_info {
}
.access_info_img {
  width: calc(653 / var(--view-size) * 100vw);
}
.access_info_img img {
  border-radius: calc(30 / var(--view-size) * 100vw);
}
.access_info_textarea {
  width: calc(438 / var(--view-size) * 100vw);
}
.access_info_ttl {
  font-size: calc(22 / var(--view-size) * 100vw);
  margin-bottom: calc(20 / var(--view-size) * 100vw);
}
.access_info_address {
  margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.access_info_link {
  color: #f39800;
  position: relative;
  text-decoration: underline;
  margin-bottom: calc(20 / var(--view-size) * 100vw);
  display: inline-block;
}
.access_info_link::after {
  content: "";
  background: url(../../../uploads/img/icon_link.png) center / cover no-repeat;
  width: calc(16 / var(--view-size) * 100vw);
  height: calc(16 / var(--view-size) * 100vw);
  position: absolute;
  right: calc(0 / var(--view-size) * 100vw);
  bottom: calc(6 / var(--view-size) * 100vw);
}

.access_musashi_textarea {
  width: calc(653 / var(--view-size) * 100vw);
  padding-top: calc(20 / var(--view-size) * 100vw);
}
.access_musashi_guide {
  width: calc(438 / var(--view-size) * 100vw);
}
.access_musashi_text {
  margin-bottom: calc(70 / var(--view-size) * 100vw);
}
.top_musashi_traffic {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top_musashi_traffic:first-child {
  border-right: calc(4 / var(--view-size) * 100vw) dotted #333;
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.musashi_traffic_link {
  width: calc(120 / var(--view-size) * 100vw);
  box-shadow: 0px calc(3 / var(--view-size) * 100vw)
    calc(6 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw)
    rgba(0, 0, 0, 0.16);
  display: block;
  margin: calc(10 / var(--view-size) * 100vw) auto
    calc(20 / var(--view-size) * 100vw);
}
.musashi_traffic_link:hover {
  box-shadow: none;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  opacity: 1;
}
.musashi_guide_map {
  margin-bottom: calc(20 / var(--view-size) * 100vw);
}

@media screen and (max-width: 768px) {
  .top_access_section {
    padding: calc(50 / var(--view-size) * 100vw) 0;
  }
  .top_access_top {
    width: calc(375 / var(--view-size) * 100vw);
    height: calc(41 / var(--view-size) * 100vw);
  }

  .top_acces_img {
    width: calc(345 / var(--view-size) * 100vw);
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    margin-right: 0;
  }

  .top_access_address {
    margin-bottom: calc(20 / var(--view-size) * 100vw);
  }

  .top_musashi_caption {
    font-size: calc(18 / var(--view-size) * 100vw);
  }
  .top_acces_text {
    padding: 0 calc(10 / var(--view-size) * 100vw);
    width: calc(315 / var(--view-size) * 100vw);
    margin: 0 auto;
    padding-bottom: calc(40 / var(--view-size) * 100vw);
    border-bottom: calc(4 / var(--view-size) * 100vw) dotted #333;
  }

  .top_musashi_traffic,
  .access_musashi_textarea {
    width: 100%;
  }
  .access_musashi_text,
  .access_info_textaream,
  .access_musashi_guide,
  .access_info_textarea {
    width: calc(315 / var(--view-size) * 100vw);
    margin: 0 auto;
  }
  .top_access_info {
    margin-bottom: calc(30 / var(--view-size) * 100vw);
    padding-bottom: 0;
  }
  .access_info_img {
    width: 100%;
    margin-bottom: calc(30 / var(--view-size) * 100vw);
  }
  .access_musashi_text {
    margin-top: calc(10 / var(--view-size) * 100vw);
    margin-bottom: 0;
    border-bottom: calc(4 / var(--view-size) * 100vw) dotted #333;
    padding-bottom: calc(30 / var(--view-size) * 100vw);
  }

  .top_access_musashi {
    flex-direction: column-reverse;
  }
  .access_musashi_guide {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
  }

  .top_musashi_traffic:first-child {
    border-right: none;
    border-bottom: calc(4 / var(--view-size) * 100vw) dotted #333;
    padding-right: 0;
    padding-bottom: calc(30 / var(--view-size) * 100vw);
    margin-bottom: calc(30 / var(--view-size) * 100vw);
  }
  .access_musashi_textarea {
    padding-top: 0;
  }
}

#lottie {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
}
#lottie g {
  width: 100%;
}
#lottie svg,
#lottie_sp svg {
  width: 100%;
  height: auto !important;
  border-bottom: calc(8 / var(--view-size) * 100vw) solid #333;
}
.top_mv_scroll {
  position: absolute;
  bottom: calc(7.5 / var(--view-size) * 100vw);
  right: 0;
  width: calc(600 / var(--view-size) * 100vw);
}
@media screen and (max-width: 768px) {
  .top_mv_scroll {
    width: calc(247 / var(--view-size) * 100vw);
    right: auto;
    left: 0;
    bottom: calc(15.5 / var(--view-size) * 100vw);
  }
}