@charset "UTF-8";

/* Staging-only alignment between the recruitment and corporate previews. */
:root {
  --mahito-recruit-yellow: #fcc91a;
  --mahito-recruit-ink: #272727;
  --mahito-recruit-font: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

/* The evaluation figures already contain their colored bases. Do not render the
   legacy standalone curve layers on top of the completed illustrations. */
.p-evaluation .p-evaluation-items__curve {
  display: none;
}

/* Let Mahito-kun overlap the desktop company section, matching the initial art direction. */
@media (min-width: 1024px) {
  .p-recruit-about {
    padding-bottom: 0;
  }

  .p-recruit-about__illust {
    position: relative;
    z-index: 2;
    background: url("../img/recruit/illust_about_sp.svg") center / contain no-repeat;
  }

  .p-recruit-about__illust img {
    opacity: 0;
  }

  .p-recruit-company {
    margin-top: -32px;
    padding-top: 64px;
  }
}

/* Decorative photos and the interview track must not widen the whole page. */
.p-recruit {
  overflow-x: clip;
  overflow-y: visible;
}

body.wp-theme-mahito,
body.wp-theme-mahito button,
body.wp-theme-mahito input,
body.wp-theme-mahito select,
body.wp-theme-mahito textarea {
  font-family: var(--mahito-recruit-font) !important;
}

/* Match the corporate site's Latin/Japanese font composition. */
.c-button-more,
.c-news-post__date,
.l-footer__copy,
.p-home-service__item-number,
.l-header__nav-list-wrap > li > a span {
  font-family: Arial, var(--mahito-recruit-font);
}

.c-page-header__en,
.c-page-header__ja,
.c-page-header__breadcrumb {
  font-family: "Noto Sans JP", sans-serif;
}

.l-header {
  transition: transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease;
}

.l-header.is-staging-scroll-hidden {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-110%);
  pointer-events: none;
}

/* Use the corrected Mahito-kun corporate lockup on the dark recruitment hero. */
.l-header__logo {
  width: auto;
  flex: 0 0 auto;
}

.l-header__logo .mahito-brand-lockup {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  color: #fff;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
}

.l-header__logo .mahito-brand-lockup__image {
  display: block;
  width: 230px;
  height: auto;
}

.l-header__logo .mahito-brand-lockup__company {
  margin-top: 2px;
  margin-left: 49px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #fff;
}

/* Recruitment submenu: remove the remaining legacy red text. */
.l-header__nav-list-wrap > li > ul > li > a {
  color: var(--mahito-recruit-ink);
}

/* Match the revised corporate footer. */
.l-footer,
.l-footer.is-yellow {
  color: var(--mahito-recruit-ink);
  background-color: var(--mahito-recruit-yellow);
}

.l-footer__logo.mahito-brand-lockup {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width: 230px;
  color: var(--mahito-recruit-ink);
}

.l-footer__logo.mahito-brand-lockup .mahito-brand-lockup__image {
  display: block;
  width: 230px;
  height: auto;
}

.l-footer__logo.mahito-brand-lockup .mahito-brand-lockup__company {
  margin-top: 2px;
  margin-left: 49px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}

.l-footer__info-title {
  display: none;
}

.l-footer__info,
.l-footer__nav > li > a,
.l-footer__info-title,
.l-footer__info-address,
.l-footer__copy {
  color: var(--mahito-recruit-ink);
}

@media (max-width: 767px) {
  body {
    min-width: 0;
  }

  .p-recruit-about__illust {
    z-index: 2;
  }

  .l-header__logo .mahito-brand-lockup {
    padding: 0;
    border-radius: 0;
  }

  .l-header__logo .mahito-brand-lockup__image,
  .l-footer__logo.mahito-brand-lockup,
  .l-footer__logo.mahito-brand-lockup .mahito-brand-lockup__image {
    width: 168px;
  }

  .l-header__logo .mahito-brand-lockup__company,
  .l-footer__logo.mahito-brand-lockup .mahito-brand-lockup__company {
    margin-top: 1px;
    margin-left: 36px;
    font-size: 10px;
  }
}