@charset "UTF-8";
/*! Writen  by SCSS */
.pre-inc .inner_main .main_bg {
  aspect-ratio: 19.2/3.58;
}
@media screen and (max-width: 480px) {
  .pre-inc .inner_main .main_bg {
    aspect-ratio: 7.5/3.58;
  }
}
.pre-inc .inner_main .main_bg.page01 {
  background-image: url("../images/quality/main01.jpg");
}
@media screen and (max-width: 480px) {
  .pre-inc .inner_main .main_bg.page01 {
    background-image: url("../images/quality/main01_sp.jpg");
  }
}
.pre-inc .inner_main .main_bg.page02 {
  background-image: url("../images/quality/main02.jpg");
}
@media screen and (max-width: 480px) {
  .pre-inc .inner_main .main_bg.page02 {
    background-image: url("../images/quality/main02_sp.jpg");
  }
}
.pre-inc .inner_main .main_bg.page03 {
  background-image: url("../images/quality/main03.jpg");
}
@media screen and (max-width: 480px) {
  .pre-inc .inner_main .main_bg.page03 {
    background-image: url("../images/quality/main03_sp.jpg");
  }
}
.pre-inc .inner_main .main_bg.page04 {
  background-image: url("../images/quality/main04.jpg");
}
@media screen and (max-width: 480px) {
  .pre-inc .inner_main .main_bg.page04 {
    background-image: url("../images/quality/main04_sp.jpg");
  }
}
.pre-inc .equip_tab {
  margin: clamp(50px, 6.667vw, 80px) auto;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip_tab {
    margin: 30px auto;
    flex-wrap: wrap;
    gap: 12px 0;
  }
}
.pre-inc .equip_tab a {
  display: block;
  width: 23.34%;
  background: #FFF;
  text-align: center;
  padding: 20px 5px;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  transition: 0.3s all ease-in-out 0s;
}
@media screen and (max-width: 820px) {
  .pre-inc .equip_tab a {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip_tab a {
    width: 48%;
    font-size: 12px;
  }
}
.pre-inc .equip_tab a.cr {
  color: #FFF;
  background: #1b3882;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.pre-inc:not(.mobile) .equip_tab a:hover {
  color: #FFF;
  background: #1b3882;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.pre-inc .item_name {
  font-size: clamp(16px, 1.334vw, 24px);
  line-height: 1.33;
  font-weight: 700;
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
@media screen and (max-width: 480px) {
  .pre-inc .item_name {
    font-size: 12px;
  }
}
.pre-inc .item_name.big {
  font-size: clamp(24px, 2.118vw, 36px);
}
@media screen and (max-width: 480px) {
  .pre-inc .item_name.big {
    font-size: 16px;
  }
}
.pre-inc .item_name.lt {
  letter-spacing: -0.05em;
}
.pre-inc .item_name .small {
  font-size: 75%;
}
.pre-inc .item_read {
  font-size: clamp(12px, 0.889vw, 16px);
  letter-spacing: normal;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .pre-inc .item_read {
    font-size: 10px;
  }
}
.pre-inc .item_read.small {
  font-size: clamp(11px, 0.778vw, 14px);
}
@media screen and (max-width: 480px) {
  .pre-inc .item_read.small {
    font-size: 10px;
  }
}
.pre-inc .item_read .cap_l {
  display: block;
}
.pre-inc .item_image.fit {
  width: fit-content;
  margin: 0 auto;
}
.pre-inc .col4 {
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: clamp(30px, 2.942vw, 50px) 3.24%;
}
.pre-inc .col4 .item {
  width: 22.57%;
}
.pre-inc .col4 .item.double {
  width: 48.32%;
}
.pre-inc .col4 .item.full {
  width: 100%;
}
.pre-inc .col5 {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: clamp(40px, 4.706vw, 80px) 3.7375%;
}
.pre-inc .col5 .item {
  width: 17.01%;
}
.pre-inc .col5 .item.double {
  width: 48.13%;
}
.pre-inc .col5 .item.full {
  width: 100%;
}

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