.maintenance-visual--wrapper {
  width: fit-content;
  margin: 80px auto 0;
  padding-top: 80px;
  border-top: #ffffff 1px solid;
}
@media (max-width: 440px) {
  .maintenance-visual--wrapper {
    margin-top: 56px;
    padding-top: 56px;
  }
}
.maintenance-visual--animation_wrapper {
  position: relative;
  width: fit-content;
}
.maintenance-visual--img {
  position: absolute;
  inset: 0;
  margin: 0 auto;
}
@media (max-width: 440px) {
  .maintenance-visual--img {
    position: static;
  }
}

.maintenance-visual_explanation {
  display: grid;
  grid-template-columns: 264px 264px;
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: center;
  gap: 72px 408px;
}
@media (max-width: 440px) {
  .maintenance-visual_explanation {
    display: block;
    margin-top: 40px;
    padding: 0 32px;
  }
}
.maintenance-visual_explanation--item {
  clip-path: inset(0 100% 0 0);
  transition: 0.7s ease-in-out 0.7s;
}
.js-animation_start .maintenance-visual_explanation--item {
  clip-path: inset(0 0 0 0);
}
@media (max-width: 440px) {
  .maintenance-visual_explanation--item + .maintenance-visual_explanation--item {
    margin-top: 24px;
  }
}
.maintenance-visual_explanation--lead {
  display: none;
}
@media (max-width: 440px) {
  .maintenance-visual_explanation--lead {
    display: block;
    color: #00a0e9;
    font-size: 18px;
  }
}
.maintenance-visual_explanation--description {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 440px) {
  .maintenance-visual_explanation--description {
    margin-top: 8px;
    font-size: 14px;
  }
}

.maintenance-navigation {
  width: 1128px;
  margin: 80px auto 0;
}
@media (max-width: 440px) {
  .maintenance-navigation {
    width: 100%;
    padding: 0 24px;
  }
}
.maintenance-navigation--list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 440px) {
  .maintenance-navigation--list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.maintenance-navigation--anchor {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 40px 0 24px;
  border: #BCBCBC 1px solid;
  transition: background-color 0.3s, border-color 0.3s;
}
.maintenance-navigation--anchor:after {
  content: "";
  display: block;
  width: 24px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%2300A0E9%22%20d%3D%22m17.422%202.452%201.06%201.061-5.777%205.779a.995.995%200%200%201-1.413%200l-5.78-5.779%201.06-1.06%205.425%205.424%205.425-5.425Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200v12H0V0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s;
}
.maintenance-navigation--anchor:hover {
  background-color: #E7F3F9;
  border-color: #00a0e9;
}
.maintenance-navigation--anchor:hover:after {
  transform: translateY(4px);
}
@media (max-width: 440px) {
  .maintenance-navigation--anchor {
    padding: 16px 0;
  }
}
@media (max-width: 440px) {
  .maintenance-navigation--img {
    display: block;
    width: 80px;
  }
}
.maintenance-navigation--lead {
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 440px) {
  .maintenance-navigation--lead {
    margin: 8px 0 12px;
    font-size: 12px;
  }
}

.maintenance-detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 56px;
  width: 1128px;
  margin: 120px auto 0;
  padding-bottom: 80px;
  border-bottom: #BCBCBC 1px solid;
}
.maintenance-detail + .maintenance-detail {
  margin-top: 80px;
}
.maintenance-detail#detail04 {
  margin-bottom: 240px;
}
@media (max-width: 440px) {
  .maintenance-detail {
    flex-direction: column-reverse;
    gap: 24px;
    width: calc(100% - 48px);
    margin: 80px 24px 0;
    padding-bottom: 56px;
  }
  .maintenance-detail + .maintenance-detail {
    margin-top: 56px;
  }
  .maintenance-detail#detail04 {
    margin-bottom: 160px;
  }
}
.maintenance-detail--title_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
@media (max-width: 440px) {
  .maintenance-detail--title_wrapper {
    gap: 8px;
  }
}
@media (max-width: 440px) {
  .maintenance-detail--icon_img {
    display: block;
    width: 80px;
  }
}
.maintenance-detail--title {
  font-size: 32px;
  font-weight: bold;
}
@media (max-width: 440px) {
  .maintenance-detail--title {
    font-size: 24px;
  }
}
.maintenance-detail--lead {
  margin-top: 24px;
  color: #00a0e9;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 440px) {
  .maintenance-detail--lead {
    margin-top: 16px;
    font-size: 16px;
  }
}
.maintenance-detail--description {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 440px) {
  .maintenance-detail--description {
    margin-top: 8px;
    font-size: 14px;
  }
}
.maintenance-detail--pic_img {
  flex-shrink: 0;
}
@media (max-width: 440px) {
  .maintenance-detail--pic_img {
    width: 100%;
  }
}

