@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/security/main.jpg"); }

.sec01 {
  padding-bottom: 0; }

.security_area .security_group {
  flex-direction: column; }
  .security_area .security_group .security_in {
    padding: clamp(50px, 8.334vw, 100px) 0; }
    @media screen and (max-width: 820px) {
      .security_area .security_group .security_in {
        padding: 80px 0; } }
    @media screen and (max-width: 480px) {
      .security_area .security_group .security_in {
        padding: 60px 0; } }
    .security_area .security_group .security_in:nth-child(2n) {
      background: rgba(0, 152, 187, 0.15); }
    .security_area .security_group .security_in .sec_ttl_group {
      flex-direction: column;
      row-gap: clamp(20px, 2.5vw, 30px);
      margin-bottom: clamp(30px, 3.334vw, 40px);
      text-align: center; }
      .security_area .security_group .security_in .sec_ttl_group .sec_jp {
        font-size: clamp(18px, 2.334vw, 28px);
        line-height: 1; }
    .security_area .security_group .security_in .item_name {
      display: flex;
      align-items: center;
      font-size: clamp(13px, 1.385vw, 18px);
      line-height: 1.4;
      color: #014099;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #CCC; }
      @media screen and (max-width: 820px) {
        .security_area .security_group .security_in .item_name {
          font-size: 2vw;
          padding-bottom: 12px;
          margin-bottom: 12px; } }
      @media screen and (max-width: 480px) {
        .security_area .security_group .security_in .item_name {
          font-size: 3.8vw;
          padding-bottom: 10px;
          margin-bottom: 10px; } }
      .security_area .security_group .security_in .item_name.lt {
        letter-spacing: -0.1em; }
    .security_area .security_group .security_in .item_read {
      font-size: clamp(12px, 1.231vw, 16px);
      letter-spacing: -0.05em; }
      @media screen and (max-width: 820px) {
        .security_area .security_group .security_in .item_read {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .security_area .security_group .security_in .item_read {
          font-size: 13px; } }
      .security_area .security_group .security_in .item_read .cap_l {
        display: block;
        margin-top: 5px; }
      .security_area .security_group .security_in .item_read .red {
        color: #F00; }
    .security_area .security_group .security_in .common_group {
      align-items: flex-start;
      flex-wrap: wrap;
      row-gap: clamp(40px, 5vw, 60px); }
      @media screen and (max-width: 480px) {
        .security_area .security_group .security_in .common_group {
          row-gap: 30px; } }
      .security_area .security_group .security_in .common_group .common_in {
        width: 30.84%; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .common_group .common_in {
            width: 100%; } }
        .security_area .security_group .security_in .common_group .common_in.full {
          width: 100%; }
        .security_area .security_group .security_in .common_group .common_in.flex {
          flex-wrap: wrap; }
          .security_area .security_group .security_in .common_group .common_in.flex .item_name {
            width: 100%; }
          .security_area .security_group .security_in .common_group .common_in.flex .item_read {
            width: 54.06%; }
          .security_area .security_group .security_in .common_group .common_in.flex .image {
            position: relative; }
            .security_area .security_group .security_in .common_group .common_in.flex .image.image01 {
              width: 42.98%; }
            .security_area .security_group .security_in .common_group .common_in.flex .image.image02 {
              width: 37.84%; }
              .security_area .security_group .security_in .common_group .common_in.flex .image.image02 .sub {
                position: absolute;
                left: -35%;
                bottom: -15%;
                width: 72.86%; }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .common_group .common_in.flex .image.image02 .sub {
                    position: static;
                    width: 100%;
                    margin-top: 5px; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .common_group .common_in.flex .image.image02 .sub {
                    position: absolute;
                    left: -25%;
                    bottom: -10%;
                    width: 60%; } }
            .security_area .security_group .security_in .common_group .common_in.flex .image.image03 {
              width: 32.44%;
              text-align: right; }
        .security_area .security_group .security_in .common_group .common_in .common_item01 {
          margin-top: 40px; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .common_group .common_in .common_item01 {
              margin-top: 25px;
              flex-direction: column;
              row-gap: 30px; } }
          .security_area .security_group .security_in .common_group .common_in .common_item01 .item_left {
            width: 46.67%; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .common_group .common_in .common_item01 .item_left {
                width: 100%; } }
            .security_area .security_group .security_in .common_group .common_in .common_item01 .item_left .sub {
              position: absolute;
              left: 5%;
              bottom: 30%;
              width: 25.54%; }
              @media screen and (max-width: 820px) {
                .security_area .security_group .security_in .common_group .common_in .common_item01 .item_left .sub {
                  width: 40%;
                  bottom: 25%; } }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .common_group .common_in .common_item01 .item_left .sub {
                  bottom: 27%;
                  left: 2%; } }
            .security_area .security_group .security_in .common_group .common_in .common_item01 .item_left .cap {
              right: 7%; }
          .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right {
            width: 51.67%; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right {
                width: 100%; } }
            .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .image02 {
              width: fit-content;
              margin-left: auto; }
              .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .image02 .cap {
                right: auto;
                left: -5%;
                bottom: 33%;
                text-align: left;
                letter-spacing: -0.05em; }
                @media screen and (max-width: 1200px) {
                  .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .image02 .cap {
                    left: -7%;
                    bottom: 32%; } }
                @media screen and (max-width: 1024px) {
                  .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .image02 .cap {
                    left: -2%;
                    bottom: 22%; } }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .image02 .cap {
                    left: 0;
                    bottom: 22%;
                    letter-spacing: -0.1em; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .image02 .cap {
                    left: -3%;
                    bottom: 22%; } }
            .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .interphone {
              margin-top: clamp(30px, 3.077vw, 40px);
              flex-wrap: wrap; }
              .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .interphone .item_name {
                width: 100%; }
              .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .interphone .item_read {
                width: 64.52%; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .interphone .item_read {
                    width: 56%; } }
              .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .interphone .image {
                position: relative;
                width: 32.26%; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .common_group .common_in .common_item01 .item_right .interphone .image {
                    width: 42%; } }
    .security_area .security_group .security_in .private_group {
      flex-wrap: wrap;
      row-gap: clamp(40px, 5vw, 60px); }
      .security_area .security_group .security_in .private_group .private_in.private01 {
        width: 57.5%;
        flex-direction: column;
        row-gap: 30px; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .private_group .private_in.private01 {
            width: 100%; } }
        .security_area .security_group .security_in .private_group .private_in.private01 .item_group {
          align-items: flex-start; }
          .security_area .security_group .security_in .private_group .private_in.private01 .item_group .item_left {
            width: 75.37%; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .private_group .private_in.private01 .item_group .item_left {
                width: 65%; } }
          .security_area .security_group .security_in .private_group .private_in.private01 .item_group .item_right {
            width: 21.74%; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .private_group .private_in.private01 .item_group .item_right {
                width: 32%; } }
      .security_area .security_group .security_in .private_group .private_in.private02 {
        width: 38.34%;
        flex-wrap: wrap; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .private_group .private_in.private02 {
            width: 100%; } }
        .security_area .security_group .security_in .private_group .private_in.private02 .item_name {
          width: 100%; }
        .security_area .security_group .security_in .private_group .private_in.private02 .item_read {
          width: 56.53%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .private_group .private_in.private02 .item_read {
              width: 65%; } }
        .security_area .security_group .security_in .private_group .private_in.private02 .photo {
          width: 39.14%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .private_group .private_in.private02 .photo {
              width: 32%; } }
      .security_area .security_group .security_in .private_group .private_in.private03 {
        width: 100%; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .private_group .private_in.private03 {
            flex-direction: column;
            row-gap: 30px; } }
        .security_area .security_group .security_in .private_group .private_in.private03 .item_left {
          width: 40%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .private_group .private_in.private03 .item_left {
              width: 100%; } }
        .security_area .security_group .security_in .private_group .private_in.private03 .item_right {
          width: 56.92%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .private_group .private_in.private03 .item_right {
              width: 100%; } }
      .security_area .security_group .security_in .private_group .private_in.private04 {
        width: 100%; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .private_group .private_in.private04 {
            flex-direction: column;
            row-gap: 30px; } }
        .security_area .security_group .security_in .private_group .private_in.private04 .item_left {
          width: 40%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .private_group .private_in.private04 .item_left {
              width: 100%; } }
        .security_area .security_group .security_in .private_group .private_in.private04 .item_right {
          width: 55%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .private_group .private_in.private04 .item_right {
              width: 100%; } }