@charset "UTF-8";
/* 基本設定 */
/* --------------------------------------------------
	section size
-------------------------------------------------- */
/* 初期設定 */
/* ----------------------------------------------------------------------
サブビジュアル
---------------------------------------------------------------------- */
#sv {
  height: 79vh;
  padding-top: 6rem;
  box-shadow: inset 0px 0px 8px -5px #777777;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: 0.1em;
  font-weight: 800;
}
@media screen and (max-width: 1024px) {
  #sv {
    height: 47rem;
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 840px) {
  #sv {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 840px) and (max-width: 840px) {
  #sv {
    font-size: 1.1rem;
  }
}
#sv .inner {
  max-width: 144.5rem;
}
#sv .inner > p {
  font-size: 565%;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  #sv .inner > p {
    font-size: 390%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 840px) {
  #sv .inner > p {
    font-size: 600%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 840px) and (max-width: 520px) {
  #sv .inner > p {
    font-size: 350%;
  }
}
#sv .breadcrumb {
  font-size: 85%;
  position: absolute;
  inset: auto 3em 5em auto;
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  #sv .breadcrumb {
    inset: auto 3em 4em auto;
  }
}
#sv::before {
  content: "";
  display: block;
  width: 100%;
  height: 5.5rem;
  position: absolute;
  inset: auto auto 0 0;
  background-image: url(../img/common/con-bg01@2x.webp);
  background-position: top center;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  #sv::before {
    background-size: 130%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 840px) {
  #sv::before {
    background-size: 200%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 840px) and (max-width: 520px) {
  #sv::before {
    height: 3.5rem;
    background-size: 280%;
  }
}