/* ========================================================================
   Component: mainvisual
========================================================================== */

.webp .mainvisual::before {
  background-image: url("/portal/support/indeed/assets/images/office/bg_mainvisual.png.webp") !important;
}
.no-webp .mainvisual::before {
  background-image: url("/portal/support/indeed/assets/images/office/bg_mainvisual.png") !important;
}
@media screen and (max-width: 767px) {
  .webp .mainvisual::before {
    background-image: url("/portal/support/indeed/assets/images/office/bg_mainvisual_sp.png.webp") !important;
  }
  .no-webp .mainvisual::before {
    background-image: url("/portal/support/indeed/assets/images/office/bg_mainvisual_sp.png") !important;
  }
}
.mainvisual-title {
  font-size: 5.2rem;
  font-weight: bold;
  text-align: center;
  color: #063783;
  line-height: 1.5em !important;
}
@media screen and (max-width: 767px) {
  .mainvisual-title {
    font-size: 2.5rem !important;
  }
}
@media screen and (max-width: 767px) {
  .mainvisual-title span {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .mainvisual-title-sp {
    font-size: 2.5rem !important;
  }
}



/* ========================================================================
   Component: owner
========================================================================== */
.owner-list li::before {
  top: 2px !important;
  bottom: auto;
}