@charset "UTF-8";
/* ----------------------------------------

  セキュリティ
  /security/index.html

---------------------------------------- */
body.security .page_catch.ta_c {
  margin-bottom: 2em;
  font-size: 1.8em;
  font-family: "Noto Serif CJK JP", serif;
  color: #907643;
  text-align: center;
}
body.security .img01 {
  width: 80%;
  max-width: 470px;
  margin: 5% auto;
}
body.security .img02 {
  display: block;
  width: 100%;
  max-width: 735px;
  margin: 0 auto;
}
body.security .subttl {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #c8c8c8;
  font-size: 16px;
  line-height: 1.2;
  color: #6a5226;
  font-family: "Noto Serif CJK JP", serif;
  margin: 20px auto;
}
body.security .img07 p {
  margin-top: 1em;
}
body.security .img07 p small {
  display: block;
  margin-top: 1em;
}
body.security .page_section .box_row .cmn_img + .cmn_txt {
  margin-top: 1.25em;
  font-family: "Noto Serif CJK JP", serif;
}
body.security .page_section .box_row .cmn_txt dt {
  line-height: 1.4;
  font-size: 1.06em;
  color: #907643;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 3.2em;
  margin: 0.25em 0 0.25em;
}
body.security .sec_title {
  font-family: "EB Garamond", serif;
  font-size: 24px;
  letter-spacing: 1.5px;
  color: #fff;
  background-color: #a49c90;
  margin: 3em 0 1.5em;
  padding: 8px 0 8px 15px;
}
body.security .sec_title span {
  font-size: 12px;
  font-family: "Noto Serif CJK JP", serif;
  color: #fff;
  padding-left: 5px;
}
body.security .sec_cont {
  font-family: "Noto Serif CJK JP", serif;
  text-align: center;
  margin: 5% auto;
}
body.security .sec_cont p {
  font-size: 18px;
}
body.security .sec_cont h2 {
  font-size: 40px;
  color: #6a5226;
  padding-block: 8px;
}
body.security .page_notes {
  margin-top: 3em;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-size: 0.8em;
  color: #333;
}
@media (min-width: 769px) {
  body.security .page_section .box_row {
    display: flex;
  }
  body.security .page_section .box_row.col_x2 {
    justify-content: space-between;
  }
  body.security .page_section .box_row:not(:first-child) {
    margin-top: 4%;
  }
  body.security .page_section .box_row.col_x2 > * {
    width: 47%;
  }
  body.security .img0708 {
    justify-content: space-between;
  }
  body.security .img07 {
    width: 38%;
  }
  body.security .img07 p {
    font-family: "Noto Serif CJK JP", serif;
    margin-top: 1em;
  }
  body.security .img07 p small {
    display: block;
    margin-top: 1em;
  }
  body.security .img08 {
    width: 55%;
  }
  body.security .img0910 {
    justify-content: space-between;
  }
  body.security .img09 {
    width: 61%;
  }
  body.security .img10 {
    width: 41%;
  }
}
@media (max-width: 768px) {
  body.security .sec_cont h2 {
    font-size: min(6.7vw, 42px);
  }
  body.security .sec_cont h2 {
    font-size: min(4.25vw, 34px);
  }
  body.security .sec_title {
    font-size: min(4vw, 42px);
  }
  body.security .sec_title span {
    font-size: min(3vw, 16px);
  }
  body.security .page_section .box_row {
    display: flex;
  }
  body.security .page_section .box_row.col_x1,
  body.security .page_section .box_row.col_x2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body.security .box_row.col_x2.sp_flex {
    display: flex;
    justify-content: space-between;
  }
  body.security .box_row.col_x2.sp_flex > * {
    width: 48%;
    margin: 0;
  }
  body.security .box_row.col_x3 > * {
    width: 48%;
    margin: 0;
  }
  body.security .img3456 {
    /* .cmn_img {
      width: 25%;
    } */
  }
  body.security .img3456 .cmn_txt {
    flex: 1;
    margin: 0 0 0 1em !important;
  }
  body.security .img0708,
  body.security .img0910 {
    display: block !important;
  }
  body.security .img0708 > *,
  body.security .img0910 > * {
    margin-top: 5%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

/*# sourceMappingURL=style_security.css.map */
