@charset "UTF-8";
.service__section .top__hl01 {
  margin-bottom: 4.5rem;
}

.service__inner {
  position: relative;
  padding-bottom: 23rem;
}
@media screen and (max-width: 1024px) {
  .service__inner {
    padding-bottom: 14rem;
  }
}

.service__text__box {
  position: relative;
  z-index: 5;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .service__text__box {
    width: 100%;
  }
}

.service__lead {
  font-size: 2.6rem;
  color: #1b1b1b;
  margin-bottom: 2.5rem;
}

.service__paragraph {
  color: #111;
  padding-right: 5rem;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .service__paragraph {
    margin-bottom: 6rem;
  }
}

.service__obj {
  position: absolute;
  left: 10rem;
  bottom: 15rem;
  /*top: 30rem;*/
  background-color: #F0F9FB;
  width: 100vw;
  height: 34rem;
  z-index: 0;
  transform: skewX(-45deg);
}


@media screen and (max-width: 1024px) {
  .service__obj {
    left: 5.5rem;
    bottom: 36rem;
    margin-top: -46rem;
    margin-left: 5.5rem;
  }
}

.service__img01 {
  position: absolute;
  top: 4.2rem;
  left: 82.5%;
  z-index: 3;
  width: 25.1rem;
}
@media screen and (max-width: 1024px) {
  .service__img01 {
    position: relative;
    top: auto;
    left: auto;
    margin-left: 60.78%;
    width: 39.22%;
  }
}

.service__img02 {
  position: absolute;
  top: 18rem;
  left: 53%;
  z-index: 1;
  width: 53.9rem;
}
@media screen and (max-width: 1024px) {
  .service__img02 {
    position: relative;
    top: auto;
    left: auto;
    margin-top: -2rem;
    width: 84.22%;
  }
}

.service__img03 {
  position: absolute;
  top: 46.4rem;
  left: 83%;
  z-index: 2;
  width: 31.9rem;
}
@media screen and (max-width: 1024px) {
  .service__img03 {
    position: relative;
    top: auto;
    left: auto;
    margin-left: calc(50.16% + 3rem);
    margin-top: -3rem;
    width: 49.84%;
  }
}

.system__section {
  margin-bottom: 14rem;
}

.system__col {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 2rem;
}
@media screen and (max-width: 1024px) {
  .system__col {
    display: block;
  }
}

.system__item {
  flex-basis: calc((100% - 2rem) / 2);
  border: 1px solid #e5e5e5;
  padding: 3.5rem 0;
}
@media screen and (max-width: 1024px) {
  .system__item {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 2rem;
  }
}

.system__title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1b1b1b;
  padding-left: 3.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .system__title {
    font-size: 3.2rem;
    padding: 0 2.5rem;
    text-align: center;
  }
}

.system__text__box {
  display: flex;
  padding: 0 3.5rem;
}
.system__text__box .text {
  width: 36.5rem;
  color: #111;
  font-size: 18px;
  line-height: 2;
}
.system__text__box .text .smal {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 1024px) {
  .system__text__box .text {
    font-size: 2.8rem;
    width: 70%;
  }
.system__text__box .text .smal {
  font-size: 2.3rem;
}
}

.system__text__box .text2{
  color: #111;
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .system__text__box .text2{
    font-size: 2.8rem;
  }
}

.system__text__box .icon {
  width: calc(100% - 36.5rem);
  text-align: center;
  padding-top: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .system__text__box .icon {
    width: 30%;
  }
}

.system__item.item01 .icon img {
  width: 8.9rem;
}
.system__item.item02 .icon img {
  width: 8.4rem;
}
.system__item.item03 .icon img {
  width: 8.3rem;
}
.system__item.item04 .icon img {
  width: 9.3rem;
}
.system__item.item05 .icon img {
  width: 10.1rem;
}

.software__section {
  margin-bottom: 13rem;
}
@media screen and (max-width: 1024px) {
  .software__section {
    margin-bottom: 9rem;
  }
}

