.header-logo span {
  color: #fff;
}

.mv {
  position: relative;
  /* height: 68.1rem; */
}

@media screen and (max-width: 768px) {
  .mv {
    /* height: 50rem; */
  }
}

.mv-txt {
  position: absolute;
  top: 51rem;
}

@media screen and (max-width: 1024px) {
  .mv-txt {
    top: 32rem;
  }
}

.mv .tagline {
  font-size: 6rem;
  font-weight: 700;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .mv .tagline {
    font-size: 2.8rem;
  }
}

/* .mv-video {
  position: absolute;
  top: 0;
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}

.mv-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
} */

.mv-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* アスペクト比16:9 (9 ÷ 16 = 0.5625) */
  overflow: hidden;
}

.mv-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.mv-scroll {
  z-index: 2;
  position: absolute;
  bottom: -6.7rem;
  left: -11rem;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  .mv-scroll {
    font-size: 1rem;
    bottom: -1.7rem;
    left: -6rem;
  }
}

.mv-scroll::after {
  margin-left: 1rem;
  content: "";
  display: block;
  margin-top: 0.4rem;
  width: 26.6rem;
  height: 1px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .mv-scroll::after {
    width: 12rem;
  }
}

.sv {
  padding-top: 18.3rem;
  padding-bottom: 17.7rem;
}

@media screen and (max-width: 768px) {
  .sv {
    padding-top: 8rem;
    padding-bottom: 2rem;
  }
}

.sv .bread-c a {
  font-size: 1.25rem;
}

.sv .bread-c span {
  font-size: 1.25rem;
}

.sv-tagline {
  font-size: 9rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .sv-tagline {
    font-size: 3.6rem;
  }
}

.sv-img {
  margin-top: 5rem;
  margin-right: auto;
  margin-left: 0;
  width: 88.8%;
}

@media screen and (max-width: 768px) {
  .sv-img {
    width: 100%;
    margin-top: 3rem;
  }
}

.sv-img img {
  width: 100%;
}

.sv-message {
  max-width: 73.7rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .sv-message {
    width: 88%;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 4rem;
  }
}

.sv-message-head {
  padding-top: 10rem;
  margin-bottom: 4.7rem;
  font-size: 4.1rem;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .sv-message-head {
    margin-left: 0;
    padding-top: 3rem;
    font-size: 2.2rem;
    margin-bottom: 3rem;
  }
}

.sv-message p {
  line-height: 1.875;
  font-size: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .sv-message p {
    font-size: 1.4rem;
  }
}

.work {
  background-color: #eef0f7;
  padding-top: 8.8rem;
  padding-bottom: 14.5rem;
}

