@charset "UTF-8";
/*----------------------------------------
  ●企業紹介ページ
----------------------------------------*/
.p-company {
  overflow: hidden;
  width: 100%;
  /* ---- メインビジュアル ---- */
  /* ---- 魅力発見 ---- */
  /* ---- インタビュー ---- */
  /* ---- 一日のスケジュール ---- */
  /* ---- 会社データ ---- */
}
.p-company .p-company__mv {
  width: 100%;
}
.p-company .p-company__mv .p-company__mv__primary {
  width: 100%;
  box-sizing: border-box;
  padding-right: 10%;
  padding-top: 40px;
}
.p-company .p-company__mv .p-company__mv__primary h1 {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  max-width: min(380px, 63%);
  z-index: 1;
}
.p-company .p-company__mv .p-company__mv__primary h1 > img {
  width: 100%;
  height: auto;
}
.p-company .p-company__mv .p-company__mv__primary > div {
  width: 100%;
  position: relative;
}
.p-company .p-company__mv .p-company__mv__primary > div > img {
  width: 100%;
  height: auto;
}
.p-company .p-company__mv .p-company__mv__primary > div > div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.p-company .p-company__mv .p-company__mv__primary > div > div::after {
  position: absolute;
  right: 8px;
  top: 15px;
  content: "";
  width: 12%;
  max-width: 72px;
  height: 88px;
  background-image: url("../img/company/img_company_mv_loupe.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__mv .p-company__mv__primary > div > div::after {
    top: 2vw;
  }
}
@media screen and (max-width: 480px) {
  .p-company .p-company__mv .p-company__mv__primary > div > div::after {
    top: 1vw;
  }
}
@media screen and (max-width: 400px) {
  .p-company .p-company__mv .p-company__mv__primary > div > div::after {
    top: 0.5vw;
  }
}
.p-company .p-company__mv .p-company__mv__primary > div > div em {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  height: fit-content;
  max-height: 60px;
  padding-right: min(40px, 6%);
  padding-left: min(40px, 6%);
  padding-top: 15px;
  padding-bottom: 5px;
  box-sizing: border-box;
  background-color: #E5557B;
  color: #FFFFFF;
  font-size: 2.246rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector1 {
  background-color: #428ADD;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector2 {
  background-color: #ED7F1C;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector3 {
  background-color: #10A384;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector4 {
  background-color: #E5557B;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector5 {
  background-color: #913F93;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector6 {
  background-color: #69AC00;
}
.p-company .p-company__mv .p-company__mv__primary > div > div em.--color_sector7 {
  background-color: #29ABE2;
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  padding-top: 8px;
  padding-bottom: 5px;
  background-color: #000000;
  color: #FFFFFF;
  padding-left: min(40px, 6%);
  padding-right: 9%;
  box-sizing: border-box;
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div > span {
  color: inherit;
  display: block;
  font-size: 1.306rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
  position: relative;
  bottom: -2px;
  text-align: left;
  margin-bottom: 3px;
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div > p {
  color: inherit;
  display: block;
  font-size: 2.611rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -2px;
  position: relative;
  bottom: -2px;
  text-align: left;
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal {
  justify-content: flex-start;
  align-items: baseline;
  flex-direction: row;
  padding-top: 13px;
  padding-bottom: 5px;
  padding-left: min(30px, 1.5rem);
  column-gap: 0.5rem;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal {
    padding-top: 10px;
    padding-bottom: 3px;
  }
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal > span {
  color: inherit;
  display: block;
  font-size: 1.222rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
  position: relative;
  bottom: -2px;
  text-align: left;
  margin-bottom: 0;
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal > span {
    bottom: -1px;
  }
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal > p {
  color: inherit;
  display: block;
  font-size: 2.611rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2px;
  position: relative;
  bottom: 0;
  text-align: left;
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_small {
  justify-content: flex-start;
  align-items: baseline;
  flex-direction: row;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: min(30px, 1.5rem);
  column-gap: 0.5rem;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_small {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_small > span {
  color: inherit;
  display: block;
  font-size: 1.111rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
  position: relative;
  bottom: -2px;
  text-align: left;
  margin-bottom: 0;
  margin-right: 0;
}
.p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_small > p {
  color: inherit;
  display: block;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2px;
  position: relative;
  bottom: -2px;
  text-align: left;
}
.p-company .p-company__mv .p-company__mv__secondary {
  width: 100%;
  padding-top: 30px;
  display: flex;
  justify-content: flex-end;
  column-gap: 3.3%;
}
.p-company .p-company__mv .p-company__mv__secondary > div:last-of-type > img {
  width: 100%;
  height: auto;
  max-width: 360px;
}
.p-company .p-company__mv .p-company__mv__secondary > div:first-of-type {
  position: relative;
  padding-top: 5px;
  margin-left: 6.6%;
}
.p-company .p-company__mv .p-company__mv__secondary > div:first-of-type > img {
  width: 100%;
  height: auto;
  max-width: 180px;
}
.p-company .p-company__mv .p-company__mv__secondary > div:first-of-type::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 16px;
  width: 22.7%;
  max-width: 41px;
  height: 39px;
  background-image: url("../img/company/img_company_mv_star1.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: zoomStarAnime 0.5s ease 0s infinite alternate;
  animation-delay: 0s;
}
.p-company .p-company__mv .p-company__mv__secondary > div:first-of-type::after {
  content: "";
  position: absolute;
  right: 9px;
  bottom: 11px;
  width: 18.8%;
  max-width: 34px;
  height: 32px;
  background-image: url("../img/company/img_company_mv_star2.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: zoomStarAnime 0.5s ease 0s infinite alternate;
  animation-delay: 0.3s;
}
@keyframes zoomStarAnime {
  from {
    transform: scale(1, 1);
    transform-origin: 50% 50%;
  }
  to {
    transform: scale(1.1, 1.1);
    transform-origin: 50% 50%;
  }
}
.p-company .p-company__discovery {
  padding-top: 55px;
  padding-bottom: 60px;
}
.p-company .p-company__discovery h2 {
  width: 100%;
  max-width: 560px;
  padding: 0 3.3% 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
.p-company .p-company__discovery h2 img {
  height: auto;
}
.p-company .p-company__discovery h2 img:nth-of-type(1) {
  width: 13%;
  max-width: 73px;
}
.p-company .p-company__discovery h2 img:nth-of-type(2) {
  width: 73.1%;
  max-width: 416px;
}
.p-company .p-company__discovery h2 img:nth-of-type(3) {
  width: 13.9%;
  max-width: 78px;
  position: relative;
  left: -10px;
}
.p-company .p-company__discovery .p-company__discovery__point {
  margin-bottom: 90px;
}
.p-company .p-company__discovery .p-company__discovery__point ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div {
  width: 100%;
  border: 3px solid #000000;
  border-radius: 20px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  position: relative;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div::after {
  content: "";
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  border-radius: 20px;
  border: 3px solid #F3B6A8;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #F3B6A8;
  z-index: -1;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > div {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4.4%;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:first-of-type {
  width: 8.6%;
  min-height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:first-of-type {
    min-height: initial;
  }
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:first-of-type img {
  width: 100%;
  height: auto;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:last-of-type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 87%;
  min-height: 100px;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:last-of-type {
    min-height: initial;
  }
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:last-of-type p {
  display: block;
  width: 100%;
  text-align: left;
  height: fit-content;
  font-size: 1.83rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -1px;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > div > div:last-of-type p span {
  text-align: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: -4px;
}
.p-company .p-company__discovery .p-company__discovery__point ul li > div > p {
  font-size: max(1rem, 14px);
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.p-company .p-company__discovery .p-company__discovery__point ul li.--point__bgred > div::after {
  border: 3px solid #F3B6A8;
  background-color: #F3B6A8;
}
.p-company .p-company__discovery .p-company__discovery__point ul li.--point__bgblue > div::after {
  border: 3px solid #99C1EF;
  background-color: #99C1EF;
}
.p-company .p-company__discovery .p-company__discovery__point ul li.--layout_3line > div > div {
  align-items: flex-start;
}
.p-company .p-company__discovery .p-company__discovery__point ul li.--layout_3line > div > div > div:first-of-type {
  align-items: flex-start;
}
.p-company .p-company__discovery .p-company__discovery__point ul li.--layout_3line > div > div > div:last-of-type {
  align-items: flex-start;
}
.p-company .p-company__discovery .p-company__discovery__comment {
  background-color: #E5557B;
  padding-bottom: 30px;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector1 {
  background-color: #428ADD;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector2 {
  background-color: #ED7F1C;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector3 {
  background-color: #10A384;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector4 {
  background-color: #E5557B;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector5 {
  background-color: #913F93;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector6 {
  background-color: #69AC00;
}
.p-company .p-company__discovery .p-company__discovery__comment.--color_sector7 {
  background-color: #29ABE2;
}
.p-company .p-company__discovery .p-company__discovery__comment > img {
  position: absolute;
}
.p-company .p-company__discovery .p-company__discovery__comment > img:nth-of-type(1) {
  width: 9.1%;
  max-width: 57px;
  height: auto;
  top: min(8vw, 50px);
  left: 24%;
}
.p-company .p-company__discovery .p-company__discovery__comment > img:nth-of-type(2) {
  width: 5.6%;
  max-width: 34px;
  height: auto;
  top: min(41vw, 245px);
  left: 10%;
}
.p-company .p-company__discovery .p-company__discovery__comment > img:nth-of-type(3) {
  width: 10.33%;
  max-width: 62px;
  height: auto;
  top: min(39vw, 230px);
  right: 6.6%;
}
.p-company .p-company__discovery .p-company__discovery__comment::before {
  content: "";
  position: relative;
  left: 0;
  top: -1px;
  width: 100%;
  display: block;
  padding-top: 17.5%;
  background-image: url("../img/company/bg_company_discovery1.webp");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.p-company .p-company__discovery .p-company__discovery__comment h3 {
  padding: 20px 0;
  width: 100%;
  font-size: max(1.944rem, 14px);
  line-height: 1.3;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight: 900;
  color: #fff;
  text-shadow: 2px 2px 1px #000, -2px -2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, 0px 2px 1px #000, 0 -2px 1px #000, -2px 0 1px #000, 2px 0 1px #000;
  text-align: center;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-image: url("../img/company/bg_company_discovery2.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div picture {
  display: block;
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  width: min(67.3%, 350px);
  aspect-ratio: 1;
  height: auto;
  overflow: hidden;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div > div {
  position: absolute;
  right: 20px;
  bottom: 15px;
  width: auto;
  height: fit-content;
  border-radius: 35px;
  border: 2px solid #000000;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 5px 8%;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__discovery .p-company__discovery__comment > div > div > div {
    right: 5px;
    bottom: 5px;
  }
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div > div b {
  font-size: max(14px, 0.778rem);
  font-weight: 600;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div > div ruby {
  font-size: max(14px, 1rem);
  font-weight: 600;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div > div ruby rt {
  font-size: max(8px, 0.444rem);
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.5px;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > div > div ruby span {
  font-size: max(14px, 0.778rem);
  font-weight: 600;
}
.p-company .p-company__discovery .p-company__discovery__comment > div > p {
  padding-top: 20px;
  font-size: max(14px, 1rem);
  line-height: 1.5;
  color: #FFFFFF;
}
  /* ---- （高校生インタビューパターン） ---- */
  /* ---- （独自インタビューパターン） ---- */
  /* ---- 各パターン共通 ---- */

.p-company .p-company__interview.--pattern_1 > div {
  margin-bottom: 20px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer {
  background-image: url("../img/company/bg_company_interview_read.webp");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10.7% 0 20px;
}
@media screen and (max-width: 400px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer {
    padding: 6.7% 0 20px;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex;
  column-gap: 1.45%;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer h2 {
    margin-bottom: 3.5vw;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer h2 img:nth-of-type(1) {
  width: 12.8%;
  max-width: 67px;
  position: relative;
  bottom: 21px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer h2 img:nth-of-type(2) {
  width: 71.5%;
  max-width: 372px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer h2 img:nth-of-type(3) {
  width: 12.8%;
  max-width: 67px;
  position: relative;
  bottom: 21px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div {
  width: 100%;
  display: flex;
  column-gap: 4%;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:first-of-type {
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:first-of-type b {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: max(1.222rem, 14px);
  color: #FFFFFF;
  width: 100%;
  max-width: 250px;
  height: 45px;
  background-color: #000;
  border-radius: 25px;
  letter-spacing: -0.5px;
  padding: 5px 2.8% 0;
  box-sizing: border-box;
  margin-bottom: 25px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:first-of-type b span {
  display: inline-block;
  transform: rotate(3deg);
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:first-of-type b {
    padding: 0 2.8% 0;
    margin-bottom: 3.5vw;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:first-of-type p {
  font-size: max(1rem, 14px);
  font-weight: 600;
  line-height: 1.5;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:last-of-type {
  width: 48%;
  max-width: 250px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__interviewer > div > div:last-of-type img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content {
  padding-top: 70px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 {
  position: relative;
  width: 100%;
  height: fit-content;
  padding-top: min(6vw, 35px);
  padding-bottom: min(6vw, 35px);
  padding-left: 4%;
  padding-right: 4%;
  border: 3px solid #000000;
  border-radius: 3px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 33%;
  height: 35%;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  border-radius: 0 0 3px 0;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 picture {
  position: absolute;
  top: max(-4.2vw, -24px);
  left: 16px;
  display: block;
  width: 12.5%;
  max-width: 65px;
  height: auto;
  display: block;
  background-color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 picture img {
  width: 100%;
  height: auto;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 p {
  text-align: center;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 p span {
  font-size: max(1.667rem, 20px);
  font-weight: 600;
  line-height: 1.36;
  background: linear-gradient(transparent 60%, rgb(253, 239, 0) 40%);
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.8s;
  word-break: auto-phrase;
  letter-spacing: -1px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright {
  background-color: #FFFFFF;
  padding-right: 13.5%;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: -12px;
  right: 10.5%;
}
@media screen and (max-width: 550px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright {
    top: -13px;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 9.5px 0;
  border-radius: 9999px;
  background-color: #000000;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::before, .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 0;
  width: 25px;
  height: 3px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: calc(100% - 1.5px) 50%;
}
@media screen and (max-width: 500px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::before, .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::after {
    width: 20px;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::before {
  transform: rotate(23.35deg);
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::after {
  transform: rotate(-23.35deg);
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft {
  background-color: #FFFFFF;
  padding-left: 7.7%;
  height: 20px;
  display: inline-block;
  position: absolute;
  bottom: -11px;
  left: 7.7%;
}
@media screen and (max-width: 550px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft {
    bottom: -10px;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 9.5px 0;
  border-radius: 9999px;
  background-color: #000000;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::before, .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  width: 25px;
  height: 3px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 1.5px 50%;
}
@media screen and (max-width: 500px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::before, .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::after {
    width: 20px;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::before {
  transform: rotate(23.35deg);
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::after {
  transform: rotate(-23.35deg);
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content > h3 .--markeron {
  background-size: 100% 100%;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 45px 0 100px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul {
    padding: 7.5vw 0 13.4vw;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 2.8%;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li > div:nth-of-type(1) {
  width: 73%;
  max-width: 390px;
  box-sizing: border-box;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li > div:nth-of-type(1) p {
  position: relative;
  display: block;
  width: 100%;
  height: fit-content;
  min-height: 50px;
  padding: 4.8% 3.8% 3.8%;
  font-size: max(1rem, 14px);
  color: #FFFFFF;
  z-index: 0;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li > div:nth-of-type(1) p::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 50%;
  right: -8px;
  width: 16px;
  height: 16px;
  background-color: #E5557B;
  transform: translateY(-50%) rotate(-45deg);
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li > div:nth-of-type(1) p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #E5557B;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li > div:nth-of-type(2) {
  width: 22.2%;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li > div:nth-of-type(2) > img {
  width: 100%;
  max-width: 115px;
  height: auto;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) {
  order: 1;
  margin-right: 2%;
  margin-left: 0;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p::before {
  right: -8px;
  left: auto;
  background-color: #E5557B;
  border-radius: initial;
  border: none;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #E5557B;
  border-radius: 10px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(2) {
  order: 2;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) {
  order: 2;
  margin-right: 0;
  margin-left: 2%;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) p {
  color: #0063D6;
  border: 3px solid #0063D6;
  border-radius: 10px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) p::before {
  right: auto;
  left: -10px;
  background-color: #FFFFFF;
  border: 3px solid #0063D6;
  border-radius: 3px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) p::after {
  background-color: #FFFFFF;
  border-radius: 10px;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_question > div:nth-of-type(2) {
  order: 1;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0;
  padding-top: min(10vw, 80px);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_photo > div:nth-of-type(1) {
  width: 100%;
  max-width: initial;
  box-sizing: border-box;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  row-gap: 0;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content ul li.--layout_photo > div:nth-of-type(1) > img {
  width: 77%;
  max-width: 400px;
  height: auto;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_red ul li.--layout_question > div:nth-of-type(1) p {
  color: #E04826;
  border: 3px solid #E04826;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_red ul li.--layout_question > div:nth-of-type(1) p::before {
  background-color: #FFFFFF;
  border: 3px solid #E04826;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_red ul li.--layout_question > div:nth-of-type(1) p::after {
  background-color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_blue ul li.--layout_question > div:nth-of-type(1) p {
  color: #0063D6;
  border: 3px solid #0063D6;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_blue ul li.--layout_question > div:nth-of-type(1) p::before {
  background-color: #FFFFFF;
  border: 3px solid #0063D6;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_blue ul li.--layout_question > div:nth-of-type(1) p::after {
  background-color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector1 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector1 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #428ADD;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector1 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #428ADD;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector2 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector2 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #ED7F1C;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector2 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #ED7F1C;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector3 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector3 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #10A384;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector3 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #10A384;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector4 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector4 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #E5557B;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector4 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #E5557B;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector5 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector5 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #913F93;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector5 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #913F93;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector6 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector6 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #69AC00;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector6 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #69AC00;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector7 ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector7 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #29ABE2;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__content.--color_sector7 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #29ABE2;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report {
  width: 100%;
  background-color: #0063D6;
  border: 3px solid #000000;
  border-radius: 13px;
  padding: 5.7%;
  position: relative;
  margin-top: 70px;
  margin-bottom: 100px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__report {
    margin-top: 11.5vw;
    margin-bottom: 16.5vw;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report.--color_red {
  background-color: #E04826;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report.--color_blue {
  background-color: #0063D6;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report h3 {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__report h3 {
    top: max(-10vw, -60px);
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report h3 img {
  width: 57.6%;
  max-width: 300px;
  height: auto;
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report > div {
  width: 100%;
  background-color: #FFFFFF;
  border: 3px solid #000000;
  padding: 35px 23px 23px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__report > div {
    padding: 10vw 5% 3.8vw;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report > div p {
  display: block;
  width: 100%;
  font-size: max(1rem, 14px);
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_1 > div .p-company__interview__report > div p {
    margin-bottom: 5vw;
  }
}
.p-company .p-company__interview.--pattern_1 > div .p-company__interview__report > div img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-company .p-company__interview.--pattern_2 > div {
  padding-top: 55px;
  margin-bottom: 20px;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex;
  column-gap: 1.45%;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 {
    margin-bottom: 3.5vw;
  }
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(1) {
  width: 57.6%;
  max-width: 300px;
  position: absolute;
  top: -75px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(1) {
    top: -12.5vw;
  }
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(2) {
  width: 12.8%;
  max-width: 67px;
  position: relative;
  bottom: 45px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(2) {
    bottom: 7.5vw;
  }
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(3) {
  width: 71.5%;
  max-width: 372px;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(4) {
  width: 12.8%;
  max-width: 67px;
  position: relative;
  bottom: 45px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview.--pattern_2 > div .p-company__interview__title h2 img:nth-of-type(4) {
    bottom: 7.5vw;
  }
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__title > p {
  display: block;
  padding: 20px 0 15px;
  text-align: center;
  line-height: 1.5;
  font-size: max(1rem, 14px);
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__interview.--pattern_2 > div .p-company__interview__title > p {
    letter-spacing: -0.5px;
  }
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) {
  order: 2;
  margin-right: 0;
  margin-left: 2%;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p::before {
  right: auto;
  left: -8px;
  background-color: #913F93;
  border-radius: initial;
  border: none;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #913F93;
  border-radius: 10px;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content ul li.--layout_answer > div:nth-of-type(2) {
  order: 1;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector1 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #428ADD;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector1 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #428ADD;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector2 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #ED7F1C;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector2 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #ED7F1C;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector3 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #10A384;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector3 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #10A384;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector4 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #E5557B;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector4 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #E5557B;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector5 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #913F93;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector5 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #913F93;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector6 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #69AC00;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector6 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #69AC00;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector7 ul li.--layout_answer > div:nth-of-type(1) p::before {
  background-color: #29ABE2;
}
.p-company .p-company__interview.--pattern_2 > div .p-company__interview__content.--color_sector7 ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #29ABE2;
}
.p-company .p-company__interview .p-company__interview__interviewee {
  width: 100%;
  display: flex;
  position: relative;
  margin-bottom: 30px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector1 {
  background-color: #cce8f9;
  border-bottom: 20px solid #428ADD;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector2 {
  background-color: #ffe6cc;
  border-bottom: 20px solid #ED7F1C;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector3 {
  background-color: #ccede6;
  border-bottom: 20px solid #10A384;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector4 {
  background-color: #ffdde5;
  border-bottom: 20px solid #E5557B;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector5 {
  background-color: #edd8ea;
  border-bottom: 20px solid #913F93;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector6 {
  background-color: #d6efcc;
  border-bottom: 20px solid #69AC00;
}
.p-company .p-company__interview .p-company__interview__interviewee.--color_sector7 {
  background-color: #cceffa;
  border-bottom: 20px solid #29ABE2;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div {
  width: 50%;
  max-width: 260px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:first-of-type {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px 10px 10px 20px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:first-of-type > span {
  display: block;
  font-size: max(14px, 1rem);
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left;
  word-break: auto-phrase;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:first-of-type ruby {
  font-size: max(14px, 1rem);
  font-weight: 600;
  margin-bottom: 20px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:first-of-type ruby rt {
  font-size: max(8px, 0.444rem);
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.5px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:first-of-type ruby > span {
  font-size: max(14px, 0.778rem);
  font-weight: inherit;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:first-of-type p {
  font-size: max(0.889rem, 12px);
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:last-of-type {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_left > div:last-of-type img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div {
  width: 50%;
  max-width: 260px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type {
  order: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px 20px 10px 30px;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type {
    padding: 10px 20px 10px 20px;
  }
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type > span {
  display: block;
  font-size: max(14px, 1rem);
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left;
  word-break: auto-phrase;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type ruby {
  font-size: max(14px, 1rem);
  font-weight: 600;
  margin-bottom: 20px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type ruby rt {
  font-size: max(8px, 0.444rem);
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.5px;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type ruby > span {
  font-size: max(14px, 0.778rem);
  font-weight: inherit;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:first-of-type p {
  font-size: max(0.889rem, 12px);
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:last-of-type {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.p-company .p-company__interview .p-company__interview__interviewee.--layout_right > div:last-of-type img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-company .p-company__interview .p-company__interview__content {
  padding-top: 40px;
}
.p-company .p-company__interview .p-company__interview__content > h3 {
  position: relative;
  width: 100%;
  height: fit-content;
  padding-top: min(6vw, 35px);
  padding-bottom: min(6vw, 35px);
  padding-left: 4%;
  padding-right: 4%;
  border: 3px solid #000000;
  border-radius: 3px;
}
.p-company .p-company__interview .p-company__interview__content > h3::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 33%;
  height: 35%;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  border-radius: 0 0 3px 0;
}
.p-company .p-company__interview .p-company__interview__content > h3 picture {
  position: absolute;
  top: max(-4.2vw, -24px);
  left: 16px;
  display: block;
  width: 12.5%;
  max-width: 65px;
  height: auto;
  display: block;
  background-color: #FFFFFF;
}
.p-company .p-company__interview .p-company__interview__content > h3 picture img {
  width: 100%;
  height: auto;
}
.p-company .p-company__interview .p-company__interview__content > h3 p {
  text-align: center;
}
.p-company .p-company__interview .p-company__interview__content > h3 p span {
  font-size: max(1.667rem, 20px);
  font-weight: 600;
  line-height: 1.36;
  background: linear-gradient(transparent 60%, rgb(253, 239, 0) 40%);
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.8s;
  word-break: auto-phrase;
  letter-spacing: -1px;
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright {
  background-color: #FFFFFF;
  padding-right: 13.5%;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: -12px;
  right: 10.5%;
}
@media screen and (max-width: 550px) {
  .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright {
    top: -13px;
  }
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 9.5px 0;
  border-radius: 9999px;
  background-color: #000000;
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::before, .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 0;
  width: 25px;
  height: 3px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: calc(100% - 1.5px) 50%;
}
@media screen and (max-width: 500px) {
  .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::before, .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::after {
    width: 20px;
  }
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::before {
  transform: rotate(23.35deg);
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowright > span::after {
  transform: rotate(-23.35deg);
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft {
  background-color: #FFFFFF;
  padding-left: 7.7%;
  height: 20px;
  display: inline-block;
  position: absolute;
  bottom: -11px;
  left: 7.7%;
}
@media screen and (max-width: 550px) {
  .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft {
    bottom: -10px;
  }
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 9.5px 0;
  border-radius: 9999px;
  background-color: #000000;
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::before, .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  width: 25px;
  height: 3px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 1.5px 50%;
}
@media screen and (max-width: 500px) {
  .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::before, .p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::after {
    width: 20px;
  }
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::before {
  transform: rotate(23.35deg);
}
.p-company .p-company__interview .p-company__interview__content > h3 i.p-company__interview__content--arrowleft > span::after {
  transform: rotate(-23.35deg);
}
.p-company .p-company__interview .p-company__interview__content > h3 .--markeron {
  background-size: 100% 100%;
}
.p-company .p-company__interview .p-company__interview__content ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 45px 0 100px;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview .p-company__interview__content ul {
    padding: 7.5vw 0 13.4vw;
  }
}
.p-company .p-company__interview .p-company__interview__content ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 2.8%;
}
.p-company .p-company__interview .p-company__interview__content ul li > div:nth-of-type(1) {
  width: 73%;
  max-width: 390px;
  box-sizing: border-box;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
}
.p-company .p-company__interview .p-company__interview__content ul li > div:nth-of-type(1) p {
  position: relative;
  display: block;
  width: 100%;
  height: fit-content;
  min-height: 50px;
  padding: 3.8%;
  font-size: max(1rem, 14px);
  color: #FFFFFF;
  z-index: 0;
}
.p-company .p-company__interview .p-company__interview__content ul li > div:nth-of-type(1) p::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 50%;
  right: -8px;
  width: 16px;
  height: 16px;
  background-color: #E5557B;
  transform: translateY(-50%) rotate(-45deg);
}
.p-company .p-company__interview .p-company__interview__content ul li > div:nth-of-type(1) p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #E5557B;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.p-company .p-company__interview .p-company__interview__content ul li > div:nth-of-type(2) {
  width: 22.2%;
}
.p-company .p-company__interview .p-company__interview__content ul li > div:nth-of-type(2) > img {
  width: 100%;
  max-width: 115px;
  height: auto;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) {
  order: 1;
  margin-right: 2%;
  margin-left: 0;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p {
  color: #FFFFFF;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p::before {
  right: -8px;
  left: auto;
  background-color: #E5557B;
  border-radius: initial;
  border: none;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_answer > div:nth-of-type(1) p::after {
  background-color: #E5557B;
  border-radius: 10px;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_answer > div:nth-of-type(2) {
  order: 2;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) {
  order: 2;
  margin-right: 0;
  margin-left: 2%;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) p {
  color: #0063D6;
  border: 3px solid #0063D6;
  border-radius: 10px;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) p::before {
  right: auto;
  left: -10px;
  background-color: #FFFFFF;
  border: 3px solid #0063D6;
  border-radius: 3px;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_question > div:nth-of-type(1) p::after {
  background-color: #FFFFFF;
  border-radius: 10px;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_question > div:nth-of-type(2) {
  order: 1;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0;
  padding-top: min(10vw, 80px);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_photo > div:nth-of-type(1) {
  width: 100%;
  max-width: initial;
  box-sizing: border-box;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  row-gap: 0;
}
.p-company .p-company__interview .p-company__interview__content ul li.--layout_photo > div:nth-of-type(1) > img {
  width: 77%;
  max-width: 400px;
  height: auto;
}
.p-company .p-company__interview .p-company__interview__morecontent {
  padding-bottom: 30px;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__toggle {
  display: none;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__toggle:checked + .p-company__interview__morecontent__Label {
  /*開閉時*/
  height: 50px;
  transition: all 0.3s ease;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__toggle:checked + .p-company__interview__morecontent__Label + .p-company__interview__morecontent__detail {
  /*開閉時*/
  height: auto;
  margin-top: 70px;
  transition: all 0.3s ease;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__toggle:checked + .p-company__interview__morecontent__Label > i::after {
  transform: translate(-50%, -50%) rotate(0deg) !important;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__Label {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  background: #FFF000;
  border: 3px solid #000000;
  box-sizing: border-box;
  font-size: max(1rem, 14px);
  font-weight: 600;
  padding-top: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
@media screen and (max-width: 600px) {
  .p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__Label {
    padding-top: 0;
  }
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__Label > i {
  width: 15px;
  height: 100%;
  right: 30%;
  position: absolute;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__Label > i::before {
  content: "";
  display: block;
  width: 11px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__Label > i::after {
  content: "";
  display: block;
  width: 11px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  transition: all 0.3s ease;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__detail {
  height: 0;
  margin-top: 0;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s ease;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__detail dl dt {
  width: 100%;
  display: block;
  background-color: #ffdde5;
  padding-top: min(4vw, 35px);
  padding-bottom: min(3vw, 30px);
  padding-left: 3.8%;
  padding-right: 3.8%;
  line-height: 1.2;
  font-size: max(1.667rem, 20px);
  font-weight: 600;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__detail dl dd {
  display: block;
  width: 100%;
  padding: 20px 0 50px;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__detail dl dd p {
  width: 100%;
  font-size: max(1rem, 14px);
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 2px solid #ffdde5;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__detail dl dd p:first-of-type {
  padding-top: 0;
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent .p-company__interview__morecontent__detail dl dd p:last-of-type {
  padding-bottom: 0;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector1 .p-company__interview__morecontent__detail dl dt {
  background-color: #cce8f9;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector1 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #cce8f9;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector1 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector2 .p-company__interview__morecontent__detail dl dt {
  background-color: #ffe6cc;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector2 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #ffe6cc;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector2 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector3 .p-company__interview__morecontent__detail dl dt {
  background-color: #ccede6;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector3 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #ccede6;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector3 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector4 .p-company__interview__morecontent__detail dl dt {
  background-color: #ffdde5;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector4 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #ffdde5;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector4 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector5 .p-company__interview__morecontent__detail dl dt {
  background-color: #edd8ea;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector5 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #edd8ea;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector5 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector6 .p-company__interview__morecontent__detail dl dt {
  background-color: #d6efcc;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector6 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #d6efcc;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector6 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector7 .p-company__interview__morecontent__detail dl dt {
  background-color: #cceffa;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector7 .p-company__interview__morecontent__detail dl dd p {
  border-top: 2px solid #cceffa;
}
.p-company .p-company__interview .p-company__interview__morecontent.--color_sector7 .p-company__interview__morecontent__detail dl dd p:first-of-type {
  border-top: none;
}
.p-company .p-company__schedule {
  padding: 50px 0 clamp(50px, 13.33vw, 90px);
  background-color: #E5557B;
}
.p-company .p-company__schedule.--color_sector1 {
  background-color: #428ADD;
}
.p-company .p-company__schedule.--color_sector2 {
  background-color: #ED7F1C;
}
.p-company .p-company__schedule.--color_sector3 {
  background-color: #10A384;
}
.p-company .p-company__schedule.--color_sector4 {
  background-color: #E5557B;
}
.p-company .p-company__schedule.--color_sector5 {
  background-color: #913F93;
}
.p-company .p-company__schedule.--color_sector6 {
  background-color: #69AC00;
}
.p-company .p-company__schedule.--color_sector7 {
  background-color: #29ABE2;
}
.p-company .p-company__schedule .p-company__schedule__timetable {
  margin-bottom: clamp(55px, 12vw, 75px);
}
.p-company .p-company__schedule .p-company__schedule__timetable h2 img {
  width: 100%;
  max-width: 431px;
  aspect-ratio: 431/104;
  margin: 0 auto clamp(40px, 10.67vw, 60px);
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li {
  font-size: max(16px, 1.16rem);
  display: flex;
  align-items: center;
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li div:nth-of-type(1) {
  width: clamp(48px, 12.8vw, 62px);
  margin-right: 50px;
  text-align: right;
  color: #FFFFFF;
  flex-shrink: 0;
  padding-bottom: 10px;
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li div:nth-of-type(1)::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #FFFFFF;
  position: absolute;
  top: clamp(5px, 1.33vw, 8px);
  right: -30px;
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li div:nth-of-type(2) {
  padding-bottom: 10px;
  color: #FFFFFF;
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li div:nth-of-type(2):before {
  content: "";
  height: 100%;
  border-left: solid 1px #FFFFFF;
  position: absolute;
  top: 0;
  left: -26px;
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li:first-of-type div:nth-of-type(2):before {
  transform-origin: bottom;
  scale: 1 1.5;
}
.p-company .p-company__schedule .p-company__schedule__timetable div div:nth-of-type(1) ul li:last-of-type div:nth-of-type(2):before {
  transform-origin: top;
  scale: 1 1.5;
}
.p-company .p-company__schedule .p-company__schedule__timetable div .p-company__schedule__img.--layout_top {
  width: 32.5%;
  position: absolute;
  right: -10px;
  top: -75px;
}
.p-company .p-company__schedule .p-company__schedule__timetable div .p-company__schedule__img.--layout_top img {
  width: 100%;
}
.p-company .p-company__schedule .p-company__schedule__timetable div .p-company__schedule__img.--layout_bottom {
  width: 32.5%;
  position: absolute;
  right: -10px;
  bottom: -55px;
}
.p-company .p-company__schedule .p-company__schedule__timetable div .p-company__schedule__img.--layout_bottom img {
  width: 100%;
}
.p-company .p-company__schedule .p-company__schedule__timetable div .p-company__schedule__img.--layout_outside {
  width: 32.5%;
  position: relative;
  margin-left: auto;
}
.p-company .p-company__schedule .p-company__schedule__timetable div .p-company__schedule__img.--layout_outside img {
  width: 100%;
}
.p-company .p-company__schedule .p-company__schedule__note {
  padding-left: 1em;
  margin-bottom: clamp(14px, 3.73vw, 20px);
  color: #FFFFFF;
  font-size: max(14px, 0.77rem);
  text-indent: -1em;
}
.p-company .p-company__schedule .p-company__schedule__note::before {
  content: "※";
}
.p-company .p-company__schedule .p-company__schedule__happylife {
  max-width: 520px;
  overflow: hidden;
}
.p-company .p-company__schedule .p-company__schedule__happylife::before {
  content: "";
  width: 100%;
  height: clamp(24px, 6.4vw, 34px);
  background-image: url(../img/company/bg_company_happylife1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  display: block;
  position: relative;
  bottom: -1px;
}
.p-company .p-company__schedule .p-company__schedule__happylife::after {
  content: "";
  width: 100%;
  height: 30px;
  background-image: url(../img/company/bg_company_happylife3.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  display: block;
  position: relative;
  top: -1px;
}
.p-company .p-company__schedule .p-company__schedule__happylife div {
  width: 100%;
  padding-top: clamp(20px, 5.33vw, 30px);
  background-image: url(../img/company/bg_company_happylife2.webp);
  background-repeat: repeat-y;
  background-size: contain;
  display: block;
  z-index: 0;
  box-sizing: border-box;
}
.p-company .p-company__schedule .p-company__schedule__happylife div h3 {
  margin-bottom: clamp(20px, 5.33vw, 30px);
}
.p-company .p-company__schedule .p-company__schedule__happylife div h3 img {
  width: 80%;
  max-width: 368px;
  aspect-ratio: 368/95;
  margin: 0 auto;
}
.p-company .p-company__schedule .p-company__schedule__happylife div p {
  padding: 0 20px;
  margin-bottom: 30px;
  font-size: max(14px, 1rem);
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.p-company .p-company__schedule .p-company__schedule__happylife div div {
  padding: 0 20px;
  background-image: none;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.p-company .p-company__schedule .p-company__schedule__happylife div div div {
  padding: 0;
  box-sizing: border-box;
}
.p-company .p-company__schedule .p-company__schedule__happylife div div div::before {
  content: "";
  width: 100%;
  aspect-ratio: 482/227;
  background-image: url(../img/company/bg_company_happylife_decoration.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 20%;
  z-index: -1;
}
.p-company .p-company__schedule .p-company__schedule__happylife div div div img {
  width: 100%;
  object-fit: contain;
  object-position: bottom;
}
.p-company .p-company__data {
  padding: clamp(50px, 13.33vw, 100px) min(3.3%, 20px) 0;
  margin-bottom: clamp(100px, 26.67vw, 200px);
  box-sizing: border-box;
}
.p-company .p-company__data {/* 2026年企業紹介ページ の下の幅を調整 */
    margin-bottom: 100px;
    font-weight: 700; 
}
@media screen and (max-width: 600px) {
  .p-company .p-company__data {
      margin-bottom: 50px;
  }
}
.p-company .p-company__data::before {
  content: "";
  width: clamp(190px, 50.67vw, 315px);
  aspect-ratio: 315/57;
  margin-left: clamp(30px, 8vw, 60px);
  background-image: url(../img/company/img_company_data_label.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  display: block;
}
.p-company .p-company__data .p-company__data--left {
  height: clamp(25px, 6.67vw, 35px);
  border-top: solid 2px #000000;
  border-left: solid 2px #000000;
  border-radius: 20px 0 0 0;
  margin-right: calc(50% - 50vw);
}
.p-company .p-company__data .p-company__data__inner {
  border-left: solid 2px #000000;
}
.p-company .p-company__data .p-company__data__inner h2 {
  margin-bottom: clamp(12px, 3.2vw, 16px);
}
.p-company .p-company__data .p-company__data__inner h2 img {
  width: 100%;
  max-width: 483px;
}
.p-company .p-company__data .p-company__data__inner p {
  margin-bottom: 24px;
  font-size: max(14px, 1rem);
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(1) {
  width: fit-content;
  margin-bottom: 24px;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(1)::after {
  content: "";
  width: 100%;
  max-width: 475px;
  aspect-ratio: 475/290;
  background-color: #000000;
  display: block;
  position: absolute;
  top: 5px;
  right: -4px;
  z-index: -1;
  box-sizing: border-box;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(1) img {
  width: 100%;
  max-width: 475px;
  aspect-ratio: 475/290;
  object-fit: cover;
  border: solid 4px #000000;
  box-sizing: border-box;
}
.p-company .p-company__data .p-company__data__inner h3 {
  border-bottom: solid 4px #000000;
  margin-bottom: 19.5px;
  display: flex;
  gap: 0 clamp(10px, 2.67vw, 20px);
  align-items: flex-end;
}
.p-company .p-company__data .p-company__data__inner h3 img {
  width: clamp(84px, 22.4vw, 94px);
  aspect-ratio: 94/56;
  object-fit: contain;
}
.p-company .p-company__data .p-company__data__inner h3 p {
  margin-bottom: 0;
  font-size: max(18px, 1.5rem);
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: -1px;
}
@media screen and (max-width: 480px) {
  .p-company .p-company__data .p-company__data__inner h3 p {
    letter-spacing: -1.5px;
  }
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(1) {
  display: flex;
  align-items: center;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(1) li {
  width: 33.3333333333%;
  margin-right: clamp(10px, 2.67vw, 18px);
  height: 35px;
  color: #FFFFFF;
  background-color: #E5557B;
  font-size: max(14px, 1rem);
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(1) li:last-of-type {
  margin-right: 0;
}
.p-company .p-company__data .p-company__data__inner > i {
  margin-top: 10px;
  display: block;
  width: 100%;
  text-align: left;
  font-style: normal;
  font-size: max(14px, 1rem);
  color: #000000;
  text-indent: -1em;
  padding-left: 1em;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(2) {
  margin-top: clamp(30px, 8vw, 50px);
  margin-bottom: clamp(30px, 8vw, 50px);
  display: flex;
  align-items: center;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(2) div {
  width: 100%;
  max-width: 310px;
  aspect-ratio: 310/216;
  border: solid 2px #000000;
  margin: 0;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(2) div img {
  width: 100%;
  max-width: 310px;
  aspect-ratio: 310/216;
  border: none;
  object-fit: cover;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(2) div::after {
  content: unset;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(2) img {
  width: 40%;
  max-width: 190px;
  aspect-ratio: 190/216;
  object-fit: cover;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(2) li {
  display: flex;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(2) li em {
  width: clamp(70px, 18.67vw, 140px);
  font-size: max(14px, 1rem);
  flex-shrink: 0;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(2) li p {
  margin-bottom: 0;
  font-size: max(14px, 1rem);
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(3) {
  margin-bottom: 30px;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(3) li {
  display: flex;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(3) li em {
  width: clamp(70px, 18.67vw, 140px);
  font-size: max(14px, 1rem);
  flex-shrink: 0;
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(3) li p {
  margin-bottom: 0;
  font-size: max(14px, 1rem);
}
.p-company .p-company__data .p-company__data__inner ul:nth-of-type(3) li:nth-of-type(1) em {
  width: 100%;
  padding-top: 10px;
  border-top: solid 1px #0063D6;
  margin-top: 16px;
  color: #0063D6;
  font-size: max(14px, 1rem);
  font-weight: 600;
}
.p-company .p-company__data .p-company__data__inner a {
  width: clamp(256px, 68.27vw, 376px);
  height: clamp(37px, 9.87vw, 45px);
  padding-top: 4px;
  border: solid 2px #000000;
  border-radius: 10px;
  margin: 0 auto 30px;
  color: #FFFFFF;
  background-color: #0063D6;
  font-size: max(18px, 1.4rem);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}
.p-company .p-company__data .p-company__data__inner a:hover {
  background-color: #E04826;
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(3) {
  width: clamp(256px, 68.27vw, 376px);
  margin: 0 auto clamp(32px, 8.53vw, 48px);
}
.p-company .p-company__data .p-company__data__inner div:nth-of-type(3) iframe {
  width: 100%;
}
.p-company .p-company__data .p-company__data__inner span {
  font-size: max(14px, 0.83rem);
  text-align: center;
  display: block;
}
.p-company .p-company__data .p-company__data--right {
  height: clamp(32px, 8.53vw, 48px);
  border-bottom: solid 2px #000000;
  border-left: solid 2px #000000;
  border-radius: 0 0 0 20px;
}
.p-company .p-company__data.--color_sector1 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #428ADD;
}
.p-company .p-company__data.--color_sector2 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #ED7F1C;
}
.p-company .p-company__data.--color_sector3 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #10A384;
}
.p-company .p-company__data.--color_sector4 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #E5557B;
}
.p-company .p-company__data.--color_sector5 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #913F93;
}
.p-company .p-company__data.--color_sector6 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #69AC00;
}
.p-company .p-company__data.--color_sector7 .p-company__data__inner ul:nth-of-type(1) li {
  background-color: #29ABE2;
}

.iPhone .p-company .p-company__mv .p-company__mv__primary > div > div em, .iPad .p-company .p-company__mv .p-company__mv__primary > div > div em {
  padding-top: 6px !important;
}
.iPhone .p-company .p-company__mv .p-company__mv__primary > div > div > div, .iPad .p-company .p-company__mv .p-company__mv__primary > div > div > div {
  padding-top: 6px !important;
  padding-bottom: 7px !important;
}
.iPhone .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal, .iPad .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}
.iPhone .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_small, .iPad .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_small {
  padding-top: 8px !important;
  padding-bottom: 10px !important;
}
.iPhone .p-company__discovery__point ul li > div > div > div:last-of-type p span, .iPad .p-company__discovery__point ul li > div > div > div:last-of-type p span {
  letter-spacing: -2px !important;
}

.Android .p-company .p-company__mv .p-company__mv__primary > div > div em {
  padding-top: 8px !important;
}
.Android .p-company .p-company__mv .p-company__mv__primary > div > div > div {
  padding-top: 6px !important;
  padding-bottom: 7px !important;
}
.Android .p-company .p-company__mv .p-company__mv__primary > div > div > div.--layout_1line_nomal {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}
.Android .p-company__discovery__point ul li > div > div > div:last-of-type p span {
  letter-spacing: -1px !important;
}