@charset "UTF-8";
.index-main {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}

.index-background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  z-index: -1;
  pointer-events: none;
}

.index-background img {
  display: block;
  width: 100%;
  height: auto;
}

.section {
  position: relative;
  width: 100%;
  z-index: 1;
}

.section-inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.section-top {
  min-height: 1530px;
  display: flex;
  align-items: center;
}

.top-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 80px 80px 120px;
  box-sizing: border-box;
}

.top-main-photo {
  flex: 0 0 auto;
  width: 40%;
  max-width: 750px;
  border-radius: 50%;
  overflow: hidden;
}

.top-main-photo img {
  width: 100%;
  height: auto;
  display: block;
}

.top-slide-wrap {
  flex: 1 1 auto;
  margin-left: 40px;
}

.top-slide-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.top-slide-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.section-about {
  min-height: 1500px;
  display: flex;
  align-items: center;
}

.about-inner {
  padding: 120px 120px 160px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  -moz-column-gap: 60px;
       column-gap: 60px;
}

.about-text-image img {
  width: 100%;
  height: auto;
  display: block;
}

.about-person-image {
  align-self: center;
}

.about-person-image img {
  width: 100%;
  height: auto;
  display: block;
}

.about-viewmore {
  grid-column: 1/-1;
  margin-top: 60px;
  display: flex;
  justify-content: center;
}

.about-viewmore img {
  width: auto;
  max-width: 280px;
  height: auto;
  display: block;
}

.section-jobs {
  min-height: 1575px;
  display: flex;
  align-items: center;
}

.jobs-inner {
  padding: 120px 120px 160px;
  box-sizing: border-box;
}

.jobs-career {
  max-width: 1200px;
  margin: 0 auto 80px;
}

.jobs-career img {
  width: 100%;
  height: auto;
  display: block;
}

.jobs-middle {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin-bottom: 80px;
}

.jobs-ilust,
.jobs-training {
  flex: 0 1 500px;
}

.jobs-ilust img,
.jobs-training img {
  width: 100%;
  height: auto;
  display: block;
}

.jobs-viewmore {
  display: flex;
  justify-content: center;
}

.jobs-viewmore img {
  width: auto;
  max-width: 280px;
  height: auto;
  display: block;
}

.section-interview {
  min-height: 1252px;
  display: flex;
  align-items: center;
}

.interview-inner {
  padding: 120px 120px 160px;
  box-sizing: border-box;
}

.interview-header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 60px;
}

.interview-clip img,
.interview-num img {
  display: block;
  height: auto;
}

.interview-clip img {
  max-width: 120px;
}

.interview-num img {
  max-width: 260px;
}

.interview-people {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.interview-person {
  flex: 0 1 30%;
  max-width: 420px;
}

.interview-person img {
  width: 100%;
  height: auto;
  display: block;
}

.interview-nav-left img,
.interview-nav-right img {
  display: block;
  width: 89px;
  height: 89px;
}

.section-recruitment {
  min-height: 728px;
  display: flex;
  align-items: center;
}

.recruitment-inner {
  padding: 80px 120px 100px;
  box-sizing: border-box;
}

.recruitment-inner > div {
  text-align: center;
}

.recruitment-inner > div img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 360px;
  margin: 0 auto;
}

.recruitment-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.top-catchcopy {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-weight: 600;
  color: #222222;
  line-height: 1.3;
  white-space: nowrap;
}

.top-lead,
.about-heading-en,
.about-description,
.jobs-heading-en,
.interview-heading-en,
.recruit-heading-en {
  font-family: "游ゴシック体", "YuGothic", "Yu Gothic", sans-serif;
  font-weight: 500;
  color: #222222;
  line-height: 1.6;
  white-space: nowrap;
}

.about-heading-ja,
.jobs-heading-ja,
.interview-heading-ja,
.recruit-heading-ja {
  font-family: "AB-tombo_bold", "YuGothic", "Yu Gothic", sans-serif;
  font-weight: 400;
  color: #333333;
  line-height: 1.2;
  white-space: nowrap;
}

