@charset "UTF-8";
/*===============================
scss 変数ファイル
================================*/
/*
カラー
================================*/
/*
メディアクエリ
================================*/
@media screen and (min-width: 768px) {
 #recruit .p_recruit__desc {
  text-align: center;
 }
}
@media screen and (min-width: 1024px) {
 #recruit .p_recruit__flow .flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}
#recruit .p_recruit__flow .flow-list__item {
 position: relative;
 text-align: center;
 font-weight: 900;
 padding: 20px 0;
 border: 3px solid #2f7ef2;
 border-radius: 5px;
 counter-increment: number;
 line-height: 1.4em;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit__flow .flow-list__item {
  padding: 30px 0;
 }
}
@media screen and (min-width: 1024px) {
 #recruit .p_recruit__flow .flow-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(25% - 32px);
  margin-right: 40px;
 }
}
#recruit .p_recruit__flow .flow-list__item:before {
 content: "0" counter(number);
 position: absolute;
 z-index: 5;
 top: -20px;
 left: -20px;
 background: #2f7ef2;
 color: #fff;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}
#recruit .p_recruit__flow .flow-list__item:not(:first-child) {
 margin-top: 30px;
}
@media screen and (min-width: 1024px) {
 #recruit .p_recruit__flow .flow-list__item:not(:first-child) {
  margin-top: 0;
 }
}
@media screen and (min-width: 1024px) {
 #recruit .p_recruit__flow .flow-list__item:nth-child(5n) {
  margin-right: 0;
 }
}
#recruit .p_recruit__application-guideline__list dl {
 border: 1px solid #ccc;
}
@media screen and (min-width: 640px) {
 #recruit .p_recruit__application-guideline__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}
#recruit .p_recruit__application-guideline__list dl:not(:first-child) {
 border-top: none;
}
#recruit .p_recruit__application-guideline__list dl dt,
#recruit .p_recruit__application-guideline__list dl dd {
 padding: 20px;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit__application-guideline__list dl dt,
 #recruit .p_recruit__application-guideline__list dl dd {
  padding: 20px 30px;
 }
}
#recruit .p_recruit__application-guideline__list dl dt {
 font-weight: bold;
 background: #f1f1f1;
}
@media screen and (min-width: 640px) {
 #recruit .p_recruit__application-guideline__list dl dt {
  width: 200px;
  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;
 }
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit__application-guideline__list dl dt {
  width: 300px;
 }
}
#recruit .p_recruit__application-guideline__list dl dd {
 border-top: 1px solid #ccc;
 line-height: 2em;
}
@media screen and (min-width: 640px) {
 #recruit .p_recruit__application-guideline__list dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: none;
  border-left: 1px solid #ccc;
 }
}
#recruit
 .p_recruit__application-guideline__list
 dl
 dd
 .inner-list
 .item:not(:first-child) {
 margin-top: 25px;
 border-top: 1px solid #ccc;
 padding-top: 25px;
}
#recruit
 .p_recruit__application-guideline__list
 dl
 dd
 .inner-list
 .item
 .work-desc {
 margin-top: 10px;
}
#recruit .p_recruit-main {
 display: flex;
 gap: 20px;
 margin-top: 40px;
 margin-bottom: 40px;
 flex-direction: column;
 justify-content: center;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  flex-direction: row;
  justify-content: center;
 }
}

/* 左テキスト */
#recruit .p_recruit-main__text {
 width: 100%;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main__text {
  width: 55%;
 }
}
#recruit .p_recruit-main__catch {
 color: #7cb7e2;
 font-size: 17px;
 font-weight: bold;
 margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main__catch {
  color: #7cb7e2;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 12px;
 }
}
#recruit .p_recruit-main__sub {
 color: #7c7698;
 font-size: 17px;
 font-weight: bold;
 margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main__sub {
  color: #7c7698;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
 }
}
#recruit .p_recruit-main__label {
 font-size: 17px;
 font-weight: bold;
 margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main__label {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
 }
}
#recruit .p_recruit-main__list {
 font-size: 16px;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main__list {
  font-size: 20px;
 }
}
#recruit .p_recruit-main__list li {
 margin-bottom: 15px;
}

/* 右画像 */
#recruit .p_recruit-main__images {
 width: 100%;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit-main__images {
  width: 40%;
 }
}
#recruit .p_recruit-main__image-large img,
#recruit .p_recruit-main__image-small img {
 width: 100%;
 height: auto;
 display: block;
}

#recruit .p_recruit-main__image-small-wrap {
 display: flex;
 gap: 16px;
 margin-top: 16px;
}
#recruit .p_recruit__job-switch {
 display: flex;
 gap: 12px;
 flex-wrap: wrap;
 margin: 24px 0;
 justify-content: center;
 flex-direction: column;
}
@media screen and (min-width: 768px) {
 #recruit .p_recruit__job-switch {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 24px 0;
  justify-content: center;
  flex-direction: row;
 }
}
#recruit .job-tab {
 padding: 12px 18px;
 border: 1px solid #111;
 background: #fff;
 cursor: pointer;
 font-size: 14px;
 line-height: 1.2;
}

#recruit .job-tab.is-active {
 background: #111;
 color: #fff;
}

/* ここが肝：ulを切り替える */
#recruit .job-list {
 display: none;
}

#recruit .job-list.is-active {
 display: block;
}
#recruit .staff-marquee {
 padding-bottom: 20px;
 overflow: hidden;
}

#recruit .staff-marquee__track {
 display: flex;
 width: max-content;
 animation: staff-marquee 60s linear infinite;
}

#recruit .staff-marquee .img {
 width: 80vw; /* 1枚ずつ画面幅 */
 padding-left: 10px;
 flex-shrink: 0;
}
@media screen and (min-width: 768px) {
 #recruit .staff-marquee .img {
  width: 25vw; /* 1枚ずつ画面幅 */
  padding-left: 20px;
  flex-shrink: 0;
 }
}
@keyframes staff-marquee {
 from {
  transform: translateX(0);
 }
 to {
  transform: translateX(-50%);
 }
}