.topMainArea {
  overflow: hidden;
}
.topMainArea .swiperWrap {
  padding-bottom: 112px;
  position: relative;
}
.topMainArea .swiperWrap .ti01Wrap {
  position: absolute;
  left: 0;
  bottom: 50%;
  width: calc(50% - 56px);
  z-index: 10;
  pointer-events: none;
  transform: translateY(26%);
  padding: 35px 2.9761904762% 25px 13.0357142857%;
  background: #FF9002;
  border-radius: 0 20px 20px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiperWrap .ti01Wrap {
    width: 68%;
    padding: 4.1666666667vw 3% 4.1666666667vw 7%;
  }
}
.topMainArea .swiperWrap .ti01Wrap .ti01 {
  color: #fff;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiperWrap .ti01Wrap .ti01 {
    font-size: 1.8rem;
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .topMainArea .swiperWrap {
    padding-bottom: 11.6666666667vw;
  }
}
.topMainArea .swiper {
  padding: 4px 0;
  background: #fff;
  position: relative;
}
.topMainArea .swiper-slide {
  transition: transform 0.3s;
  height: 660px;
  width: 100%;
}
.topMainArea .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiper-slide {
    height: 85.4166666667vw;
  }
}
.topMainArea .swiper-button-next-custom,
.topMainArea .swiper-button-prev-custom {
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-top: -76px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiper-button-next-custom,
  .topMainArea .swiper-button-prev-custom {
    width: 8.3333333333vw;
    height: 8.3333333333vw;
    margin-top: -15.8333333333vw;
  }
}
.topMainArea .swiper-button-next-custom {
  left: 45px;
  background: url("../img/ic_arrow08.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiper-button-next-custom {
    left: 1.875vw;
  }
}
.topMainArea .swiper-button-prev-custom {
  right: 45px;
  background: url("../img/ic_arrow09.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiper-button-prev-custom {
    right: 1.875vw;
  }
}
.topMainArea .swiper-pagination {
  bottom: 70px;
}
@media screen and (max-width: 767px) {
  .topMainArea .swiper-pagination {
    bottom: 3.5416666667vw;
  }
}
.topMainArea .swiper-pagination-bullet {
  background: none;
  border: 1px solid #82765D;
  opacity: 1;
  width: 10px;
  height: 10px;
}
.topMainArea .swiper-pagination-bullet-active {
  background: #82765D;
}

