/*! Writen  by SCSS */
.pre-inc .security_group {
  padding-bottom: clamp(40px, 5vw, 60px);
}
.pre-inc .security_group .security_item01 {
  margin-bottom: clamp(80px, 10vw, 120px);
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item01 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item01 .item {
    width: 100%;
  }
}
.pre-inc .security_group .security_item01 .item .item_read {
  margin-bottom: clamp(30px, 4.167vw, 50px);
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item01 .item .item_read {
    margin-bottom: 20px;
  }
}
.pre-inc .security_group .security_item02 {
  margin-bottom: clamp(80px, 11.667vw, 140px);
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item02 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item02 {
    margin-bottom: 40px;
  }
}
.pre-inc .security_group .security_item02 .security_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 25px;
}
.pre-inc .security_group .security_item02 .security_ttl:before, .pre-inc .security_group .security_item02 .security_ttl:after {
  content: "";
  width: 55px;
  background: #A59060;
  height: 1px;
}
.pre-inc .security_group .security_item02 .security_ttl.gray:before, .pre-inc .security_group .security_item02 .security_ttl.gray:after {
  background: #595757;
}
.pre-inc .security_group .security_item02 .security_ttl.gray .text {
  color: #595757;
}
.pre-inc .security_group .security_item02 .security_ttl .text {
  font-size: clamp(20px, 2.334vw, 28px);
  line-height: 1;
  flex-shrink: 0;
  color: #A59060;
}
.pre-inc .security_group .security_item02 .col2.first {
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .pre-inc .security_group .security_item02 .col2.first {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item02 .col2.first {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item02 .col2.first {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item02 .col2 .item {
    width: 100%;
  }
}
.pre-inc .security_group .security_item02 .col2 .item .text_image {
  align-items: flex-start;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .text01 {
  width: 66.67%;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .text02 {
  width: 56.15%;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .text03 {
  width: 52.64%;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .text04 {
  width: 66.67%;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .image01 {
  width: 28.78%;
  position: relative;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .image01 .cap {
  right: 100%;
  bottom: 0;
  white-space: nowrap;
  text-align: left;
  font-size: clamp(10px, 1vw, 12px);
}
@media screen and (max-width: 1200px) {
  .pre-inc .security_group .security_item02 .col2 .item .text_image .image01 .cap {
    right: 0;
    bottom: auto;
    top: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item02 .col2 .item .text_image .image01 .cap {
    top: calc(100% + 10px);
  }
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .image02 {
  width: 38.43%;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .image03 {
  width: 43.34%;
}
.pre-inc .security_group .security_item02 .col2 .item .text_image .image04 {
  width: 29.48%;
}
.pre-inc .security_group .security_item03 {
  flex-direction: column;
  row-gap: clamp(40px, 5vw, 60px);
}
.pre-inc .security_group .security_item03 .security_item03_01 {
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item03 .security_item03_01 {
    flex-direction: column;
    row-gap: 20px;
  }
}
.pre-inc .security_group .security_item03 .security_item03_01 .text_group.group01 {
  width: 71.25%;
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item03 .security_item03_01 .text_group.group01 {
    width: 67%;
  }
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item03 .security_item03_01 .text_group.group01 {
    width: 100%;
  }
}
.pre-inc .security_group .security_item03 .security_item03_01 .text_group.group01 .t01 {
  font-size: clamp(16px, 1.751vw, 21px);
  font-weight: 600;
}
.pre-inc .security_group .security_item03 .security_item03_01 .text_group.group01 .item_read {
  margin: 15px 0;
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item03 .security_item03_01 .text_group.group01 .item_read {
    margin: 10px 0;
  }
}
.pre-inc .security_group .security_item03 .security_item03_01 .photo {
  width: 25.92%;
}
@media screen and (max-width: 820px) {
  .pre-inc .security_group .security_item03 .security_item03_01 .photo {
    width: 30%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item03 .security_item03_01 .photo {
    width: 100%;
    max-width: 311px;
    margin: 0 auto;
  }
}
.pre-inc .security_group .security_item03 .security_item03_02 {
  align-items: flex-end;
  margin-bottom: clamp(60px, 7.5vw, 90px);
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item03 .security_item03_02 {
    flex-direction: column;
    row-gap: 20px;
  }
}
.pre-inc .security_group .security_item03 .security_item03_02 .img01 {
  width: 45.59%;
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item03 .security_item03_02 .img01 {
    width: 100%;
  }
}
.pre-inc .security_group .security_item03 .security_item03_02 .img02 {
  width: 15.17%;
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item03 .security_item03_02 .img02 {
    width: 100%;
    max-width: 182px;
    margin: 0 auto;
  }
}
.pre-inc .security_group .security_item03 .security_item03_02 .img03 {
  border: 1px solid #727171;
  width: 34.5%;
  padding: 18px;
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item03 .security_item03_02 .img03 {
    padding: 14px;
    width: 100%;
  }
}
.pre-inc .security_group .security_item04 {
  flex-direction: column;
  row-gap: clamp(50px, 6.667vw, 80px);
}
.pre-inc .security_group .security_item04 .item .raccess_ttl {
  font-size: clamp(16px, 2vw, 24px);
  color: #A59060;
  margin-bottom: clamp(30px, 4.167vw, 50px);
}
.pre-inc .security_group .security_item04 .item .security_item04_01 {
  flex-wrap: wrap;
  row-gap: clamp(30px, 3.334vw, 40px);
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item04 .item .security_item04_01 {
    flex-direction: column;
    row-gap: 20px;
  }
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item {
  width: 21%;
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item {
    width: 100%;
  }
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item.long {
  width: 45.84%;
}
@media screen and (max-width: 480px) {
  .pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item.long {
    width: 100%;
  }
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item.long .text_group {
  width: 69.1%;
  justify-content: flex-start;
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item.long .image {
  width: 29.1%;
  text-align: center;
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item.long .image .cap_l {
  text-align: left;
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item .text_group {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .item04_item .text_group .raccess_name {
  font-size: clamp(15px, 1.667vw, 20px);
  color: #95262A;
}
.pre-inc .security_group .security_item04 .item .security_item04_01 .big_img {
  width: 100%;
  text-align: center;
}
.pre-inc .security_group .security_item04 .item .security_item04_02 {
  flex-direction: column;
  row-gap: clamp(30px, 4.167vw, 50px);
}
.pre-inc .security_group .security_item04 .item .security_item04_02 .text_group {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.pre-inc .security_group .security_item04 .item .security_item04_02 .text_group .touch_ttl {
  font-size: clamp(15px, 1.667vw, 20px);
  color: #0C3388;
}
.pre-inc .security_group .security_item04 .item .security_item04_02 .big_img {
  width: 100%;
  text-align: center;
}
.pre-inc .security_group .security_item04 .item .security_item04_02 .big_img .cap_l {
  margin-top: 20px;
}

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