.contents {
  padding: 7.1875rem 0 6.25rem;
}

.contents__body {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5rem;
}

.contents__interview {
  width: calc(62.5% - 2.5rem);
}

.contents__items {
  margin-top: 3.75rem;
}

.contents__item:not(:first-of-type) {
  margin-top: 3.75rem;
}

.contents__item-title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #e6001e;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__item-title {
    font-size: max(1.2rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__item-title {
    font-size: 1.5rem;
  }
}

.contents__item-text {
  margin-top: 0.75rem;
}

.contents__item-note {
  color: #888;
}

.contents__profile {
  width: calc(37.5% - 2.5rem);
  margin-top: -8.4375rem;
}

.contents__profile-body {
  background: #faf9f5;
  padding: 2.5rem;
}

.contents__profile-row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.25rem;
  border-top: 1px solid #e6001e;
  padding-top: 0.5625rem;
}

.contents__profile-sub-title {
  position: relative;
  top: -0.3125rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0em;
  color: #e6001e;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-sub-title {
    font-size: max(0.8rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-sub-title {
    font-size: 1rem;
  }
}

.contents__profile-initial {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0em;
  color: #e6001e;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-initial {
    font-size: max(1.2rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-initial {
    font-size: 1.5rem;
  }
}

.contents__profile-job {
  font-weight: 700;
  line-height: 1.5555555556;
  letter-spacing: 0em;
  margin-top: 0.125rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-job {
    font-size: max(0.9rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-job {
    font-size: 1.125rem;
  }
}

.contents__profile-meta {
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0.04em;
  color: #bbb;
  margin-top: 0.125rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-meta {
    font-size: max(0.7rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-meta {
    font-size: 0.875rem;
  }
}

.contents__profile-image {
  margin-top: 1.25rem;
}

.contents__profile-image img {
  aspect-ratio: 300/200;
}

.contents__profile-text {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  margin-top: 1.25rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-text {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-text {
    font-size: 0.75rem;
  }
}

.contents__profile-box {
  margin-top: 1.25rem;
}

.contents__profile-box-title {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0em;
  color: #e6001e;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-box-title {
    font-size: max(0.8rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-box-title {
    font-size: 1rem;
  }
}

.contents__profile-lists {
  margin-top: 0.625rem;
}

.contents__profile-list:not(:first-of-type) {
  margin-top: 0.625rem;
}

.contents__profile-dl {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.125rem;
}

.contents__profile-dt {
  position: relative;
  min-width: 2.25rem;
}

.contents__profile-lists--long .contents__profile-dt {
  min-width: 4.25rem;
}

.contents__profile-dt::before {
  content: "";
  width: 0.625rem;
  height: 1px;
  position: absolute;
  top: 0.5625rem;
  right: -0.875rem;
  background: #bbbbbb;
}

.contents__profile-dt,
.contents__profile-dd {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-dt,
  .contents__profile-dd {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-dt,
  .contents__profile-dd {
    font-size: 0.75rem;
  }
}

.contents__profile-dt .small {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0em;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-dt .small {
    font-size: max(0.5rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-dt .small {
    font-size: 0.625rem;
  }
}

.contents__profile-dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contents__profile-note {
  font-weight: 500;
  line-height: 1.7391304348;
  letter-spacing: 0em;
  color: #888;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .contents__profile-note {
    font-size: max(0.575rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .contents__profile-note {
    font-size: 0.71875rem;
  }
}

.u-investigation .contents__title span {
  background: #3c59b0;
}

.u-investigation .contents__item-title {
  color: #3c59b0;
}

.u-operations .contents__title span {
  background: #0081b9;
}

.u-operations .contents__item-title {
  color: #0081b9;
}

.u-intellectual-property .contents__title span {
  background: #7f4fba;
}

.u-intellectual-property .contents__item-title {
  color: #7f4fba;
}

.u-procurement .contents__title span {
  background: #297f48;
}

.u-procurement .contents__item-title {
  color: #297f48;
}

.u-engineering .contents__title span {
  background: #8bb628;
}

.u-engineering .contents__item-title {
  color: #8bb628;
}

.u-scm .contents__title span {
  background: #f0b200;
}

.u-scm .contents__item-title {
  color: #f0b200;
}

.u-marketing .contents__title span {
  background: #da5283;
}

.u-marketing .contents__item-title {
  color: #da5283;
}

.u-sales .contents__title span {
  background: #e77600;
}

.u-sales .contents__item-title {
  color: #e77600;
}

.u-digital-ict .contents__title span {
  background: #86705a;
}

.u-digital-ict .contents__item-title {
  color: #86705a;
}

.u-legal .contents__title span {
  background: #86705a;
}

.u-legal .contents__item-title {
  color: #86705a;
}

.u-finance .contents__title span {
  background: #86705a;
}

.u-finance .contents__item-title {
  color: #86705a;
}

.u-human-resources .contents__title span {
  background: #86705a;
}

.u-human-resources .contents__item-title {
  color: #86705a;
}

.u-planning .contents__title span {
  background: #86705a;
}

.u-planning .contents__item-title {
  color: #86705a;
}

.interview__error-text {
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0em;
  color: #bbb;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .interview__error-text {
    font-size: max(0.8rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .interview__error-text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents {
    padding: 1.56vw 0 7.81vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents {
    padding: 5.33vw 0 26.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__title span {
    font-size: max(1.25vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__title span {
    font-size: max(4.27vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .contents__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
  .contents__interview {
    width: 100%;
  }
  .contents__profile {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-body {
    padding: 3.13vw 1.56vw 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-body {
    padding: 10.67vw 5.33vw 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-row {
    gap: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-row {
    gap: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-row {
    padding-top: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-row {
    padding-top: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-sub-title {
    top: -0.39vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-sub-title {
    top: -1.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-sub-title {
    font-size: max(1.25vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-sub-title {
    font-size: max(4.27vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-initial {
    font-size: max(1.88vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-initial {
    font-size: max(6.4vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-job {
    font-size: max(1.41vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-job {
    font-size: max(4.8vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-job {
    margin-top: 0.16vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-job {
    margin-top: 0.53vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-meta {
    font-size: max(1.09vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-meta {
    font-size: max(3.73vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-meta {
    margin-top: 0.16vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-meta {
    margin-top: 0.53vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-image {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-image {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-text {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-text {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-text {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-text {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-box {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-box {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-box-title {
    font-size: max(1.25vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-box-title {
    font-size: max(4.27vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .contents__profile-career {
    position: relative;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career {
    padding-bottom: 1.88vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career {
    padding-bottom: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contents__profile-career::before,
  .contents__profile-career::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e6001e;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career::before {
    width: 0.94vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career::before {
    width: 3.2vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career::before {
    height: 0.16vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career::before {
    height: 0.53vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career::before {
    bottom: 0.9vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career::before {
    bottom: 3.07vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career::after {
    width: 0.16vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career::after {
    width: 0.53vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career::after {
    height: 0.94vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career::after {
    height: 3.2vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-career::after {
    bottom: 0.47vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-career::after {
    bottom: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contents__profile-career.active::after {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }
  .contents__profile-lists {
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-lists {
    max-height: 2.97vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-lists {
    max-height: 10.13vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-lists {
    margin-top: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-lists {
    margin-top: 2.67vw;
  }
}
@media screen and (max-width: 768px) {
  .contents__profile-lists::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#faf9f5));
    background: linear-gradient(transparent, #faf9f5);
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-lists::before {
    height: 1.88vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-lists::before {
    height: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contents__profile-career.active .contents__profile-lists::before {
    opacity: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-list:not(:first-of-type) {
    margin-top: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-list:not(:first-of-type) {
    margin-top: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dl {
    gap: 1.41vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dl {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dt {
    min-width: 2.81vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dt {
    min-width: 9.6vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-lists--long .contents__profile-dt {
    min-width: 5.31vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-lists--long .contents__profile-dt {
    min-width: 18.13vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dt::before {
    width: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dt::before {
    width: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dt::before {
    top: 0.7vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dt::before {
    top: 2.4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dt::before {
    right: -1.09vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dt::before {
    right: -3.73vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dt,
  .contents__profile-dd {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dt,
  .contents__profile-dd {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-dt .small {
    font-size: max(0.78vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-dt .small {
    font-size: max(2.67vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-note {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-note {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__profile-note {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__profile-note {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__items {
    margin-top: 4.69vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__items {
    margin-top: 16vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__item:not(:first-of-type) {
    margin-top: 4.69vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__item:not(:first-of-type) {
    margin-top: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .contents__item-title {
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__item-title {
    font-size: max(1.56vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__item-title {
    font-size: max(5.33vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contents__item-text {
    margin-top: 0.94vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contents__item-text {
    margin-top: 3.2vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .interview__error-text {
    font-size: max(1.09vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .interview__error-text {
    font-size: max(3.73vw, 10px);
  }
}