section.under-page_ttl .ttl_area .inner {
 width: 30%;
}
@media screen and (max-width: 768px) {
 section.under-page_ttl .ttl_area .inner {
  width: 40%;
 }
}
section.link_area {
 width: 100%;
 height: auto;
 margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
 section.link_area {
  margin: 50px auto 0;
 }
}
section.link_area .inner {
 width: 90%;
 max-width: 1000px;
 margin: 0 auto;
}
section.link_area .inner .ttl_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
section.link_area .inner .ttl_box h2 {
 line-height: 1.75;
 font-weight: 700;
 font-size: 22px;
 text-align: center;
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .ttl_box h2 {
  font-size: clamp(1rem, 0.642rem + 1.53vw, 1.375rem);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
 }
}
section.link_area .inner .link_list {
 width: 100%;
 height: auto;
 margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list {
  margin: 30px auto 0;
 }
}
section.link_area .inner .link_list ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -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: 80px 3%;
}
@media screen and (max-width: 1024px) {
 section.link_area .inner .link_list ul {
  gap: 40px 3%;
 }
}
section.link_area .inner .link_list ul li {
 width: 30.3333333333%;
}
@media screen and (max-width: 1024px) {
 section.link_area .inner .link_list ul li {
  width: 47%;
 }
}
section.link_area .inner .link_list ul li.staff01 a .num_img .icon,section.link_area .inner .link_list ul li.staff02 a .num_img .icon,section.link_area .inner .link_list ul li.staff03 a .num_img .icon {
 background: var(--c_red);
}
section.link_area .inner .link_list ul li.staff01 a .txt_box .txt .cat .icon,section.link_area .inner .link_list ul li.staff02 a .txt_box .txt .cat .icon,section.link_area .inner .link_list ul li.staff03 a .txt_box .txt .cat .icon {
 background: var(--c_red);
}
section.link_area .inner .link_list ul li.staff04 a .num_img .icon {
 background: var(--c_yellow);
}
section.link_area .inner .link_list ul li.staff04 a .txt_box .txt .cat .icon {
 background: var(--c_yellow);
}
@media screen and (max-width: 1024px) {
 section.link_area .inner .link_list ul li:nth-child(n+2) {
  margin-left: 0;
 }
}
section.link_area .inner .link_list ul li a {
 width: 100%;
 height: auto;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
@media (hover) {
 section.link_area .inner .link_list ul li a:hover {
  opacity: 0.7;
 }
}
section.link_area .inner .link_list ul li a .num_img {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
section.link_area .inner .link_list ul li a .num_img img {
 width: 130px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .num_img img {
  width: 100px;
 }
}
section.link_area .inner .link_list ul li a .num_img .icon {
 width: 42px;
 height: auto;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .num_img .icon {
  width: 30px;
 }
}
section.link_area .inner .link_list ul li a .staff_img {
 position: relative;
 z-index: 1;
 width: calc(100% - 42px);
 height: auto;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .staff_img {
  width: calc(100% - 30px);
 }
}
section.link_area .inner .link_list ul li a .staff_img img {
 width: 100%;
 height: auto;
}
section.link_area .inner .link_list ul li a .txt_box {
 position: relative;
 z-index: 2;
 width: calc(100% - 25px);
 height: auto;
 margin: -50px auto 0;
 margin-right: 0;
 background: var(--c_dark);
}
@media screen and (max-width: 1024px) {
 section.link_area .inner .link_list ul li a .txt_box {
  width: 95%;
  margin: -15% 0 0 auto;
 }
}
section.link_area .inner .link_list ul li a .txt_box .ttl {
 padding: 15px;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .txt_box .ttl {
  padding: 5%;
 }
}
section.link_area .inner .link_list ul li a .txt_box .ttl h4 {
 line-height: 1.5;
 color: var(--c_white);
 font-weight: 700;
 font-size: var(--fz_md);
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
}
@media screen and (max-width: 1024px) {
 section.link_area .inner .link_list ul li a .txt_box .ttl h4 {
  letter-spacing: -1px;
 }
}
@media screen and (max-width: 600px) {
 section.link_area .inner .link_list ul li a .txt_box .ttl h4 {
  font-size: var(--fz_sm);
 }
}
section.link_area .inner .link_list ul li a .txt_box .txt {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .txt_box .txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 3px;
 }
}
section.link_area .inner .link_list ul li a .txt_box .txt .cat {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 58.33%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 padding: 12px;
 background: var(--c_white);
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .txt_box .txt .cat {
  width: 100%;
  padding: 5%;
 }
}
section.link_area .inner .link_list ul li a .txt_box .txt .cat .icon {
 width: 12px;
 height: auto;
 margin-top: 2px;
 background: var(--c_red);

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .txt_box .txt .cat .icon {
  width: 8px;
  margin-top: 0;
 }
}
section.link_area .inner .link_list ul li a .txt_box .txt .cat p {
 width: calc(100% - 17px);
 line-height: 1.5;
 font-weight: 700;
 font-size: var(--fz_xs);
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .txt_box .txt .cat p {
  width: calc(100% - 14px);
  line-height: 1.35;
  margin-top: -3%;
  font-size: clamp(0.625rem, 0.408rem + 0.92vw, 1rem);
 }
}
section.link_area .inner .link_list ul li a .txt_box .txt .name {
 width: 41.67%;
 height: auto;
 padding: 12px 16px;
}
@media screen and (max-width: 768px) {
 section.link_area .inner .link_list ul li a .txt_box .txt .name {
  width: 100%;
  padding: 5%;
 }
}
section.link_area .inner .link_list ul li a .txt_box .txt .name p {
 line-height: 1.5;
 color: var(--c_white);
 font-weight: 700;
 font-size: var(--fz_sm);
}
section.interview_about_area {
 width: 100%;
 height: auto;
 margin: 120px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_about_area {
  margin: 50px auto 0;
 }
}
section.interview_about_area .inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 90%;
 max-width: 1000px;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
}
section.interview_about_area .inner .img_box {
 z-index: 1;
 width: 50vw;
 height: auto;
 overflow: hidden;
 margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .img_box {
  width: 100%;
  margin-left: 0;
 }
}
section.interview_about_area .inner .img_box img {
 width: 100%;
 height: auto;
}
section.interview_about_area .inner .txt_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 40%;
 height: auto;
 -webkit-box-pack: end;
     -ms-flex-pack: end;
         justify-content: flex-end;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 1024px) {
 section.interview_about_area .inner .txt_box {
  width: 45%;
 }
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box {
  width: 100%;
  margin-top: 30px;
 }
}
section.interview_about_area .inner .txt_box .txt_inner {
 width: 100%;
 height: auto;
}
section.interview_about_area .inner .txt_box .txt_inner .num {
 width: 185px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box .txt_inner .num {
  width: 150px;
 }
}
section.interview_about_area .inner .txt_box .txt_inner .num img {
 width: 100%;
 height: auto;
}
section.interview_about_area .inner .txt_box .txt_inner .cat {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
 margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box .txt_inner .cat {
  margin: 20px auto 0;
 }
}
section.interview_about_area .inner .txt_box .txt_inner .cat .icon {
 width: 16px;
 height: auto;
 margin-top: 2px;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box .txt_inner .cat .icon {
  width: 14px;
 }
}
section.interview_about_area .inner .txt_box .txt_inner .cat p {
 font-size: var(--fz_md);
}
section.interview_about_area .inner .txt_box .txt_inner .name {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box .txt_inner .name {
  margin: 10px auto 0;
 }
}
section.interview_about_area .inner .txt_box .txt_inner .name p:nth-child(1) {
 font-weight: 500;
 font-size: 35px;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box .txt_inner .name p:nth-child(1) {
  font-size: 26px;
 }
}
section.interview_about_area .inner .txt_box .txt_inner .name p:nth-child(2) {
 margin-left: 10px;
 padding: 5px 0 5px 10px;
 border-left: 1px solid var(--c_dark);
 font-weight: 500;
 font-size: var(--fz_md);
}
section.interview_about_area .inner .txt_box .txt_inner .ttl {
 width: 100%;
 height: auto;
 margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_about_area .inner .txt_box .txt_inner .ttl {
  margin: 20px auto 0;
 }
}
section.interview_about_area .inner .txt_box .txt_inner .ttl h2 {
 line-height: 1.5;
 font-weight: 700;
 font-size: 32px;
}
@media screen and (max-width: 1024px) {
 section.interview_about_area .inner .txt_box .txt_inner .ttl h2 {
  font-size: clamp(1.5rem, 1.211rem + 1.23vw, 2rem);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
 }
}
section.interview_about_area.interview01 .inner .txt_box .txt_inner .cat .icon,section.interview_about_area.interview02 .inner .txt_box .txt_inner .cat .icon,section.interview_about_area.interview03 .inner .txt_box .txt_inner .cat .icon {
 background: var(--c_red);
}
section.interview_about_area.interview04 .inner .txt_box .txt_inner .cat .icon {
 background: var(--c_yellow);
}
section.interview_about_area.interview05 .inner .txt_box .txt_inner .cat .icon {
 background: var(--c_green);
}
section.interview_contents_area {
 position: relative;
 width: 100%;
 height: auto;
 margin: 150px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area {
  margin: 80px auto 0;
 }
}
section.interview_contents_area .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 width: 100%;
 height: 100%;
}
section.interview_contents_area .bg_box .bg_item {
 position: absolute;
}
section.interview_contents_area .bg_box .bg_item img {
 width: 100%;
 height: auto;
}
section.interview_contents_area .bg_box .bg_item.bg01 {
 top: 10%;
 left: 0;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .bg_box .bg_item.bg01 {
  top: 5%;
 }
}
@media screen and (max-width: 600px) {
 section.interview_contents_area .bg_box .bg_item.bg01 {
  top: 200px;
  width: 25vw;
 }
}
section.interview_contents_area .bg_box .bg_item.bg02 {
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .bg_box .bg_item.bg02 {
  top: 50%;
  width: 25vw;
 }
}
section.interview_contents_area .bg_box .bg_item.bg04 {
 right: 0;
 bottom: 0;
 z-index: 2;
 -webkit-transform: translateY(50%);
         transform: translateY(50%);
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .bg_box .bg_item.bg04 {
  width: 25vw;
 }
}
section.interview_contents_area .inner {
 position: relative;
 z-index: 3;
 width: 90%;
 max-width: 1000px;
 height: auto;
 margin: 0 auto;
}
section.interview_contents_area .inner .contents_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
}
section.interview_contents_area .inner .contents_box.contents01 {
 position: relative;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 padding-bottom: 100px;
}
section.interview_contents_area .inner .contents_box.contents01 .img_box {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
 width: 50vw;
 height: 100%;
 margin-right: calc(50% - 50vw);
 background: var(--c_gray);
}
section.interview_contents_area .inner .contents_box.contents01 .txt_box {
 position: relative;
 z-index: 2;
 width: 100%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box.contents01 .txt_box {
  margin-top: 0;
 }
}
section.interview_contents_area .inner .contents_box.contents02,section.interview_contents_area .inner .contents_box.contents03,section.interview_contents_area .inner .contents_box.contents04,section.interview_contents_area .inner .contents_box.contents05 {
 margin: 180px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box.contents02,section.interview_contents_area .inner .contents_box.contents03,section.interview_contents_area .inner .contents_box.contents04,section.interview_contents_area .inner .contents_box.contents05 {
  margin: 80px auto 0;
 }
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box.contents03 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
 }
}
section.interview_contents_area .inner .contents_box.contents05 {
 margin: 250px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box.contents05 {
  margin: -10px auto 0;
 }
}
section.interview_contents_area .inner .contents_box.contents05 .img_box {
 position: relative;
 z-index: 1;
 width: 50vw;
 height: auto;
 overflow: hidden;
 margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box.contents05 .img_box {
  width: 100%;
  margin: 30px auto 0;
 }
}
section.interview_contents_area .inner .contents_box.contents05 .txt_box {
 width: 37.5%;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box.contents05 .txt_box {
  width: 100%;
  margin-top: 0;
 }
}
section.interview_contents_area .inner .contents_box .txt_box {
 width: 50%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box .txt_box {
  width: 100%;
  margin-top: 30px;
 }
}
section.interview_contents_area .inner .contents_box .txt_box .ttl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box .txt_box .ttl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 10px;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
 }
}
section.interview_contents_area .inner .contents_box .txt_box .ttl .icon {
 width: 105px;
 height: auto;
}
section.interview_contents_area .inner .contents_box .txt_box .ttl h3 {
 width: calc(100% - 125px);
 font-weight: 700;
 font-size: 24px;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box .txt_box .ttl h3 {
  width: 100%;
  font-size: 20px;
 }
}
section.interview_contents_area .inner .contents_box .txt_box .txt {
 width: 100%;
 height: auto;
 margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box .txt_box .txt {
  margin: 10px auto 0;
 }
}
section.interview_contents_area .inner .contents_box .txt_box .txt p {
 line-height: 1.75;
 font-weight: 400;
 font-size: var(--fz_md);
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box .txt_box .txt p br {
  display: none;
 }
}
section.interview_contents_area .inner .contents_box .img_box {
 width: 40%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_contents_area .inner .contents_box .img_box {
  width: 100%;
 }
}
section.interview_contents_area .inner .contents_box .img_box img {
 width: 100%;
 height: auto;
}
section.interview_carrer_area {
 position: relative;
 z-index: 2;
 width: 100%;
 height: auto;
 margin: 150px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area {
  margin: 80px auto 0;
 }
}
section.interview_carrer_area::before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 1;
 width: 66%;
 max-width: 1700px;
 height: 88%;
 background: var(--c_gray);
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area::before {
  height: 91%;
 }
}
section.interview_carrer_area .inner {
 position: relative;
 z-index: 2;
 width: 90%;
 max-width: 1000px;
 height: auto;
 margin: 0 auto;
}
section.interview_carrer_area .inner .ttl_box {
 width: 100%;
 height: auto;
}
section.interview_carrer_area .inner .ttl_box .icon {
 width: 38px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .ttl_box .icon {
  width: 26px;
 }
}
section.interview_carrer_area .inner .ttl_box .icon img {
 width: 100%;
 height: auto;
}
section.interview_carrer_area .inner .ttl_box .ttl {
 width: 100%;
 height: auto;
 margin: 20px auto 0 15px;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .ttl_box .ttl {
  margin: 10px auto 0;
 }
}
section.interview_carrer_area .inner .ttl_box .ttl h2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
section.interview_carrer_area .inner .ttl_box .ttl h2 img {
 width: 250px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .ttl_box .ttl h2 img {
  width: 200px;
 }
}
section.interview_carrer_area .inner .ttl_box .ttl h2 span {
 margin-top: 15px;
 font-weight: 700;
 font-size: var(--fz_md);
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .ttl_box .ttl h2 span {
  margin-top: 10px;
 }
}
section.interview_carrer_area .inner .career_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box {
  margin: 30px auto 0;
 }
}
section.interview_carrer_area .inner .career_box .img_item {
 width: 28%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .img_item {
  display: none;
 }
}
section.interview_carrer_area .inner .career_box .img_item img {
 width: 100%;
 height: auto;
}
section.interview_carrer_area .inner .career_box .career_list {
 width: 63%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list {
  width: 100%;
 }
}
section.interview_carrer_area .inner .career_box .career_list ul {
 width: 100%;
 height: auto;
}
section.interview_carrer_area .inner .career_box .career_list ul li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list ul li {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 20px;
 }
}
section.interview_carrer_area .inner .career_box .career_list ul li:nth-child(-n+2)::before {
 content: "";
 position: absolute;
 bottom: -2px;
 left: 50px;
 z-index: -1;
 width: 2px;
 height: 100%;
 background: var(--c_black);
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list ul li:nth-child(-n+2)::before {
  left: 40px;
  width: 1px;
 }
}
section.interview_carrer_area .inner .career_box .career_list ul li:last-child::before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 50px;
 z-index: -1;
 width: 2px;
 height: 100%;
 background-image: -webkit-linear-gradient(top, #000000 2px, transparent 2px);
 background-image: linear-gradient(to bottom, #000000 2px, transparent 2px);
 background-repeat: repeat-y;
 background-size: 2px 5px;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list ul li:last-child::before {
  left: 40px;
  width: 1px;
 }
}
section.interview_carrer_area .inner .career_box .career_list ul li .date {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100px;
 height: 100px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 border: 2px solid var(--c_black);
 border-radius: 50%;
 background: var(--c_white);
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list ul li .date {
  width: 80px;
  height: 80px;
  border: 1px solid var(--c_black);
 }
}
section.interview_carrer_area .inner .career_box .career_list ul li .date p {
 font-weight: 700;
 font-size: var(--fz_lg);
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
 text-align: center;
}
section.interview_carrer_area .inner .career_box .career_list ul li .txt {
 width: calc(100% - 130px);
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list ul li .txt {
  width: calc(100% - 100px);
 }
}
section.interview_carrer_area .inner .career_box .career_list ul li .txt p {
 line-height: 1.75;
 font-weight: 400;
 font-size: var(--fz_md);
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
 letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
 section.interview_carrer_area .inner .career_box .career_list ul li .txt p br {
  display: none;
 }
}
section.interview_schedule_area {
 position: relative;
 z-index: 1;
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 160px 0 0;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area {
  padding: 130px 0 0;
 }
}
section.interview_schedule_area .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 width: 100%;
 height: 100%;
}
section.interview_schedule_area .bg_box .bg_item {
 position: absolute;
}
section.interview_schedule_area .bg_box .bg_item.bg03 {
 top: 0;
 left: 0;
}
section.interview_schedule_area .bg_box .bg_item.bg03 img {
 width: 100%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .bg_box .bg_item.bg03 {
  display: none;
 }
}
section.interview_schedule_area .inner {
 position: relative;
 z-index: 3;
 width: 90%;
 max-width: 1000px;
 height: auto;
 margin: 0 auto;
}
section.interview_schedule_area .inner::before {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
 width: 65vw;
 max-width: 1700px;
 height: calc(100% + 60px);
 margin-right: calc(50% - 50vw);
 background: var(--c_gray);
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner::before {
  width: 60vw;
  height: calc(100% + 30px);
 }
}
section.interview_schedule_area .inner .ttl_box {
 position: relative;
 z-index: 2;
 width: 100%;
 height: auto;
}
section.interview_schedule_area .inner .ttl_box .icon {
 width: 38px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner .ttl_box .icon {
  width: 26px;
 }
}
section.interview_schedule_area .inner .ttl_box .icon img {
 width: 100%;
 height: auto;
}
section.interview_schedule_area .inner .ttl_box .ttl {
 width: 100%;
 height: auto;
 margin: 20px auto 0 15px;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner .ttl_box .ttl {
  margin: 10px auto 0;
 }
}
section.interview_schedule_area .inner .ttl_box .ttl h2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
section.interview_schedule_area .inner .ttl_box .ttl h2 img {
 width: 465px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner .ttl_box .ttl h2 img {
  width: 300px;
 }
}
section.interview_schedule_area .inner .ttl_box .ttl h2 span {
 margin-top: 15px;
 font-weight: 700;
 font-size: var(--fz_md);
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner .ttl_box .ttl h2 span {
  margin-top: 5px;
 }
}
section.interview_schedule_area .inner .schedule_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 z-index: 2;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 margin: 50px auto 0;
 padding-left: 15px;
}
@media screen and (max-width: 600px) {
 section.interview_schedule_area .inner .schedule_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2px;
  margin: 30px auto 0;
  padding-left: 0;
 }
}
section.interview_schedule_area .inner .schedule_box ul {
 position: relative;
 width: 50%;
 height: auto;
 padding: 10px 0 50px 35px;
}
@media screen and (max-width: 600px) {
 section.interview_schedule_area .inner .schedule_box ul {
  width: 100%;
  padding: 5px 0 20px 15px;
 }
}
section.interview_schedule_area .inner .schedule_box ul:before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 2px;
 height: 100%;
 background-image: -webkit-linear-gradient(top, #222222 2px, transparent 2px);
 background-image: linear-gradient(to bottom, #222222 2px, transparent 2px);
 background-repeat: repeat-y;
 background-size: 2px 4px;
}
section.interview_schedule_area .inner .schedule_box ul li {
 width: 100%;
 height: auto;
}
section.interview_schedule_area .inner .schedule_box ul li:nth-child(n+2) {
 margin-top: 30px;
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner .schedule_box ul li:nth-child(n+2) {
  margin-top: 20px;
 }
}
section.interview_schedule_area .inner .schedule_box ul li .date {
 display: inline-block;
 width: auto;
 height: auto;
 padding: 2.5px 10px 2.5px 0;
 border-right: 2px solid var(--c_black);
}
@media screen and (max-width: 768px) {
 section.interview_schedule_area .inner .schedule_box ul li .date {
  width: 60px;
  padding: 2.5px 0 2.5px 0px;
  border-right: 1px solid var(--c_black);
 }
}
section.interview_schedule_area .inner .schedule_box ul li .date p {
 font-weight: 700;
 font-size: var(--fz_lg);
}
section.interview_schedule_area .inner .schedule_box ul li .txt {
 width: 100%;
 height: auto;
 margin: 20px auto 0;
}
@media screen and (max-width: 600px) {
 section.interview_schedule_area .inner .schedule_box ul li .txt {
  margin: 5px auto 0;
 }
}
section.interview_schedule_area .inner .schedule_box ul li .txt p {
 font-weight: 400;
 font-size: var(--fz_md);
}
section.interview_message_area {
 position: relative;
 width: 100%;
 height: auto;
 margin: 80px auto 0;
}
section.interview_message_area .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 100%;
}
section.interview_message_area .bg_box .bg_item {
 position: absolute;
}
section.interview_message_area .bg_box .bg_item.bg05 {
 top: 20%;
 left: 0;
}
section.interview_message_area .bg_box .bg_item.bg05 img {
 width: 100%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .bg_box .bg_item.bg05 {
  top: 30%;
  width: 25vw;
 }
}
section.interview_message_area .inner {
 position: relative;
 z-index: 2;
 width: 90%;
 max-width: 1000px;
 height: auto;
 margin: 0 auto;
}
section.interview_message_area .inner .txt_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .txt_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
}
section.interview_message_area .inner .txt_box .ttl {
 width: 22%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .txt_box .ttl {
  width: 100%;
 }
}
section.interview_message_area .inner .txt_box .ttl h2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
section.interview_message_area .inner .txt_box .ttl h2 img {
 width: 100%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .txt_box .ttl h2 img {
  max-width: 180px;
 }
}
section.interview_message_area .inner .txt_box .ttl h2 span {
 margin-top: 15px;
 font-weight: 700;
 font-size: var(--fz_md);
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .txt_box .ttl h2 span {
  margin-top: 5px;
 }
}
section.interview_message_area .inner .txt_box .txt {
 width: 63%;
 height: auto;
 margin-top: -5px;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .txt_box .txt {
  width: 100%;
  margin-top: 20px;
 }
}
section.interview_message_area .inner .txt_box .txt p {
 width: 100%;
 height: auto;
 line-height: 1.75;
 font-size: var(--fz_md);
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .txt_box .txt p br {
  display: none;
 }
}
section.interview_message_area .inner .company-color_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .company-color_box {
  margin: 50px auto 0;
 }
}
section.interview_message_area .inner .company-color_box .ttl h3 {
 font-weight: 700;
 font-size: 24px;
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .company-color_box .ttl h3 {
  font-size: 18px;
 }
}
section.interview_message_area .inner .company-color_box .img {
 width: 100%;
 height: auto;
 margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_message_area .inner .company-color_box .img {
  margin: 20px auto 0;
 }
}
section.interview_message_area .inner .company-color_box .img img {
 width: 100%;
 height: auto;
}
section.interview_other-link_area {
 width: 100%;
 height: auto;
 margin: 150px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area {
  margin: 100px auto 0;
 }
}
section.interview_other-link_area .inner {
 width: 90%;
 max-width: 1000px;
 height: auto;
 margin: 0 auto;
}
section.interview_other-link_area .inner .ttl_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
section.interview_other-link_area .inner .ttl_box h2 {
 width: 355px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .ttl_box h2 {
  width: 250px;
 }
}
section.interview_other-link_area .inner .ttl_box h2 img {
 width: 100%;
 height: auto;
}
section.interview_other-link_area .inner .link_list {
 width: 100%;
 height: auto;
 margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list {
  margin: 30px auto 0;
 }
}
section.interview_other-link_area .inner .link_list ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 gap: 80px 0px;
}
@media screen and (max-width: 1024px) {
 section.interview_other-link_area .inner .link_list ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px 5%;
 }
}
section.interview_other-link_area .inner .link_list ul li {
 width: 29.3333333333%;
}
@media screen and (max-width: 1024px) {
 section.interview_other-link_area .inner .link_list ul li {
  width: 47.5%;
 }
}
section.interview_other-link_area .inner .link_list ul li.staff01 a .num_img .icon,section.interview_other-link_area .inner .link_list ul li.staff02 a .num_img .icon,section.interview_other-link_area .inner .link_list ul li.staff03 a .num_img .icon {
 background: var(--c_red);
}
section.interview_other-link_area .inner .link_list ul li.staff01 a .txt_box .txt .cat .icon,section.interview_other-link_area .inner .link_list ul li.staff02 a .txt_box .txt .cat .icon,section.interview_other-link_area .inner .link_list ul li.staff03 a .txt_box .txt .cat .icon {
 background: var(--c_red);
}
section.interview_other-link_area .inner .link_list ul li.staff04 a .num_img .icon {
 background: var(--c_yellow);
}
section.interview_other-link_area .inner .link_list ul li.staff04 a .txt_box .txt .cat .icon {
 background: var(--c_yellow);
}
section.interview_other-link_area .inner .link_list ul li:nth-child(n+2) {
 margin-left: clamp(2.5rem, -4.773rem + 11.36vw, 3.75rem);
}
@media screen and (max-width: 1024px) {
 section.interview_other-link_area .inner .link_list ul li:nth-child(n+2) {
  margin-left: 0;
 }
}
section.interview_other-link_area .inner .link_list ul li a {
 width: 100%;
 height: auto;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
@media (hover) {
 section.interview_other-link_area .inner .link_list ul li a:hover {
  opacity: 0.7;
 }
}
section.interview_other-link_area .inner .link_list ul li a .num_img {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
section.interview_other-link_area .inner .link_list ul li a .num_img img {
 width: 130px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .num_img img {
  width: 100px;
 }
}
section.interview_other-link_area .inner .link_list ul li a .num_img .icon {
 width: 42px;
 height: auto;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .num_img .icon {
  width: 30px;
 }
}
section.interview_other-link_area .inner .link_list ul li a .staff_img {
 position: relative;
 z-index: 1;
 width: calc(100% - 42px);
 height: auto;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .staff_img {
  width: calc(100% - 30px);
 }
}
section.interview_other-link_area .inner .link_list ul li a .staff_img img {
 width: 100%;
 height: auto;
}
section.interview_other-link_area .inner .link_list ul li a .txt_box {
 position: relative;
 z-index: 2;
 width: calc(100% - 25px);
 height: auto;
 margin: -50px auto 0;
 margin-right: 0;
 background: var(--c_dark);
}
@media screen and (max-width: 1024px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box {
  width: 90%;
  margin: -15% 0 0 auto;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .ttl {
 padding: 15px;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .ttl {
  padding: 5%;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .ttl h4 {
 line-height: 1.5;
 color: var(--c_white);
 font-weight: 700;
 font-size: var(--fz_sm);
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
}
@media screen and (max-width: 1024px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .ttl h4 {
  font-size: clamp(0.625rem, 0.264rem + 1.54vw, 1.25rem);
  letter-spacing: -1px;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .txt {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 3px;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .cat {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 58.33%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 padding: 12px;
 background: var(--c_white);
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .cat {
  width: 100%;
  padding: 5%;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .cat .icon {
 width: 12px;
 height: auto;
 margin-top: 2px;
 background: var(--c_red);

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .cat .icon {
  width: 8px;
  margin-top: 0;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .cat p {
 width: calc(100% - 17px);
 line-height: 1.5;
 font-weight: 700;
 font-size: 10px;
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .cat p {
  width: calc(100% - 14px);
  line-height: 1.35;
  margin-top: -3%;
  font-size: clamp(0.625rem, 0.408rem + 0.92vw, 1rem);
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .name {
 width: 41.67%;
 height: auto;
 padding: 12px 16px;
}
@media screen and (max-width: 768px) {
 section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .name {
  width: 100%;
  padding: 5%;
 }
}
section.interview_other-link_area .inner .link_list ul li a .txt_box .txt .name p {
 line-height: 1.5;
 color: var(--c_white);
 font-weight: 700;
 font-size: 11px;
}
/*# sourceMappingURL=layout.css.map */