@media screen and (max-width: 768px) {
  .work {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}

.work-title {
  margin-bottom: 12.6rem;
}

@media screen and (max-width: 768px) {
  .work-title {
    margin-bottom: 4rem;
  }
}

.work-box {
  width: 47rem;
  background-color: #fff;
  border-radius: 17px;
  border: 1px solid #000;
  padding-left: 5.5rem;
  padding-right: 5.5rem;
  padding-bottom: 6.5rem;
}

@media screen and (max-width: 768px) {
  .work-box {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 4.8rem;
  }
}

.work-box:first-child {
  margin-left: -5.5rem;
}

@media screen and (max-width: 768px) {
  .work-box:first-child {
    margin-left: 0;
  }
}

.work-box:nth-child(2) {
  height: 47rem;
}

@media screen and (max-width: 768px) {
  .work-box:nth-child(2) {
    height: auto;
    margin-top: 2.4rem;
  }
}

.work-boxWrap {
  display: flex;
  justify-content: space-between;
  gap: 5%;
}

@media screen and (max-width: 768px) {
  .work-boxWrap {
    flex-direction: column;
  }
}

.work-box-heading {
  display: flex;
  align-items: center;
  gap: 2.2rem;
  border-bottom: 2px solid #2a4198;
}

@media screen and (max-width: 768px) {
  .work-box-heading {
    gap: 1.2rem;
  }
}

.work-box-heading-01 {
  margin-top: 6rem;
  padding-bottom: 3.4rem;
}

@media screen and (max-width: 768px) {
  .work-box-heading-01 {
    margin-top: 2.6rem;
    padding-bottom: 1.6rem;
  }
}

.work-box-heading-01 img {
  width: 5rem;
  aspect-ratio: 5/4.2;
}

@media screen and (max-width: 768px) {
  .work-box-heading-01 img {
    width: 3rem;
  }
}

.work-box-heading-02 {
  margin-top: 4rem;
  padding-bottom: 2.8rem;
}

@media screen and (max-width: 768px) {
  .work-box-heading-02 {
    margin-top: 2.6rem;
    padding-bottom: 1.6rem;
  }
}

.work-box-heading-02 img {
  width: 8.3rem;
  aspect-ratio: 8.3/7;
}

@media screen and (max-width: 768px) {
  .work-box-heading-02 img {
    width: 4.2rem;
  }
}

.work-box-heading div {
  font-size: 3.6rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .work-box-heading div {
    font-size: 2.4rem;
  }
}

.work-box-title-ja {
  margin-top: 3rem;
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .work-box-title-ja {
    margin-top: 2rem;
    font-size: 1.8rem;
  }
}

.work-box-title-en {
  margin-top: 1.2rem;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .work-box-title-en {
    font-size: 1.4rem;
  }
}

.work-box-p {
  margin-top: 2.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
}

@media screen and (max-width: 768px) {
  .work-box-p {
    font-size: 1.2rem;
    margin-top: 1.8rem;
  }
}

.work-box-p+.work-box-title {
  margin-top: 4.5rem;
}

@media screen and (max-width: 768px) {
  .work-box-p+.work-box-title {
    margin-top: 3rem;
  }
}

.job {
  padding-top: 8rem;
  padding-bottom: 12rem;
}

@media screen and (max-width: 768px) {
  .job {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.job-box {
  height: 22.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 3.4rem;
  padding-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .job-box {
    justify-content: flex-start;
    height: 18rem;
    padding-left: 2.4rem;
    padding-bottom: 1.6rem;
    padding-top: 3rem;
    padding-right: 2.4rem;
  }
}

.job-boxWrap {
  margin-top: 13rem;
  width: 88.8%;
  margin-left: auto;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .job-boxWrap {
    width: 100%;
    margin-top: 6rem;
  }
}

.job-box--logistics {
  background: url(../images/top/jobbox011x.webp) no-repeat center center/cover;
}

.job-box--lift {
  background: url(../images/top/jobbox021x.webp) no-repeat center center/cover;
}

.job-box--cad {
  background: url(../images/top/jobbox031x.webp) no-repeat center center/cover;
}

.job-box--sales {
  background: url(../images/top/jobbox041x.webp) no-repeat center center/cover;
}

.job-heading-ja {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .job-heading-ja {
    font-size: 2rem;
  }
}

.job-heading-en {
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 0.5em;
  padding-left: 0.5em;
  background-color: #283e99;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .job-heading-en {
    font-size: 1rem;
  }
}

.job-p {
  margin-top: 1rem;
  width: 48.3rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .job-p {
    width: 100%;
    font-size: 1.4rem;
  }
}

.interview {
  padding-top: 8rem;
  padding-bottom: 13.5rem;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .interview {
    padding-top: 5rem;
    padding-bottom: 6rem;
  }
}

.interview-video {
  margin-top: 9.2rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.interview-video img {
  width: 100%;
}

.interview-video .play {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .interview-video {
    margin-top: 4.4rem;
  }
}

.interview-video::after {
  pointer-events: none;
  background: url(../images/top/playmovie.webp) no-repeat center center/contain;
  width: 14rem;
  aspect-ratio: 1/1;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .interview-video::after {
    width: 8rem;
  }
}

.interview-slide {
  margin-top: 15.7rem;
}

.interview-slide::before {
  content: "";
  height: 28rem;
  background-color: #eef0f7;
  width: 100%;
  position: absolute;
  left: 0;
  top: 95.5rem;
}

@media screen and (max-width: 768px) {
  .interview-slide::before {
    top: 38rem;
    height: 18rem;
  }
}

@media screen and (max-width: 768px) {
  .interview-slide {
    margin-top: 5rem;
  }
}

.interview-slide .swiper {
  overflow: visible;
}

.interview-slide .swiper-button-next,
.interview-slide .swiper-button-prev {
  background: url(../images/top/slide-arrow.png) no-repeat center center/contain;
  width: 4.5rem;
  aspect-ratio: 1/1;
  display: block;
}

@media screen and (max-width: 768px) {

  .interview-slide .swiper-button-next,
  .interview-slide .swiper-button-prev {
    width: 2.4rem;
    display: none;
  }
}

.interview-slide .swiper-button-next::after,
.interview-slide .swiper-button-prev::after {
  display: none;
}

.interview-slide .swiper-button-next::before,
.interview-slide .swiper-button-prev::before {
  display: none;
}

.interview-slide .swiper-button-prev {
  left: -4.5rem;
  right: unset;
}

.interview-slide .swiper-button-next {
  transform: rotate(180deg);
  right: -4.5rem;
  left: unset;
}

.interview-slide .slide_card {
  width: 31.4rem;
  border: 1px solid #bfbfbf;
  background-color: #fff;
}

.interview-slide .slide_card img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .interview-slide .slide_card-img {
    height: auto;
  }
}

.interview-slide .slide_card-txt {
  padding-top: 2.1rem;
  padding-left: 2.9rem;
  padding-right: 2.9rem;
  padding-bottom: 2.1rem;
}

@media screen and (max-width: 768px) {
  .interview-slide .slide_card-txt {
    height: 7rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

.interview-slide .slide_card-department {
  font-size: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .interview-slide .slide_card-department {
    font-size: 1.4rem;
  }
}

.interview-slide .slide_card-name {
  line-height: 1.2;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .interview-slide .slide_card-name {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}

.number {
  padding-top: 8rem;
  padding-bottom: 13rem;
}

@media screen and (max-width: 768px) {
  .number {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.number-outer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 5.2rem;
  margin-top: 10rem;
}

@media screen and (max-width: 768px) {
  .number-outer {
    margin-top: 5rem;
    row-gap: 2.8rem;
  }
}

.number-wrapper {
  width: 47.5%;
  min-height: 17.2rem;
  border: 1px solid #2a4396;
}

@media screen and (max-width: 768px) {
  .number-wrapper {
    width: 100%;
    min-height: auto;
  }
}

.number .n-title {
  padding-top: 1.6rem;
  padding-left: 4.5rem;
  padding-bottom: 2.8rem;
  display: flex;
  align-items: flex-end;
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 2.6px solid #2a4396;
}

@media screen and (max-width: 768px) {
  .number .n-title {
    font-size: 1.4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1.4rem;
  }
}

.number .n-title span {
  padding-right: 0.1em;
  padding-left: 0.1em;
  color: #2e4395;
  font-size: 3.6rem;
  font-weight: 700;
}

.number .n-txt {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  line-height: 1.81;
}

@media screen and (max-width: 768px) {
  .number .n-txt {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.keyword {
  padding-top: 9rem;
  padding-bottom: 17rem;
  background: url(../images/top/keyword-bg.webp) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .keyword {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }
}

.keyword-box {
  width: 31%;
  min-height: 16.7rem;
  background-color: #fff;
  border: 1px solid #2a4396;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}

@media screen and (max-width: 768px) {
  .keyword-box {
    width: 100%;
    min-height: auto;
  }
}

.keyword-boxWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 3.2rem;
  margin-top: 11rem;
}

@media screen and (max-width: 768px) {
  .keyword-boxWrap {
    margin-top: 5rem;
    row-gap: 2.6rem;
  }
}

.keyword-box-heading {
  padding-top: 1rem;
  padding-bottom: 0.8rem;
  font-size: 2.4rem;
  font-weight: 700;
  border-bottom: 2.6px solid #2a4396;
  letter-spacing: 0.047em;
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .keyword-box-heading {
    font-size: 2rem;
  }
}

.keyword-box-heading span {
  letter-spacing: 0.047em;
  font-size: 2.4rem;
  font-weight: 700;
  background: linear-gradient(transparent 60%, #e1bb32 40%);
}

@media screen and (max-width: 768px) {
  .keyword-box-heading span {
    font-size: 2rem;
  }
}

.keyword-box--narrow .keyword-box-heading {
  letter-spacing: -0.08em;
}

.keyword-box--narrow2 .keyword-box-p {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .keyword-box--narrow2 .keyword-box-p {
    padding-bottom: 1rem;
  }
}

.keyword-box-p {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 1.875;
}

@media screen and (max-width: 768px) {
  .keyword-box-p {
    font-size: 1.4rem;
    padding-bottom: 1.8rem;
  }
}

.benefits {
  padding-top: 9.6rem;
  padding-bottom: 19rem;
  background-color: #eceef5;
}

@media screen and (max-width: 768px) {
  .benefits {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
}

.benefits-box {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 2.4rem;
  padding-left: 2.4rem;
  border-radius: 1.6rem;
  border: 1px solid #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 23.5rem;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 768px) {
  .benefits-box {
    width: 48%;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}

.benefits-boxWrap {
  padding-bottom: 2.6rem;
  position: relative;
  margin-top: 14rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 3.2rem;
  -moz-column-gap: 1.7rem;
  column-gap: 1.7rem;
}

@media screen and (max-width: 768px) {
  .benefits-boxWrap {
    margin-top: 5rem;
    -moz-column-gap: unset;
    column-gap: unset;
    justify-content: space-between;
    row-gap: 1.3rem;
  }
}

.benefits-box:nth-child(1) {
  text-align: center;
}

.benefits-box:nth-child(1) img {
  width: 7.4rem;
  aspect-ratio: 74/64;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(1) img {
    width: 4.5rem;
  }
}

.benefits-box:nth-child(2) p {
  font-size: 1rem;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(2) p {
    font-size: 0.8rem;
  }
}

.benefits-box:nth-child(2) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(2) img {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(3) div {
    letter-spacing: -0.05em;
  }
}

.benefits-box:nth-child(3) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(3) img {
    width: 5.5rem;
  }
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(3) p {
    letter-spacing: -0.08em;
  }
}

.benefits-box:nth-child(4) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(4) img {
    width: 5.5rem;
  }
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(4) p {
    letter-spacing: -0.08em;
  }
}

.benefits-box:nth-child(5) {
  text-align: center;
}

.benefits-box:nth-child(5) img {
  width: 7rem;
  aspect-ratio: 70/73;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(5) img {
    width: 4.5rem;
  }
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(5) p {
    letter-spacing: -0.08em;
  }
}

.benefits-box:nth-child(6) {
  text-align: center;
}

.benefits-box:nth-child(6) img {
  width: 5.7rem;
  aspect-ratio: 57/84;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(6) img {
    width: 3.6rem;
  }
}

.benefits-box:nth-child(7) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(7) img {
    width: 5.5rem;
  }
}

.benefits-box:nth-child(8) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(8) img {
    width: 5.5rem;
  }
}

.benefits-box:nth-child(9) {
  text-align: center;
}

.benefits-box:nth-child(9) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(9) img {
    width: 5.5rem;
  }
}

.benefits-box:nth-child(10) img {
  width: 5.9rem;
  aspect-ratio: 59/82;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(10) img {
    width: 4rem;
  }
}

.benefits-box:nth-child(11) {
  text-align: center;
}

.benefits-box:nth-child(11) img {
  width: 4.4rem;
  aspect-ratio: 44/82;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(11) img {
    width: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(11) div {
    letter-spacing: -0.05em;
  }
}

.benefits-box:nth-child(12) {
  text-align: center;
}

.benefits-box:nth-child(12) img {
  width: 7.4rem;
  aspect-ratio: 74/64;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(12) img {
    width: 4.5rem;
  }
}

.benefits-box:nth-child(13) {
  text-align: center;
}

.benefits-box:nth-child(13) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(13) img {
    width: 5.5rem;
  }
}

.benefits-box:nth-child(14) {
  text-align: center;
}

.benefits-box:nth-child(14) img {
  width: 8.2rem;
  aspect-ratio: 82/82;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(14) img {
    width: 5rem;
  }
}

.benefits-box:nth-child(15) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(15) img {
    width: 5.5rem;
  }
}

.benefits-box:nth-child(16) {
  text-align: center;
}

.benefits-box:nth-child(16) img {
  width: 7.9rem;
  aspect-ratio: 79/72;
}

@media screen and (max-width: 768px) {
  .benefits-box:nth-child(16) img {
    width: 5.5rem;
  }
}

.benefits-box img {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.benefits-box-heading {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.125;
}

@media screen and (max-width: 768px) {
  .benefits-box-heading {
    font-size: 1.6rem;
  }
}

.benefits-box-p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
}

@media screen and (max-width: 768px) {
  .benefits-box-p {
    font-size: 1rem;
  }
}

.benefits-box-caption {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.4rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .benefits-box-caption {
    font-size: 1rem;
  }
}

.faq {
  padding-top: 15.1rem;
  padding-bottom: 11.5rem;
}

@media screen and (max-width: 768px) {
  .faq {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }
}

.faq-items {
  margin-top: 13.3rem;
  padding-left: 4.6rem;
}

@media screen and (max-width: 768px) {
  .faq-items {
    margin-top: 5rem;
    padding-left: 0;
  }
}

.faq-item:not(:last-child) {
  margin-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .faq-item:not(:last-child) {
    margin-bottom: 3rem;
  }
}

.faq-q {
  padding-left: 1em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  border-bottom: 1px solid #eef0f7;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .faq-q {
    padding-bottom: 1rem;
    align-items: flex-start;
    font-size: 1.4rem;
  }
}

.faq-q span {
  font-size: 3.2rem;
  font-weight: bold;
  color: #283e97;
  margin-right: 0.6em;
}

@media screen and (max-width: 768px) {
  .faq-q span {
    font-size: 2.2rem;
  }
}

.faq-a {
  padding: 1.4rem 5rem 1.6rem 1.4rem;
  background-color: #eef0f7;
  min-height: 9.8rem;
}

@media screen and (max-width: 768px) {
  .faq-a {
    padding-right: 1.4rem;
  }
}

.faq-a span {
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  margin-right: 0.6em;
}

@media screen and (max-width: 768px) {
  .faq-a span {
    font-size: 2.2rem;
  }
}

.faq-a p {
  display: flex;
  align-items: baseline;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
}

@media screen and (max-width: 768px) {
  .faq-a p {
    align-items: flex-start;
    font-size: 1.4rem;
  }
}

.others {
  padding-top: 8rem;
  padding-bottom: 12.6rem;
}

@media screen and (max-width: 768px) {
  .others {
    padding-bottom: 8rem;
  }
}

.others-box {
  position: relative;
  padding-left: 15rem;
  border-left: 0.3rem solid #fff;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 7.7rem;
  width: 100%;
  max-width: 109.3rem;
  height: 39rem;
  background: url(../images/top/others-bnr.webp) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .others-box {
    margin-top: 5rem;
    height: 20rem;
    padding-left: 4rem;
  }
}

.others-box-heading {
  padding-top: 6rem;
  font-size: 3.6rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .others-box-heading {
    padding-top: 2.7rem;
    font-size: 2.2rem;
  }
}

.others-box-p {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .others-box-p {
    font-size: 1.4rem;
    margin-top: 1.1rem;
    line-height: 1.42;
  }
}

.others-box-more {
  margin-top: 18.7rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: right;
  width: 15rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .others-box-more {
    margin-top: 6rem;
    font-size: 1rem;
  }
}

.others-box-tate {
  top: 15.5rem;
  letter-spacing: 0.2em;
  position: absolute;
  left: -4.4rem;
  font-size: 1.4rem;
  transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  .others-box-tate {
    font-size: 0.8rem;
    top: 8rem;
    left: -4.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .sidebar {
    top: 50%;
    right: auto;
    left: 50%;
    width: min(90vw, 32rem);
    max-width: 32rem;
    padding: 3.2rem 2.4rem;
    background-color: #3C3C3C;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10000;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2.4rem;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
  }
}

@media screen and (max-width: 768px) {
  .sidebar {
    max-height: calc(72vh - 4rem);
  }
}

@media screen and (max-width: 1024px) {
  .sidebar.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/*# sourceMappingURL=index.css.map */