@charset "UTF-8";



/*
  Display
*/
[data-display~="mobile-max|none"] {display: none; }
[data-display~="mobile-max|inline"] {display: inline; }
[data-display~="mobile-max|inline-block"] {display: inline-block; }
[data-display~="mobile-max|block"] {display: block!important; }
[data-display~="mobile-max|flex"] {display: flex; }
[data-display~="mobile-max|grid"] {display: grid; }


/*
  Arrangement
*/
[data-arrangement~="mobile-max|left"] {
  text-align: left;
}

[data-arrangement~="mobile-max|center"] {
  text-align: center;
}

[data-arrangement~="mobile-max|right"] {
  text-align: right;
}



[data-arrangement~="mobile-max|jc-start"] {
  justify-content: start;
}

[data-arrangement~="mobile-max|jc-center"] {
  justify-content: center;
}

[data-arrangement~="mobile-max|jc-end"] {
  justify-content: end;
}



header[data-composition="global"] [data-part="title"] {
  align-self: center;
}

header[data-composition="global"] [data-part="title"] > :is(h1, div) {
  padding: 0;
}

header[data-composition="global"] [data-part="navigation"] {
  display: none;
}



/*
  footer
*/
nav[data-composition="footer-navigation"] > div > [data-arrangement] {
  grid-auto-flow: row;
  grid-template: auto / 1fr;
}


nav[data-composition="footer-navigation"] nav header + ul {
  margin: 0 0 0 1em;
}

#footer-inquiry [data-composition="columns"] {
  grid-template: auto / 1fr;
}

#footer-inquiry [data-composition="columns"] [data-part="logo"] figure {
  padding: 1.5em 3em;
}



footer[data-composition="global"] > div > [data-arrangement] {
  grid-auto-flow: row;
  justify-content: stretch;
  /* justify-items: center; */
  gap: 0.5em;
}



[data-component="in-page-navigation"] {
  display: none;
}



/*
  home
*/
body.home #intro-message {
  padding-bottom: 8em;
}

body.home #news [data-composition="entries"] > li {
  grid-template: auto / 1fr;
}

body.home #navigation-with-image > div > section {
  /* padding: 13em 0 2em; */
  padding: 7em 0;
}

body.home #navigation-with-image > div > section:first-child {

}

body.home #navigation-with-image > div > section:last-child {
  padding-bottom: 4em;
}

body.home #navigation-with-image section > header {
  top: -5em;
}


/*
  page
*/
body.page [data-composition="2-columns"] {
  grid-template: auto / 1fr;
}



/*
  archive - interview
*/
body.post-type-archive-interview [data-composition="people"] ul {
  grid-template: auto / repeat(2, 1fr);
}



/*
  single - interview
*/
body.single-interview #hero > :not([data-layer="image"]) {
  position: relative;
}

body.single-interview #hero [data-layer="meta"] {
  color: inherit;
  padding: 1.5em;
  justify-content: stretch;
  grid-auto-columns: auto;
}

body.single-interview #hero [data-layer="meta"] [data-group="labels"] > div {
  color: #ffffff;
}

body.single-interview #hero [data-layer="meta"] [data-part="job-description"] h3 {
  color: #000000;
}

body.single-interview #hero [data-layer="meta"][data-content-arrangement="right"] {
  /* justify-content: start; */
}

body.single-interview #hero [data-layer="meta"] [data-group="labels"] {
  display: flex;
  flex-wrap: wrap;
}

body.single-interview #hero [data-layer="meta"] [data-group="labels"] [data-part="name-initials"] {
  font-weight: normal;
  align-self: end;
}



body.single-interview [data-component="interview-row"]:first-of-type {
  margin-top: 0;
}

body.single-interview [data-component="interview-row"] {
  grid-template:
    "content" auto
    "picture" auto
      / 1fr;

  gap: 0;
}