.top-catchcopy {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.top-lead {
  font-size: 1.6rem;
}

.about-heading-en,
.jobs-heading-en,
.interview-heading-en,
.recruit-heading-en {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  color: #005798;
}

.about-heading-ja,
.jobs-heading-ja,
.interview-heading-ja,
.recruit-heading-ja {
  font-size: 2rem;
  margin-bottom: 0.75rem;
}

.about-description {
  font-size: 1.4rem;
}

.index-main {
  width: 1905px;
  min-height: 6590px;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
}

.section,
.section-top,
.section-about,
.section-jobs,
.section-interview,
.section-recruitment {
  position: static;
  min-height: 0;
}

.section-inner,
.top-inner,
.about-inner,
.jobs-inner,
.interview-inner,
.recruitment-inner {
  position: relative;
  padding: 0;
  margin: 0;
}

.top-main-photo {
  position: absolute;
  left: 818px;
  top: -99px;
  width: 1369px;
  max-width: none;
  flex: none;
  border-radius: 0;
  overflow: visible;
}

.top-main-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.top-slide-wrap {
  position: static;
}

.top-slide-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.top-slide-item {
  position: absolute;
}

.top-slide-item:nth-child(1) {
  left: -116px;
  top: 1312px;
  width: 347px;
  height: 347px;
}

.top-slide-item:nth-child(2) {
  left: 297px;
  top: 1527px;
  width: 199px;
  height: 199px;
}

.top-slide-item:nth-child(3) {
  left: 571px;
  top: 1401px;
  width: 226px;
  height: 226px;
}

.top-slide-item:nth-child(4) {
  left: 971px;
  top: 1433px;
  width: 348px;
  height: 348px;
}

.top-slide-item:nth-child(5) {
  left: 1363px;
  top: 1420px;
  width: 189px;
  height: 189px;
}

.top-slide-item:nth-child(6) {
  left: 1675px;
  top: 1357px;
  width: 340px;
  height: 340px;
}

.top-slide-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.about-text-image {
  position: absolute;
  left: 128px;
  top: 2268px;
  width: 238px;
  height: 111px;
}

.about-text-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.about-person-image {
  position: absolute;
  left: 157px;
  top: 1937px;
  width: 727px;
  height: 467px;
}

.about-person-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.about-viewmore {
  position: absolute;
  left: 1438px;
  top: 2294px;
  width: 234px;
  height: 44px;
}

.about-viewmore img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.jobs-ilust {
  position: absolute;
  left: 207px;
  top: 3236px;
  width: 1507px;
  height: 648px;
}

.jobs-ilust img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.jobs-career {
  position: absolute;
  left: 184.32px;
  top: 3982.9px;
  width: 662px;
  height: 380px;
}

.jobs-career img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.jobs-training {
  position: absolute;
  left: 960px;
  top: 4209.88px;
  width: 697.13px;
  height: 380.93px;
}

.jobs-training img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.jobs-viewmore {
  position: absolute;
  left: 1364px;
  top: 3903px;
  width: 326px;
  height: 61px;
}

.jobs-viewmore img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.interview-clip {
  position: absolute;
  left: 31.27px;
  top: 5138.19px;
  width: 711.83px;
  height: 237.98px;
}

.interview-clip img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.interview-num {
  position: absolute;
  left: 160px;
  top: 5498.9px;
  width: 288px;
  height: 288px;
}

.interview-num img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.interview-person-koyanagi {
  position: absolute;
  left: 1719px;
  top: 5103px;
  width: 426px;
  height: 568.86px;
}

.interview-person-koyanagi img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.interview-person-sasaki {
  position: absolute;
  left: 1274.7px;
  top: 5107.2px;
  width: 406.97px;
  height: 556.16px;
}

.interview-person-sasaki img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.interview-person-takahashi {
  position: absolute;
  left: 787.1px;
  top: 4983.13px;
  width: 427.42px;
  height: 700.57px;
}

.interview-person-takahashi img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.interview-nav-left {
  position: absolute;
  left: 1612.63px;
  top: 5683.7px;
  width: 89px;
  height: 89px;
}

.interview-nav-right {
  position: absolute;
  left: 1746.63px;
  top: 5683.7px;
  width: 89px;
  height: 89px;
}

.recruitment-description {
  position: absolute;
  left: 304px;
  top: 6187px;
  width: 561px;
  height: 120px;
}

.recruitment-description img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.recruitment-flow {
  position: absolute;
  left: 1055px;
  top: 6187px;
  width: 561px;
  height: 120px;
}

.recruitment-flow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.recruitment-internship {
  position: absolute;
  left: 304px;
  top: 6339px;
  width: 561px;
  height: 120px;
}

.recruitment-internship img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.recruitment-faq {
  position: absolute;
  left: 1055px;
  top: 6339px;
  width: 561px;
  height: 120px;
}

.recruitment-faq img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.top-catchcopy {
  position: absolute;
  left: 67px;
  top: 456px;
  width: 703px;
  height: 326px;
  font-size: 74px;
  line-height: 1.3;
  z-index: 5;
  text-align: left;
}

.top-lead {
  position: absolute;
  left: 131px;
  top: 782px;
  width: 576px;
  height: 150px;
  font-size: 36px;
  line-height: 1.6;
  color: #222222;
  z-index: 5;
  text-align: left;
}

.about-heading-en {
  position: absolute;
  left: 911px;
  top: 1797px;
  width: 98px;
  height: 36px;
  font-size: 36px;
  font-weight: 500;
  color: #005798;
  z-index: 5;
}

.about-heading-ja {
  position: absolute;
  left: 770px;
  top: 1849px;
  width: 381px;
  height: 61px;
  font-size: 61px;
  font-weight: 400;
  color: #333333;
  z-index: 5;
}

.about-description {
  position: absolute;
  left: 935px;
  top: 2115px;
  width: 768px;
  height: 132px;
  font-size: 32px;
  font-weight: 700;
  color: #333333;
  line-height: 1.5;
  z-index: 5;
  text-align: left;
}

.about-quiz {
  position: absolute;
  left: 493px;
  top: 2490px;
  width: 933.94px;
  height: 457.86px;
  z-index: 5;
}

.about-quiz img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.jobs-heading-en {
  position: absolute;
  left: 923px;
  top: 3099px;
  width: 74px;
  height: 36px;
  font-size: 36px;
  font-weight: 500;
  color: #005798;
  z-index: 5;
}

.jobs-heading-ja {
  position: absolute;
  left: 738px;
  top: 3146px;
  width: 445px;
  height: 61px;
  font-size: 61px;
  font-weight: 400;
  color: #333333;
  z-index: 5;
}

.interview-heading-en {
  position: absolute;
  left: 884px;
  top: 4839.9px;
  width: 152px;
  height: 36px;
  font-size: 36px;
  font-weight: 500;
  color: #005798;
  z-index: 5;
}

.interview-heading-ja {
  position: absolute;
  left: 834px;
  top: 4891.9px;
  width: 253px;
  height: 61px;
  font-size: 61px;
  font-weight: 400;
  color: #333333;
  z-index: 5;
}

.recruit-heading-en {
  position: absolute;
  left: 758px;
  top: 5979px;
  width: 405px;
  height: 36px;
  font-size: 36px;
  font-weight: 500;
  color: #005798;
  z-index: 5;
}

.recruit-heading-ja {
  position: absolute;
  left: 834px;
  top: 6035px;
  width: 253px;
  height: 61px;
  font-size: 61px;
  font-weight: 400;
  color: #333333;
  z-index: 5;
}

.about-viewmore a img,
.jobs-career a img,
.jobs-training a img,
.jobs-viewmore a img,
.interview-person-koyanagi a img,
.interview-person-sasaki a img,
.interview-person-takahashi a img,
.recruitment-description a img,
.recruitment-flow a img,
.recruitment-faq a img,
.recruitment-internship a img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.about-viewmore a img:hover,
.jobs-career a img:hover,
.jobs-training a img:hover,
.jobs-viewmore a img:hover,
.interview-person-koyanagi a img:hover,
.interview-person-sasaki a img:hover,
.interview-person-takahashi a img:hover,
.recruitment-description a img:hover,
.recruitment-flow a img:hover,
.recruitment-faq a img:hover,
.recruitment-internship a img:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}/*# sourceMappingURL=index.css.map */