/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_person01__item .item_desc .date, .p_person__banner .banner_txt, .p_person__item .item_txt, .p_person__note .note_txt {
  font-size: clamp(
      0.6875rem,
      1.2755102041vw + 0.3885522959rem,
      1rem
  );
}
@media screen and (min-width: 768px) {
  .p_person01__item .item_desc .date, .p_person__banner .banner_txt, .p_person__item .item_txt, .p_person__note .note_txt {
    font-size: clamp(
      1rem,
      0.390625vw + 0.8125rem,
      1.125rem
  );
  }
}

.p_person01__item .item_desc .reclass, .p_person__banner .banner_sub {
  font-size: clamp(
      0.90625rem,
      1.4030612245vw + 0.5774075255rem,
      1.25rem
  );
}
@media screen and (min-width: 768px) {
  .p_person01__item .item_desc .reclass, .p_person__banner .banner_sub {
    font-size: clamp(
      1.25rem,
      0.78125vw + 0.875rem,
      1.5rem
  );
  }
}

.p_person01__item .item_ttl__txt {
  font-size: clamp(
      1rem,
      1.0204081633vw + 0.7608418367rem,
      1.25rem
  );
}
@media screen and (min-width: 768px) {
  .p_person01__item .item_ttl__txt {
    font-size: clamp(
      1.3125rem,
      0.78125vw + 0.9375rem,
      1.5625rem
  );
  }
}

.p_person__item .sub_txt, .p_person__note .note_ttl {
  font-size: clamp(
      1.125rem,
      0.5102040816vw + 1.0054209184rem,
      1.25rem
  );
}
@media screen and (min-width: 768px) {
  .p_person__item .sub_txt, .p_person__note .note_ttl {
    font-size: clamp(
      1.375rem,
      0.78125vw + 1rem,
      1.625rem
  );
  }
}