.aboutUsSection {
  padding-top: 94px;
  padding-bottom: 115px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
	.aboutUsSection {
  	padding-bottom: 80px;
	}
}
.aboutUsSection .imgContainer01 {
  min-height: 652px;
}
.aboutUsSection .imgContainer01 .textWrap {
  width: 47.5%;
}
@media screen and (max-width: 767px) {
  .aboutUsSection .imgContainer01 .textWrap {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .aboutUsSection .imgContainer01.typeImgR .fig01 {
    left: 58.1%;
    height: 652px;
  }
  .aboutUsSection .imgContainer01.typeImgR .fig01 img {
    width: 948px;
  }
}

.businessSection {
  padding-top: 120px;
  padding-bottom: 186px;
  background: #FFFBF3;
}
@media screen and (max-width: 767px) {
	.businessSection {
		padding-top: 56px;
  	padding-bottom: 80px;
	}
}
.businessSection .link01.type02 {
  margin-top: 38px;
}
.businessSection .heading04Wrap + .serviceList01 {
  margin-top: 81px;
}

.introductionExam {
  padding-top: 121px;
  padding-bottom: 180px;
  overflow: hidden;
  background: #E5F0D2;
}
@media screen and (max-width: 767px) {
  .introductionExam {
    padding-top: 56px;
    padding-bottom: 80px;
  }
}
.introductionExam .swiperWrap {
  position: relative;
  margin-top: 88px;
}
@media screen and (max-width: 767px) {
  .introductionExam .swiperWrap {
    margin-top: 56px;
		padding: 0 7.5%;
  }
}
.introductionExam .swiper-slide {
  transition: transform 0.3s;
  width: 430px;
  padding: 0 25px 30px;
  background: #fff;
  box-shadow: 0 0 4px rgba(183, 162, 118, 0.3);
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .introductionExam .swiper-slide {
    width: 84.7916666667vw;
  }
}
.introductionExam .swiper-slide .fig01 {
  margin: 0 -25px 21px;
}
.introductionExam .swiper-slide .category {
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 1.2rem;
  min-width: inherit;
  margin-right: 0;
  margin-bottom: 8px;
}
.introductionExam .swiper-slide .tx01 {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9rem;
  line-height: 1.6;
  margin-bottom: 7px;
}
.introductionExam .swiper-slide .textH02 {
  line-height: 1.875;
  min-height: 9em;
}
.introductionExam .swiper-button-next-custom02,
.introductionExam .swiper-button-prev-custom02 {
  position: absolute;
  top: 56%;
  width: 64px;
  height: 64px;
  margin-top: -76px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .introductionExam .swiper-button-next-custom02,
  .introductionExam .swiper-button-prev-custom02 {
    width: 8.3333333333vw;
    height: 8.3333333333vw;
    margin-top: -15.8333333333vw;
  }
}
.introductionExam .swiper-button-next-custom02 {
  left: calc(50% - 708px);
  background: url("../img/ic_arrow15.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 1460px) {
  .introductionExam .swiper-button-next-custom02 {
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .introductionExam .swiper-button-next-custom02 {
    left: 2.0833333333vw;
  }
}
.introductionExam .swiper-button-prev-custom02 {
  right: calc(50% - 708px);
  background: url("../img/ic_arrow16.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 1460px) {
  .introductionExam .swiper-button-prev-custom02 {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .introductionExam .swiper-button-prev-custom02 {
    right: 2.0833333333vw;
  }
}
.introductionExam .swiper-pagination {
  bottom: 70px;
}
@media screen and (max-width: 767px) {
  .introductionExam .swiper-pagination {
    bottom: 3.5416666667vw;
  }
}
.introductionExam .swiper-pagination-bullet {
  background: none;
  border: 1px solid #60AD3B;
  opacity: 1;
  width: 10px;
  height: 10px;
}
.introductionExam .swiper-pagination-bullet-active {
  background: #60AD3B;
}

.sustainabillitySection {
  padding-top: 105px;
  padding-bottom: 175px;
  overflow: hidden;
  background: #FFFBF3;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection {
    padding-top: 56px;
    padding-bottom: 80px;
  }
}
.sustainabillitySection .heading02 + .examList01 {
  margin-top: 109px;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .heading02 + .examList01 {
    margin-top: 20.8333333333vw;
  }
}
.sustainabillitySection .swiperWrap {
  position: relative;
  margin-top: 72px;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .swiperWrap {
    margin-top: 56px;
		padding: 0 7.5%;
  }
}
.sustainabillitySection .swiper-slide {
  transition: transform 0.3s;
  width: 430px;
  padding: 0 25px 30px;
  background: #fff;
  box-shadow: 0 0 4px rgba(183, 162, 118, 0.3);
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .swiper-slide {
    width: 84.7916666667vw;
  }
}
.sustainabillitySection .swiper-slide .fig01 {
  margin: 0 -25px 21px;
}
.sustainabillitySection .swiper-slide .category {
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 1.2rem;
  min-width: inherit;
  margin-right: 0;
  margin-bottom: 8px;
}
.sustainabillitySection .swiper-slide .tx01 {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9rem;
  line-height: 1.6;
  margin-bottom: 7px;
}
.sustainabillitySection .swiper-slide .textH02 {
  line-height: 1.875;
  min-height: 9em;
}
.sustainabillitySection .swiper-button-next-custom03,
.sustainabillitySection .swiper-button-prev-custom03 {
  position: absolute;
  top: 56%;
  width: 64px;
  height: 64px;
  margin-top: -76px;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .swiper-button-next-custom03,
  .sustainabillitySection .swiper-button-prev-custom03 {
    width: 8.3333333333vw;
    height: 8.3333333333vw;
    margin-top: -15.8333333333vw;
  }
}
.sustainabillitySection .swiper-button-next-custom03 {
  left: calc(50% - 708px);
  background: url("../img/ic_arrow15.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 1460px) {
  .sustainabillitySection .swiper-button-next-custom03 {
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .swiper-button-next-custom03 {
    left: 2.0833333333vw;
  }
}
.sustainabillitySection .swiper-button-prev-custom03 {
  right: calc(50% - 708px);
  background: url("../img/ic_arrow16.svg") no-repeat 0 0/contain;
}
@media screen and (max-width: 1460px) {
  .sustainabillitySection .swiper-button-prev-custom03 {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .swiper-button-prev-custom03 {
    right: 2.0833333333vw;
  }
}
.sustainabillitySection .swiper-pagination {
  bottom: 70px;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .swiper-pagination {
    bottom: 3.5416666667vw;
  }
}
.sustainabillitySection .swiper-pagination-bullet {
  background: none;
  border: 1px solid #60AD3B;
  opacity: 1;
  width: 10px;
  height: 10px;
}
.sustainabillitySection .swiper-pagination-bullet-active {
  background: #60AD3B;
}

.companyInfoSection {
  padding-top: 130px;
  padding-bottom: 200px;
}
@media screen and (max-width: 767px) {
	.companyInfoSection {
		padding-top: 56px;
		padding-bottom: 80px;
	}
}
.companyInfoSection .link01.type02 {
  margin-top: 38px;
}

.irInfoSection {
  padding-top: 120px;
  padding-bottom: 188px;
}
@media screen and (max-width: 767px) {
	.irInfoSection {
		padding-top: 56px;
  	padding-bottom: 80px;
	}
}
.irInfoSection .link01.type02 {
  margin-top: 38px;
}

.recruitSection {
  padding-top: 120px;
  padding-bottom: 180px;
  background: #E5F0D2;
}
@media screen and (max-width: 767px) {
	.recruitSection {
		padding-top: 56px;
		padding-bottom: 80px;
	}
}
.recruitSection .recruitList01 {
  margin-top: 80px;
}

.serviceList01 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1514614703%;
}
@media screen and (max-width: 767px) {
  .serviceList01 {
    gap: 40px 0;
  }
}
.serviceList01 .item {
  width: 49.4242692648%;
}
@media screen and (max-width: 767px) {
  .serviceList01 .item {
    width: 100%;
  }
}
.serviceList01 .item .fig01 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  text-align: right;
  position: relative;
  margin-bottom: 27px;
}
@media screen and (min-width: 768px) {
  .serviceList01 .item .fig01 {
    min-height: 387px;
  }
}
.serviceList01 .item .fig01::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 28%;
  height: 100%;
  background: #9DCA4C;
}
.serviceList01 .item .fig01 figcaption {
  position: absolute;
  bottom: 30px;
  left: 37px;
  color: #fff;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 5rem;
  line-height: 1.2;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .serviceList01 .item .fig01 figcaption {
    bottom: 20px;
    left: 20px;
    font-size: 10.4166666667vw;
  }
}
.serviceList01 .item .tx01 {
  color: #82765D;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
	.serviceList01 .item .tx01 {
		font-size: 2.4rem;
	}
}

.recruitList01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .recruitList01 {
    gap: 30px 0;
  }
}
.recruitList01 .item {
  border-radius: 20px;
  overflow: hidden;
  width: 30%;　/*28.59375%;*/
}
@media screen and (max-width: 767px) {
  .recruitList01 .item {
    width: 100%;
  }
}
.recruitList01 .item.fresh {
  background: #49AF18;
  border: 2px solid #49AF18;
}
@media screen and (max-width: 767px) {
  .recruitList01 .item.fresh .icon img {
    width: 25vw;
  }
}
.recruitList01 .item.parttime {
  background: #FF9002;
  border: 2px solid #FF9002;
}
@media screen and (max-width: 767px) {
  .recruitList01 .item.parttime .icon img {
    width: 21.25vw;
  }
}
.recruitList01 .item.career {
  background: #ED6C00;
  border: 2px solid #ED6C00;
}
@media screen and (max-width: 767px) {
  .recruitList01 .item.career .icon img {
    width: 22.0833333333vw;
  }
}
.recruitList01 .item .icon {
  height: 168px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .recruitList01 .item .icon {
    height: 35vw;
  }
}
.recruitList01 .item .tx01 a {
  text-align: center;
  color: #fff;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 128px;
}
@media screen and (max-width: 767px) {
  .recruitList01 .item .tx01 a {
    height: 26.6666666667vw;
    font-size: 24;
  }
}

.sustainabillitySection .heading04Wrap > .inner01 .heading04,
.irInfoSection .heading04Wrap > .inner01 .heading04 {
  width: 506px;
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .heading04Wrap > .inner01 .heading04,
  .irInfoSection .heading04Wrap > .inner01 .heading04 {
    width: 100%;
  }
}
.sustainabillitySection .heading04Wrap > .inner01 .textH03,
.irInfoSection .heading04Wrap > .inner01 .textH03 {
  width: calc(100% - 506px);
}
@media screen and (max-width: 767px) {
  .sustainabillitySection .heading04Wrap > .inner01 .textH03,
  .irInfoSection .heading04Wrap > .inner01 .textH03 {
    width: 100%;
  }
}

.heading02 + .textH02 {
  margin-top: 40px;
}
.heading02 + .examList01 {
  margin-top: 109px;
}
@media screen and (max-width: 767px) {
  .heading02 + .examList01 {
    margin-top: 20.8333333333vw;
  }
}

.heading03 + .tabList01 {
  margin-top: 40px;
}
.heading03 + .tabList02 {
  margin-top: 38px;
}
@media screen and (max-width: 767px) {
  .heading03 + .tabList02 {
    margin-top: 10.4166666667vw;
  }
}

.heading04Wrap + .heading03 {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  .heading04Wrap + .heading03 {
    margin-top: 10vw;
  }
}