.software__inner {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .software__inner {
    display: block;
  }
}

.software__text__box {
  flex-basis: 50%;
}
@media screen and (max-width: 1024px) {
  .software__text__box {
    margin-bottom: 6rem;
  }
}
.software__text__box .under__hl02 {
  margin-bottom: 4.5rem;
}
.software__text__box .under__hl03 {
  line-height: 1.6;
  margin-bottom: 3rem;
}

.software__paragraph {
  line-height: 2;
  color: #333;
  padding-right: 3.5rem;
}

.software__img01 {
  flex-basis: 50%;
  text-align: center;
}




.quality__section {
  margin-bottom: 13rem;
}
@media screen and (max-width: 1024px) {
  .quality__section {
    margin-bottom: 9rem;
  }
}

.quality__col {
  position: relative;
  min-height: 45.3rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .quality__col {
    display: block;
  }
}
.quality__col.col01, .quality__col.col02 {
  margin-bottom: 7rem;
}

.quality__col__inner {
  display: flex;
}

.quality__col__text {
  width: 53.5rem;
}
@media screen and (max-width: 1024px) {
  .quality__col__text {
    width: 100%;
    padding-bottom: 3rem;
  }
}

.quality__img {
  width: calc(50vw - 0.1rem);
  width: calc(40vw - 0.1rem);
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .quality__img {
    position: relative;
    height: 40vw;
    width: calc(100% - 5.5rem);
    width: calc(100% - 8rem);
  }
}
.quality__img.img02 {
  background-image: url(../img/manufact/img06.jpg);
}
.quality__img.img03 {
  background-image: url(../img/manufact/img07.jpg);
}
.quality__img.img04 {
  background-image: url(../img/manufact/img08.jpg);
}

.quality__col.img__left .quality__col__inner {
  justify-content: flex-end;
}

.quality__col.img__left .quality__img {
  left: 15rem;
}
.quality__col.img__right .quality__img {
  right: 15rem;
}

@media screen and (max-width: 1024px) {
  .quality__col.img__right .quality__img {
    margin-left: 5.5rem;
  }
}

.quality__paragraph {
  margin-bottom: 3rem;
  color: #333;
  line-height: 2;
}

.blue__bg__col {
  background-color: #f0f4fa;
  padding: 3rem 3.5rem;
}
@media screen and (max-width: 1024px) {
  .blue__bg__col {
    margin-bottom: 3rem;
  }
}

.ul01 {
  margin-left: 1rem;
}
.ul01 li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 0.4rem;
  font-size: 15px;
  color: #333;
}
@media screen and (max-width: 1024px) {
  .ul01 li {
    padding-left: 2.5rem;
    font-size: 2.5rem;
  }
}
.ul01 li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #005eaf;
  border-radius: 100%;
}

.quality__col.col02 .under__hl03, .quality__col.col03 .under__hl03 {
  margin-bottom: 3rem;
}

.environment__inner {
  padding-bottom: 13rem;
  /*border-bottom: 1px solid #e5e5e5;*/
}
@media screen and (max-width: 1024px) {
  .environment__inner {
    padding-bottom: 6rem;
  }
}

.environment__col {
  display: flex;
  justify-content: space-between;
  gap: 0 6rem;
}
@media screen and (max-width: 1024px) {
  .environment__col {
    display: block;
  }
}

.environment__box {
  flex-basis: calc((100% - 6rem) / 2);
}
@media screen and (max-width: 1024px) {
  .environment__box {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 6rem;
  }
}
.environment__box .under__hl03 {
  margin-bottom: 2rem;
}
.environment__box .under__hl04 {
  margin-bottom: 0.5rem;
}

.environment__box__upper {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}

.environment__paragraph {
  color: #333;
}

.environment__data {
  margin-bottom: 2rem;
}

.section__other__link {
  border-bottom: 1px solid #e5e5e5;
}







/***** 評価試験 *********/