.p_person {
  --color_main: #fc730f;
  --bg_main: #fff2e6;
}
.p_person01 {
  padding: 62px 0;
}
@media screen and (min-width: 768px) {
  .p_person01 {
    padding: 62px 0 90px;
  }
}
.p_person01 .c_title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p_person01 .c_title {
    padding-left: clamp(
      0rem,
      5vw + -3.75rem,
      1.25rem
  );
  }
}
.p_person01 .c_title__icon {
  max-width: 150px;
}
@media screen and (min-width: 768px) {
  .p_person01 .c_title__icon {
    left: clamp(
      0rem,
      9.5vw + -7.125rem,
      2.375rem
  );
  }
}
.p_person01__content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 40px;
  padding-top: 62px;
}
@media screen and (min-width: 768px) {
  .p_person01__content {
    grid-template-columns: 1fr 1fr;
    gap: clamp(
      2.5rem,
      7.2115384615vw + -0.9615384615rem,
      6.25rem
  );
  }
}
.p_person01__item .item_ttl {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_person01__item .item_ttl {
    left: clamp(
      -1.875rem,
      -7.5vw + 5.625rem,
      0rem
  );
  }
}
.p_person01__item .item_ttl.bg_blue {
  --color_main: #053794;
}
.p_person01__item .item_ttl__txt {
  background-color: var(--color_main);
  color: #fff;
  font-weight: 700;
  display: inline-block;
  padding: 5px 23px 5px 15px;
}
.p_person01__item .item_ttl__txt + .item_ttl__txt {
  margin-top: 6px;
}
.p_person01__item .item_img {
  margin-top: -20px;
}
@media screen and (min-width: 768px) {
  .p_person01__item .item_img {
    margin-top: -27px;
  }
}
.p_person01__item .item_desc {
  padding-top: 14px;
  position: relative;
}
.p_person01__item .item_desc .reclass {
  font-weight: 500;
  line-height: 1.25;
  display: block;
  padding-bottom: 5px;
}
.p_person01__item .item_desc .date {
  font-weight: 500;
}
.p_person01__item .item_desc svg {
  position: absolute;
  right: -2px;
  bottom: 6px;
}
.p_person02 + .p_person02 {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_person02 + .p_person02 {
    margin-top: clamp(
      5rem,
      7.5721153846vw + 1.3653846154rem,
      8.9375rem
  );
  }
}
.p_person .bg_blue {
  --color_main: #053794;
  --bg_main: #f2f4fa;
}
@media screen and (min-width: 768px) {
  .p_person .bg_blue .p_person__banner .banner_ttl {
    position: relative;
    right: clamp(
      -1rem,
      -1.9230769231vw + 0.9230769231rem,
      0rem
  );
    padding-bottom: 74px;
  }
}
@media screen and (min-width: 768px) {
  .p_person .bg_blue .p_person__content {
    margin-top: 78px;
  }
}
.p_person .bg_blue .p_person__item.item_large {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .p_person .bg_blue .sub_txt {
    padding-top: clamp(
      1.25rem,
      3.6057692308vw + -0.4807692308rem,
      3.125rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_person .bg_blue .p_person__note {
    margin-top: clamp(
      3.75rem,
      6.25vw + 0.75rem,
      7rem
  );
    padding: clamp(
      2.5rem,
      3.2451923077vw + 0.9423076923rem,
      4.1875rem
  ) clamp(
      2.5rem,
      7.2115384615vw + -0.9615384615rem,
      6.25rem
  ) clamp(
      2.5rem,
      4.5673076923vw + 0.3076923077rem,
      4.875rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_person .bg_blue .p_person__banner {
    padding: 101px 0 54px;
  }
}
.p_person__banner {
  padding: 101px 0 59px;
  position: relative;
  z-index: 1;
}
.p_person__banner .banner_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p_person__banner .banner_img img {
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p_person__banner .banner_img img {
    object-position: left center;
  }
}
.p_person__banner .banner_content {
  width: 100%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.p_person__banner .banner_ttl {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_person__banner .banner_ttl {
    padding-bottom: 68px;
  }
}
.p_person__banner .banner_ttl .ttl {
  background-color: var(--color_main);
  color: #fff;
  font-size: 1.375rem;
  font-weight: 700;
  display: inline-block;
  padding: 5px 15px;
}
@media screen and (min-width: 768px) {
  .p_person__banner .banner_ttl .ttl {
    font-size: clamp(
      1.75rem,
      1.2019230769vw + 1.1730769231rem,
      2.375rem
  );
    padding: 5px 30px 8px 23px;
  }
}
.p_person__banner .banner_ttl br + .ttl {
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .p_person__banner .banner_ttl br + .ttl {
    margin-top: 11px;
  }
}
.p_person__banner .banner_txt {
  color: #fff;
  text-align: right;
  font-weight: 500;
  line-height: 1.6666666667;
}
.p_person__banner .banner_sub {
  font-weight: 500;
  line-height: 1.25;
}
.p_person__content {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_person__content {
    margin-top: 77px;
  }
}
@media screen and (min-width: 768px) {
  .p_person__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p_person__item.revese {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .p_person__item.wider .item_img {
    margin-right: clamp(
      -4.75rem,
      -19vw + 14.25rem,
      0rem
  );
    width: clamp(
      17.5rem,
      40.3846153846vw + -1.8846153846rem,
      38.5rem
  );
    flex-shrink: 0;
  }
}
.p_person__item + .p_person__item.item_large {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_person__item + .p_person__item.item_large {
    margin-top: clamp(
      3.75rem,
      7.3317307692vw + 0.2307692308rem,
      7.5625rem
  );
  }
}
.p_person__item + .p_person__item.item_large .item_ttl {
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .p_person__item + .p_person__item.item_large .item_img {
    margin-top: clamp(
      -2.125rem,
      -4.0865384615vw + 1.9615384615rem,
      0rem
  );
  }
}
.p_person__item + .p_person__item.item_large .item_img::after {
  max-height: 100%;
}
@media screen and (min-width: 768px) {
  .p_person__item + .p_person__item.item_large .item_img::after {
    bottom: clamp(
      -6.5rem,
      -7.6923076923vw + 1.1923076923rem,
      -2.5rem
  );
  }
}
.p_person__item.item_large {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p_person__item.item_large {
    margin-bottom: clamp(
      1.875rem,
      -3.6057692308vw + 5.4807692308rem,
      3.75rem
  );
  }
}
.p_person__item.item_large .item_img {
  margin-top: 20px;
}
.p_person__item.item_large .item_img::after {
  content: "";
  position: absolute;
  right: unset;
  left: 20px;
  bottom: 0;
  bottom: -20px;
  width: 100%;
  height: 50%;
  background-color: var(--bg_main);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p_person__item.item_large .item_img::after {
    height: clamp(
      21.875rem,
      12.0192307692vw + 16.1057692308rem,
      28.125rem
  );
    left: clamp(
      2.5rem,
      10.0961538462vw + -2.3461538462rem,
      7.75rem
  );
    bottom: clamp(
      -8.875rem,
      -12.2596153846vw + 3.3846153846rem,
      -2.5rem
  );
    width: calc(100% + 100vw);
  }
}
@media screen and (min-width: 768px) {
  .p_person__item.item_large .item_img {
    margin-top: 48px;
  }
}
.p_person__item .item_img {
  position: relative;
  z-index: 1;
}
.p_person__item .item_img::after {
  content: "";
  position: absolute;
  width: calc(100% + 12.5vw);
  height: 100%;
  background-color: var(--bg_main);
  z-index: -1;
  right: 20px;
  bottom: -20px;
}
@media screen and (min-width: 768px) {
  .p_person__item .item_img::after {
    right: clamp(
      1.25rem,
      9.0144230769vw + -3.0769230769rem,
      5.9375rem
  );
    bottom: clamp(
      -3.4375rem,
      -4.2067307692vw + 0.7692307692rem,
      -1.25rem
  );
    width: calc(100% + 100vw);
  }
}
@media screen and (min-width: 768px) {
  .p_person__item .item_img {
    width: clamp(
      20rem,
      28.8461538462vw + 6.1538461538rem,
      35rem
  );
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_person__item .item_desc {
    width: clamp(
      23.75rem,
      20.4326923077vw + 13.9423076923rem,
      34.375rem
  );
  }
}
.p_person__item .item_desc__img {
  margin-top: 20px;
  width: 95.4545454545%;
}
@media screen and (min-width: 768px) {
  .p_person__item .item_desc__img {
    margin-left: -12.5vw;
    margin-top: clamp(
      1.25rem,
      5.4086538462vw + -1.3461538462rem,
      4.0625rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_person__item .desc_sub + .desc_sub {
    margin-top: clamp(
      1.25rem,
      3.4855769231vw + -0.4230769231rem,
      3.0625rem
  );
  }
}
.p_person__item .item_ttl {
  font-size: 1.125rem;
  font-weight: 900;
  color: var(--color_main);
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-bottom: 15px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_person__item .item_ttl {
    font-size: 1.625rem;
    padding-top: 0;
    padding-bottom: 23px;
    width: calc(100% + clamp(
      0rem,
      10vw + -7.5rem,
      2.5rem
  ));
  }
}
.p_person__item .item_txt {
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
.p_person__item .sub_txt {
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--color_main);
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .p_person__item .sub_txt {
    padding-top: 23px;
  }
}
.p_person__note {
  background-color: var(--color_main);
  color: #fff;
  margin-top: 40px;
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .p_person__note {
    padding: clamp(
      2.5rem,
      3.2451923077vw + 0.9423076923rem,
      4.1875rem
  ) clamp(
      2.5rem,
      7.2115384615vw + -0.9615384615rem,
      6.25rem
  );
    margin-top: clamp(
      3.75rem,
      11.6586538462vw + -1.8461538462rem,
      9.8125rem
  );
  }
}
.p_person__note .note_ttl {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: relative;
  display: flex;
  gap: 4px;
}
.p_person__note .note_ttl::before {
  content: "";
  position: relative;
  top: 4px;
  width: 47px;
  background: url("../images/common/icon_letter.svg") no-repeat;
  background-size: contain;
}
.p_person__note .note_txt {
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-top: 17px;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .p_person .c_recruit01 {
    margin-top: 117px;
  }
}
/*# sourceMappingURL=person.css.map */