/* career */
.career-page::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: calc(710 * var(--pc-unit));
  left: 0;
  display: inline-block;
  width: clamp(calc(1920px * var(--min-scale)), calc(1920 * var(--pc-unit)), 1920px);
  height: clamp(calc(5053px * var(--min-scale)), calc(5053 * var(--pc-unit)), 5053px);
  background: url("../images/career/bk-page.webp") no-repeat;
  background-position: top;
  background-size: cover;
  pointer-events: none;
}

.career-page .fv-section {
  background-color: transparent;
}

.career-page .fv-section .deco-line.from-top#deco-line-01 {
  top: clamp(-220px, calc(-220 * var(--pc-unit)), calc(-220px * var(--min-scale)));
  left: clamp(-190px, calc(-190 * var(--pc-unit)), calc(-190px * var(--min-scale)));
  width: clamp(calc(1965px * var(--min-scale)), calc(1965 * var(--pc-unit)), 1965px);
  mix-blend-mode: unset;
}

.career-page .fv-section .deco-line.from-top#deco-line-01-2 {
  z-index: 4;
  top: clamp(calc(160px * var(--min-scale)), calc(160 * var(--pc-unit)), 160px);
  right: clamp(-270px, calc(-270 * var(--pc-unit)), calc(-270px * var(--min-scale)));
  width: clamp(calc(463px * var(--min-scale)), calc(463 * var(--pc-unit)), 463px);
}

.career-page .fv-section .deco-line.from-top#deco-line-02 {
  top: clamp(calc(185px * var(--min-scale)), calc(185 * var(--pc-unit)), 185px);
  right: clamp(-400px, calc(-400 * var(--pc-unit)), calc(-400px * var(--min-scale)));
  width: clamp(calc(1412px * var(--min-scale)), calc(1412 * var(--pc-unit)), 1412px);
}

.career-page .fv-section .wrap::after {
  left: clamp(-650px, calc(-650 * var(--pc-unit)), calc(-650px * var(--min-scale)));
  width: clamp(calc(2382px * var(--min-scale)), calc(2382 * var(--pc-unit)), 2382px);
  height: clamp(calc(1070px * var(--min-scale)), calc(1070 * var(--pc-unit)), 1070px);
  background: url("../images/career/bk-visual.webp") no-repeat;
  background-position: center;
  background-size: contain;
  mix-blend-mode: unset;
}

.career-page .fv-section .fv-title {
  z-index: 2;
  flex-shrink: 0;
}

.career-page .fv-section .fv-title-en {
  position: relative;
  top: auto;
  left: auto;
  color: #FFCDAC;
}

.career-page .fv-section .fv-title-ja {
  opacity: 0;
  animation: deco_slider 1.2s cubic-bezier(0.65, 0.05, 0.35, 1) forwards;
}

.career-page .fv-section .fv-title p {
  opacity: 0;
  animation: deco_slider 1.2s cubic-bezier(0.65, 0.05, 0.35, 1) forwards;
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  color: var(--color-white);
  line-height: 2.6;
}

.career-page .fv-section .fv-title p span {
  display: inline-block;
  margin-bottom: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  font-size: clamp(calc(29px * var(--min-scale)), calc(29 * var(--pc-unit)), 29px);
  line-height: 1.7;
}

.career-page .fv-section .fv-image-box {
  z-index: 3;
  top: clamp(calc(45px * var(--min-scale)), calc(45 * var(--pc-unit)), 45px);
  left: clamp(-90px, calc(-90 * var(--pc-unit)), calc(-90px * var(--min-scale)));
  width: clamp(calc(1570px * var(--min-scale)), calc(1570 * var(--pc-unit)), 1570px);
  height: clamp(calc(692px * var(--min-scale)), calc(692 * var(--pc-unit)), 692px);
  clip-path: polygon(35% 0%, 100% 0%, 65% 100%, 0% 100%);
}

.career-page .case-section {
  padding-top: clamp(calc(210px * var(--min-scale)), calc(210 * var(--pc-unit)), 210px);
  padding-bottom: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
}

.career-page .case-section .wrap {
  position: relative;
  width: clamp(calc(1600px * var(--min-scale)), calc(1600 * var(--pc-unit)), 1600px);
}

.career-page .case-section .case-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
}

.career-page .case-section .case-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-width: 0;
  padding: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  padding-top: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  padding-bottom: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  color: var(--color-white);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.career-page .case-section .case-card.case-01 {
  background-image: url('../images/career/bk-case-01.webp');
}

.career-page .case-section .case-card.case-02 {
  background-image: url('../images/career/bk-case-02.webp');
}

.career-page .case-section .case-card.case-03 {
  background-image: url('../images/career/bk-case-03.webp');
}

.career-page .case-section .case-card .case-header {
  margin-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  margin-left: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  font-weight: var(--weight-light);
  font-size: clamp(calc(36px * var(--min-scale)), calc(36 * var(--pc-unit)), 36px);
  letter-spacing: 0.02em;
  line-height: 1.6;
}

.career-page .case-section .case-card .case-header .case-num {
  font-weight: var(--weight-extralight);
  font-size: clamp(calc(61px * var(--min-scale)), calc(61 * var(--pc-unit)), 61px);
  letter-spacing: -0.01em;
  line-height: 1;
  margin-left: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
}


.career-page .case-section .case-card .case-title {
  padding-left: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  font-size: clamp(calc(32px * var(--min-scale)), calc(32 * var(--pc-unit)), 32px);
  text-align: center;
  letter-spacing: 0.12em;
  line-height: 1.5;
  margin-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
}

.career-page .case-section .case-card .case-desc {
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  line-height: 2.5;
  margin-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  letter-spacing: 0.06em;
}

.career-page .case-section .case-card .case-flow {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(calc(25px * var(--min-scale)), calc(25 * var(--pc-unit)), 25px);
}

.career-page .case-section .case-card .flow-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(calc(8px * var(--min-scale)), calc(8 * var(--pc-unit)), 8px);
  padding: 0 clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  margin-right: auto;
}

.career-page .case-section .case-card .flow-row.offset {
  margin-right: 0;
  margin-left: auto;
}

.career-page .case-section .case-card.case-03 .flow-row {
  margin-right: 0;
  margin-left: 0;
}