body.single-interview [data-component="interview-row"]:nth-child(even) {
  grid-template:
    "content" auto
    "picture" auto
      / 1fr;
}

body.single-interview [data-component="interview-row"] > [data-part="content"] dl {
  max-width: none;
}

body.single-interview [data-component="interview-row"] > [data-part="picture"] img {
  max-width: calc(100vw / 3 * 2);
}



body.single-interview #qa [data-composition="profile"] {
  grid-template: "picture" auto "content" auto / 1fr;
}

body.single-interview #qa [data-composition="profile"] [data-part="picture"] img {
  /* display: block;
  max-height: 75vw;
  margin: auto; */
}

body.single-interview #holiday [data-composition="gallery"] {
  grid-template: auto / repeat(2, 1fr);
}




body.tax-recruitment-type #post-content header > h4 {
  text-align: left;
}

body.tax-recruitment-type #flow ol > li header h4 {
  text-align: center;
}

body.tax-recruitment-type #titles > .as-grid {
  grid-template: auto / 1fr;
}

body.tax-recruitment-type #details > dl > div {
  grid-template: auto / 1fr;
}

body.tax-recruitment-type #details > dl > div > dt {
  /* text-align: left; */
}



/*
  page - about
*/
body.page-about [data-composition="step"] {
  display: block;
}

body.page-about [data-composition="step"] > [data-part="content"]{
  padding: 1em;
}

body.page-about [data-composition="step"] > [data-part="picture"]{
  position: static;
}

body.page-about [data-composition="step"] > [data-part="picture"] img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  filter: saturate(0.75) opacity(0.5);
  transform: scale(1.5);
  opacity: 0.25;
}

body.page-about [data-composition="service-lineup"] {
  grid-template: auto / 1fr;
  gap: 0.25em
}

body.page-about [data-composition="step"] > [data-part="content"] header h4 > :is(em, span) {
  display: inline;
}

body.page-about [data-composition="step"] > [data-part="content"] header h4 > em:after {
  content: ':';
  margin: 0 0.5em 0 0;
}

body.page-about #achievements [data-composition="achievements"] {
  grid-template: auto / repeat(2, 1fr);
}

/* 

#what-kind-of > ul > li {
  --ar_single: 1/1;
  --ar_wide: 2/1;
} */


body.page-about #know-by-numbers .val {
  font-size: clamp(1.25em, 4vw, 5em);
}

body.page-about #know-by-numbers h5 {
  font-size: clamp(1.25rem, 4vw, 2rem);
}

body.page-about #what-kind-of > ul {
  grid-template: "a" auto
    "b" auto
    "c" auto
    "d" auto
    "e" auto
    "f" auto
    "g" auto
    "h" auto
    "i" auto
      / 1fr;
}

body.page-about #private-karte h5 {
  font-size: initial;
}

body.page-about #private-karte > ul {
  grid-template: auto / 1fr;
}

body.page-about #private-karte > ul > li {
  /* aspect-ratio: 1 / 1; */
}



body.page-recruit [data-composition="labels"] {
  grid-template: auto / repeat(2, 1fr);
}


body.page-recruit [data-composition="featured-section"] [data-arrangement] {
  grid-template: auto / 1fr;
}


/* h */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
}

/* text */
.chip {
  width: 100%;
}
.page-subtitle {
font-size: 13px;}
}
 .step__badge {  margin-bottom: 5px;}

/* card */
  .card{ grid-template-columns:1fr; gap:5px; margin:0!important; }
  .card__text{ order:1; padding:0 }
  .card__media{ order:2; width:100%; margin:0; justify-self:stretch; }

/* 画像 */
.hero--sub {
  min-height:100px;;}

/* white-box */
.white-box {
  display:flex; justify-content:center;
  margin:0; margin-inline:auto;
  padding:20px 20px 30px 20px;
  background:#fff;
}

/* Divider */
.card-divider {
    margin: 10px 0;}