@media screen and (max-width: 767px) {
  .header_outer {
    background: #fff;
  }
}

.header_logo {
  visibility: visible !important;
}
.header_logo figure::after {
  content: "";
  position: absolute;
  background-image: url(../img/common/logo_fuyolease_db.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  inset: 0;
}
.header_logo figure img {
  visibility: hidden;
}
.header_logo p {
  color: #333;
}
@media (min-width: 768px) {
  .header_outer.is-scrolled .header_logo {
    visibility: hidden !important;
  }
}

.main_header {
  position: relative;
}
@media (min-width: 768px) {
  .main_header {
    padding: 6.2rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .main_header {
    padding: 5.6rem 0 0;
  }
}
@media (min-width: 768px) {
  #FirstView .main_header {
    padding: 10rem 0 0;
  }
}

.main_header_bg {
  position: relative;
  line-height: 0;
}
.main_header_bg img {
  width: 100%;
}

.main_header_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  margin: 0 auto;
  color: #fff;
}
@media (min-width: 768px) {
  .main_header_inner {
    max-width: 148rem;
    inset: 6.2rem 0 0;
    padding: 0 15rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .main_header_inner {
    max-width: 33.5rem;
    inset: 5.6rem 0 0;
  }
}
@media (min-width: 768px) {
  #FirstView .main_header_inner {
    inset: 10rem 0 0;
  }
}

.main_header_h1 {
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 700;
  text-shadow: 0 0 2rem #023466;
}
@media (min-width: 768px) {
  .main_header_h1 {
    line-height: 1.667;
    font-size: 1.8rem;
  }
  .main_header_h1 > h1 {
    font: inherit;
  }
  .main_header_h1 > h1:first-of-type {
    margin-top: -0.333em;
  }
  .main_header_h1 > h1:last-of-type {
    margin-bottom: -0.333em;
  }
}
@media screen and (max-width: 767px) {
  .main_header_h1 {
    line-height: 1.688;
    font-size: 1.6rem;
  }
  .main_header_h1 > h1 {
    font: inherit;
  }
  .main_header_h1 > h1:first-of-type {
    margin-top: -0.343em;
  }
  .main_header_h1 > h1:last-of-type {
    margin-bottom: -0.343em;
  }
}
.main_header_h1 + .main_header_p {
  padding-top: 2rem;
}

.main_header_h2 {
  font-weight: 700;
}
@media (min-width: 768px) {
  .main_header_h2 {
    line-height: 1.209;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .main_header_h2 {
    line-height: 1.278;
    font-size: 3.6rem;
  }
}
@media (min-width: 768px) {
  .main_header_h2 + .main_header_h3 {
    padding-top: 1rem;
  }
}

.main_header_h3 {
  font-family: "Viga", sans-serif;
  color: #b3d0f2;
}
@media (min-width: 768px) {
  .main_header_h3 {
    line-height: 1.625;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .main_header_h3 {
    line-height: 1.715;
    font-size: 1.4rem;
  }
}

.main_header_p {
  position: relative;
  font-weight: 700;
}
@media (min-width: 768px) {
  .main_header_p {
    line-height: 1.35;
    font-size: 6rem;
  }
  .main_header_p > p {
    font: inherit;
  }
  .main_header_p > p:first-of-type {
    margin-top: -0.175em;
  }
  .main_header_p > p:last-of-type {
    margin-bottom: -0.175em;
  }
}
@media screen and (max-width: 767px) {
  .main_header_p {
    line-height: 1.163;
    font-size: 3.7rem;
  }
  .main_header_p > p {
    font: inherit;
  }
  .main_header_p > p:first-of-type {
    margin-top: -0.081em;
  }
  .main_header_p > p:last-of-type {
    margin-bottom: -0.081em;
  }
}

.main_header_label {
  display: flex;
  align-items: flex-start;
}
.main_header_label > li {
  border: 1px solid;
  border-radius: 3rem;
  padding: 0.4rem 1.9rem;
  line-height: 1.25;
  font-size: 1.6rem;
}
.main_header_label + .main_header_h2 {
  margin-top: 0.5rem;
}

.main_breadcrumbs {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .main_breadcrumbs {
    max-width: 1200px;
    padding: 1rem 2rem 10rem;
  }
}
@media screen and (max-width: 767px) {
  .main_breadcrumbs {
    width: 100%;
    padding: 2rem 0 4rem;
  }
}

.breadcrumbs_list {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .breadcrumbs_list {
    max-width: 100%;
    padding: 0 2rem 1rem;
    overflow: auto;
  }
}
.breadcrumbs_list > li {
  position: relative;
}
.breadcrumbs_list > li + li::before {
  content: "";
  position: absolute;
  background: #777;
  width: 1rem;
  height: 1px;
  left: -2rem;
  top: 0.9rem;
  translate: 0 -50%;
}

.breadcrumbs_link {
  position: relative;
  line-height: 1.286;
  font-size: 1.4rem;
  color: #0363d5;
}
@media screen and (max-width: 767px) {
  .breadcrumbs_link {
    white-space: nowrap;
  }
}
.breadcrumbs_link.is-current {
  color: #777;
  pointer-events: none;
}
.breadcrumbs_link.is-current::before {
  display: none;
}

.main_inner {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .main_inner {
    max-width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .main_inner {
    max-width: 33.5rem;
  }
}