/* =======================================================
header
======================================================= */
.ly-head {
  background: var(--color-black);
}

@media screen and (width >= 751px) {
  .bl-head-nav {
    padding-bottom: 21px;
  }
}
/* =======================================================
main
======================================================= */
.ly-main {
  padding-top: 96px;
}

@media screen and (width <= 750px) {
  .ly-main {
    padding-top: 120px;
  }
}
/* =======================================================
lower-head
======================================================= */
.bl-lower-mv {
  display: grid;
  align-items: end;
  justify-content: center;
  height: 140px;
  padding-bottom: 34px;
  background: url("../images/common/lower-mv-bg.jpg") top center/cover no-repeat;
}
.bl-lower-mv-ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: calc(35/24);
  color: var(--color-white);
  text-align: center;
}
.bl-lower-mv-ttl::before {
  margin-left: 4px;
  content: "";
}
.bl-lower-mv-ttl::after {
  position: absolute;
  top: -34px;
  right: -112px;
  z-index: 2;
  width: 60px;
  height: 60px;
  content: "";
  background: url("../images/common/lower-mv-deco.svg") top center/contain no-repeat;
  animation: birdFloat02 2s ease-in-out infinite;
}

@media screen and (width <= 750px) {
  .bl-lower-mv {
    height: 200px;
    padding-bottom: 64px;
    background: url("../images/common/lower-mv-bg-sp.jpg") top center/cover no-repeat;
  }
  .bl-lower-mv-ttl {
    font-size: 40px;
    line-height: calc(58/40);
  }
  .bl-lower-mv-ttl::before {
    margin-left: 12px;
  }
  .bl-lower-mv-ttl::after {
    display: none;
  }
}
/* =======================================================
breadcrumbs
======================================================= */
.bl-breadcrumbs {
  padding-top: 16px;
  background: var(--color-black02);
}
.bl-breadcrumbs-inner {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 1024px;
  margin: 0 auto;
}
.bl-breadcrumbs-inner > li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: calc(20/14);
  color: var(--color-white);
}
.bl-breadcrumbs-inner > li:not(:first-of-type) {
  gap: 8px;
}
.bl-breadcrumbs-inner > li:not(:first-of-type)::before {
  width: 6px;
  height: 11px;
  content: "";
  background: url("../images/common/breadcrumbs-separator.svg") top center/contain no-repeat;
}
.bl-breadcrumbs-inner > li .home {
  display: flex;
  width: 18px;
}

@media screen and (width <= 750px) {
  .bl-breadcrumbs {
    padding-top: 24px;
  }
  .bl-breadcrumbs-inner {
    gap: 12px;
    width: 690px;
  }
  .bl-breadcrumbs-inner > li {
    font-size: 24px;
  }
  .bl-breadcrumbs-inner > li:not(:first-of-type) {
    gap: 12px;
  }
  .bl-breadcrumbs-inner > li:not(:first-of-type)::before {
    width: 9px;
    height: 16px;
  }
  .bl-breadcrumbs-inner > li .home {
    width: 27px;
  }
}