.career-page .case-section .case-card .flow-step {
  background: var(--color-white);
  border-radius: 50%;
  width: clamp(calc(133px * var(--min-scale)), calc(133 * var(--pc-unit)), 133px);
  height: clamp(calc(133px * var(--min-scale)), calc(133 * var(--pc-unit)), 133px);
  padding-top: clamp(calc(7px * var(--min-scale)), calc(7 * var(--pc-unit)), 7px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.career-page .case-section .case-card.case-01 .flow-step { color: var(--color-primary-orange); }
.career-page .case-section .case-card.case-02 .flow-step { color: #00AFBE; }
.career-page .case-section .case-card.case-03 .flow-step { color: var(--color-primary-blue); }

.career-page .case-section .case-card .step-year {
  display: flex;
  align-items: center;
  font-size: clamp(calc(17px * var(--min-scale)), calc(17 * var(--pc-unit)), 17px);
}

.career-page .case-section .case-card .step-year span {
  font-size: clamp(calc(27px * var(--min-scale)), calc(27 * var(--pc-unit)), 27px);
  letter-spacing: 0.12em;
}

.career-page .case-section .case-card .step-year-sub {
  font-size: clamp(calc(15px * var(--min-scale)), calc(15 * var(--pc-unit)), 15px);
  letter-spacing: -0.05em;
  line-height: 0.5;
  margin-bottom: clamp(calc(12px * var(--min-scale)), calc(12 * var(--pc-unit)), 12px);
}

.career-page .case-section .case-card .step-role {
  display: flex;
  align-items: center;
  min-height: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.career-page .case-section .case-card .flow-arrow {
  width: 0;
  height: 0;
  border-top: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px) solid transparent;
  border-bottom: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px) solid transparent;
  border-left: clamp(calc(16px * var(--min-scale)), calc(16 * var(--pc-unit)), 16px) solid #FFE3CC;
  flex-shrink: 0;
}

.career-page .case-section .case-card.case-01 .flow-arrow {
  border-left-color: #FFE3CC;
}

.career-page .case-section .case-card.case-02 .flow-arrow {
  border-left-color: #CCEFF2;
}

.career-page .case-section .case-card.case-03 .flow-arrow {
  border-left-color: #CCD4EE;
}

.career-page .common-section .wrap {
  width: clamp(calc(1600px * var(--min-scale)), calc(1600 * var(--pc-unit)), 1600px);
}

.career-page .common-section .common-content-box {
  background: var(--color-white);
  border-radius: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  padding: clamp(calc(250px * var(--min-scale)), calc(250 * var(--pc-unit)), 250px);
  padding-top: clamp(calc(90px * var(--min-scale)), calc(90 * var(--pc-unit)), 90px);
  padding-bottom: clamp(calc(130px * var(--min-scale)), calc(130 * var(--pc-unit)), 130px);
}

.career-page .common-section .common-title-bar {
  position: relative;
  z-index: 1;
  left: clamp(-100px, calc(-100 * var(--pc-unit)), calc(-100px * var(--min-scale)));
  display: flex;
  align-items: center;
  gap: clamp(calc(60px * var(--min-scale)), calc(60 * var(--pc-unit)), 60px);
  color: var(--color-white);
  margin-bottom: clamp(calc(140px * var(--min-scale)), calc(140 * var(--pc-unit)), 140px);
}

.career-page .common-section .common-title-bar::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: clamp(-450px, calc(-450 * var(--pc-unit)), calc(-450px * var(--min-scale)));
  transform: translateY(-50%);
  display: inline-block;
  width: clamp(calc(1055px * var(--min-scale)), calc(1055 * var(--pc-unit)), 1055px);
  height: clamp(calc(130px * var(--min-scale)), calc(130 * var(--pc-unit)), 130px);
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  background: linear-gradient(90deg, #FF7100 0%, #FF9147 100%);
  pointer-events: none;
}

.career-page .common-section .common-title-bar .en-title {
  font-size: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  letter-spacing: 0.05em;
}

.career-page .common-section .common-title-bar .ja-title {
  font-size: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
  letter-spacing: 0.3em;
}

.career-page .system-section .system-list {
  display: flex;
  flex-direction: column;
  gap: clamp(calc(130px * var(--min-scale)), calc(130 * var(--pc-unit)), 130px);
}


.career-page .system-section .system-item {
  display: flex;
  align-items: flex-start;
  gap: clamp(calc(75px * var(--min-scale)), calc(75 * var(--pc-unit)), 75px);
}

.career-page .system-section .system-num-badge {
  background: var(--color-primary-orange);
  color: var(--color-white);
  width: clamp(calc(112px * var(--min-scale)), calc(112 * var(--pc-unit)), 112px);
  height: clamp(calc(112px * var(--min-scale)), calc(112 * var(--pc-unit)), 112px);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.career-page .system-section .system-num-badge .label {
  font-size: clamp(calc(15px * var(--min-scale)), calc(15 * var(--pc-unit)), 15px);
  letter-spacing: 0.07em;
  line-height: 2;
}

.career-page .system-section .system-num-badge .num {
  font-size: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
  letter-spacing: 0.05em;
  line-height: 1;
}

.career-page .system-section .system-info {
  flex: 1;
  color: var(--color-primary-blue);
}

.career-page .system-section .system-info .system-item-title {
  font-size: clamp(calc(35px * var(--min-scale)), calc(35 * var(--pc-unit)), 35px);
  line-height: 1.8;
  letter-spacing: 0.12em;
  padding-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  margin-bottom: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  border-bottom: 1px dotted var(--color-primary-orange);
}

.career-page .system-section .system-info .system-item-title .sub-name {
  display: block;
  font-size: clamp(calc(29px * var(--min-scale)), calc(29 * var(--pc-unit)), 29px);
}

.career-page .system-section .system-info .system-item-desc {
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  line-height: 2.6;
}

.career-page .training-section {
  padding-top: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  padding-bottom: clamp(calc(120px * var(--min-scale)), calc(120 * var(--pc-unit)), 120px);
}

.career-page .training-section .common-content-box {
  padding: clamp(calc(160px * var(--min-scale)), calc(160 * var(--pc-unit)), 160px);
  padding-top: clamp(calc(90px * var(--min-scale)), calc(90 * var(--pc-unit)), 90px);
  padding-bottom: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
}

.career-page .training-section .common-title-bar {
  margin-bottom: clamp(calc(110px * var(--min-scale)), calc(110 * var(--pc-unit)), 110px);
}

.career-page .training-section .training-lead {
  margin-bottom: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
}

.career-page .training-section .training-lead p {
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  color: var(--color-primary-blue);
  line-height: 2.6;
}

.career-page .training-section .training-diagram {
  width: clamp(calc(1285px * var(--min-scale)), calc(1285 * var(--pc-unit)), 1285px);
  margin: 0 auto;
}

.career-page .training-section .training-note {
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  color: var(--color-primary-blue);
  line-height: 2.6;
  text-align: right;
  margin-top: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
}

@media screen and (max-width: 1280px) {
  .career-page::before {
    height: clamp(calc(5553px * var(--min-scale)), calc(5553 * var(--pc-unit)), 5553px);
  }

  .career-page .fv-section {
    padding-bottom: clamp(350px * var(--min-scale), 350 * var(--pc-unit), 350px);
  }

  .career-page .fv-section .fv-title {
    padding-left: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  }

  .career-page .common-section .wrap {
    width: clamp(calc(1500px * var(--min-scale)), calc(1500 * var(--pc-unit)), 1500px);
  }
}

@media screen and (max-width: 1024px) {
  .career-page .common-section .wrap {
    width: 100%;
  }

  .career-page .common-section .common-content-box {
    padding: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  }

  .career-page .common-section .common-title-bar {
    left: clamp(-10px, calc(-10 * var(--pc-unit)), calc(-10px * var(--min-scale)));
  }

  .career-page .case-section .case-card .case-header {
    font-size: clamp(calc(32px * var(--min-scale)), calc(32 * var(--pc-unit)), 32px);
  }

  .career-page .case-section .case-card .case-header .case-num {
    font-size: clamp(calc(56px * var(--min-scale)), calc(56 * var(--pc-unit)), 56px);
  }

  .career-page .case-section .case-list {
    gap: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  }

  .career-page .case-section .case-card .case-title {
    font-size: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
  }

  .career-page .case-section .case-card .case-flow {
    width: max-content;
    margin: 0 auto;
  }

  .career-page .case-section .case-card .flow-step {
    width: clamp(calc(103px * var(--min-scale)), calc(103 * var(--pc-unit)), 103px);
    height: clamp(calc(103px * var(--min-scale)), calc(103 * var(--pc-unit)), 103px);
  }

  .career-page .case-section .case-card .step-year-sub {
    margin-bottom: clamp(calc(5px * var(--min-scale)), calc(5 * var(--pc-unit)), 5px);
  }

  .career-page .case-section .case-card .flow-row {
    padding: 0;
    gap: clamp(calc(3px * var(--min-scale)), calc(3 * var(--pc-unit)), 3px);
  }

  .career-page .case-section .case-card .step-role {
    font-size: clamp(calc(16px * var(--min-scale)), calc(16 * var(--pc-unit)), 16px);
  }

  .career-page .training-section .training-diagram {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .career-page::before {
    top: calc(127 * var(--sp-unit));
    width: calc(780 * var(--sp-unit));
    height: calc(5451 * var(--sp-unit));
    background: url("../images/career/bk-page-sp.webp") no-repeat;
    background-position: top;
    background-size: contain;
    pointer-events: none;
  }

  .career-page .fv-section {
    padding-bottom: calc(125 * var(--sp-unit));
  }

  .career-page .fv-section .fv-inner {
    padding-top: 0;
  }

  .career-page .fv-section .deco-line.from-top#deco-line-01 {
    top: calc(886 * var(--sp-unit));
    left: calc(-50 * var(--sp-unit));
    width: calc(842 * var(--sp-unit));
  }

  .career-page .fv-section .deco-line.from-top#deco-line-01-2 {
    top: calc(866 * var(--sp-unit));
    right: calc(-250 * var(--sp-unit));
    width: calc(561 * var(--sp-unit));
  }

  .career-page .fv-section .deco-line.from-top#deco-line-02 {
    display: none;
  }

  .career-page .fv-section .wrap::after {
    display: none;
  }

  .career-page .fv-section .fv-title {
    z-index: 5;
    padding-left: 0;
    padding-bottom: calc(70 * var(--sp-unit));
    background: #FF7000;
  }

  .career-page .fv-section .fv-title-en {
    mix-blend-mode: unset;
  }

  .career-page .fv-section .fv-title-ja {
    justify-content: flex-start;
    height: auto;
    padding-left: calc(80 * var(--sp-unit));
    margin: calc(50 * var(--sp-unit)) 0;
  }

  .career-page .fv-section .fv-title p {
    padding: 0 calc(80 * var(--sp-unit));
    font-size: calc(26 * var(--sp-unit));
  }

  .career-page .fv-section .fv-title p span {
    margin-bottom: calc(20 * var(--sp-unit));
    font-size: calc(39 * var(--sp-unit));
  }

  .career-page .fv-section .fv-image-box {
    top: 0;
    left: calc(-200 * var(--sp-unit));
    width: calc(1399 * var(--sp-unit));
    height: calc(528 * var(--sp-unit));
    margin-top: calc(120 * var(--sp-unit));
    clip-path: polygon(32% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  .career-page .case-section {
    padding-top: 0;
    padding-bottom: calc(10 * var(--sp-unit));
  }

  .career-page .case-section .wrap {
    width: calc(685 * var(--sp-unit));
  }

  .career-page .case-section .case-list {
    display: flex;
    flex-direction: column;
    gap: calc(75 * var(--sp-unit));
  }

  .career-page .case-section .case-card {
    padding: calc(30 * var(--sp-unit));
    padding-top: calc(10 * var(--sp-unit));
    padding-bottom: calc(70 * var(--sp-unit));
  }

  .career-page .case-section .case-card .case-header {
    margin-bottom: calc(20 * var(--sp-unit));
    margin-left: calc(30 * var(--sp-unit));;
    font-size: calc(50 * var(--sp-unit));
  }

  .career-page .case-section .case-card .case-header .case-num {
    font-size: calc(84 * var(--sp-unit));
    margin-left: calc(10 * var(--sp-unit));
  }

  .career-page .case-section .case-card .case-title {
    padding-left: calc(40 * var(--sp-unit));
    font-size: calc(44 * var(--sp-unit));
    margin-bottom: calc(20 * var(--sp-unit));
  }

  .career-page .case-section .case-card .case-desc {
    font-size: calc(26 * var(--sp-unit));
    margin-bottom: calc(100 * var(--sp-unit));
  }

  .career-page .case-section .case-card .case-flow {
    gap: calc(25 * var(--sp-unit));
  }

  .career-page .case-section .case-card .flow-row {
    gap: calc(10 * var(--sp-unit));
    padding: 0 calc(20 * var(--sp-unit));
  }

  .career-page .case-section .case-card .flow-step {
    width: calc(184 * var(--sp-unit));
    height: calc(184 * var(--sp-unit));
    padding-top: calc(20 * var(--sp-unit));
  }

  .career-page .case-section .case-card .step-year {
    font-size: calc(23 * var(--sp-unit));
  }

  .career-page .case-section .case-card .step-year span {
    font-size: calc(37 * var(--sp-unit));
  }

  .career-page .case-section .case-card .step-year-sub {
    font-size: calc(20 * var(--sp-unit));
    margin-bottom: calc(12 * var(--sp-unit));
  }

  .career-page .case-section .case-card .step-role {
    min-height: calc(50 * var(--sp-unit));
    font-size: calc(24 * var(--sp-unit));
  }

  .career-page .case-section .case-card .flow-arrow {
    border-top: calc(10 * var(--sp-unit)) solid transparent;
    border-bottom: calc(10 * var(--sp-unit)) solid transparent;
    border-left: calc(16 * var(--sp-unit)) solid #FFE3CC;
  }

  .career-page .common-section .wrap {
    width: calc(685 * var(--sp-unit));
  }

  .career-page .common-section .common-content-box {
    border-radius: calc(20 * var(--sp-unit));
    padding: 0;
  }

  .career-page .common-section .common-title-bar {
    left: 0;
    gap: calc(60 * var(--sp-unit));
    margin-bottom: calc(110 * var(--sp-unit));
    margin-left: calc(50 * var(--sp-unit));
  }

  .career-page .common-section .common-title-bar::before {
    left: calc(-450 * var(--sp-unit));
    width: calc(1055 * var(--sp-unit));
    height: calc(130 * var(--sp-unit));
  }

  .career-page .common-section .common-title-bar .en-title {
    font-size: calc(20 * var(--sp-unit));
  }

  .career-page .common-section .common-title-bar .ja-title {
    font-size: calc(50 * var(--sp-unit));
  }

  .career-page .system-section {
    padding-top: calc(150 * var(--sp-unit));
  }

  .career-page .system-section .system-list {
    gap: calc(100 * var(--sp-unit));
  }

  .career-page .system-section .system-item {
    flex-direction: column;
    gap: calc(45 * var(--sp-unit));
  }

  .career-page .system-section .system-num-badge {
    width: calc(112 * var(--sp-unit));
    height: calc(112 * var(--sp-unit));
  }

  .career-page .system-section .system-num-badge .label {
    font-size: calc(15 * var(--sp-unit));
  }

  .career-page .system-section .system-num-badge .num {
    font-size: calc(50 * var(--sp-unit));
  }

  .career-page .system-section .system-info .system-item-title {
    font-size: calc(50 * var(--sp-unit));
    line-height: 1.5;
    padding-bottom: calc(30 * var(--sp-unit));
    margin-bottom: calc(20 * var(--sp-unit));
  }

  .career-page .system-section .system-info .system-item-title .sub-name {
    margin-bottom: calc(20 * var(--sp-unit));
    font-size: calc(29 * var(--sp-unit));
  }

  .career-page .system-section .system-info .system-item-desc {
    font-size: calc(26 * var(--sp-unit));
  }

  .career-page .training-section {
    padding-top: calc(140 * var(--sp-unit));
    padding-bottom: calc(120 * var(--sp-unit));
  }

  .career-page .training-section .common-content-box {
    padding: 0;
  }

  .career-page .training-section .common-title-bar {
    margin-bottom: calc(80 * var(--sp-unit));
  }

  .career-page .training-section .training-lead {
    margin-bottom: calc(50 * var(--sp-unit));
  }

  .career-page .training-section .training-lead p {
    font-size: calc(26 * var(--sp-unit));
  }

  .career-page .training-section .training-diagram {
    width: 100%;
  }

  .career-page .training-section .training-note {
    font-size: calc(30 * var(--sp-unit));
    margin-top: calc(30 * var(--sp-unit));
    line-height: 1.8;
    text-align: justify;
    padding-left: 1em;
    text-indent: -1em;
  }
}

/* environment */
.environment-page .container {
  overflow: hidden;
}

.environment-page .container::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: calc(710 * var(--pc-unit));
  left: 0;
  display: inline-block;
  width: clamp(calc(1920px * var(--min-scale)), calc(1920 * var(--pc-unit)), 1920px);
  height: 100%;
  background: url("../images/environment/bk-page.webp") no-repeat;
  background-position: top;
  background-size: cover;
  pointer-events: none;
}

.environment-page .fv-section {
  padding-bottom: clamp(80px * var(--min-scale), 80 * var(--pc-unit), 80px);
  background-color: transparent;
}

.environment-page .fv-section .deco-line.from-top#deco-line-01 {
  top: clamp(-220px, calc(-220 * var(--pc-unit)), calc(-220px * var(--min-scale)));
  left: clamp(-190px, calc(-190 * var(--pc-unit)), calc(-190px * var(--min-scale)));
  width: clamp(calc(1967px * var(--min-scale)), calc(1967 * var(--pc-unit)), 1967px);
}

.environment-page .fv-section .deco-line.from-top#deco-line-02 {
  top: clamp(calc(115px * var(--min-scale)), calc(115 * var(--pc-unit)), 115px);
  right: clamp(-350px, calc(-350 * var(--pc-unit)), calc(-350px * var(--min-scale)));
  width: clamp(calc(1412px * var(--min-scale)), calc(1412 * var(--pc-unit)), 1412px);
}

