.p-person .l-page-head {
  background: url("../../img/person/page-head.jpg") no-repeat center;
  background-size: cover; }
.p-person-job {
  padding: 0 10px;
  display: table; }
  .p-person-job-job01 {
    background: #caeecd; }
  .p-person-job-job02 {
    background: #b6e3ff; }
  .p-person-job-job03 {
    background: #ffe0e7; }
  .p-person-job-job04 {
    background: #dcd7ff; }
  .p-person-job-job05 {
    background: #ffdfa3; }
.p-person-jobbox {
  display: flex;
  width: auto;
  justify-content: center;
  font-size: 14px;
  gap: 6px; }
.p-person-detail .l-page-head-hero {
  left: 5%; }
  @media screen and (max-width: 767px) {
    .p-person-detail .l-page-head-hero .c-txt-md {
      font-size: 12px; } }
.p-person-detail .l-page-head-lg {
  position: relative; }
  .p-person-detail .l-page-head-lg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fafafa;
    background: linear-gradient(87deg, #fafafa 0%, rgba(250, 250, 250, 0) 70%); }
    @media screen and (max-width: 767px) {
      .p-person-detail .l-page-head-lg::before {
        background: linear-gradient(87deg, #fafafa 0%, rgba(250, 250, 250, 0) 80%); } }
.p-person-detail .l-page-head-inr {
  max-width: 1600px;
  margin: 0 auto; }
.p-person-detail-copy {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 32px; }
  @media screen and (max-width: 767px) {
    .p-person-detail-copy {
      font-size: 17px;
      padding-bottom: 16px;
      margin-bottom: 16px; } }
  .p-person-detail-copy::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 1px;
    background: #1a1a1a; }
    @media screen and (max-width: 767px) {
      .p-person-detail-copy::after {
        width: 40px; } }
  .p-person-detail-copy-line {
    display: inline-block;
    position: relative;
    padding: 0 1vw; }
    .p-person-detail-copy-line::before, .p-person-detail-copy-line::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 10%;
      height: 1px;
      background: #000; }
    .p-person-detail-copy-line::before {
      left: 0;
      transform: translateX(-100%); }
    .p-person-detail-copy-line::after {
      right: 0;
      transform: translateX(100%); }
.p-person-detail-label {
  font-size: 14px;
  display: inline-block;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  padding: 4px 8px;
  background: #fff;
  margin-top: 8px; }
  @media screen and (max-width: 767px) {
    .p-person-detail-label {
      font-size: 11px;
      padding: 2px 4px; } }
  .p-person-detail-label img {
    width: 16px;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 6%; }
    @media screen and (max-width: 767px) {
      .p-person-detail-label img {
        width: 12px; } }
.p-person-detail-intro {
  padding: 80px 0 40px;
  margin-top: -50px; }
  @media screen and (max-width: 992px) {
    .p-person-detail-intro {
      background: #fafafa; } }
  @media screen and (max-width: 767px) {
    .p-person-detail-intro {
      padding: 40px 0;
      margin-top: -30px; } }
  .p-person-detail-intro-txt {
    line-height: 2;
    text-align: center; }
    @media screen and (max-width: 992px) {
      .p-person-detail-intro-txt {
        text-align: left; } }
    @media screen and (max-width: 767px) {
      .p-person-detail-intro-txt {
        font-size: 13px; } }
.p-person-detail-box-inr-l {
  padding-top: 60px; }
  @media screen and (max-width: 992px) {
    .p-person-detail-box-inr-l {
      padding-top: 0; } }
  .p-person-detail-box-inr-l .p-person-detail-img {
    left: 0;
    margin-left: calc(50% - 50vw); }
    @media screen and (max-width: 992px) {
      .p-person-detail-box-inr-l .p-person-detail-img {
        margin-left: 0; } }
  .p-person-detail-box-inr-l .c-box-child {
    width: 70%;
    margin-left: auto;
    background: rgba(250, 250, 250, 0.8);
    padding-left: 5%;
    padding-right: 5%; }
    @media screen and (max-width: 992px) {
      .p-person-detail-box-inr-l .c-box-child {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        background: none; } }
.p-person-detail-box-inr-r {
  padding-top: 60px; }
  @media screen and (max-width: 992px) {
    .p-person-detail-box-inr-r {
      padding-top: 0; } }
  .p-person-detail-box-inr-r .p-person-detail-img {
    right: 0;
    margin-right: calc(50% - 50vw); }
    @media screen and (max-width: 992px) {
      .p-person-detail-box-inr-r .p-person-detail-img {
        margin-right: 0; } }
  .p-person-detail-box-inr-r .c-box-child {
    width: 70%;
    background: rgba(250, 250, 250, 0.8);
    padding-left: 5%;
    padding-right: 5%; }
    @media screen and (max-width: 992px) {
      .p-person-detail-box-inr-r .c-box-child {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        background: none; } }
.p-person-detail .c-box-body {
  position: relative;
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .p-person-detail .c-box-body {
      margin-bottom: 0; } }
.p-person-detail .c-box-child {
  position: relative;
  z-index: 1; }
.p-person-detail-img {
  position: absolute;
  top: 0;
  background: url("../../img/common/dummy_09.jpg") no-repeat center;
  background-size: cover;
  width: 60%;
  padding-top: 50%; }
  @media screen and (max-width: 992px) {
    .p-person-detail-img {
      position: static;
      width: 100%;
      padding-top: 100%;
      margin-bottom: 0; } }
.p-person-detail-message-block {
  padding: 5% 8%;
  background: rgba(250, 250, 250, 0.9);
  transform: translateY(-80px); }
  @media screen and (max-width: 767px) {
    .p-person-detail-message-block {
      transform: translateY(-70px); } }
.p-person-detail-message .c-txt-rg {
  line-height: 2; }
.p-person-detail-message-img {
  padding-top: 26%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media screen and (max-width: 767px) {
    .p-person-detail-message-img {
      padding-top: 60%; } }
.p-person-detail-1day-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 992px) {
    .p-person-detail-1day-img {
      padding-top: 60% !important; } }
.p-person-detail-1day .c-list-timetable {
  padding: 32px 0 32px 5%; }
  @media screen and (max-width: 992px) {
    .p-person-detail-1day .c-list-timetable {
      padding: 0 5% 5%; } }
  .p-person-detail-1day .c-list-timetable-noline {
    padding: 0 0 0 5%;
    margin-top: -20px; }
.p-person-detail-1day-note {
  color: #E60012; }
.p-person-detail-box .c-txt-rg {
  line-height: 2; }
.p-person-detail .p-person-other {
  overflow: hidden; }
  .p-person-detail .p-person-other .c-card-txt-copy {
    font-size: 18px;
    font-weight: 500;
    padding: 24px 0;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .p-person-detail .p-person-other .c-card-txt-copy {
        font-size: 15px; } }
  .p-person-detail .p-person-other .slick-list {
    overflow: inherit; }
  .p-person-detail .p-person-other .slick-slide {
    margin: 0 16px; }
    @media screen and (max-width: 767px) {
      .p-person-detail .p-person-other .slick-slide {
        margin: 0 8px; } }
  @media screen and (max-width: 767px) {
    .p-person-detail .p-person-other .c-box-body {
      margin-left: calc((100vw - 100%) / -2);
      margin-right: calc((100vw - 100%) / -2);
      max-width: auto;
      max-width: initial; } }
.p-person-detail-sales-m .l-page-head-lg {
  background-image: url("../../img/person/sales-m/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-m .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-sales-y .l-page-head-lg {
  background-image: url("../../img/person/sales-y/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-y .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-sales-s .l-page-head-lg {
  background-image: url("../../img/person/sales-s/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-s .l-page-head-lg {
      background-position: 70% center; } }
@media screen and (max-width: 767px) {
  .p-person-detail-sales-s .p-person-detail-message-img {
    background-position: 10% center; } }
.p-person-detail-sales-kk .l-page-head-lg {
  background-image: url("../../img/person/sales-kk/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-kk .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-sales-mm .l-page-head-lg {
  background-image: url("../../img/person/sales-mm/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-mm .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-sales-ds .l-page-head-lg {
  background-image: url("../../img/person/sales-ds/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-ds .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-sales-js .l-page-head-lg {
  background-image: url("../../img/person/sales-js/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-js .l-page-head-lg {
      background-position: 57% center; } }
.p-person-detail-sales-ys .l-page-head-lg {
  background-image: url("../../img/person/sales-ys/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-ys .l-page-head-lg {
      background-position: 62% center; } }
.p-person-detail-sales-ky .l-page-head-lg {
  background-image: url("../../img/person/sales-ky/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-sales-ky .l-page-head-lg {
      background-position: 55% center; } }
.p-person-detail-training-m .l-page-head-lg {
  background-image: url("../../img/person/training-m/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-training-m .l-page-head-lg {
      background-position: 60% center; } }
  .p-person-detail-training-m .l-page-head-lg::before {
    transform: scale(-1, 1); }
.p-person-detail-training-m .l-page-head-hero {
  left: auto;
  right: 5%; }
.p-person-detail-training-at .l-page-head-lg {
  background-image: url("../../img/person/training-at/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-training-at .l-page-head-lg {
      background-position: 60% center; } }
.p-person-detail-construction-k .l-page-head-lg {
  background-image: url("../../img/person/construction-k/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-construction-k .l-page-head-lg {
      background-position: 45% center; } }
  .p-person-detail-construction-k .l-page-head-lg::before {
    transform: scale(-1, 1); }
.p-person-detail-construction-k .l-page-head-hero {
  left: auto;
  right: 5%; }
.p-person-detail-construction-o .l-page-head-lg {
  background-image: url("../../img/person/construction-o/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-construction-o .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-construction-s .l-page-head-lg {
  background-image: url("../../img/person/construction-s/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-construction-s .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-construction-kt .l-page-head-lg {
  background-image: url("../../img/person/construction-kt/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-construction-kt .l-page-head-lg {
      background-position: 70% center; } }
.p-person-detail-construction-sr .l-page-head-lg {
  background-image: url("../../img/person/construction-sr/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-construction-sr .l-page-head-lg {
      background-position: 35% center; } }
  .p-person-detail-construction-sr .l-page-head-lg::before {
    transform: scale(-1, 1); }
.p-person-detail-construction-sr .l-page-head-hero {
  left: auto;
  right: 5%; }
.p-person-detail-construction-nk .l-page-head-lg {
  background-image: url("../../img/person/construction-nk/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-construction-nk .l-page-head-lg {
      background-position: 30% center; } }
  .p-person-detail-construction-nk .l-page-head-lg::before {
    transform: scale(-1, 1); }
.p-person-detail-construction-nk .l-page-head-hero {
  left: auto;
  right: 5%; }
.p-person-detail-marketing-sh .l-page-head-lg {
  background-image: url("../../img/person/marketing-sh/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-marketing-sh .l-page-head-lg {
      background-position: 55% center; } }
.p-person-detail-marketing-h .l-page-head-lg {
  background-image: url("../../img/person/marketing-h/mv.jpg");
  background-position: center 20%; }
  @media screen and (max-width: 767px) {
    .p-person-detail-marketing-h .l-page-head-lg {
      background-position: 70% center; } }

/*# sourceMappingURL=person.css.map */
