/*  2026.2石田追加 */

.bg--coral {
   background: #f08595;
}

.btn-01--coral {
   color: #f08595;
   border: solid 5px #f08595;
   display: block;
   font-size: clamp(20px, 3.5vw, 20px);
   font-weight: 900;
   line-height: 1;
   padding: 1.25rem;
   border-radius: 50px;
   width: 100%;
   text-align: center;
}

.p-recruitNew_high-school .btn-01--coral {
   color: #ffffff;
   background-color: #f08595;
}

.p-recruitNew_university .btn-01--red {
   color: #ffffff;
   background-color: #b22d35;
}

.btn-01--coral:hover {
   color: #ffffff;
   background-color: #f08595;
}

.nav-mainMenu__item:hover .nav-subMenu {
   z-index: 1;
}

.nav-fixed-subMenu {
   width: 240px;
}

.nav-fixed-mainMenu__item:hover .nav-fixed-subMenu {
   left: -240px;
}

.nav-fixed ul li div {
   width: 100%;
   padding: 0.8125rem;
   transition: all 0.2s ease;
}

.l-header__btnWrap ul li:nth-child(2) {
   background-color: #f08595;
}

.u-onlySp {
   display: block;
}

@media only screen and (min-width: 768px) {
   .u-onlySp {
      display: none;
   }
}

@media only screen and (max-width: 767px) {
   .headline-04--main {
      line-height: 2;
   }
}

.p-recruitNew_university .headline-06 {
   background-color: #b22d35;
}

.p-recruitNew_high-school .headline-06 {
   background-color: #f08595;
}


.headline-04--flow_title {
   padding: 0.9375rem 1.25rem;
   font-size: clamp(24px, 3.5vw, 40px);
   color: #ffffff;
   font-weight: 900;
   letter-spacing: 10px;
   line-height: 1;
   margin-block: calc((1em - 1lh) / 2);
   text-align: center;
}

.p-recruitNew_university .headline-04--flow_title {
   background-color: #b22d35;
}

.p-recruitNew_high-school .headline-04--flow_title {
   background-color: #f08595;
}

.p-recruitMid .headline-04--flow_title {
   background-color: #1e456c;
}

/* キャリアパス2026用 */

/* ===============================
   変数
================================= */
:root {
   --career-factory: #ec9100;
   --career-sales: #F06537;
   --career-development: #00A89C;
   --career-corporate: #429DBB;

   --career-factory_light: #FAB586;
   --career-sales_light: #E9868A;
   --career-development_light: #93D1D2;
   --career-corporate_light: #719DC8;
}

/* ===============================
   Wrapper
================================= */
.p-careerpath__wrapper {
   padding-inline: 2.8%;
   padding-block: 50px;
   background: #f5f5f5;
}

@media screen and (min-width: 1024px) {
   .p-careerpath__wrapper {
      max-width: 1060px;
      padding-inline: 30px;
      padding-block: 70px;
      margin-inline: auto;
   }
}

.p-careerpath__img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.p-careerpath__jobCard {
   max-width: 980px;
   margin-inline: auto;
}

.p-careerpath__note {
   margin-top: 40px;
   font-size: 16px;
   font-weight: 600;
}

@media screen and (min-width: 768px) {
   .p-careerpath__note {
      margin-top: 70px;
   }
}

/* ===============================
   Tabs
================================= */
.p-careerpath__tabWrap {
   margin-top: 16px;
   padding-inline: 2.6%;
}

@media screen and (min-width: 1024px) {
   .p-careerpath__tabWrap {
      padding-inline: 0;
   }
}

.p-careerpath__tabs {
   padding-inline: 3.4%;
   padding-block: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 10px 13px;
   background: #fff;
   place-items: center;
}

@media screen and (min-width: 768px) {
   .p-careerpath__tabs {
      padding-inline: 2%;
      padding-block: 20px;
   }
}

@media screen and (min-width: 1024px) {
   .p-careerpath__tabs {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 16px;
   }
}

.p-careerpath__tabs li {
   max-width: 153px;
   width: 100%;
}

@media screen and (min-width: 768px) {
   .p-careerpath__tabs li {
      max-width: 160px;
   }
}

.p-careerpath__tab {
   width: 100%;
   padding-block: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 600;
}

@media screen and (min-width: 768px) {
   .p-careerpath__tab {
      gap: 10px;
      font-size: 16px;
   }
}

.p-careerpath__tab::before {
   content: '';
   display: block;
   width: 7px;
   aspect-ratio: 1 / 1;
   border-radius: 50%;
}

/* タブ色 */
.p-careerpath__tab[data-tab="factory"]::before {
   background-color: var(--career-factory);
}

.p-careerpath__tab[data-tab="sales"]::before {
   background-color: var(--career-sales);
}

.p-careerpath__tab[data-tab="development"]::before {
   background-color: var(--career-development);
}

.p-careerpath__tab[data-tab="corporate"]::before {
   background-color: var(--career-corporate);
}

/* active */
.p-careerpath__tab.is-active {
   border-radius: 4px;
}

.p-careerpath__tab.is-active[data-tab="factory"] {
   border: 1px solid var(--career-factory);
}

.p-careerpath__tab.is-active[data-tab="sales"] {
   border: 1px solid var(--career-sales);
}

