/*! Writen  by SCSS */
.structure_area {
  padding-bottom: clamp(50px, 8.334vw, 100px); }
  .structure_area .structure_group {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(30px, 4.167vw, 50px) 1.76%; }
    @media screen and (max-width: 480px) {
      .structure_area .structure_group {
        gap: 30px 4%; } }
    .structure_area .structure_group .item {
      width: 23.68%;
      display: flex;
      flex-direction: column;
      row-gap: 10px; }
      @media screen and (max-width: 820px) {
        .structure_area .structure_group .item {
          row-gap: 10px; } }
      @media screen and (max-width: 480px) {
        .structure_area .structure_group .item {
          width: 48%; } }
      .structure_area .structure_group .item.double {
        width: 48.98%; }
      .structure_area .structure_group .item.one_third {
        width: 32.06%; }
        @media screen and (max-width: 480px) {
          .structure_area .structure_group .item.one_third {
            width: 100%; } }
      .structure_area .structure_group .item.full {
        width: 100%; }
      .structure_area .structure_group .item.item01 {
        font-size: 10px;
        flex-direction: row;
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .structure_area .structure_group .item.item01 {
            flex-direction: column;
            row-gap: 30px; } }
        .structure_area .structure_group .item.item01 .item_text_group {
          width: 48.98%; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .item.item01 .item_text_group {
              width: 100%; } }
        .structure_area .structure_group .item.item01 .table_group {
          width: 49.06%;
          flex-direction: column;
          border-top: 1px solid #c4c1c1;
          border-left: 1px solid #c4c1c1; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .item.item01 .table_group {
              width: 100%; } }
          .structure_area .structure_group .item.item01 .table_group .table_in {
            border-bottom: 1px solid #c4c1c1;
            border-right: 1px solid #c4c1c1;
            flex-wrap: wrap; }
            .structure_area .structure_group .item.item01 .table_group .table_in .table_ttl {
              width: 100%;
              background: #b2ca78;
              color: #FFF;
              text-align: center;
              padding: 2px 2px 4px; }
            .structure_area .structure_group .item.item01 .table_group .table_in .table_name {
              display: flex;
              width: 30.67%;
              background: #ecf2df;
              padding: 5px 10px;
              padding-left: clamp(10px, 1.539vw, 20px);
              border-right: 1px solid #c4c1c1;
              border-bottom: 1px solid #c4c1c1; }
              @media screen and (max-width: 480px) {
                .structure_area .structure_group .item.item01 .table_group .table_in .table_name {
                  width: 25%;
                  line-height: 1.6; } }
            .structure_area .structure_group .item.item01 .table_group .table_in .box_read {
              width: 69.33%;
              padding: 5px 10px;
              background: #FFF;
              border-bottom: 1px solid #c4c1c1; }
              @media screen and (max-width: 480px) {
                .structure_area .structure_group .item.item01 .table_group .table_in .box_read {
                  width: 75%; } }
              .structure_area .structure_group .item.item01 .table_group .table_in .box_read.image_box {
                padding: 10px; }
              .structure_area .structure_group .item.item01 .table_group .table_in .box_read .text {
                line-height: 1.2; }
                @media screen and (max-width: 480px) {
                  .structure_area .structure_group .item.item01 .table_group .table_in .box_read .text {
                    line-height: 1.4; } }
            .structure_area .structure_group .item.item01 .table_group .table_in .image {
              width: fit-content;
              margin: 0 auto; }
      .structure_area .structure_group .item.item10, .structure_area .structure_group .item.item11 {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .structure_area .structure_group .item.item10, .structure_area .structure_group .item.item11 {
            width: 48%;
            flex-direction: column;
            row-gap: 20px; } }
        .structure_area .structure_group .item.item10 .double_in, .structure_area .structure_group .item.item11 .double_in {
          width: 48.35%; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .item.item10 .double_in, .structure_area .structure_group .item.item11 .double_in {
              width: 100%; } }
      .structure_area .structure_group .item.item28, .structure_area .structure_group .item.item29 {
        align-self: flex-end; }
      @media screen and (max-width: 480px) {
        .structure_area .structure_group .item.item30 {
          width: 100%; } }
      .structure_area .structure_group .item.item30 .photo .cap {
        bottom: 40%;
        right: 10px; }
        @media screen and (max-width: 480px) {
          .structure_area .structure_group .item.item30 .photo .cap {
            bottom: 15%;
            right: 10px; } }
      .structure_area .structure_group .item.item30 .photo_group {
        position: relative; }
        .structure_area .structure_group .item.item30 .photo_group .caption_group {
          display: none;
          position: absolute;
          right: 5px;
          bottom: 15px;
          width: 52%; }
          @media screen and (max-width: 480px) {
            .structure_area .structure_group .item.item30 .photo_group .caption_group {
              display: block;
              position: static;
              width: 100%;
              margin-top: 5px; } }
          .structure_area .structure_group .item.item30 .photo_group .caption_group .cap_l {
            line-height: 1.2; }

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