.maintenance-detail_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
  margin-top: 40px;
  padding: 24px;
  background-color: #f5f5f7;
}
@media (max-width: 440px) {
  .maintenance-detail_link {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 32px;
    padding: 16px 24px;
  }
}
.maintenance-detail_link--note {
  width: 258px;
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 440px) {
  .maintenance-detail_link--note {
    width: 100%;
    font-size: 14px;
  }
}
.maintenance-detail_link--link {
  text-decoration: underline;
  transition: color 0.3s;
}
.maintenance-detail_link--link:hover {
  color: #00a0e9;
}

.maintenance-detail_pdf {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
  margin-top: 40px;
  padding: 24px;
  background-color: #f5f5f7;
}
@media (max-width: 440px) {
  .maintenance-detail_pdf {
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
    padding: 16px 24px;
  }
}
.maintenance-detail_pdf--note {
  flex-grow: 1;
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 440px) {
  .maintenance-detail_pdf--note {
    width: 100%;
    font-size: 14px;
  }
}
.maintenance-detail_pdf--link {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 197px;
  padding: 12px 16px;
  background-color: #00a0e9;
  color: #ffffff;
  font-size: 16px;
  transition: background-color 0.3s;
}
.maintenance-detail_pdf--link:before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3.498%209.1v-.7h-.7v.7h.7Zm5.6%200v-.7h-.7v.7h.7Zm0%205.6h-.7v.7h.7v-.7Zm9.8-9.8h.7v-.29l-.204-.206-.496.496Zm-4.2-4.2.496-.496L14.988%200h-.29v.7Zm-11.2%209.1h1.4V8.4h-1.4v1.4Zm.7%205.6v-3.5h-1.4v3.5h1.4Zm0-3.5V9.1h-1.4v2.8h1.4Zm.7-.7h-1.4v1.4h1.4v-1.4Zm.7-.7a.7.7%200%200%201-.7.7v1.4a2.1%202.1%200%200%200%202.1-2.1h-1.4Zm-.7-.7a.7.7%200%200%201%20.7.7h1.4a2.1%202.1%200%200%200-2.1-2.1v1.4Zm3.5-.7v5.6h1.4V9.1h-1.4Zm.7%206.3h1.4V14h-1.4v1.4Zm3.5-2.1v-2.8h-1.4v2.8h1.4Zm-2.1-4.9h-1.4v1.4h1.4V8.4Zm2.1%202.1a2.1%202.1%200%200%200-2.1-2.1v1.4a.7.7%200%200%201%20.7.7h1.4Zm-2.1%204.9a2.1%202.1%200%200%200%202.1-2.1h-1.4a.7.7%200%200%201-.7.7v1.4Zm3.5-7v7h1.4v-7h-1.4Zm.7%201.4h3.5V8.4h-3.5v1.4Zm0%202.8h2.1v-1.4h-2.1v1.4ZM2.798%207V2.1h-1.4V7h1.4Zm15.4-2.1V7h1.4V4.9h-1.4Zm-14.7-3.5h11.2V0h-11.2v1.4Zm10.705-.204%204.2%204.2.991-.992-4.2-4.2-.991.992ZM2.798%202.1a.7.7%200%200%201%20.7-.7V0a2.1%202.1%200%200%200-2.1%202.1h1.4Zm-1.4%2014.7v2.1h1.4v-2.1h-1.4Zm2.1%204.2h14v-1.4h-14V21Zm16.1-2.1v-2.1h-1.4v2.1h1.4Zm-2.1%202.1a2.1%202.1%200%200%200%202.1-2.1h-1.4a.7.7%200%200%201-.7.7V21Zm-16.1-2.1a2.1%202.1%200%200%200%202.1%202.1v-1.4a.7.7%200%200%201-.7-.7h-1.4Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.maintenance-detail_pdf--link:hover {
  background-color: rgb(0, 169.5107296137, 246.85);
}
@media (max-width: 440px) {
  .maintenance-detail_pdf--link {
    width: 100%;
    font-size: 14px;
  }
}
.maintenance-detail_pdf--link_text {
  flex-grow: 1;
  text-align: center;
}

/*# sourceMappingURL=maintenance.css.map */