.home-hero{min-height:calc(100svh - 84px);position:relative}
.home-hero__inner{
  min-height:calc(100svh - 84px);
  display:grid;
  grid-template-columns:1fr minmax(120px,16vw);
}
.home-hero__main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:7vh 6vw 10vh;
}
.home-hero__logo{max-width:760px;margin-bottom:clamp(42px,7vh,86px)}
.home-hero__menu ul{list-style:none;margin:0;padding:0}
.home-hero__menu li + li{margin-top:12px}
.home-hero__menu a{
  display:inline-block;
  font-family:Arial,sans-serif;
  font-size:clamp(3rem,3.8vw,5.6rem);
}
.home-hero {
  min-height: calc(100svh - 84px);
  position: relative;
}

.home-hero__inner {
  min-height: calc(100svh - 84px);
  display: grid;
  grid-template-columns: 1fr minmax(140px, 15vw);
}
.site-header, .site-footer {
  display: none;
}

@media screen and (min-width: 900px) {
    .top_fv .top-bg {
        min-height: 100vh;
        height: 100%;
        background-image: url(https://pre-act.net/wp-content/themes/pre-act_web/assets/img/01top/pc/top-bg-pc.png);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: top 0% right 0%;
    }
    .top_fv .top-bg .container {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        padding: 50px;
    }
    .top_fv .top-bg .container .logo {
        width: 72.25%;
        margin-left: -2%;
    }
    .top_fv .top-bg .container .list_wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 50px;
    }
    .top_fv .top-bg .container .list_wrapper .top-list {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
  }
.top_fv .top-bg .container .list_wrapper .top-list .top-item {
    font-family: "DIN Alternate";
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.875rem;
    letter-spacing: normal;
    list-style: none;
}
.top_fv .top-bg .container .list_wrapper .top-list .top-item a {
    color: #acacac;
    transition: 0.2s ease-in-out;
}
.top_fv .top-bg .container .list_wrapper .top-list .top-item a:hover {
    color: var(--color-deep);
}
/* =========================
   左側
========================= */

.home-hero__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6vh 6vw 8vh;
}

/* ロゴ */
.home-hero__logo {
  max-width: 820px;
  margin-bottom: clamp(56px, 8vh, 96px);
}

/* =========================
   メニュー
========================= */

.home-hero__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 行間（重要） */
.home-hero__menu li + li {
  margin-top: 8px;
}

/* メニュー文字 */
.home-hero__menu a {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: clamp(4rem, 4.8vw, 6.6rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0.01em;
  color: #a6a3a0;
  transition: all 0.25s ease;
}

/* ホバー */
.home-hero__menu a:hover {
  color: #88a8c8;
  transform: translateX(8px);
}

/* =========================
   右帯
========================= */

.home-hero__side-pattern {
  background: linear-gradient(
    90deg,
    rgba(191, 211, 232, 0.18) 0%,
    rgba(191, 211, 232, 0.65) 100%
  );
}

/* =========================
   タブレット SP
========================= */

@media (max-width: 899px) {
  .home-hero__inner {
    grid-template-columns: 1fr minmax(120px, 18vw);
  }

  .home-hero__main {
    padding: 7vh 5vw 8vh;
  }

  .home-hero__logo {
    max-width: 720px;
    margin-bottom: 56px;
  }

  .home-hero__menu a {
    font-size: clamp(3.4rem, 5vw, 5.6rem);
  }
}
/* =========================
   SP
========================= */

@media (max-width: 767px) {
  .home-hero,
  .home-hero__inner {
    min-height: auto;
  }

  .home-hero__inner {
    grid-template-columns: 1fr;
  }

  .home-hero__side-pattern {
    display: none;
  }

  .home-hero__main {
    padding: 44px 0 52px;
  }

  .home-hero__logo {
    max-width: 94%;
    margin-bottom: 32px;
  }

  .home-hero__menu li + li {
    margin-top: 10px;
  }

  .home-hero__menu a {
    font-size: clamp(3.2rem, 8vw, 4.8rem);
    line-height: 1.06;
  }
}

.home-hero__menu a:hover{color:#88a8c8;transform:translateX(6px);opacity:1}
.home-hero__side-pattern{
  background:linear-gradient(90deg,rgba(191,211,232,.2) 0%,rgba(191,211,232,.62) 100%);
}
@media (max-width:767px){
  .home-hero,.home-hero__inner{min-height:auto}
  .home-hero__inner{grid-template-columns:1fr}
  .home-hero__side-pattern{display:none}
  .home-hero__main{padding:56px 0 64px}
  .home-hero__logo{max-width:92%;margin-bottom:34px}
  .home-hero__menu li + li{margin-top:10px}
  .home-hero__menu a{font-size:clamp(2.6rem,8vw,4rem)}
}

@media screen and (max-width: 899px) {
    .top_fv {
        width: 100%;
        height: 100%;
        min-height: 100%;
    }
    .top_fv .top-bg {
        min-height: 100%;
        height: max(736px, 100vh);
        background-image: url(https://pre-act.net/wp-content/themes/pre-act_web/assets/img/01top/pc/top-bg-pc.png);
        background-position: top 0% right 0%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .top_fv .top-bg .container {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 27px;
        height: max(736px, 100vh);
        margin: 0 auto;
    }
    .top_fv .top-bg .container .logo {
        width: 100%;
        max-width: 397.38px;
        margin-left: -3%;
    }
    .top_fv .top-bg .container .list_wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }
    .top_fv .top-bg .container .list_wrapper .top-list {
        display: flex;
        flex-direction: column;
        row-gap: 6px;
    }
    .top_fv .top-bg .container .list_wrapper .top-list .top-item {
        width: 100%;
    }
    .top_fv .top-bg .container .list_wrapper .top-list .top-item a {
        display: block;
        font-family: "DIN Alternate";
        font-size: 1.94rem;
        font-weight: bold;
        line-height: 1.94rem;
        letter-spacing: normal;
        color: #acacac;
    }
}
@media screen and (max-width: 899px) and (max-width: 700px) {
    .top_fv .top-bg .container {
        background-color: rgba(255, 255, 255, 0.7);
    }
    .top_fv .top-bg {
        background-position: top 0% right 15%;
    }
}