.environment-page .fv-section .wrap::after {
  left: clamp(-650px, calc(-650 * var(--pc-unit)), calc(-650px * var(--min-scale)));
  width: clamp(calc(2382px * var(--min-scale)), calc(2382 * var(--pc-unit)), 2382px);
  height: clamp(calc(1070px * var(--min-scale)), calc(1070 * var(--pc-unit)), 1070px);
  background: url("../images/environment/bk-visual.webp") no-repeat;
  background-position: center;
  background-size: contain;
  mix-blend-mode: unset;
}

.environment-page .fv-section .fv-title {
  z-index: 2;
  flex-shrink: 0;
  padding-left: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
}

.environment-page .fv-section .fv-title-en {
  position: relative;
  top: auto;
  left: auto;
  color: #ACCAFF;
}

.environment-page .fv-section .fv-title-ja {
  opacity: 0;
  animation: deco_slider 1.2s cubic-bezier(0.65, 0.05, 0.35, 1) forwards;
}

.environment-page .fv-section .fv-title p {
  opacity: 0;
  animation: deco_slider 1.2s cubic-bezier(0.65, 0.05, 0.35, 1) forwards;
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  color: var(--color-white);
  line-height: 2.6;
}

.environment-page .fv-section .fv-title p span {
  display: inline-block;
  margin-bottom: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  font-size: clamp(calc(29px * var(--min-scale)), calc(29 * var(--pc-unit)), 29px);
  line-height: 1.7;
}

