/*! Writen  by SCSS */
.pre-inc .equipment_wrap .sec .grid_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense;
  column-gap: 3.25%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec .grid_wrap {
    column-gap: 4%;
    grid-template-columns: repeat(2, 1fr);
  }
}
.pre-inc .equipment_wrap .sec .grid_wrap .main_img .cap_img, .pre-inc .equipment_wrap .sec .grid_wrap .main_img .icon {
  position: absolute;
  right: 0;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec .grid_wrap .main_img .cap_img, .pre-inc .equipment_wrap .sec .grid_wrap .main_img .icon {
    padding: 5px;
  }
}
.pre-inc .equipment_wrap .sec .grid_wrap .main_img .cap_img {
  bottom: 0;
}
.pre-inc .equipment_wrap .sec .grid_wrap .main_img .icon {
  top: 0;
}
.pre-inc .equipment_wrap .sec .grid_wrap .main_img .icon.left {
  right: auto;
  left: 0;
}
.pre-inc .equipment_wrap .sec .item_wrap .item {
  display: flex;
  flex-direction: column;
  row-gap: clamp(12px, 1.25vw, 20px);
}
.pre-inc .equipment_wrap .sec .item_wrap .item .item_name {
  line-height: 1;
}
.pre-inc .equipment_wrap .sec .item_wrap .item .item_name.lh {
  line-height: 1.5;
}
.pre-inc .equipment_wrap .sec .item_wrap .item .item_read {
  line-height: 1.5;
}
.pre-inc .equipment_wrap .sec .en_ttl.en_ttl01 {
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec .en_ttl.en_ttl01 {
    margin-bottom: 20px !important;
  }
}
.pre-inc .equipment_wrap .sec01 {
  margin-bottom: clamp(60px, 11.875vw, 190px);
}
.pre-inc .equipment_wrap .sec01 .en_ttl {
  width: 33.13%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .en_ttl {
    width: 80%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap01 {
  column-gap: 3.25%;
  row-gap: clamp(30px, 2.813vw, 45px);
  margin-bottom: clamp(40px, 3.75vw, 60px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap01 {
    margin-bottom: 30px;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap01 .item01 {
  grid-row: 1/4;
  grid-column: 3/5;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap01 .item01 {
    grid-row: span 1;
    grid-column: span 2;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap01 .item01 .icon {
    width: 44%;
  }
  .pre-inc .equipment_wrap .sec01 .sec01_wrap01 .item01 .cap_img {
    width: 34.37%;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 {
    flex-wrap: wrap;
    row-gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 {
    row-gap: 30px;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 {
  width: 39.38%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 {
    width: 100%;
    max-width: 630px;
    margin-inline: auto;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .img_wrap {
  width: 57.31%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .img_wrap {
    width: 48%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .img_wrap .img span {
  bottom: auto;
  top: auto;
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .img_wrap .icon {
  margin-top: clamp(5px, 0.625vw, 10px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .img_wrap .icon {
    width: 50%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .text_wrap {
  width: 35.88%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item01 .text_wrap {
    width: 48%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 {
  width: 56.88%;
  background: #eae5e3;
  padding: clamp(20px, 2.188vw, 35px) 3.13%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 {
    padding: 20px;
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .text_wrap {
  width: 31.69%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .text_wrap {
    width: 100%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .text_wrap .icon {
  mix-blend-mode: multiply;
  margin-top: 5px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .text_wrap .icon {
    width: 50%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .img_wrap {
  width: 33.54%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .img_wrap {
    width: 61%;
    row-gap: 5px;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 > .img {
  width: 21.66%;
  align-content: center;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 > .img {
    width: 32%;
  }
}
.pre-inc .equipment_wrap .sec01 .sec01_wrap02 .item02 .cap01 {
  color: #000;
  text-shadow: none;
}
.pre-inc .equipment_wrap .sec02 {
  background: #f4f4f4;
  padding: clamp(60px, 6.25vw, 100px) 0 clamp(60px, 10vw, 160px);
  margin-bottom: clamp(60px, 7.5vw, 120px);
}
.pre-inc .equipment_wrap .sec02 .en_ttl01 {
  left: auto;
  right: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 2.61%;
  text-align: right;
  width: 42.92%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .en_ttl01 {
    text-align: left;
    padding-right: 0;
    padding-left: 2.61%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .en_ttl01 {
    width: 100%;
    padding-inline: 20px;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 {
  margin-bottom: clamp(40px, 5vw, 80px);
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 {
    row-gap: 30px;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item01 {
  grid-column: span 2;
  grid-row: 1/3;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item01 .icon {
    width: 20.16%;
  }
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item01 .cap_img {
    width: 45.46%;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02, .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item03 {
  grid-column: span 2;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: clamp(20px, 2.5vw, 40px);
  padding-bottom: clamp(30px, 2.813vw, 45px);
  margin-bottom: clamp(30px, 2.563vw, 41px);
  border-bottom: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 {
    margin-bottom: 0;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .ttl01 {
  width: 100%;
  font-size: clamp(20px, 1.875vw, 30px);
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 3.88%;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .ttl01::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #231815;
  pointer-events: none;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .ttl01 span {
  flex-shrink: 0;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .item_in {
  width: 46.52%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(15px, 1.875vw, 30px);
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .item_in .item_name .small {
  font-size: 90%;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .item_in .img {
  width: 73.62%;
  margin-inline: auto;
  text-align: center;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .item_in .cap_l {
  margin-top: 10px;
  letter-spacing: -0.06em;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item02 .item_in .cap_l {
    margin-top: 20px;
    margin-right: -115%;
    letter-spacing: 0em;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item03 {
  display: grid;
  grid-template-columns: 69.38% 25.72%;
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense;
  align-items: flex-end;
  row-gap: clamp(15px, 1.25vw, 20px);
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item03 .text_wrap {
  display: flex;
  flex-direction: column;
  row-gap: clamp(12px, 1.25vw, 20px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item03 .text_img {
    grid-column: 1/3;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item03 > .img {
  grid-row: 1/3;
  grid-column: 2/3;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap01 .item03 > .img {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 {
    flex-direction: column-reverse;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01, .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 {
  position: relative;
  width: 48.32%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01, .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 {
    width: 100%;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 {
    row-gap: 30px;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .en_ttl {
  position: absolute;
  width: 67.66%;
  right: 0;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .en_ttl {
    width: 65.79%;
    right: 0;
    padding-inline: 0;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 {
  align-items: flex-end;
  margin-top: clamp(30px, 8.438vw, 135px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 {
    margin-top: 75px;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 .img {
  width: 61.71%;
  position: relative;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 .img .icon {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 .img .icon {
    padding: 5px;
    width: 68.51%;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 .text_wrap {
  width: 34.93%;
  margin-bottom: clamp(30px, 4.375vw, 70px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item01 .text_wrap {
    margin-bottom: 0;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item02 .text_wrap {
  width: 46.32%;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap01 .item02 .img {
  width: 46.71%;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 {
  flex-wrap: wrap;
  row-gap: clamp(30px, 3.438vw, 55px);
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 {
    margin-bottom: 50px;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 .item {
  width: 46.71%;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 .item.sb {
  justify-content: space-between;
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 .item06 .img_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: clamp(10px, 0.938vw, 15px);
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 .item06 .img_wrap .txt {
  color: #004ea2;
  letter-spacing: -0.1em;
  font-size: clamp(11px, 1.177vw, 20px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 .item06 .img_wrap .txt {
    line-height: 1.4;
  }
}
.pre-inc .equipment_wrap .sec02 .sec02_wrap02 .wrap02 .item06 .img_wrap .img {
  width: 47.37%;
}
.pre-inc .equipment_wrap .sec03 {
  margin-bottom: clamp(100px, 9.375vw, 150px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec03 {
    margin-bottom: 60px;
  }
}
.pre-inc .equipment_wrap .sec03 .en_ttl01 {
  width: 21.52%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec03 .en_ttl01 {
    width: 51.95%;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 {
    flex-direction: column;
    row-gap: 30px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 {
    row-gap: 40px;
  }
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01, .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 {
  width: 48.32%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01, .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 {
    width: 100%;
  }
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 {
  grid-template-columns: 61.71% 33.38%;
  justify-content: space-between;
  row-gap: clamp(20px, 6.25vw, 100px);
}
@media screen and (max-width: 1200px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 {
    row-gap: 45px;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 {
    row-gap: 80px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 {
    row-gap: 25px;
  }
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 .item01 {
  grid-row: span 2;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 .item01 .icon {
    width: 32.75%;
  }
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 .item01 .cap_img {
    width: 52%;
  }
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 .item03 {
  position: relative;
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap01 .item03 .icon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 {
  flex-wrap: wrap;
  row-gap: clamp(30px, 4.375vw, 70px);
}
@media screen and (max-width: 1200px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 {
    row-gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 {
    row-gap: 30px;
  }
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 .item {
  width: 46.71%;
}
.pre-inc .equipment_wrap .sec03 .sec03_wrap01 .wrap02 .item01 .img_in .left {
  right: auto;
  left: 0;
}
.pre-inc .equipment_wrap .item_name .small {
  font-size: 90%;
}
.pre-inc .equipment_wrap .item_name .small02 {
  font-size: 83%;
}
.pre-inc .equipment_wrap .item_name.mb {
  margin-bottom: clamp(12px, 1.25vw, 20px);
}
.pre-inc .equipment_wrap .no_shadow.black .cap {
  text-shadow: none !important;
}
.pre-inc .equipment_wrap .ls_02 {
  letter-spacing: -0.02em !important;
}
.pre-inc .equipment_wrap .ls_04 {
  letter-spacing: -0.04em !important;
}
.pre-inc .equipment_wrap .ls_06 {
  letter-spacing: -0.06em !important;
}
.pre-inc .equipment_wrap .ls_08 {
  letter-spacing: -0.08em !important;
}
.pre-inc .equipment_wrap .ls_1 {
  letter-spacing: -0.1em !important;
}
@media screen and (max-width: 480px) {
  .pre-inc .equipment_wrap .ls02_sp {
    letter-spacing: -0.02em !important;
  }
  .pre-inc .equipment_wrap .ls04_sp {
    letter-spacing: -0.04em !important;
  }
  .pre-inc .equipment_wrap .ls06_sp {
    letter-spacing: -0.06em !important;
  }
  .pre-inc .equipment_wrap .ls08_sp {
    letter-spacing: -0.08em !important;
  }
  .pre-inc .equipment_wrap .ls1_sp {
    letter-spacing: -0.1em !important;
  }
}

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