.p-careerpath__tab.is-active[data-tab="development"] {
   border: 1px solid var(--career-development);
}

.p-careerpath__tab.is-active[data-tab="corporate"] {
   border: 1px solid var(--career-corporate);
}

/* ===============================
   Contents
================================= */
.p-careerpath__contents {
   margin-top: 40px;
}

@media screen and (min-width: 768px) {
   .p-careerpath__contents {
      margin-top: 70px;
   }
}

.p-careerpath__inner {
   display: none;
   position: relative;
}

.p-careerpath__inner.is-active {
   display: block;
}

/* ===============================
   Swiper
================================= */
.p-careerpath__swiper {
   container-type: inline-size;
}

.p-careerpath__swiper-slide {
   position: relative;
   width: clamp(327px, 60cqw, 723px);
   margin-inline: auto;
   min-height: 590px;
   height: auto;
}

@media screen and (min-width: 1024px) {
   .p-careerpath__swiper-slide {
      width: 723px;
      min-height: 534px;
   }
}

/* ===============================
   Card
================================= */
.c-card {
   width: 100%;
   height: 100%;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.c-card__inner {
   padding-inline: 7%;
   padding-block: 24px;
}

@media screen and (min-width: 1024px) {
   .c-card__inner {
      padding-inline: 5.8%;
      padding-block: 42px;
   }
}

.c-card__tag {
   font-size: 14px;
   font-weight: 600;
}

@media screen and (min-width: 1024px) {
   .c-card__tag {
      font-size: 16px;
   }
}

.c-card__category {
   padding-right: 6px;
}

.c-card__meta {
   padding-left: 6px;
}

/* メタ線 */
.p-careerpath__inner[data-content="factory"] .c-card__meta {
   border-left: 3px solid var(--career-factory);
}

.p-careerpath__inner[data-content="sales"] .c-card__meta {
   border-left: 3px solid var(--career-sales);
}

.p-careerpath__inner[data-content="development"] .c-card__meta {
   border-left: 3px solid var(--career-development);
}

.p-careerpath__inner[data-content="corporate"] .c-card__meta {
   border-left: 3px solid var(--career-corporate);
}

.c-card__pic {
   margin-top: 16px;
   margin-inline: auto;
   width: 264px;
   aspect-ratio: 385 / 186;
}

@media screen and (min-width: 1024px) {
   .c-card__pic {
      margin-top: 24px;
      width: 385px;
   }
}

.c-card__img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.c-card__body {
   margin-top: 28px;
   display: grid;
   gap: 20px;
}

@media screen and (min-width: 1024px) {
   .c-card__body {
      grid-template-columns: 1fr 1fr;
   }
}

.c-card__title {
   padding-block: 4px;
   padding-left: 7px;
   font-weight: bold;
   font-size: 16px;
   color: #fff;
}

@media screen and (min-width: 1024px) {
   .c-card__title {
      font-size: 20px;
   }
}

/* タイトル色 */
.p-careerpath__inner[data-content="factory"] .c-card__title {
   background-color: var(--career-factory_light);
}

.p-careerpath__inner[data-content="sales"] .c-card__title {
   background-color: var(--career-sales_light);
}

.p-careerpath__inner[data-content="development"] .c-card__title {
   background-color: var(--career-development_light);
}

.p-careerpath__inner[data-content="corporate"] .c-card__title {
   background-color: var(--career-corporate_light);
}

.c-card__item {
   margin-top: 6px;
   padding-left: 2%;
   display: flex;
   flex-direction: column;
   gap: 3px;
}

@media screen and (min-width: 1024px) {
   .c-card__item {
      margin-top: 18px;
   }
}

.c-card__list {
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 14px;
}

@media screen and (min-width: 1024px) {
   .c-card__list {
      font-size: 16px;
   }
}

.c-card__list::before {
   content: '';
   display: block;
   width: 10px;
   height: 2px;
}

@media screen and (min-width: 1024px) {
   .c-card__list::before {
      width: 12px;
   }
}

/* リスト色 */
.p-careerpath__inner[data-content="factory"] .c-card__list::before {
   background-color: var(--career-factory);
}

.p-careerpath__inner[data-content="sales"] .c-card__list::before {
   background-color: var(--career-sales);
}

.p-careerpath__inner[data-content="development"] .c-card__list::before {
   background-color: var(--career-development);
}

.p-careerpath__inner[data-content="corporate"] .c-card__list::before {
   background-color: var(--career-corporate);
}

/* ===============================
   Navigation
================================= */
.swiper-button-disabled {
   opacity: 0;
   pointer-events: none;
}

.button__navigation {
   position: absolute;
   top: 50%;
   z-index: 1;
}

.button-prev {
   left: 0;
}

.button-next {
   right: 0;
}

@container (min-width: 600px) {
   .button-prev {
      left: 18%;
   }

   .button-next {
      right: 18%;
   }
}

@container (min-width: 964px) {
   .button-prev {
      left: 10%;
   }

   .button-next {
      right: 10%;
   }
}

.button__navigation {
   width: 40px;
   aspect-ratio: 1 / 1;
}


@media screen and (max-width: 375px) {
   .button__navigation {
      top: auto;
      bottom: 0
   }

   .button-prev {
      left: auto;
      right: 20%;
   }
}

@media screen and (min-width: 1024px) {
   .button__navigation {
      width: 60px;
   }
}