.environment-page .fv-section .fv-title p small {
  font-size: clamp(calc(15px * var(--min-scale)), calc(15 * var(--pc-unit)), 15px);
}

.environment-page .fv-section .fv-image-box {
  top: clamp(calc(15px * var(--min-scale)), calc(15 * var(--pc-unit)), 15px);
  left: clamp(-290px, calc(-290 * var(--pc-unit)), calc(-290px * var(--min-scale)));
  width: clamp(calc(1487px * var(--min-scale)), calc(1487 * var(--pc-unit)), 1487px);
  height: clamp(calc(655px * var(--min-scale)), calc(655 * var(--pc-unit)), 655px);
  clip-path: polygon(32% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.environment-page .common-section .wrap {
  position: relative;
  width: clamp(calc(1600px * var(--min-scale)), calc(1600 * var(--pc-unit)), 1600px);
}

.environment-page .common-section .common-content-box {
  background: var(--color-white);
  border-radius: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  padding: clamp(calc(160px * var(--min-scale)), calc(160 * var(--pc-unit)), 160px);
}

.environment-page .common-section .env-nav-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(calc(35px * var(--min-scale)), calc(35 * var(--pc-unit)), 35px);
  margin-bottom: clamp(calc(115px * var(--min-scale)), calc(115 * var(--pc-unit)), 115px);
}

.environment-page .common-section .env-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(calc(15px * var(--min-scale)), calc(15 * var(--pc-unit)), 15px);
  width: clamp(calc(411px * var(--min-scale)), calc(411 * var(--pc-unit)), 411px);
  height: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  border-radius: clamp(calc(35px * var(--min-scale)), calc(35 * var(--pc-unit)), 35px);
  background: #A2C5FF;
  color: var(--color-white);
  font-size: clamp(calc(23px * var(--min-scale)), calc(23 * var(--pc-unit)), 23px);
  letter-spacing: 0.12em;
  line-height: 1;
  text-decoration: none;
}

.environment-page .common-section .env-nav-btn.active,
.environment-page .common-section .env-nav-btn:hover {
  background: linear-gradient(90deg, #468AFF 0%, #2656FF 100%);
}

.environment-page .common-section .env-nav-btn .arrow-icon {
  display: flex;
  width: clamp(calc(14px * var(--min-scale)), calc(14 * var(--pc-unit)), 14px);
  height: clamp(calc(7px * var(--min-scale)), calc(7 * var(--pc-unit)), 7px);
}

.environment-page .common-section .env-section-title {
  text-align: center;
  font-size: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  letter-spacing: 0.195em;
  color: #0038FF;
  margin-bottom: clamp(calc(110px * var(--min-scale)), calc(110 * var(--pc-unit)), 110px);
}

.environment-page .common-section .env-section-title-another {
  margin-bottom: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
}

.environment-page .common-section .env-section-desc {
  margin-bottom: clamp(calc(100px * var(--min-scale)), calc(100 * var(--pc-unit)), 100px);
  font-size: clamp(calc(24px * var(--min-scale)), calc(24 * var(--pc-unit)), 24px);
  text-align: center;
  line-height: 2;
}

.environment-page .workstyle-section {
  padding-top: clamp(calc(280px * var(--min-scale)), calc(280 * var(--pc-unit)), 280px);
  padding-bottom: clamp(calc(45px * var(--min-scale)), calc(45 * var(--pc-unit)), 45px);
}

.environment-page .workstyle-section .accordion-container {
  display: flex;
  flex-direction: column;
  gap: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
}

.environment-page .workstyle-section .accordion-item {
  overflow: hidden;
  background: var(--color-white);
}

.environment-page .workstyle-section .accordion-header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: clamp(calc(5px * var(--min-scale)), calc(5 * var(--pc-unit)), 5px) clamp(calc(45px * var(--min-scale)), calc(45 * var(--pc-unit)), 45px);
  background: linear-gradient(90deg, #468AFF 0%, #2656FF 100%);
  color: var(--color-white);
  border: none;
  cursor: pointer;
  text-align: justify;
  position: relative;
}

.environment-page .workstyle-section .acc-num {
  font-size: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  font-weight: var(--weight-light);
  margin-right: clamp(calc(45px * var(--min-scale)), calc(45 * var(--pc-unit)), 45px);
  line-height: 1;
}

.environment-page .workstyle-section .acc-title {
  display: flex;
  align-items: center;
  gap: clamp(calc(35px * var(--min-scale)), calc(35 * var(--pc-unit)), 35px);
  padding: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px) clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  font-size: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
  line-height: 1.4;
  letter-spacing: 0.12em;
  flex: 1;
  border-left: 1px solid var(--color-white);
}

