@charset "UTF-8";
@media screen and (max-width: 767px) {
  section#lead_area .anker-box.is-fixed {
    justify-content: center;
  }
}
@-webkit-keyframes arrow-move-position {
  0% {
    transform: translateX(0) translateY(-50%); /* 初期位置 */
    opacity: 1; /* 表示 */
  }
  50% {
    transform: translateX(20px) translateY(-50%); /* 右に移動して消える */
    opacity: 0;
  }
  51% {
    transform: translateX(-20px) translateY(-50%); /* 左から戻ってくる */
    opacity: 0;
  }
  100% {
    transform: translateX(0) translateY(-50%); /* 元の位置に戻る */
    opacity: 1; /* 表示 */
  }
}
@keyframes arrow-move-position {
  0% {
    transform: translateX(0) translateY(-50%); /* 初期位置 */
    opacity: 1; /* 表示 */
  }
  50% {
    transform: translateX(20px) translateY(-50%); /* 右に移動して消える */
    opacity: 0;
  }
  51% {
    transform: translateX(-20px) translateY(-50%); /* 左から戻ってくる */
    opacity: 0;
  }
  100% {
    transform: translateX(0) translateY(-50%); /* 元の位置に戻る */
    opacity: 1; /* 表示 */
  }
}
/*==========================================================================
section#overview_area
========================================================================== */
section#overview_area {
  padding-top: 7.8125vw;
  margin-top: -7.8125vw;
}

section#overview_area .inner {
  padding-top: 7.8125vw;
}

section#overview_area .box {
  display: flex;
  justify-content: space-between;
}

section#overview_area .ttl-box {
  flex: auto;
}

section#overview_area .info-box {
  width: 81.78%;
  border-top: solid 1px #575A61;
}

section#overview_area .info-box dl {
  width: 100%;
  margin: 0;
  padding: 1.8229166667vw 1.40625vw;
  border-bottom: solid 1px #575A61;
}

section#overview_area .info-box dl dt {
  color: #ffffff;
  width: 11.71875vw;
}

section#overview_area .info-box dl dd {
  margin: 0;
  line-height: 1.8em;
  color: #ffffff;
  width: calc(100% - 11.71875vw);
}

section#overview_area .info-box dl dd a {
  text-decoration: underline;
  color: #9DAEFF;
  position: relative;
}
section#overview_area .info-box dl dd a svg {
  position: absolute;
  right: -1.45vw;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
}
section#overview_area .info-box dl dd a:hover {
  color: #ffffff;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
section#overview_area .info-box dl dd a:hover svg {
  -webkit-animation: arrow-move-position 0.5s ease-in-out;
  animation: arrow-move-position 0.5s ease-in-out;
}

@media screen and (max-width: 767px) {
  section#overview_area {
    padding-top: 60px;
    margin-top: -60px;
  }
  section#overview_area .inner {
    padding-top: 80px;
  }
  section#overview_area .box {
    flex-wrap: wrap;
  }
  section#overview_area .ttl-box {
    width: 100%;
  }
  section#overview_area .info-box {
    width: 100%;
    border-top: solid 1px #575A61;
  }
  section#overview_area .info-box dl {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    border-bottom: solid 1px #575A61;
  }
  section#overview_area .info-box dl dt {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
  }
  section#overview_area .info-box dl dd {
    font-size: 14px;
    width: 100%;
  }
  section#overview_area .info-box dl dd a {
    font-size: 14px;
  }
  section#overview_area .info-box dl dd a svg {
    width: 20px;
    height: 20px;
    right: -25px;
  }
}
/*==========================================================================
section#disclosure_area
========================================================================== */
section#disclosure_area {
  padding-top: 7.8125vw;
  margin-top: -7.8125vw;
}

section#disclosure_area .inner {
  padding-top: 7.8125vw;
}

section#disclosure_area .box {
  display: flex;
  justify-content: space-between;
}

section#disclosure_area .list-box {
  width: 81.78%;
}

section#disclosure_area .list-box a {
  color: #9DAEFF;
  border-bottom: dashed 1px #ffffff;
  padding: 1vw 0;
  text-decoration: underline;
  gap: 1vw;
  font-size: 0.9375vw;
  align-items: center;
}
section#disclosure_area .list-box a svg {
  width: 2vw;
  height: 2vw;
  display: flex;
}

section#disclosure_area .list-box li:first-child a {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  section#disclosure_area {
    padding-top: 60px;
    margin-top: -60px;
  }
  section#disclosure_area .inner {
    padding-top: 80px;
  }
  section#disclosure_area .box {
    flex-wrap: wrap;
  }
  section#disclosure_area .ttl-box {
    flex: auto;
    width: 100%;
  }
  section#disclosure_area .list-box {
    width: 100%;
  }
  section#disclosure_area .list-box a {
    font-size: 14px;
    padding: 20px 0;
  }
  section#disclosure_area .list-box a svg {
    width: 20px;
    height: 20px;
  }
}
/*==========================================================================
section#history_area
========================================================================== */
section#history_area {
  padding-top: 7.8125vw;
  margin-top: -7.8125vw;
}

section#history_area .inner {
  padding-top: 7.8125vw;
}

section#history_area .box {
  display: flex;
  justify-content: space-between;
}

section#history_area .ttl-box {
  flex: auto;
}

section#history_area .info-box {
  width: 81.78%;
}

section#history_area .info-box dl {
  width: 100%;
  margin: 0;
  padding: 1.8229166667vw 1.40625vw;
  position: relative;
  box-sizing: border-box;
}

