:root {
  --nav: clamp(1.5rem, 1vw, 1rem);
  --extra-tit: clamp(1rem, 2.5vw, 10rem);
}

section.history .modal-ob {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  text-orientation: unset;
  bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 768px) {
  section.history .modal-ob img {
    width: 40px;
    margin-top: 0rem;
    margin-right: 0px;
    margin-left: 20px;
  }
}

section.history .map img {
  height: auto;
}

.scroll_down:before, .scroll_down:after {
  display: none;
}

section.history .txt {
  line-height: 1.8;
}

.footer-content .txt {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  width: 90%;
  margin: auto;
}

.news-line-sp {
  display: none;
}

.news-line.news-line-en {
  display: inherit;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  height: 7%;
}

@media only screen and (min-width: 768px) {
  .news-line.news-line-en {
    display: none;
  }
}

.mv-content {
  height: 55vh;
}

@media only screen and (min-width: 768px) {
  .mv-content {
    height: 92vh;
  }
}

.mv-content #mv {
  height: 53vh;
}

@media only screen and (min-width: 768px) {
  .mv-content #mv {
    height: 85vh;
  }
}

.logo-content {
  height: 29% !important;
}

@media only screen and (min-width: 768px) {
  .logo-content {
    height: inherit !important;
  }
}

.sp-wide-content .visual-wrap {
  width: 100%;
}

.footer-content .txt span {
  padding-top: 40px;
}

.footer-content .txt {
  font-size: 3.5vw;
  letter-spacing: .1rem;
}

@media only screen and (min-width: 768px) {
  .footer-content .txt {
    font-size: 1.6rem;
  }
}

.logo-content {
  height: 38vh;
}

@media only screen and (min-width: 768px) {
  .logo-content {
    height: inherit;
  }
}

section.top-event {
  border-top: none;
}

@media only screen and (min-width: 768px) {
  section.top-event {
    border-top: 1px solid #000;
  }
}

.sp-wide-content {
  height: calc(var(--vh, 1vh) * 100);
}

@media only screen and (min-width: 768px) {
  .sp-wide-content {
    height: auto;
  }
}

.top-event-inner {
  padding-top: 0;
}

@media only screen and (min-width: 768px) {
  .top-event-inner {
    padding-top: 5rem;
  }
}