/* =============================================
   Recruit Environment — responsive overrides
   Loaded AFTER recruit-environment-studio.css
   ============================================= */

/* ===== Layout Fixes ===== */

/* SNS carousel wrapper: studio CSS に width 指定がないため full-width に */
.sd[data-s-a6040cb5-85a1-48ed-a20d-a95a91a4a1bc] {
  width: 100%;
}

.sd[data-s-e794427e-1532-4003-b693-f0e41e956224] {
  width: 100%;
}

/* ===== Display Toggle Overrides ===== */

/* SP WORK SPACE: show at <=480px */
@media screen and (max-width: 480px) {
  .sd[data-s-926f7cdd-5336-4be0-a1b0-5256f7f094fd] {
    display: flex !important;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    max-width: 100%;
  }
}

/* TRAINING description (mobile version): hidden by default, show at <=480px */
.sd[data-s-ffab1487-7f32-4571-a774-8d4a0c6d5301] {
  display: none;
}

@media screen and (max-width: 480px) {
  .sd[data-s-ffab1487-7f32-4571-a774-8d4a0c6d5301] {
    display: flex;
    font-size: 15px;
  }
  /* TRAINING description (PC version): hide at <=480px */
  .sd[data-s-b7b80c32-f70e-4ce6-99ee-84504b3b6652] {
    display: none;
  }
}

/* SNS description (mobile version): hidden by default, show at <=480px */
.sd[data-s-510cdd15-5a9d-4057-939d-6ae4ec62fc3a] {
  display: none;
}

@media screen and (max-width: 480px) {
  .sd[data-s-510cdd15-5a9d-4057-939d-6ae4ec62fc3a] {
    display: flex;
    font-size: 15px;
  }
  /* SNS description (PC version): hide at <=480px */
  .sd[data-s-d0835560-73ad-4cca-9964-f02a8c6a844f] {
    display: none;
  }
}

/* SP Training chart: show at <=480px */
@media screen and (max-width: 480px) {
  .sd[data-s-fdc77894-636a-4f83-bc3a-185be5e921bb] {
    display: flex !important;
    flex-direction: row;
    align-items: flex-end;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
}

/* ===== SP WORK SPACE (480px) ===== */

.env-sp-workspace {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
  align-items: flex-end;
}

.env-sp-workspace__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  margin: 80px 20px 0 20px;
  width: calc(100% - 40px);
}

@media screen and (max-width: 480px) {
  .env-sp-workspace__text {
    gap: 40px;
  }
}

.env-sp-workspace__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.env-sp-workspace__title-en {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 44px;
  line-height: 1;
  color: #000;
  letter-spacing: 0em;
  margin: 0;
}

.env-sp-workspace__title-ja {
  font-family: 'ヒラギノ角ゴ W6 JIS2004', 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  color: #000;
  letter-spacing: 0.02em;
  margin: 0;
}

.env-sp-workspace__body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 2;
  color: #000;
  margin: 0;
  width: 100%;
}

.env-sp-workspace__images {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.env-sp-workspace__pair {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.env-sp-workspace__img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== SP Training Chart (480px) ===== */

.env-sp-training-scroll__img {
  display: block;
  width: 200%;
  max-width: 200%;
  height: auto;
}