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

.sec01 {
  padding-bottom: 0; }

.structure_area .structure_group {
  flex-direction: column; }
  .structure_area .structure_group .structure_in {
    padding: clamp(50px, 8.334vw, 100px) 0; }
    @media screen and (max-width: 820px) {
      .structure_area .structure_group .structure_in {
        padding: 80px 0; } }
    @media screen and (max-width: 480px) {
      .structure_area .structure_group .structure_in {
        padding: 60px 0; } }
    .structure_area .structure_group .structure_in:nth-child(2n) {
      background: rgba(0, 152, 187, 0.15); }
    .structure_area .structure_group .structure_in .structure_item {
      flex-wrap: wrap;
      row-gap: clamp(40px, 5vw, 60px); }
      @media screen and (max-width: 480px) {
        .structure_area .structure_group .structure_in .structure_item {
          row-gap: 40px; } }
      .structure_area .structure_group .structure_in .structure_item .group_in {
        width: 30.84%; }
        @media screen and (max-width: 480px) {
          .structure_area .structure_group .structure_in .structure_item .group_in {
            width: 100%; } }
        .structure_area .structure_group .structure_in .structure_item .group_in.flex {
          flex-direction: column; }
          .structure_area .structure_group .structure_in .structure_item .group_in.flex .text_group {
            margin-bottom: 15px; }
        .structure_area .structure_group .structure_in .structure_item .group_in.struc01 {
          width: 100%;
          display: flex;
          justify-content: space-between;
          flex-direction: row-reverse; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .structure_in .structure_item .group_in.struc01 {
              flex-direction: column;
              row-gap: 30px; } }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .diagram {
            width: 47.5%;
            align-self: flex-start; }
            @media screen and (max-width: 480px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .diagram {
                width: 100%; } }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .text_group {
            width: 47.5%;
            flex-direction: column;
            justify-content: flex-start;
            row-gap: clamp(50px, 8.334vw, 100px); }
            @media screen and (max-width: 820px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .text_group {
                row-gap: 30px; } }
            @media screen and (max-width: 480px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .text_group {
                width: 100%; } }
            .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .text_group .text_group_in .item_name {
              display: block; }
              .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .text_group .text_group_in .item_name .big {
                font-size: 160%; }
              .structure_area .structure_group .structure_in .structure_item .group_in.struc01 .text_group .text_group_in .item_name .sub {
                display: block;
                font-size: 80%;
                color: #333; }
        .structure_area .structure_group .structure_in .structure_item .group_in.struc02 {
          width: 41.67%;
          display: flex;
          align-self: flex-start;
          justify-content: space-between;
          flex-wrap: wrap; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .structure_in .structure_item .group_in.struc02 {
              width: 100%; } }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc02 .item_name {
            width: 100%; }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc02 .item_read {
            width: 36%; }
            @media screen and (max-width: 820px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc02 .item_read {
                width: 100%; } }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc02 .image {
            width: 60.2%; }
            @media screen and (max-width: 820px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc02 .image {
                width: 100%;
                margin-top: 20px; } }
            @media screen and (max-width: 480px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc02 .image {
                width: fit-content;
                margin: 30px auto 0; } }
        .structure_area .structure_group .structure_in .structure_item .group_in.struc03 {
          width: 53.34%;
          border: 1px solid #014099;
          padding: 20px; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .structure_in .structure_item .group_in.struc03 {
              width: 100%;
              padding: 20px 15px; } }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .item_name {
            width: 100%;
            justify-content: center;
            border: none;
            text-align: center; }
          @media screen and (max-width: 820px) {
            .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in {
              flex-direction: column;
              row-gap: 25px; } }
          .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item {
            width: 45.16%; }
            @media screen and (max-width: 820px) {
              .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item {
                width: 100%; } }
            .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item.second {
              width: 51.84%; }
              @media screen and (max-width: 820px) {
                .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item.second {
                  width: 100%; } }
            .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item .struc03_item_group:not(:first-child) {
              margin-top: 20px; }
            .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item .struc_name {
              text-indent: -1em;
              padding-left: 1em;
              font-size: clamp(11px, 1.231vw, 16px);
              line-height: 1.4;
              color: #a47d25;
              margin-bottom: 15px; }
              @media screen and (max-width: 820px) {
                .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item .struc_name {
                  font-size: 16px; } }
              @media screen and (max-width: 480px) {
                .structure_area .structure_group .structure_in .structure_item .group_in.struc03 .struc03_in .struc03_item .struc_name {
                  font-size: 14px; } }

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