/* ==========================================================================
   会社概要
   ※ 元: Next.js の CSS Modules（SCSS）を素のCSSに変換
   ========================================================================== */

/* --------------------------------------------------------------------------
   .company-page（元: src/app/corporate/company/page.module.scss）
   -------------------------------------------------------------------------- */

.company-page__content {
  padding: 80px 0 120px;
}

@media (max-width: 768px) {
  .company-page__content {
    padding: 60px 0 80px;
  }
}

.company-page__header-image {
  position: absolute;
  top: 150px;
  right: 0;
  z-index: 0;
}

@media (max-width: 640px) {
  .company-page__header-image {
    top: 32vw;
    width: 50vw;
    height: auto;
    opacity: 0.5;
  }
}

.company-page__container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--padding-x-desktop);
}

@media (max-width: 1024px) {
  .company-page__container {
    padding: 0 var(--padding-x-tablet);
  }
}

@media (max-width: 768px) {
  .company-page__container {
    padding: 0 var(--padding-x-mobile);
  }
}