.evaluation__section {
  /*border-bottom: 1px solid #e5e5e5;*/
 margin-bottom: 6rem;
}
.evaluation__section .under__hl01 {
  margin-bottom: 3rem;
}
.evaluation__section .under__hl01 .text01 {
  font-size: 2.4rem;
}
.evaluation__section .under__hl01 .text02 {
  font-size: 3.8rem;
}

.evaluation__section__inner {
  position: relative;
  z-index: 1;
}




.evaluation__item {
  flex-basis: calc((100% - 4rem) / 3);
}
@media screen and (max-width: 1024px) {
  .evaluation__item {
    flex-basis: calc((100% - 2rem) / 2);
  }
}
@media screen and (max-width: 540px) {
  .evaluation__item {
    flex-basis: 100%;
  }
}


.evaluation__link {
  border: 1px solid #e5e5e5;
  display: block;
}

.evaluation__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  padding: 1.5rem;
  color: #1b1b1b;
}
@media screen and (max-width: 1024px) {
  .evaluation__title {
    font-size: 2.8rem;
    padding: 2rem;
  }
}

.evaluation__img {
  overflow: hidden;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .evaluation__img {
    margin-bottom: 2.5rem;
  }
}
.evaluation__img img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease-out;
}

.evaluation__link:hover .projects__img img {
  transform: scale(1.05);
}

.evaluation__text__box {
  padding: 0 0 2.5rem;
  color: #333;
}
.evaluation__text__box .client__name {
  font-weight: 700;
  position: relative;
  padding: 0 2rem 0 2.5rem;
  margin-bottom: 1rem;
}
.evaluation__text__box .client__name::before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 2.7rem;
  background-color: #00759c;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .evaluation__text__box .client__name::before {
    height: 3.8rem;
    top: 0.5rem;
  }
}
.evaluation__text__box .projects__summary {
  font-size: 15px;
  margin-bottom: 1.5rem;
  padding: 0 2rem 0 2.5rem;
  color: #333;
}
@media screen and (max-width: 1024px) {
  .evaluation__text__box .projects__summary {
    font-size: 2.5rem;
  }
}

.evaluation__industry {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1rem;
  padding: 0 2rem 0 2.5rem;
}
.evaluation__industry .industry__name {
  border: 1px solid #00759c;
  height: 2.8rem;
  border-radius: 1.4rem;
  padding: 0 1.2rem;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #005eaf;
}
@media screen and (max-width: 1024px) {
  .evaluation__industry .industry__name {
    font-size: 2.3rem;
    height: 4.2rem;
    border-radius: 2.1rem;
  }
}




/*******　　評価試験　test__section **********************************************/

.test__section {
  /*border-bottom: 1px solid #e5e5e5;*/
 margin-bottom: 6rem;
}

.test__section__inner {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .test__section__inner {
    display: block;
  }
}

.test__contents {
  /*width: calc(100% - 18.5rem);*/
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .test__contents {
    width: 100%;
  }
}

.test__paragraph {
    font-size: 18px;
  margin-bottom: 3rem;
  color: #333;
  line-height: 2;
}

.test__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 3rem;
    margin-bottom: 9rem;
}

.test__item {
 flex-basis: calc((100% - 3rem) / 2);
}

@media screen and (max-width: 1024px) {
  .test__item {
    flex-basis: calc((100% - 3rem) / 2);
  }
}
@media screen and (max-width: 540px) {
  .test__item {
    flex-basis: 100%;
  }
}

.test__link {
  border: 1px solid #e5e5e5;
  display: block;
}

.test__img {
  overflow: hidden;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .test__img {
    margin-bottom: 2.5rem;
  }
}
.test__img img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease-out;
}

.test__text__box {
  padding: 0 0 2.5rem;
  color: #333;
}

.test__text__box .test__summary {
  font-size: 15px;
  margin-bottom: 1.5rem;
  padding: 0 2rem;
  color: #111;
}
@media screen and (max-width: 1024px) {
  .test__text__box .test__summary {
    font-size: 2.5rem;
  }
}