@charset "utf-8";
:root {
  --color-text: #1e1e1e;
  --color-link: #1e1e1e;
  --color-primary: #2A3BD1;
  --color-secondary: #76bf9a;
  --color-gray: #b5b5b6;
  --color-bg: #f9f9f9;
  --font: "Roboto", "Helvetica Neue", Arial, YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-en: "Roboto", sans-serif;
  --font-mincho: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.job-title {
  margin-bottom: 20px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
}
.job-section {
  margin-bottom: 30px;
  padding: 40px 5.63% 40px 4.81%;
  border-radius: 8px;
  background: #fff;
}
.job-section__header {
  margin-bottom: 20px;
}
.job-heading {
  font-size: 1.7rem;
  color: #8C8C8C;
}
.job-heading[data-en]::after {
    display: block;
    margin-top: 5px;
    color: #1e1e1e;
    font-size: 3.6rem;
    letter-spacing: 0;
    line-height: 1;
    content: attr(data-en);
  }
.list-check {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-check > li {
    position: relative;
    margin-bottom: 0.2em;
    padding-left: 1em;
  }
.list-check > li::before {
      position: absolute;
      display: block;
      top: 0.5em;
      left: 0;
      width: 13px;
      height: 13px;
      background: url("../../job/images/icon_check.svg") no-repeat center center / contain;
      content: "";
    }
.person {
  margin-bottom: 40px;
}
.person__image {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.5;
}
.person__image .number {
    position: absolute;
    top: 0;
    left: 0;
  }
.person__image .image {
    display: block;
    margin-bottom: -26px;
    border-radius: 8px;
  }
.person__image .image img {
      width: 100%;
    }
.person__image .year,
  .person__image .desc {
    display: inline-block;
    color: #8C8C8C;
  }
.person__image .year {
    position: relative;
    z-index: 1;
    padding: 1em 1em 0 0;
    background: #fafafa;
    border-radius: 0 8px 0 0;
  }
.person__image .year::before,
    .person__image .year::after {
      position: absolute;
      width: 8px;
      height: 8px;
      z-index: -1;
      border-bottom-left-radius: 8px;
      box-shadow: -3px 3px 0 3px #fafafa;
      content: "";
    }
.person__image .year::before {
      bottom: 100%;
      left: 0;
    }
.person__image .year::after {
      left: 100%;
      bottom: 12px;
    }
.person__image .name {
    display: inline-block;
    margin: 0.3em 0;
    font-size: 1.25em;
  }
.person__body {
  line-height: 2;
}
@media (min-width: 45.001em) {
  .job-title {
    font-size: 3.6rem;
  }
  .person {
    display: flex;
    justify-content: space-between;
  }
  .person__image {
    flex: 0 0 25%;
  }
    .person__image .image {
      margin-bottom: -28px;
    }
  .person__body {
    flex: 0 0 70%;
  }
}
@media (min-width: 60.001em) {
  .job-title {
    font-size: 4.4rem;
  }
  .job-section {
    display: flex;
    justify-content: space-between;
    padding: 60px 5.63% 60px 4.81%;
  }
  .job-section__header {
    flex: 0 0 27.41%;
    margin-bottom: 0;
  }
  .job-section__body {
    flex: 0 0 68.02%;
  }
    .job-heading[data-en]::after {
      font-size: 5.4rem;
    }
  .person {
    margin-bottom: 60px;
  }
  .person__image {
    flex: 0 0 22.72%;
  }
  .person__body {
    flex: 0 0 72.27%;
  }
}
/*# sourceMappingURL=maps/job.css.map */