/*
** .header
*/

.header__main-menu-list .menu-item-label,
.header__main-menu-list .menu-item-description {
  color: #fff;
}

.header__main-menu-list .menu-item a::after {
  background-color: #fff;
}


/*
** .recruit-header
*/

.recruit-header {
  background-position: center top;
}

.recruit-header::after {
  height: calc(160 * 100vw / var(--standard-width));
  clip-path: polygon(0 calc(100% - (25 * 100vw / var(--standard-width))), 100% 0, 100% 100%, 0% 100%);
}

.recruit-header__inner {
  display: grid;
  grid-template-columns: 80fr 64fr;
  grid-auto-rows: max-content;
  align-items: center;
  padding-top: calc(54 * 100vw / var(--standard-width));
}

.recruit-header__head {
  z-index: var(--z-index--low);
  margin-right: 0;
}

.recruit-header__head img {
  transform: scale(1.05);
  transform-origin: left;
}


/*
** #intro
*/

.intro__inner {
  min-height: calc(810 * 100vw / var(--standard-width));
}

.intro__headline {
  font-size: calc(50 / var(--standard-font-size) * 1em);
  line-height: 1;
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.intro__headline span {
  display: contents;
}

.intro__body {
  font-size: calc(18 / var(--standard-font-size) * 1em);
}


/*
** #recruitment-job
*/

#recruitment-job {
  margin-top: calc(-55 * 100vw / var(--standard-width));
  margin-bottom: calc(144 * 100vw / var(--standard-width));
}

.recruitment-job__headline {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  font-size: calc(35 / var(--standard-font-size) * 1em);
  padding: calc(30 * 100vw / var(--standard-width)) calc(60 * 100vw / var(--standard-width));
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.recruitment-job__contents {
  grid-row-gap: calc(63 * 100vw / var(--standard-width));
  padding: calc(72 * 100vw / var(--standard-width));
}

.recruitment-job__item-headline {
  font-size: calc(35 / var(--standard-font-size) * 1em);
}

.recruitment-job__item-category {
  font-size: calc(25 / var(--standard-font-size) * 1em);
  margin-top: calc(27 * 100vw / var(--standard-width));
  margin-bottom: calc(18 * 100vw / var(--standard-width));
}

.recruitment-job__item-body {
  font-size: inherit;
}

.recruitment-job__item-body tr:not(:last-child) {
  display: table-row;
  padding-bottom: 0;
}

.recruitment-job__item-body th,
.recruitment-job__item-body td {
  display: table-cell;
  width: auto;
  padding: calc(10 * 100vw / var(--standard-width));
}

.recruitment-job__item-body th {
  width: calc(216 * 100vw / var(--standard-width));
  vertical-align: middle;
}

.recruitment-job__item-body td {
  border-top: 1px solid var(--light);
}


/*
** #interview
*/

.interview__head span[data-ff="roboto"] {
  font-size: calc(90 / var(--standard-font-size) * 1em);
}

.interview__head span[data-ff="zenkaku"] {
  font-size: calc(25 / var(--standard-font-size) * 1em);
}

.interview__article {
  grid-row-gap: calc(54 * 100vw / var(--standard-width));
  padding: calc(54 * 100vw / var(--standard-width));
}

.interview__article-head {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: calc(54 * 100vw / var(--standard-width));
  align-items: center;
}

.interview__article-lead {
  font-size: calc(25 / var(--standard-font-size) * 1em);
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.interview__article-job-position {
  font-size: calc(18 / var(--standard-font-size) * 1em);
  margin-bottom: calc(13 * 100vw / var(--standard-width));
}

.interview__article-name span[data-cat="honorifics"] {
  font-size: calc(20 / var(--standard-font-size) * 1em);
}

.interview__article-name span:not([data-cat="honorifics"]) {
  font-size: calc(30 / var(--standard-font-size) * 1em);
}

.interview__article-headline {
  font-size: calc(22 / var(--standard-font-size) * 1em);
  margin-bottom: calc(18 / var(--standard-font-size) * 1em);
}

.interview__article-body + .interview__article-headline {
  margin-top: calc(54 * 100vw / var(--standard-width));
}


/*
** #contact
*/

#contact {
  padding-top: calc(72* 100vw / var(--standard-width));
  padding-bottom: calc(72* 100vw / var(--standard-width));
}

.contact__inner {
  grid-template-columns: 792fr 288fr;
  align-items: center;
  padding: 0 calc(36 * 100vw / var(--standard-width));
}

.contact__logo {
  order: 2;
  width: 100%;
}

.contact__contents {
  order: 1;
  grid-template-columns: repeat(2, max-content);
  justify-content: center;
  align-items: center;
  grid-row-gap: calc(27 * 100vw / var(--standard-width));
  grid-column-gap: calc(54 * 100vw / var(--standard-width));
}

.contact__headline {
  grid-column: 1/3;
  font-size: calc(40 / var(--standard-font-size) * 1em);
}

.contact__tel {
  font-size: calc(40 / var(--standard-font-size) * 1em);
}

.contact__form a {
  padding-top: calc(12 * 100vw / var(--standard-width));
  padding-bottom: calc(12 * 100vw / var(--standard-width));
}