@charset "UTF-8";
/*-----------------------------
  Information
-----------------------------*/
.sec-information {
  display: flow-root;
  max-width: var(--size-content);
  margin: var(--size-block) auto;
}
.sec-information > h2 + p {
  margin-bottom: 4rem;
}
.sec-information article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.6rem;
  padding-bottom: 1.6rem;
  margin-top: 2.4rem;
  border-bottom: 1px solid var(--color-grey-200);
}
.sec-information article time {
  align-self: center;
}
.sec-information article .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.sec-information article h3 {
  grid-column: 1 / 3;
  font-size: 2rem;
  padding-right: 2.4rem;
  background: url(/recruit//assets/img/common/ico-chevron-right.webp) no-repeat right center / 1.2rem auto;
}
.sec-information article h3 a{
  display: block;
}
.sec-information .mod-more-link {
  float: right;
}
@media (max-width: 768px) {
  .sec-information {
    margin-inline: var(--size-inline);
  }
  .sec-information > h2 + p {
    margin-bottom: 3.2rem;
  }
  .sec-information article time {
    font-size: 1.6rem;
  }
  .sec-information article h3 {
    font-size: 1.8rem;
  }
  .sec-information .mod-more-link {
    font-size: 1.6rem;
  }
}
/*-----------------------------
  Flow
-----------------------------*/
.sec-flow {
  max-width: var(--size-content);
  margin: calc(var(--size-block) * 2) auto var(--size-block);
}
.sec-flow ol li {
  padding-left: 5.6rem;
  counter-increment: flow;
  position: relative;
}
.sec-flow ol li + li {
  margin-top: 4rem;
}
.sec-flow ol li:before {
  content: counter(flow);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  aspect-ratio: 1/1;
  background: var(--color-ghostwhite);
  font-size: 2.4rem;
  font-weight: 200;
  position: absolute;
  left: 0;
  top: 0;
}
.sec-flow ol li h3 {
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

@media (max-width: 768px) {
  .sec-flow {
    display: block;
    margin-inline: var(--size-inline);
  }
  .sec-flow h2 {
    font-size: 1.8rem;
  }
  .sec-flow ol {
    padding: 0;
    margin: 3.2rem 0 0;
    border: none;
  }
  .sec-flow ol li + li {
    margin-top: 3.2rem;
  }
  .sec-flow ol li:before {
    font-size: 2rem;
  }
  .sec-flow ol li h3 {
    font-size: 1.6rem;
  }
}
/*-----------------------------
  information in job-postings single page
-----------------------------*/
#job-postings-post .sec-information {
  margin-block: calc(var(--size-block) * 2);
}
#job-postings-post .sec-information .mod-button-primary {
  margin: 2.4rem auto 0;
}
/*-----------------------------
  Post content
-----------------------------*/
.sec-post-content {
  display: flow-root;
  max-width: 73rem;
  margin: var(--size-block) auto;
}
.sec-post-content .article-header h2 {
  margin-bottom: 2.4rem;
}
.sec-post-content .mod-button-primary.entry {
  margin: var(--size-block) auto;
}
.sec-post-content .mod-button-primary.entry:after {
  inset: -0.4rem;
}
.sec-post-content .area-application {
  margin: 2.4rem auto var(--size-block);
}
.sec-post-content .area-application table th {
  /* width: 22rem; */
  white-space: nowrap;
}
.sec-post-content .area-share {
  margin-top: var(--size-block);
  padding: 2.4rem;
  background: #fff;
  text-align: center;
}
.sec-post-content .area-share p {
  font-weight: bold;
}
.sec-post-content .area-share ul {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  margin-top: 2.4rem;
}
.sec-post-content .area-share ul img {
  width: 4rem;
}
@media (max-width: 768px) {
  .sec-post-content {
    margin-inline: var(--size-inline);
  }
}