.environment-page .workstyle-section .acc-title span {
  font-size: clamp(calc(25px * var(--min-scale)), calc(25 * var(--pc-unit)), 25px);
  font-weight: var(--weight-light);
  color: var(--color-skyblue-light);
}

.environment-page .workstyle-section .acc-icon {
  width: clamp(calc(47px * var(--min-scale)), calc(47 * var(--pc-unit)), 47px);
  height: clamp(calc(47px * var(--min-scale)), calc(47 * var(--pc-unit)), 47px);
  border-radius: 100%;
  background: var(--color-white);
  position: relative;
}

.environment-page .workstyle-section .acc-icon::before,
.environment-page .workstyle-section .acc-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0038FF;
  transition: all 0.3s ease;
}

.environment-page .workstyle-section .acc-icon::before {
  width: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  height: clamp(calc(2px * var(--min-scale)), calc(2 * var(--pc-unit)), 2px);
}

.environment-page .workstyle-section .acc-icon::after {
  width: clamp(calc(2px * var(--min-scale)), calc(2 * var(--pc-unit)), 2px);
  height: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
}

.environment-page .workstyle-section .accordion-item.is-open .acc-icon::after {
  opacity: 0;
}

.environment-page .workstyle-section .accordion-content {
  display: none;
  padding: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  padding-left: clamp(calc(330px * var(--min-scale)), calc(330 * var(--pc-unit)), 330px);
  padding-bottom: 0;
  background: var(--color-white);
}

.environment-page .workstyle-section .workstyle-detail-list {
  display: flex;
  flex-direction: column;
  gap: clamp(calc(35px * var(--min-scale)), calc(35 * var(--pc-unit)), 35px);
}

.environment-page .workstyle-section .detail-title {
  position: relative;
  padding: clamp(calc(5px * var(--min-scale)), calc(5 * var(--pc-unit)), 5px);
  margin-bottom: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  font-size: clamp(calc(25px * var(--min-scale)), calc(25 * var(--pc-unit)), 25px);
  letter-spacing: 0.12em;
  color: var(--color-primary-skyblue);
  padding-left: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
  border: 1px solid var(--color-primary-skyblue);
  border-radius: clamp(calc(28px * var(--min-scale)), calc(28 * var(--pc-unit)), 28px);
}

.environment-page .workstyle-section .detail-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: clamp(calc(25px * var(--min-scale)), calc(25 * var(--pc-unit)), 25px);
  transform: translateY(-50%);
  width: clamp(calc(13px * var(--min-scale)), calc(13 * var(--pc-unit)), 13px);
  height: clamp(calc(13px * var(--min-scale)), calc(13 * var(--pc-unit)), 13px);
  background: var(--color-primary-skyblue);
  border-radius: 100%;
}

.environment-page .workstyle-section .detail-desc {
  padding-left: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  font-weight: var(--weight-regular);
  color: var(--color-primary-blue);
  line-height: 2.6;
}

.environment-page .voices-section {
  padding-top: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
}

.environment-page .voices-section .voices-group-container {
  display: flex;
  flex-direction: column;
  gap: clamp(calc(100px * var(--min-scale)), calc(100 * var(--pc-unit)), 100px);
  width: clamp(calc(1062px * var(--min-scale)), calc(1062 * var(--pc-unit)), 1062px);
  margin: 0 auto;
}

.environment-page .voices-section .voice-group-title-img {
  width: clamp(calc(170px * var(--min-scale)), calc(170 * var(--pc-unit)), 170px);
  margin: 0 auto;
}

.environment-page .voices-section .voice-group-title {
  display: block;
  width: 100%;
  margin-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  color: var(--color-white);
  font-size: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
  line-height: 1.4;
  padding: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px) 0 clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  text-align: center;
  background: url("../images/environment/bk-speech-bubble.webp") no-repeat;
  background-position: top;
  background-size: contain;
}

.environment-page .voices-section .voice-card-list {
  display: flex;
  flex-direction: column;
  gap: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
}

.environment-page .voices-section .voice-card {
  display: flex;
  align-items: stretch;
  gap: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
}

.environment-page .voices-section .voice-card .voice-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: clamp(calc(125px * var(--min-scale)), calc(125 * var(--pc-unit)), 125px);
}

.environment-page .voices-section .voice-card .user-icon {
  width: clamp(calc(125px * var(--min-scale)), calc(125 * var(--pc-unit)), 125px);
  height: clamp(calc(125px * var(--min-scale)), calc(125 * var(--pc-unit)), 125px);
}

.environment-page .voices-section .voice-card .user-role {
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  color: var(--color-primary-blue);
  margin-top: clamp(calc(5px * var(--min-scale)), calc(5 * var(--pc-unit)), 5px);
}

.environment-page .voices-section .voice-card .voice-text {
  flex: 1;
  padding: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  color: var(--color-primary-blue);
  line-height: 2.6;
  background: #FFF5ED;
  border-top-right-radius: clamp(calc(43px * var(--min-scale)), calc(43 * var(--pc-unit)), 43px);
  border-bottom-right-radius: clamp(calc(43px * var(--min-scale)), calc(43 * var(--pc-unit)), 43px);
  border-bottom-left-radius: clamp(calc(43px * var(--min-scale)), calc(43 * var(--pc-unit)), 43px);
}

.environment-page .voices-section .voice-card .voice-text span {
  display: inline-block;
  margin-bottom: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
  font-size: clamp(calc(22px * var(--min-scale)), calc(22 * var(--pc-unit)), 22px);
  font-weight: var(--weight-semibold);
  line-height: 2.2;
  border-bottom: 1px dotted var(--color-primary-orange);
}

@media screen and (max-width: 1280px) {
  .environment-page .fv-section {
    padding-bottom: clamp(350px * var(--min-scale), 350 * var(--pc-unit), 350px);
  }

  .environment-page .fv-section .fv-title {
    padding-left: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
  }

  .environment-page .fv-section .fv-image-box {
    left: clamp(-190px, calc(-190 * var(--pc-unit)), calc(-190px * var(--min-scale)));
  }

  .environment-page .common-section .wrap {
    width: clamp(calc(1500px * var(--min-scale)), calc(1500 * var(--pc-unit)), 1500px);
  }
}

@media screen and (max-width: 1024px) {
  .environment-page .common-section .wrap {
    width: 100%;
  }

  .environment-page .common-section .common-content-box {
    padding: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  }
}