section#history_area .info-box dl::before {
  content: "";
  background: #3C5DFF;
  width: 1.05vw;
  height: 1.05vw;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 11.46vw;
  border-radius: 1.05vw;
  z-index: 2;
}

section#history_area .info-box dl::after {
  content: "";
  background: #ffffff;
  position: absolute;
  left: 11.985vw;
  top: 0;
  width: 1px;
  height: 100%;
  z-index: 1;
}

section#history_area .info-box dl dt {
  color: #ffffff;
  width: 11.46vw;
}

section#history_area .info-box dl dd {
  box-sizing: border-box;
  padding-left: 5.2083333333vw;
  margin: 0;
  line-height: 1.8em;
  color: #ffffff;
  width: calc(100% - 11.71875vw);
}

section#history_area .info-box dl dd span {
  color: #9DAEFF;
  display: block;
}

section#history_area .info-box dl:first-child::after {
  height: 50%;
  top: initial;
  transform: initial;
  bottom: 0;
}

section#history_area .info-box dl:last-child::after {
  height: 50%;
  top: 0;
  transform: initial;
}

@media screen and (max-width: 767px) {
  section#history_area {
    padding-top: 60px;
    margin-top: -60px;
  }
  section#history_area .inner {
    padding-top: 80px;
  }
  section#history_area .box {
    flex-wrap: wrap;
  }
  section#history_area .ttl-box {
    flex: auto;
    width: 100%;
  }
  section#history_area .info-box {
    width: 100%;
  }
  section#history_area .info-box dl {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    padding-top: 0;
    padding-left: 30px;
  }
  section#history_area .info-box dl::before {
    transform: initial;
    top: 10px;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 14px;
  }
  section#history_area .info-box dl::after {
    left: 7px;
    height: 100% !important;
  }
  section#history_area .info-box dl dt {
    width: 100%;
    font-size: 24px;
    margin-bottom: 15px;
  }
  section#history_area .info-box dl dd {
    font-size: 14px;
    width: 100%;
    padding-left: 0;
  }
  section#history_area .info-box dl dd span {
    font-size: 14px;
    margin-bottom: 5px;
  }
  section#history_area .info-box dl:first-child:after {
    height: calc(100% - 10px) !important;
  }
  section#history_area .info-box dl:last-child {
    padding-bottom: 0;
  }
}
/*==========================================================================
section#locations_area
========================================================================== */
section#locations_area {
  padding-top: 7.8125vw;
  margin-top: -7.8125vw;
}

section#locations_area .inner {
  padding-top: 7.8125vw;
  padding-bottom: 10.4166666667vw;
}

section#locations_area .box {
  display: flex;
  justify-content: space-between;
}

section#locations_area .ttl-box {
  flex: auto;
}

section#locations_area .info-box {
  width: 81.78%;
}

section#locations_area .info-box dl {
  width: 100%;
  margin: 0;
  padding: 2.6041666667vw 1.5625vw;
  border-top: solid 1px #575A61;
  flex-wrap: wrap;
}

section#locations_area .info-box dl dt {
  color: #ffffff;
  width: 26.0416666667vw;
}

section#locations_area .info-box dl dt span {
  display: block;
  color: #9DAEFF;
}

section#locations_area .info-box dl dd {
  color: #ffffff;
  width: calc(100% - 26.0416666667vw);
  margin: 0;
  line-height: calc(1.5em + 0.5208333333vw);
}

section#locations_area .info-box dl dd .maplink {
  display: flex;
  align-items: center;
  gap: 0.2604166667vw;
  color: #9DAEFF;
  text-decoration: underline;
  margin-top: 2.6041666667vw;
  transition: 1s;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

section#locations_area .info-box dl dd .maplink svg {
  position: absolute;
  right: -1.45vw;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
}

section#locations_area .info-box dl dd .maplink:hover {
  color: #ffffff;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

section#locations_area .info-box dl dd .maplink:hover svg {
  -webkit-animation: arrow-move-position 0.5s ease-in-out;
  animation: arrow-move-position 0.5s ease-in-out;
}

section#locations_area .info-box dl dd.maps {
  width: 100%;
  margin-top: 2.6041666667vw;
  height: 20.8333333333vw;
}

section#locations_area .info-box dl dd.maps iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  section#locations_area {
    padding-top: 60px;
    margin-top: -60px;
  }
  section#locations_area .inner {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  section#locations_area .box {
    flex-wrap: wrap;
  }
  section#locations_area .ttl-box {
    flex: auto;
    width: 100%;
  }
  section#locations_area .info-box {
    width: 100%;
    border-top: solid 1px #575A61;
  }
  section#locations_area .info-box dl {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    border-bottom: solid 1px #575A61;
  }
  section#locations_area .info-box dl dt {
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
  }
  section#locations_area .info-box dl dt span {
    font-size: 14px;
  }
  section#locations_area .info-box dl dd {
    font-size: 14px;
    width: 100%;
    line-height: calc(1.5em + 5px);
  }
  section#locations_area .info-box dl dd .maplink {
    font-size: 16px;
    margin-top: 20px;
  }
  section#locations_area .info-box dl dd .maplink svg {
    width: 20px;
    height: 20px;
    right: -25px;
  }
  section#locations_area .info-box dl dd.maps {
    margin-top: 20px;
    height: 50vw;
  }
}
/*# sourceMappingURL=company.css.map */