body {
  display: block;
  @media (min-width: 768px) {
    display: grid;
  }
}
body.home {
  background:
    linear-gradient(
        45deg,
        #2f3069 25%,
        transparent 25%,
        transparent 75%,
        #2f3069 75%
      )
      0 0 / 180px 180px,
    linear-gradient(
        45deg,
        #2f3069 25%,
        transparent 25%,
        transparent 75%,
        #2f3069 75%
      )
      90px 90px / 180px 180px,
    #2c2d63;
}

/* header */
.header {
  background: none;
  margin-inline: 0;
  width: 100%;
  position: absolute;
  top: 20px;
}
.header .inner .link {
  color: var(--text-contrast-color);
}
.header .inner .link:hover {
  color: var(--text-contrast-color);
  font-weight: var(--weight-bold);
}
@media (min-width: 890px) {
  .header {
    top: 0;
  }
  .header .information {
    padding-top: 0;
  }
  .header .information .block {
    color: var(--text-contrast-color);
  }
  .header .information .tel {
    color: var(--text-contrast-color);
  }
  .header .information .tel::before {
    color: var(--text-contrast-color);
  }
  .header .information .tel:hover {
    color: var(--sub-color);
  }
  .header .information .tel:hover:before {
    color: var(--sub-color);
  }
  .header .sep {
    background-color: var(--text-contrast-color);
  }
  .header .list .item:last-child .link {
    border-right: 1px solid var(--text-contrast-color);
  }
  .header .list .item .text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: var(--text-contrast-color);
    font-size: var(--text-lg);
  }
  .header .list .item .text:hover {
    color: var(--main-color);
  }
  .header .link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: var(--text-contrast-color);
    font-size: var(--text-lg);
  }
  .header .link:hover {
    color: var(--main-color);
  }
  .header .inner .link.logo {
    max-width: 273px;
    max-height: 90px;
    height: 90px;
    padding-top: 10px;
  }
  .header .inner .link.logo:hover {
    background: none;
  }
}

@media (max-width: 889px) {
  .hamburger-menu {
    top: 30px;
    left: unset;
    right: var(--content-spacing);
  }
}
/* hamburger-menu */
@media (min-width: 890px) {
  .hamburger-menu {
    top: 36px;
    right: var(--content-spacing);
  }
}

  .section {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xl);
    padding-inline: var(--content-spacing);
  }
 .fv {
    width: 100% !important;
  }