@charset "UTF-8";
/* CSS Document */

.philosophy {
  margin-top: 170.1rem;
}
@media screen and (max-width: 1024px) {
  .philosophy {
    margin-top: 27rem;
  }
}
.philosophy__box {
  padding: 63.6rem 0 475rem;
  background: url(../img/culture/pc/philosophy-bg.svg) no-repeat center top/cover;
  border-radius: 80rem;
  color: #fff;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .philosophy__box {
    padding: 42rem 0 328rem;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
}
.philosophy__ttl {
  z-index: 1;
}
.philosophy__ttl-ja {
  display: block;
  font-size: 30rem;
  text-align: center;
  line-height: 1.2666666667;
  font-weight: bold;
}
.philosophy__loop {
  width: 100%;
  margin-inline: auto;
  position: absolute;
  top: -34rem;
  left: 0;
}
.philosophy__loop-text {
  display: block;
  position: absolute;
  line-height: 1;
  z-index: -1;
  font-size: 233rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .philosophy__loop-text {
    font-size: 160rem;
  }
}
.philosophy__loop-text.--01 {
  animation: loop 20s linear infinite;
  top: 0;
  left: 0;
}
.philosophy__loop-text.--02 {
  top: 0;
  left: 0;
  animation: loop 20s -10s linear infinite;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.philosophy__heading {
  margin-top: 107.4rem;
  text-align: center;
  text-decoration: underline;
  font-size: 38rem;
  font-weight: bold;
  line-height: 2.1052631579;
  letter-spacing: 0.023em;
}
@media screen and (max-width: 1024px) {
  .philosophy__heading {
    margin-top: 71rem;
  }
}
.philosophy__para {
  margin-top: 62rem;
  font-size: 24rem;
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1024px) {
  .philosophy__para {
    margin-inline: auto;
    max-width: 600rem;
    font-size: 22rem;
  }
}
.philosophy__list {
  margin-top: -323rem;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8rem 16rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .philosophy__list {
    margin-top: -238rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 10rem 11rem;
  }
}
.philosophy__item img {
  border-radius: 10rem;
  width: 100%;
  aspect-ratio: 372/210;
  object-fit: cover;
}
.philosophy__btn {
  margin: 60rem auto 0;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .philosophy__btn {
    margin-top: 50rem;
  }
}

.voice {
  margin-top: 128rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .voice {
    margin-top: 100rem;
  }
}
.voice__ttl {
  padding-top: 406.6rem;
  padding-right: 272rem;
  width: 1820rem;
  max-width: 100%;
  height: 751rem;
  margin-left: calc(50% - 50vw);
  background: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/014.png) no-repeat center/contain;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .voice__ttl {
    padding: 0;
    height: 409rem;
    background-image: url(../img/culture/sp/voice-img@2x.png);
    background-position: left center;
  }
}
.voice__ttl span {
  width: fit-content;
  margin-inline: auto 0;
  display: block;
  font-size: 24rem;
  font-weight: bold;
  line-height: 1.875;
  text-align: center;
}
.voice__ttl::after {
  content: "";
  display: block;
  width: 95.39rem;
  height: 61.51rem;
  background: url(../img/culture/voice-balloon.svg) no-repeat center/contain;
  position: absolute;
  bottom: 1rem;
  left: calc(50% - 111.89rem);
  transform: translate(-50%, 100%);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .voice__ttl::after {
    width: 59.26rem;
    height: 38.22rem;
    left: calc(50% + 61.1rem);
  }
}
@media screen and (max-width: 1024px) {
  .voice__heading {
    display: block;
    font-size: 22rem;
    font-weight: 500;
    text-align: center;
  }
}
.voice__box {
  margin-top: -406rem;
  margin-inline: auto;
  padding-bottom: 267.5rem;
  width: calc(100% - 100rem);
  padding-top: 578.2rem;
  background: #F5F5F5;
  border-radius: 80rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .voice__box {
    margin-top: -204.5rem;
    padding-top: 445rem;
    padding-bottom: 326.6rem;
    padding-inline: 0;
    width: 100%;
  }
}
.voice__loop {
  width: 100%;
  position: absolute;
  bottom: -34rem;
  left: 0;
}
.voice__loop-text {
  width: max-content;
  line-height: 1;
  font-size: 213rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .voice__loop-text {
    font-size: 160rem;
  }
}
.voice__loop-text.--01 {
  animation: loop2 20s 0s linear infinite;
}
.voice__loop-text.--02 {
  animation: loop2 20s -10s linear infinite;
}
@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 1024px) {
  .voice__list {
    margin-top: 165.9rem;
  }
}
.voice__item {
  padding: 60rem 160rem 57.9rem;
  background: #fff;
  border-radius: 30rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .voice__item {
    padding: 102.6rem 40rem 82.1rem;
  }
}
.voice__item + .voice__item {
  margin-top: 19rem;
}
@media screen and (max-width: 1024px) {
  .voice__item + .voice__item {
    margin-top: 120rem;
  }
}
.voice__item::before, .voice__item::after {
  content: "";
  display: block;
  position: absolute;
  background: no-repeat center/contain;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(1) {
    padding-top: 111rem;
  }
}
.voice__item:nth-of-type(1)::before {
  width: 323.31rem;
  height: 272.75rem;
  background-image: url(../img/culture/pc/voice-icon01@2x.png);
  transform: rotate(-4deg);
  top: 208.6rem;
  left: -173.9rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(1)::before {
    top: -197.9rem;
    left: -24rem;
    transform: none;
  }
}
.voice__item:nth-of-type(1)::after {
  width: 252.71rem;
  height: 362.4rem;
  background-image: url(../img/culture/pc/voice-icon02@2x.png);
  transform: rotate(-4deg);
  top: -4.1rem;
  right: -126.6rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(1)::after {
    top: -245.5rem;
    right: -40rem;
    width: 212.87rem;
    height: 305.26rem;
    transform: rotate(17deg);
  }
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(2) {
    padding-top: 110.6rem;
    padding-bottom: 309.2rem;
  }
}
.voice__item:nth-of-type(2)::before {
  width: 320.32rem;
  height: 289.68rem;
  background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/015_1.png);
  transform: rotate(-4deg);
  top: -61.9rem;
  left: -153.6rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(2)::before {
    display: none;
  }
}
.voice__item:nth-of-type(2)::after {
  width: 361.62rem;
  height: 339.26rem;
  background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/015_2.png);
  top: -122.5rem;
  right: -210.5rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(2)::after {
    width: 600.59rem;
    height: 367.26rem;
    background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/015_2.png);
    top: -164.5rem;
    right: -119.5rem;
  }
}
.voice__item:nth-of-type(2) > span::after {
  content: "";
  display: block;
  position: absolute;
  background: no-repeat center/contain;
  width: 272.49rem;
  height: 267.71rem;
  background-image: url(../img/culture/pc/voice-icon06@2x.png);
  bottom: 41rem;
  right: -48.5rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(2) > span::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(3) {
    padding-bottom: 204.7rem;
  }
}
.voice__item:nth-of-type(3)::before {
  width: 348.27rem;
  height: 285.6rem;
  background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/016_1.png);
  transform: rotate(-4deg);
  top: -146.7rem;
  left: -128.3rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(3)::before {
    width: 458.28rem;
    height: 373.96rem;
    background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/voice-icon04@2x2.png);
    top: -33.2rem;
    left: -3.5rem;
    transform: translateY(-100%) rotate(-4deg);
  }
}
.voice__item:nth-of-type(3)::after {
  width: 250rem;
  height: 248.67rem;
  background-image: url(../img/culture/pc/voice-icon07@2x.png);
  bottom: 115.4rem;
  left: -118.3rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(3)::after {
    display: none;
  }
}
.voice__item:nth-of-type(3) > span::after {
  content: "";
  display: block;
  position: absolute;
  background: no-repeat center/contain;
  width: 367.96rem;
  height: 524.15rem;
  background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/016_2.png);
  top: 28.8rem;
  right: -154rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(3) > span::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(4) {
    padding-bottom: 183.7rem;
  }
}
.voice__item:nth-of-type(4)::before {
  width: 333.86rem;
  height: 379.85rem;
  background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/017.png);
  transform: rotate(-4deg);
  top: 33.9rem;
  left: -150rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(4)::before {
    width: 508.68rem;
    height: 334.17rem;
    background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/voice-icon06@2x.png);
    top: 10rem;
    left: 187.5rem;
    transform: translateY(-100%);
  }
}
.voice__item:nth-of-type(4)::after {
  width: 545.82rem;
  height: 557.37rem;
  background-image: url(../img/culture/pc/voice-icon10@2x.png);
  top: 43.3rem;
  right: -240.8rem;
}
@media screen and (max-width: 1024px) {
  .voice__item:nth-of-type(4)::after {
    width: 700.49rem;
    height: 331.33rem;
    background-image: url(https://recruit.yamatodenki.co.jp/cms/wp-content/uploads/2025/08/voice-icon07@2x.png);
    top: initial;
    right: initial;
    bottom: -196rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.voice__item-ttl {
  color: #21498E;
  text-align: center;
  font-size: 28rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .voice__item-ttl {
    font-size: 32rem;
  }
}
.voice__item-number {
  margin-inline: auto;
  font-size: 120rem;
  font-weight: 600;
  color: #EFEFEF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.voice__kanji-list {
  margin-top: 53.3rem;
  display: grid;
  grid-template-columns: 210rem 260rem 210rem;
  gap: 30rem;
}
@media screen and (max-width: 1024px) {
  .voice__kanji-list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .voice__kanji-item {
    padding-block: 28rem 42rem;
  }
}
@media screen and (max-width: 1024px) {
  .voice__kanji-item:first-of-type {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .voice__kanji-item:last-of-type {
    padding-bottom: 0;
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 1024px) {
  .voice__kanji-item + .voice__kanji-item {
    border-top: 1rem solid #cccccc;
  }
}
.voice__kanji-row {
  display: flex;
  align-items: flex-start;
  gap: 20rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .voice__kanji-row {
    margin-inline: auto;
    max-width: 42%;
    gap: 0;
  }
}
.voice__kanji-row::after {
  content: "";
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: #AFAFAF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
@media screen and (max-width: 1024px) {
  .voice__kanji-row::after {
    display: block;
  }
}
.voice__kanji {
  margin-inline: auto;
  width: 120rem;
  max-width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10rem;
  display: grid;
  place-items: center;
  font-size: 78rem;
  font-weight: bold;
  background: #EFEFEF;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .voice__kanji {
    background: initial;
  }
}
.voice__other-list .voice__kanji {
  width: 110rem;
  font-size: 46rem;
  color: #888888;
}
@media screen and (max-width: 1024px) {
  .voice__other-list .voice__kanji {
    background: #F5F5F5;
  }
}
.voice__kanji-para {
  margin-top: 12rem;
  margin-inline: auto;
  width: 260rem;
  max-width: 100%;
  font-size: 14rem;
  line-height: 1.7142857143;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .voice__kanji-para {
    font-size: 24rem;
    width: 100%;
    max-width: 85%;
  }
}
.voice__ranking {
  color: #21498E;
  font-weight: bold;
  font-size: 20rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.95;
}
@media screen and (max-width: 1024px) {
  .voice__ranking {
    font-size: 26rem;
  }
}
.voice__ranking span {
  display: inline-block;
  width: 30rem;
  text-align: center;
  font-size: 30rem;
}
@media screen and (max-width: 1024px) {
  .voice__ranking span {
    font-size: 40rem;
  }
}
@media screen and (max-width: 1024px) {
  .voice__ranking-ttl {
    font-feature-settings: "palt";
  }
}
.voice__other {
  display: block;
  margin-top: 25rem;
  margin-inline: auto;
  max-width: 670rem;
  font-size: 14rem;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .voice__other {
    margin-top: 61.3rem;
    font-size: 28rem;
  }
}
.voice__other.--wide {
  max-width: 760rem;
}
.voice__other-list {
  margin-top: 10rem;
  margin-inline: auto;
  max-width: 760rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 19rem 20rem;
}
@media screen and (max-width: 1024px) {
  .voice__other-list {
    grid-template-columns: repeat(5, 1fr);
    gap: 19rem 13rem;
  }
}
.voice__ranking-list {
  margin-top: 46.1rem;
  margin-inline: auto;
  max-width: 670rem;
}
.voice__ranking-item {
  display: flex;
  align-items: center;
  gap: 20rem;
}
@media screen and (max-width: 1024px) {
  .voice__ranking-item {
    flex-direction: column;
    align-items: center;
    font-size: 28rem;
    gap: 0;
  }
}
.voice__para {
  margin-inline: auto;
  max-width: 670rem;
  font-size: 18rem;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .voice__para {
    font-size: 26rem;
  }
}
.voice__shape {
  width: 112%;
  position: absolute;
  top: -109rem;
  left: 52%;
  transform: translateX(-50%) rotate(-2deg);
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .voice__shape {
    width: 285vw;
    top: 113rem;
    left: calc(50% - 401rem);
    transform: translateX(-50%) rotate(7deg);
  }
}

.careerStep {
  margin-top: 115rem;
}
@media screen and (max-width: 1024px) {
  .careerStep {
    margin-top: 80rem;
  }
}
.careerStep__img {
  margin-top: 55.6rem;
}
@media screen and (max-width: 1024px) {
  .careerStep__img {
    margin-top: 54.5rem;
  }
}

.educationSystem {
  margin-top: 124.4rem;
  margin-bottom: 114rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .educationSystem {
    margin-top: 77.2rem;
  }
}
.educationSystem__shape {
  width: 1787.34rem;
  position: absolute;
  top: 585rem;
  left: -100rem;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .educationSystem__shape {
    width: 1150.34rem;
    max-width: calc(100% + 40rem);
    top: initial;
    bottom: 224rem;
    left: -40rem;
  }
}
.educationSystem__list {
  margin-top: 68.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26.9rem;
}
@media screen and (max-width: 1024px) {
  .educationSystem__list {
    display: flex;
    flex-direction: column;
    gap: 50rem;
  }
}
.educationSystem__item-ttl {
  margin-top: 16.6rem;
  text-align: center;
  font-size: 22rem;
  font-weight: 500;
  line-height: 1.4545454545;
}
@media screen and (max-width: 1024px) {
  .educationSystem__item-ttl {
    margin-top: 19.8rem;
    font-size: 28rem;
  }
}
.educationSystem__img {
  margin-top: 37.9rem;
  margin-left: -74rem;
  margin-right: -189rem;
}
@media screen and (max-width: 1024px) {
  .educationSystem__img {
    margin-top: 32.2rem;
    margin-inline: auto;
  }
}
.educationSystem__btn {
  margin: 108.7rem auto 0;
}
@media screen and (max-width: 1024px) {
  .educationSystem__btn {
    margin-top: 42rem;
  }
}
.educationSystem__row {
  margin-top: 45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50rem;
}/*# sourceMappingURL=page-culture.css.map */