@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
/* font */
/* Quality
*****************************************************************/
.quality .ttl_common {
  max-width: 212px;
}
@media all and (max-width: 896px) {
  .quality .ttl_common {
    max-width: 170px;
  }
}
.quality .sec_anchor {
  text-align: center;
  margin-top: 60px;
}
@media all and (max-width: 896px) {
  .quality .sec_anchor {
    margin-top: 30px;
  }
}
.quality .sec_anchor .list_anchor {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6%;
  color: #fff;
}
@media all and (max-width: 896px) {
  .quality .sec_anchor .list_anchor {
    gap: 20px;
  }
}
@media all and (max-width: 480px) {
  .quality .sec_anchor .list_anchor {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
.quality .sec_anchor .list_anchor a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding: 15px 30px;
  background: linear-gradient(to right, #A38660, #231103);
  position: relative;
}
@media all and (max-width: 896px) {
  .quality .sec_anchor .list_anchor a {
    padding: 10px 20px;
  }
}
.quality .sec_anchor .list_anchor a::before {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #D6D4B0;
  position: absolute;
  top: 5px;
  left: 5px;
}
.quality .sec_anchor .en_anchor {
  font-size: 3.4rem;
  border-bottom: 1px solid #D6D4B0;
  padding-bottom: 5px;
}
@media all and (max-width: 896px) {
  .quality .sec_anchor .en_anchor {
    font-size: 2rem;
  }
}
.quality .sec_anchor .ttl_anchor {
  font-size: 1.7rem;
  margin-top: 5px;
}
@media all and (max-width: 896px) {
  .quality .sec_anchor .ttl_anchor {
    font-size: 1.4rem;
  }
}
.quality .block_ttl_quality {
  display: flex;
  background: linear-gradient(to right, #231103, #A38660);
}
@media all and (max-width: 896px) {
  .quality .block_ttl_quality {
    padding: 10px 20px;
    flex-wrap: wrap;
  }
}
.quality .block_ttl_quality .ttl_quality {
  box-sizing: border-box;
  padding: 10px 10px 10px 60px;
  width: 300px;
  font-size: 3.4rem;
  color: #A48D00;
  flex-shrink: 0;
}
@media all and (max-width: 896px) {
  .quality .block_ttl_quality .ttl_quality {
    font-size: 2.2rem;
    width: 100%;
    padding: 0;
  }
}
.quality .block_ttl_quality .copy_quality {
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-size: 2.2rem;
  color: #fff;
  flex-grow: 1;
}
@media all and (max-width: 896px) {
  .quality .block_ttl_quality .copy_quality {
    font-size: 1.8rem;
    width: 100%;
    padding: 5px 0 0;
  }
}
.quality .name_quality {
  font-size: 2rem;
  color: #231103;
}
@media all and (max-width: 896px) {
  .quality .name_quality {
    font-size: 1.6rem;
  }
}
.quality .txt_quality {
  font-size: 1.5rem;
}
.quality .txt_caption {
  font-size: 1.2rem;
  text-align: right;
  margin-top: 3px;
}
.quality .txt_caption.txt_l {
  text-align: left;
}
.quality .txt_caption.txt_c {
  text-align: center;
}
.quality .box_img {
  text-align: center;
}
.quality .area_security {
  padding-top: 340px;
  margin-top: -280px;
}
@media all and (max-width: 896px) {
  .quality .area_security {
    padding-top: 160px;
    margin-top: -100px;
  }
}
.quality .area_security .ttl_security {
  font-size: 2.8rem;
  color: #231103;
}
@media all and (max-width: 896px) {
  .quality .area_security .ttl_security {
    font-size: 2rem;
  }
}
.quality .area_security .subttl_security {
  font-size: 1.7rem;
}
@media all and (max-width: 896px) {
  .quality .area_security .subttl_security {
    font-size: 1.5rem;
  }
}
.quality .area_security .copy_security {
  margin-top: 5px;
}
.quality .area_security .block_total {
  padding: 30px 0 20px;
}
@media all and (max-width: 896px) {
  .quality .area_security .block_total {
    padding-top: 20px;
  }
}
.quality .area_security .block_total .img_total {
  margin-top: 10px;
}
.quality .area_security .block_autolock {
  border-top: 1px solid #231815;
  padding: 20px 0;
  display: flex;
}
@media all and (max-width: 896px) {
  .quality .area_security .block_autolock {
    display: block;
  }
}
.quality .area_security .block_autolock .item_left {
  box-sizing: border-box;
  width: 58%;
  padding-right: 20px;
  border-right: 1px solid #231815;
}
@media all and (max-width: 896px) {
  .quality .area_security .block_autolock .item_left {
    width: 100%;
    padding: 0 0 20px;
    border-right: none;
    border-bottom: 1px solid #231815;
  }
}
.quality .area_security .block_autolock .item_right {
  box-sizing: border-box;
  width: 42%;
  padding-left: 20px;
}
@media all and (max-width: 896px) {
  .quality .area_security .block_autolock .item_right {
    width: 100%;
    padding: 20px 0 0;
  }
}
.quality .area_security .block_autolock .img_autolock {
  margin-top: 10px;
}
.quality .area_security .list_autolock > li {
  padding: 20px 0;
  border-top: 1px solid #231815;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.quality .area_security .list_autolock > li:first-of-type {
  padding-top: 0;
  border-top: none;
}
.quality .area_security .list_autolock > li:last-of-type {
  padding-bottom: 0;
}
.quality .area_security .list_autolock > li .box_img {
  width: 26%;
}
.quality .area_security .list_autolock > li .box_txt {
  width: 72%;
}
.quality .area_security .list_autolock .txt_quality {
  margin-top: 10px;
}
.quality .area_security .block_tebra {
  padding-top: 30px;
  border-top: 1px solid #231815;
}
@media all and (max-width: 896px) {
  .quality .area_security .block_tebra {
    padding-top: 20px;
  }
}
.quality .area_security .block_tebra .ttl_wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media all and (max-width: 480px) {
  .quality .area_security .block_tebra .ttl_wrapper {
    flex-direction: column;
    gap: 10px;
  }
}
.quality .area_security .block_tebra .ttl_wrapper .box_ttl {
  flex-grow: 1;
}
.quality .area_security .block_tebra .ttl_wrapper .box_logo {
  width: 150px;
  flex-shrink: 0;
}
@media all and (max-width: 896px) {
  .quality .area_security .block_tebra .ttl_wrapper .box_logo {
    width: 100px;
  }
}
.quality .area_security .list_tebra {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media all and (max-width: 896px) {
  .quality .area_security .list_tebra {
    grid-template-columns: repeat(1, 1fr);
  }
}
.quality .area_security .ttl_tebra {
  text-align: center;
  box-sizing: border-box;
  padding: 5px 10px;
  background: #B39241;
  color: #fff;
  font-size: 1.8rem;
}
@media all and (max-width: 896px) {
  .quality .area_security .ttl_tebra {
    font-size: 1.6rem;
  }
}
.quality .area_security .box_tebra {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}
.quality .area_security .box_tebra.tebra01 .item_left {
  text-align: center;
  width: 36%;
}
@media all and (max-width: 896px) {
  .quality .area_security .box_tebra.tebra01 .item_left {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
.quality .area_security .box_tebra.tebra01 .item_right {
  width: 62%;
}
@media all and (max-width: 896px) {
  .quality .area_security .box_tebra.tebra01 .item_right {
    width: 100%;
  }
}
.quality .area_security .box_tebra.tebra02 .item_left {
  width: 58%;
}
@media all and (max-width: 896px) {
  .quality .area_security .box_tebra.tebra02 .item_left {
    width: 100%;
  }
}
.quality .area_security .box_tebra.tebra02 .item_right {
  text-align: center;
  width: 40%;
}
@media all and (max-width: 896px) {
  .quality .area_security .box_tebra.tebra02 .item_right {
    width: 100%;
    max-width: 200px;
    margin: 20px auto 0;
  }
}
.quality .area_security .copy_tebra {
  font-weight: bold;
  margin-bottom: 5px;
}
.quality .area_security .name_tebra {
  padding-bottom: 3px;
  border-bottom: 1px solid #B39241;
}
.quality .area_security .item_pass {
  display: flex;
  align-items: center;
  gap: 5px;
}
.quality .area_security .list_pass {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 1.2rem;
  letter-spacing: -0.05em;
  flex-shrink: 0;
}
@media all and (max-width: 480px) {
  .quality .area_security .list_pass {
    flex-direction: column;
  }
}
.quality .area_security .list_pass > li {
  box-sizing: border-box;
  padding: 5px;
  background: #E4E4E5;
}
@media all and (max-width: 480px) {
  .quality .area_security .list_pass > li {
    width: 140px;
  }
}
.quality .area_security .list_pass .txt_large {
  font-size: 1.4em;
}
.quality .area_security .item_reader {
  display: flex;
  margin-top: 10px;
}
.quality .area_security .item_reader .box_txt {
  width: 68%;
}
.quality .area_security .item_reader .box_img {
  width: 30%;
}
.quality .area_security .item_door {
  display: flex;
}
.quality .area_security .item_door .box_txt {
  width: 60%;
}
.quality .area_security .item_door .box_img {
  width: 38%;
}
.quality .area_security .box_reader {
  margin-top: 10px;
}
.quality .area_structure {
  padding-top: 340px;
  margin-top: -280px;
}
@media all and (max-width: 896px) {
  .quality .area_structure {
    padding-top: 160px;
    margin-top: -100px;
  }
}
.quality .area_structure .txt_quality {
  margin-top: 10px;
}
.quality .area_structure .block_structure {
  padding-top: 30px;
  display: flex;
}
@media all and (max-width: 896px) {
  .quality .area_structure .block_structure {
    padding-top: 20px;
    display: block;
  }
}
.quality .area_structure .item_left {
  box-sizing: border-box;
  padding: 0 20px;
  width: 55%;
  border-right: 1px solid #231815;
}
@media all and (max-width: 896px) {
  .quality .area_structure .item_left {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #231815;
    padding: 0 0 20px;
  }
}
.quality .area_structure .item_right {
  box-sizing: border-box;
  padding: 0 20px;
  width: 45%;
}
@media all and (max-width: 896px) {
  .quality .area_structure .item_right {
    width: 100%;
    padding: 0;
  }
}
.quality .area_structure .list_structure01 > li {
  box-sizing: border-box;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #231815;
}
.quality .area_structure .list_structure01 > li:first-of-type {
  border-top: none;
}
.quality .area_structure .list_structure01 > li.al_center {
  align-items: center;
}
.quality .area_structure .list_structure01 .box_txt {
  width: 48%;
}
@media all and (max-width: 896px) {
  .quality .area_structure .list_structure01 .box_txt {
    width: 46%;
  }
}
.quality .area_structure .list_structure01 .box_img {
  width: 42%;
}
@media all and (max-width: 896px) {
  .quality .area_structure .list_structure01 .box_img {
    width: 52%;
  }
}
.quality .area_structure .list_structure02 > li {
  box-sizing: border-box;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #231815;
}
.quality .area_structure .list_structure02 > li:first-of-type {
  border-top: none;
}
.quality .area_structure .list_structure02 .box_txt {
  width: 46%;
}
.quality .area_structure .list_structure02 .box_img {
  width: 52%;
}
.quality .area_other {
  padding-top: 340px;
  margin-top: -280px;
}
@media all and (max-width: 896px) {
  .quality .area_other {
    padding-top: 160px;
    margin-top: -100px;
  }
}
.quality .area_other .txt_quality {
  margin-top: 10px;
}
.quality .area_other .list_other {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other {
    margin-top: 0;
  }
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other > li {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.quality .area_other .list_other > li:nth-of-type(1) {
  width: 40%;
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other > li:nth-of-type(1) {
    width: 100%;
  }
}
.quality .area_other .list_other > li:nth-of-type(2) {
  width: 19%;
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other > li:nth-of-type(2) {
    width: 100%;
  }
}
.quality .area_other .list_other > li:nth-of-type(3) {
  width: 31.5%;
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other > li:nth-of-type(3) {
    width: 100%;
  }
}
.quality .area_other .list_other > li .box_txt {
  margin-top: 10px;
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other > li .box_txt {
    width: 56%;
    margin-top: 0;
  }
}
@media all and (max-width: 480px) {
  .quality .area_other .list_other > li .box_txt {
    width: 100%;
    margin-top: 10px;
  }
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other > li .box_img {
    width: 42%;
  }
}
@media all and (max-width: 480px) {
  .quality .area_other .list_other > li .box_img {
    width: 100%;
  }
}
.quality .area_other .list_other .note_other {
  font-size: 1.4rem;
  margin-top: 20px;
}
@media all and (max-width: 896px) {
  .quality .area_other .list_other .note_other {
    font-size: 1.2rem;
  }
}
.quality .yokoku_wrapper {
  padding: 50px 0 80px;
}
@media all and (max-width: 896px) {
  .quality .yokoku_wrapper {
    padding: 30px 0 50px;
  }
}