@media screen and (max-width: 768px) {
  .environment-page .container::before {
    top: calc(127 * var(--sp-unit));
    width: calc(780 * var(--sp-unit));
    background: url("../images/environment/bk-page-sp.webp") no-repeat;
    background-position: top;
    background-size: 100% auto;
    pointer-events: none;
  }

  .environment-page .fv-section {
    padding-bottom: calc(125 * var(--sp-unit));
  }

  .environment-page .fv-section .fv-inner {
    padding-top: 0;
  }

  .environment-page .fv-section .deco-line.from-top#deco-line-01 {
    top: calc(656 * var(--sp-unit));
    left: 0;
    width: calc(780 * var(--sp-unit));
  }

  .environment-page .fv-section .deco-line.from-top#deco-line-02 {
    display: none;
  }

  .environment-page .fv-section .wrap::after {
    display: none;
  }

  .environment-page .fv-section .fv-title {
    z-index: 3;
    padding-left: 0;
    padding-bottom: calc(70 * var(--sp-unit));
    background: #0038FF;
  }

  .environment-page .fv-section .fv-title-ja {
    justify-content: flex-start;
    height: auto;
    padding-left: calc(80 * var(--sp-unit));
    margin: calc(50 * var(--sp-unit)) 0;
  }


  .environment-page .fv-section .fv-title-en {
    mix-blend-mode: unset;
    font-size: calc(105 * var(--sp-unit));
  }

  .environment-page .fv-section .fv-title p {
    padding: 0 calc(80 * var(--sp-unit));
    font-size: calc(26 * var(--sp-unit));
  }

  .environment-page .fv-section .fv-title p span {
    margin-bottom: calc(20 * var(--sp-unit));
    font-size: calc(39 * var(--sp-unit));
  }

  .environment-page .fv-section .fv-title p small {
    font-size: calc(26 * var(--sp-unit));
  }

  .environment-page .fv-section .fv-image-box {
    top: 0;
    left: calc(-200 * var(--sp-unit));
    width: calc(1399 * var(--sp-unit));
    height: calc(528 * var(--sp-unit));
  }

  .environment-page .common-section .wrap {
    width: 100%;
  }

  .environment-page .common-section .common-content-box {
    border-radius: calc(20 * var(--sp-unit));
    padding: calc(70 * var(--sp-unit)) 0;
  }

  .environment-page .common-section .env-nav-list {
    flex-direction: column;
    gap: calc(30 * var(--sp-unit));
    margin-bottom: calc(90 * var(--sp-unit));
  }

  .environment-page .common-section .env-nav-btn {
    gap: calc(30 * var(--sp-unit));
    width: calc(645 * var(--sp-unit));
    height: calc(96 * var(--sp-unit));
    border-radius: calc(48 * var(--sp-unit));
    font-size: calc(35 * var(--sp-unit));
  }

  .environment-page .common-section .env-nav-btn .arrow-icon {
    width: calc(22 * var(--sp-unit));
    height: calc(18 * var(--sp-unit));
  }

  .environment-page .common-section .env-section-title {
    font-size: calc(44 * var(--sp-unit));
    margin-bottom: calc(90 * var(--sp-unit));
  }

  .environment-page .common-section .env-section-title-another {
    margin-bottom: calc(30 * var(--sp-unit));
  }

  .environment-page .common-section .env-section-desc {
    margin-bottom: calc(100 * var(--sp-unit));
    font-size: calc(30 * var(--sp-unit));
  }

  .environment-page .workstyle-section {
    padding-top: 0;
    padding-bottom: calc(45 * var(--sp-unit));
  }

  .environment-page .workstyle-section .accordion-container {
    gap: calc(40 * var(--sp-unit));
  }

  .environment-page .workstyle-section .accordion-header {
    padding: calc(5 * var(--sp-unit)) calc(45 * var(--sp-unit));
  }

  .environment-page .workstyle-section .acc-num {
    font-size: calc(40 * var(--sp-unit));
    margin-right: calc(45 * var(--sp-unit));
  }

  .environment-page .workstyle-section .acc-title {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(5 * var(--sp-unit));
    padding: calc(30 * var(--sp-unit)) calc(40 * var(--sp-unit));
    font-size: calc(30 * var(--sp-unit));
  }

  .environment-page .workstyle-section .acc-title span {
    font-size: calc(25 * var(--sp-unit));
  }

  .environment-page .workstyle-section .acc-icon {
    width: calc(47 * var(--sp-unit));
    height: calc(47 * var(--sp-unit));
  }

  .environment-page .workstyle-section .acc-icon::before {
    width: calc(20 * var(--sp-unit));
    height: calc(2 * var(--sp-unit));
  }

  .environment-page .workstyle-section .acc-icon::after {
    width: calc(2 * var(--sp-unit));
    height: calc(20 * var(--sp-unit));
  }

  .environment-page .workstyle-section .accordion-content {
    padding: calc(40 * var(--sp-unit));
    padding-left: calc(30 * var(--sp-unit));
  }

  .environment-page .workstyle-section .workstyle-detail-list {
    gap: calc(35 * var(--sp-unit));
  }

  .environment-page .workstyle-section .detail-title {
    padding: calc(5 * var(--sp-unit));
    margin-bottom: calc(10 * var(--sp-unit));
    font-size: calc(26 * var(--sp-unit));
    padding-left: calc(50 * var(--sp-unit));
    border-radius: calc(28 * var(--sp-unit));
  }

  .environment-page .workstyle-section .detail-title::before {
    left: calc(25 * var(--sp-unit));
    width: calc(13 * var(--sp-unit));
    height: calc(13 * var(--sp-unit));
  }

  .environment-page .workstyle-section .detail-desc {
    padding: 0 calc(45 * var(--sp-unit));
    font-size: calc(26 * var(--sp-unit));
  }

  .environment-page .voices-section {
    padding-top: calc(50 * var(--sp-unit));
  }

  .environment-page .voices-section .voices-group-container {
    gap: calc(100 * var(--sp-unit));
    width: 100%;
  }

  .environment-page .voices-section .voice-group-title-img {
    width: calc(170 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-group-title {
    margin-bottom: calc(20 * var(--sp-unit));
    font-size: calc(30 * var(--sp-unit));
    padding: calc(20 * var(--sp-unit)) 0 calc(80 * var(--sp-unit));
    background: url("../images/environment/bk-speech-bubble-sp.webp") no-repeat;
    background-position: top;
    background-size: contain;
  }

  .environment-page .voices-section .voice-card-list {
    gap: calc(80 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-card {
    flex-direction: column;
    align-items: center;
    gap: calc(10 * var(--sp-unit));
    padding: 0 calc(50 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-card .voice-user {
    width: calc(125 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-card .user-icon {
    width: calc(125 * var(--sp-unit));
    height: calc(125 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-card .user-role {
    font-size: calc(19 * var(--sp-unit));
    margin-top: calc(5 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-card .voice-text {
    padding: calc(30 * var(--sp-unit));
    font-size: calc(26 * var(--sp-unit));
    border-top-right-radius: calc(43 * var(--sp-unit));
    border-bottom-right-radius: calc(43 * var(--sp-unit));
    border-bottom-left-radius: calc(43 * var(--sp-unit));
  }

  .environment-page .voices-section .voice-card .voice-text span {
    margin-bottom: calc(10 * var(--sp-unit));
    font-size: calc(26 * var(--sp-unit));
  }
}

/* number */
.number-page .container {
  overflow: hidden;
}

.number-page .container::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: inline-block;
  width: clamp(calc(1920px * var(--min-scale)), calc(1920 * var(--pc-unit)), 1920px);
  height: 100%;
  background: url("../images/number/bk-page.webp") no-repeat;
  background-position: top;
  background-size: cover;
  pointer-events: none;
}

.number-page .fv-section {
  padding-bottom: clamp(calc(250px * var(--min-scale)), calc(250 * var(--pc-unit)), 250px);
  background-color: transparent;
}

.number-page .fv-section .fv-inner {
  padding-top: clamp(calc(300px * var(--min-scale)), calc(300 * var(--pc-unit)), 300px);
}

.number-page .fv-section .wrap::after {
  left: clamp(-280px, calc(-280 * var(--pc-unit)), calc(-280px * var(--min-scale)));
  width: clamp(calc(1408px * var(--min-scale)), calc(1408 * var(--pc-unit)), 1408px);
  height: clamp(calc(453px * var(--min-scale)), calc(453 * var(--pc-unit)), 453px);
  background: url("../images/number/bk-visual.webp") no-repeat;
  background-position: center;
  background-size: contain;
}

.number-page .fv-section .fv-title-en {
  top: clamp(-300px, calc(-300 * var(--pc-unit)), calc(-300px * var(--min-scale)));
  left: auto;
  right: clamp(-130px, calc(-130 * var(--pc-unit)), calc(-130px * var(--min-scale)));
  font-size: clamp(calc(230px * var(--min-scale)), calc(230 * var(--pc-unit)), 230px);
  color: var(--color-white);
  mix-blend-mode: unset;
}

.number-page .fv-section .fv-desc-box {
  position: relative;
  top: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  padding-left: clamp(calc(30px * var(--min-scale)), calc(30 * var(--pc-unit)), 30px);
  z-index: 1;
  font-size: clamp(calc(19px * var(--min-scale)), calc(19 * var(--pc-unit)), 19px);
  line-height: 2.6;
  color: var(--color-white);
}

.number-page .fv-section .fv-desc-box::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: clamp(-280px, calc(-280 * var(--pc-unit)), calc(-280px * var(--min-scale)));
  transform: translateY(-50%);
  display: inline-block;
  width: clamp(calc(1706px * var(--min-scale)), calc(1706 * var(--pc-unit)), 1706px);
  height: clamp(calc(456px * var(--min-scale)), calc(456 * var(--pc-unit)), 456px);
  background: var(--color-primary-blue);
  pointer-events: none;
  clip-path: polygon(21% 0%, 100% 0%, 79% 100%, 0% 100%);
}

.number-page .number-section {
  padding: clamp(calc(220px * var(--min-scale)), calc(220 * var(--pc-unit)), 220px) 0;
}

.number-page .number-section .number-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(calc(55px * var(--min-scale)), calc(55 * var(--pc-unit)), 55px);
}

.number-page .number-section .number-card {
  position: relative;
  background: var(--color-white);
  border-radius: clamp(calc(24px * var(--min-scale)), calc(24 * var(--pc-unit)), 24px); 
  padding: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px); 
  display: flex;
  flex-direction: column;
}

.number-page .number-section .number-card .card-title {
  position: relative;
  font-size: clamp(calc(25px * var(--min-scale)), calc(25 * var(--pc-unit)), 25px); 
  letter-spacing: 0.12em;
  color: var(--color-primary-blue);
  text-align: center;
  margin-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px); 
  padding-bottom: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px); 
  
}

.number-page .number-section .number-card .card-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-primary-blue);
}

.number-page .number-section .number-card .card-main-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  margin: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px) 0;
}

.number-page .number-section .number-card .card-main-content .card-icon {
  flex-shrink: 0;
}

.number-page .number-section .number-card .card-num-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.number-page .number-section .number-card .card-num-box {
  display: flex;
  align-items: baseline;
  color: var(--color-primary-blue);
}

.number-page .number-section .number-card .num-prefix {
  font-size: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  font-weight: var(--weight-bold);
  letter-spacing: 0.12em;
  line-height: 1;
}

.number-page .number-section .number-card .num-val {
  font-size: clamp(calc(130px * var(--min-scale)), calc(130 * var(--pc-unit)), 130px);
  letter-spacing: -0.02em;
  line-height: 0.9;
}

.number-page .number-section .number-card .num-unit {
  font-size: clamp(calc(70px * var(--min-scale)), calc(70 * var(--pc-unit)), 70px);
  font-weight: var(--weight-bold);
  letter-spacing: 0.12em;
  line-height: 1;
}

.number-page .number-section .number-card .card-sub-num {
  font-size: clamp(calc(22px * var(--min-scale)), calc(22 * var(--pc-unit)), 22px);
  text-align: center;
  white-space: nowrap;
}

.number-page .number-section .number-card .card-sub-text {
  font-size: clamp(calc(54px * var(--min-scale)), calc(54 * var(--pc-unit)), 54px);
}

.number-page .number-section .number-card.card-large {
  grid-row: span 2;
  justify-content: space-between;
}

.number-page .number-section .number-card.card-large .card-num-box {
  justify-content: center;
  margin-top: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  margin-bottom: clamp(calc(40px * var(--min-scale)), calc(40 * var(--pc-unit)), 40px);
}

.number-page .number-section .number-card .card-icon.center-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.number-page .number-section .number-card.card-full {
  grid-column: span 2;
}

.number-page .number-section .number-card.card-full .card-main-content {
  justify-content: center;
  gap: clamp(calc(50px * var(--min-scale)), calc(50 * var(--pc-unit)), 50px);
}

.number-page .number-section .number-card .card-desc {
  font-size: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  font-weight: var(--weight-light);
  line-height: 1.5;
  color: var(--color-primary-blue);
  margin-top: auto;
  padding-top: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
}

.number-page .number-section .number-card .card-date {
  font-size: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
  font-weight: var(--weight-light);
  color: #646465;
  text-align: right;
  display: block;
}

.number-page .number-section .number-card.number-card-01 .card-icon img {
  width: clamp(calc(322px * var(--min-scale)), calc(322 * var(--pc-unit)), 322px);
}

.number-page .number-section .number-card.number-card-01 .card-desc {
  margin-top: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
}

.number-page .number-section .number-card.number-card-02 .card-icon img {
  width: clamp(calc(97px * var(--min-scale)), calc(97 * var(--pc-unit)), 97px);
}

.number-page .number-section .number-card.number-card-03 .card-icon img {
  width: clamp(calc(118px * var(--min-scale)), calc(118 * var(--pc-unit)), 118px);
}

.number-page .number-section .number-card.number-card-04 .card-num-box {
  margin-bottom: 0;
}

.number-page .number-section .number-card.number-card-04 .num-val {
  font-size: clamp(calc(212px * var(--min-scale)), calc(212 * var(--pc-unit)), 212px);
}

.number-page .number-section .number-card.number-card-04 .card-desc {
  margin-top: clamp(calc(20px * var(--min-scale)), calc(20 * var(--pc-unit)), 20px);
}

.number-page .number-section .number-card.number-card-04 .card-icon img {
  width: clamp(calc(275px * var(--min-scale)), calc(275 * var(--pc-unit)), 275px);
}

.number-page .number-section .number-card.number-card-05 .card-icon img {
  width: clamp(calc(96px * var(--min-scale)), calc(96 * var(--pc-unit)), 96px);
}

.number-page .number-section .number-card.number-card-06 .card-icon img {
  width: clamp(calc(93px * var(--min-scale)), calc(93 * var(--pc-unit)), 93px);
}

.number-page .number-section .number-card.number-card-06 .num-prefix,
.number-page .number-section .number-card.number-card-06 .num-unit {
  font-size: clamp(calc(54px * var(--min-scale)), calc(54 * var(--pc-unit)), 54px);
}

.number-page .number-section .number-card.number-card-06 .num-val {
  font-size: clamp(calc(99px * var(--min-scale)), calc(99 * var(--pc-unit)), 99px);
}

.number-page .number-section .number-card.number-card-07 .num-val {
  font-size: clamp(calc(110px * var(--min-scale)), calc(110 * var(--pc-unit)), 110px);
}

.number-page .number-section .number-card.number-card-07 .num-unit {
  font-size: clamp(calc(59px * var(--min-scale)), calc(59 * var(--pc-unit)), 59px);
}

.number-page .number-section .number-card.number-card-07 .card-icon img {
  width: clamp(calc(176px * var(--min-scale)), calc(176 * var(--pc-unit)), 176px);
}

.number-page .number-section .number-card.number-card-08 .num-val {
  font-size: clamp(calc(110px * var(--min-scale)), calc(110 * var(--pc-unit)), 110px);
}

.number-page .number-section .number-card.number-card-08 .card-desc {
  margin-top: clamp(calc(10px * var(--min-scale)), calc(10 * var(--pc-unit)), 10px);
}

.number-page .number-section .number-card.number-card-08 .card-icon img {
  width: clamp(calc(192px * var(--min-scale)), calc(192 * var(--pc-unit)), 192px);
}

.number-page .number-section .number-card.number-card-09 .card-sub-text {
  font-size: clamp(calc(25px * var(--min-scale)), calc(25 * var(--pc-unit)), 25px);
}

.number-page .number-section .number-card.number-card-09 .card-desc {
  text-align: center;
}

.number-page .number-section .number-card.number-card-09 .card-icon img {
  width: clamp(calc(130px * var(--min-scale)), calc(130 * var(--pc-unit)), 130px);
}

.number-page .number-section .number-card.number-card-10 .num-val {
  font-size: clamp(calc(112px * var(--min-scale)), calc(112 * var(--pc-unit)), 112px);
}

.number-page .number-section .number-card.number-card-10 .num-unit {
  font-size: clamp(calc(61px * var(--min-scale)), calc(61 * var(--pc-unit)), 61px);
}

.number-page .number-section .number-card.number-card-10 .card-icon img {
  width: clamp(calc(148px * var(--min-scale)), calc(148 * var(--pc-unit)), 148px);
}

.number-page .number-section .number-card.number-card-11 .num-val {
  font-size: clamp(calc(100px * var(--min-scale)), calc(100 * var(--pc-unit)), 100px);
}

.number-page .number-section .number-card.number-card-11 .num-unit {
  font-size: clamp(calc(54px * var(--min-scale)), calc(54 * var(--pc-unit)), 54px);
}

.number-page .number-section .number-card.number-card-11 .card-icon img {
  width: clamp(calc(125px * var(--min-scale)), calc(125 * var(--pc-unit)), 125px);
}

.number-page .number-section .number-card.number-card-12 .card-icon img {
  width: clamp(calc(93px * var(--min-scale)), calc(93 * var(--pc-unit)), 93px);
}

.number-page .number-section .number-card.number-card-13 .card-icon img {
  width: clamp(calc(186px * var(--min-scale)), calc(186 * var(--pc-unit)), 186px);
}

@media screen and (max-width: 1280px) {
  .number-page .fv-section .fv-title-en {
    right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .number-page .fv-section .fv-title-ja {
    position: relative;
    z-index: 2;
  }

  .number-page .number-section .number-grid {
    gap: clamp(calc(15px * var(--min-scale)), calc(15 * var(--pc-unit)), 15px);
  }
}

@media screen and (max-width: 768px) {
  .number-page .container::before {
    width: calc(780 * var(--sp-unit));
    height: 100%;
    background: url("../images/number/bk-page-sp.webp") no-repeat;
    background-position: top;
    background-size: cover;
  }

  .number-page .fv-section {
    padding-bottom: calc(50 * var(--sp-unit));
  }

  .number-page .fv-section .fv-inner {
    padding-top: calc(100 * var(--sp-unit));
  }

  .number-page .fv-section .wrap {
    width: calc(630 * var(--sp-unit));
  }

  .number-page .fv-section .wrap::after {
    top: 0;
    left: calc(-480 * var(--sp-unit));
    width: calc(1408 * var(--sp-unit));
    height: calc(465 * var(--sp-unit));
    background: url("../images/number/bk-visual.webp") no-repeat;
    background-position: center;
    background-size: contain;
  }

  .number-page .fv-section .fv-title-en {
    position: relative;
    top: calc(50 * var(--sp-unit));
    right: auto;
    font-size: calc(111 * var(--sp-unit));
  }

  .number-page .fv-section .fv-title-ja {
    padding-left: 0;
  }

  .number-page .fv-section .fv-desc-box {
    top: 0;
    padding-left: 0;
    font-size: calc(26 * var(--sp-unit));
  }

  .number-page .fv-section .fv-desc-box::after {
    left: calc(-350 * var(--sp-unit));
    width: calc(1778 * var(--sp-unit));
    height: calc(514 * var(--sp-unit));
  }

  .number-page .number-section {
    padding: calc(50 * var(--sp-unit)) 0 calc(150 * var(--sp-unit));
  }

  .number-page .number-section .number-grid {
    grid-template-columns: 1fr;
    gap: calc(55 * var(--sp-unit));
  }

  .number-page .number-section .number-card {
    border-radius: calc(24 * var(--sp-unit));
    padding: calc(20 * var(--sp-unit));
  }

  .number-page .number-section .number-card .card-title {
    font-size: calc(26 * var(--sp-unit));
    margin-bottom: calc(20 * var(--sp-unit)); 
    padding-bottom: calc(20 * var(--sp-unit));
    
  }

  .number-page .number-section .number-card .card-main-content {
    gap: calc(50 * var(--sp-unit));
    margin: calc(10 * var(--sp-unit)) 0;
  }

  .number-page .number-section .number-card .num-prefix {
    font-size: calc(70 * var(--sp-unit));;
  }

  .number-page .number-section .number-card .num-val {
    font-size: calc(130 * var(--sp-unit));;
  }

  .number-page .number-section .number-card .num-unit {
    font-size: calc(70 * var(--sp-unit));;
  }

  .number-page .number-section .number-card .card-sub-num {
    font-size: calc(26 * var(--sp-unit));;
  }

  .number-page .number-section .number-card .card-sub-text {
    font-size: calc(54 * var(--sp-unit));;
  }

  .number-page .number-section .number-card.card-large {
    grid-row: auto;
  }

  .number-page .number-section .number-card.card-large .card-num-box {
    margin-top: calc(20 * var(--sp-unit));
    margin-bottom: calc(40 * var(--sp-unit));
  }

  .number-page .number-section .number-card.card-full {
    grid-column: auto;
  }

  .number-page .number-section .number-card.card-full .card-main-content {
    gap: calc(50 * var(--sp-unit));
  }

  .number-page .number-section .number-card .card-desc {
    font-size: calc(26 * var(--sp-unit));
    padding-top: calc(20 * var(--sp-unit));
    line-height: 2;
  }

  .number-page .number-section .number-card .card-date {
    font-size: calc(26 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-01 .card-icon img {
    width: calc(322 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-01 .card-desc {
    margin-top: calc(20 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-02 .card-icon img {
    width: calc(97 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-03 .card-icon img {
    width: calc(118 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-04 .num-val {
    font-size: calc(212 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-04 .card-desc {
    margin-top: calc(20 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-04 .card-icon img {
    width: calc(275 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-05 .card-icon img {
    width: calc(96 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-06 .card-icon img {
    width: calc(93 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-06 .num-prefix,
  .number-page .number-section .number-card.number-card-06 .num-unit {
    font-size: calc(54 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-06 .num-val {
    font-size: calc(99 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-07 .num-val {
    font-size: calc(110 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-07 .num-unit {
    font-size: calc(59 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-07 .card-icon img {
    width: calc(176 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-08 .num-val {
    font-size: calc(110 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-08 .card-desc {
    margin-top: calc(10 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-08 .card-icon img {
    width: calc(192 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-09 .card-desc {
    text-align: justify;
  }

  .number-page .number-section .number-card.number-card-09 .card-sub-text {
    font-size: calc(54 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-09 .card-icon img {
    width: calc(130 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-10 .num-val {
    font-size: calc(112 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-10 .num-unit {
    font-size: calc(61 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-10 .card-icon img {
    width: calc(148 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-11 .num-val {
    font-size: calc(100 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-11 .num-unit {
    font-size: calc(54 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-11 .card-icon img {
    width: calc(125 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-12 .card-icon img {
    width: calc(93 * var(--sp-unit));
  }

  .number-page .number-section .number-card.number-card-13 .card-icon img {
    width: calc(186 * var(--sp-unit));
  }


}