/*! Writen  by SCSS */
.sec01 {
  padding-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-bottom: 40px; } }
  .sec01 .sec01_group {
    flex-direction: column;
    row-gap: clamp(60px, 12vw, 120px); }
  .sec01 .sec01_item01 {
    align-items: flex-start;
    flex-direction: column;
    gap: clamp(40px, 6.364vw, 70px) 0; }
    .sec01 .sec01_item01 .sec01_item01_in {
      width: 100%; }
      .sec01 .sec01_item01 .sec01_item01_in .bubble_group {
        align-items: center;
        background: linear-gradient(90deg, #005bab, #6f91ca); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .bubble_group {
            flex-direction: column;
            row-gap: 5px; } }
        .sec01 .sec01_item01 .sec01_item01_in .bubble_group .bubble_ttl {
          font-size: clamp(16px, 2.273vw, 25px);
          margin-left: 10px;
          color: #fff; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .bubble_group .bubble_ttl {
              font-size: 4.6vw;
              margin-left: 0;
              line-height: 1;
              padding: 10px 5px 5px; } }
        .sec01 .sec01_item01 .sec01_item01_in .bubble_group .bubble_point {
          font-size: clamp(14px, 1.819vw, 20px);
          background: #fdd200;
          padding: 5px 20px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .bubble_group .bubble_point {
              width: 100%;
              text-align: center;
              font-size: 4vw; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_01 {
        margin-top: 30px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_01 {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_01 .left {
          width: 57.5%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_01 .left {
              width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_01 .right {
          width: 36.4%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_01 .right {
              width: 100%; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_02 {
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_02 {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_02 > .text_group {
          width: 52%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_02 > .text_group {
              width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_02 .item_box {
          width: 46%;
          border: 1px solid #2d8ec6;
          padding: 19px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_02 .item_box {
              width: 100%;
              padding: 14px; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_02 .item_box .wifi {
            width: 21.67%; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_02 .item_box .text_group {
            width: 71.43%;
            row-gap: 8px; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_02 .item_box .text_group .item_read {
              font-size: clamp(10px, 1.091vw, 12px); }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in .item01_03 {
          flex-wrap: wrap;
          gap: 30px 0; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_03 .item {
        width: 22%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_03 .item {
            width: 48%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_03 .item .item_name {
          display: flex;
          align-items: center; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_03 .item .item_name .cap_txt {
            padding: 5px;
            background: #900;
            color: #fff;
            font-size: 0.6em;
            line-height: 1;
            margin-left: 10px;
            text-align: center; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in .item01_04 {
          flex-direction: column;
          gap: 30px 0; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left {
        width: 58%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_ttl {
          font-size: clamp(12px, 1.455vw, 16px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_ttl {
              font-size: 15px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group {
          flex-wrap: wrap;
          margin-top: 10px;
          row-gap: 30px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group {
              row-gap: 20px; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group .left {
            width: 58.45%; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group .right {
            width: 38.45%; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group .right.border {
              border: 1px solid #006098;
              padding: 12px 8px; }
              @media screen and (max-width: 820px) {
                .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group .right.border {
                  width: 100%; } }
              .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group .right.border img {
                float: right;
                margin: 0 0 3px 3px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_04 .left .light_group .item_read {
              font-size: 11px; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_04 .right {
        width: 35%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_04 .right {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_04 .right .draw_img {
          text-align: center; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group {
          margin-top: 20px;
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in {
        width: 48%;
        border: 1px solid #2d8ec6; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_ttl {
          background: #024381;
          padding: 5px 10px;
          font-size: clamp(12px, 1.546vw, 17px);
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_ttl {
              font-size: 15px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_sub {
          font-size: clamp(15px, 1.819vw, 20px);
          margin-bottom: 20px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_sub {
              letter-spacing: normal; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .t01 {
          font-size: clamp(12px, 1.334vw, 16px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .t01 {
              font-size: 14px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .t02 {
          font-size: clamp(10px, 1.167vw, 14px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .t02 {
              font-size: 12px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont {
          padding: 20px 14px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont {
              padding: 15px 14px; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 {
            flex-wrap: wrap;
            gap: 20px 0; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 .left {
              width: 62.23%;
              flex-direction: column;
              row-gap: 15px; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 .left {
                  width: 100%; } }
              .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 .left .text_group {
                row-gap: 10px; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 .right {
              width: 30.67%; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 .right {
                  width: 100%;
                  display: flex;
                  justify-content: center;
                  column-gap: 15px; } }
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service01 .cap_l {
              width: 100%; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service02 .text_logo {
            margin-bottom: 25px; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service02 .text_logo {
                margin-bottom: 20px; } }
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service02 .text_logo .t02 {
              width: 64.45%; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_05 .service_group .service_in .service_cont .service02 .text_logo .logo_img {
              width: 31.12%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in .item01_06 {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item {
        width: 48%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item .text_group.time_cont {
          margin-bottom: 20px;
          flex-wrap: wrap;
          justify-content: space-between;
          flex-direction: row;
          gap: 20px 0; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item .text_group.time_cont {
              gap: 15px 0; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item .text_group.time_cont .item_name {
            width: 100%; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item .text_group.time_cont .item_read {
            width: 62.5%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item .text_group.time_cont .item_read {
                width: 65%; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_06 .item .text_group.time_cont .time_img {
            width: 30%; }
      .sec01 .sec01_item01 .sec01_item01_in .item01_07 .system_group {
        align-items: center; }
        .sec01 .sec01_item01 .sec01_item01_in .item01_07 .system_group .system_ttl {
          font-size: clamp(16px, 2.273vw, 25px); }
        .sec01 .sec01_item01 .sec01_item01_in .item01_07 .system_group .system_en {
          font-size: clamp(30px, 4.91vw, 54px);
          color: #d7d5eb;
          line-height: 0.85; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 {
          flex-wrap: wrap;
          row-gap: 30px; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item01 {
        display: flex;
        flex-direction: column;
        width: 40.61%;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item01 {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item01 .image {
          margin: 0; }
      .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item02 {
        width: 23.1%;
        display: flex;
        flex-direction: column;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item02 {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item02 .image {
          margin: auto; }
      .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item03 {
        width: 27%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item03 {
            width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item.item03 .text_group .item_read {
          line-height: 1.6; }
      .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group .item_name .small {
        font-size: 70%; }
      .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group.ex {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px 0; }
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group.ex .item_name {
          width: 100%; }
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group.ex .item_read {
          width: 40.75%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group.ex .item_read {
              width: 65%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group.ex .image {
          width: 57.04%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_08 .item .text_group.ex .image {
              width: 30%; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group {
        margin-top: 30px;
        flex-direction: column;
        row-gap: clamp(50px, 6.364vw, 70px); }
        .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group {
          padding: clamp(25px, 3.637vw, 40px) 15px clamp(20px, 2.728vw, 30px);
          background: #f6ede1; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group {
              flex-direction: column;
              row-gap: 20px; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group .system_txt {
            width: 29.39%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group .system_txt {
                width: 100%; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group .system_txt .photo {
                width: fit-content;
                margin: 0 auto; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group .system_img {
            width: 68.56%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_09 .image_group .system_group .system_img {
                width: 100%; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_10 {
        flex-wrap: wrap;
        row-gap: clamp(40px, 5.455vw, 60px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_10 {
            row-gap: 30px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in .text_group {
          row-gap: 0; }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.full {
          width: 100%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.second {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.second .text_group {
          width: 23%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.second .text_group {
              width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.second .image_group {
          width: 75.1%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.second .image_group {
              width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.third {
          width: 23%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.third {
              width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth {
          width: 72.7%;
          flex-wrap: wrap; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth {
              width: 100%; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth .item_name {
            width: 100%; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth .item_read {
            width: 81.16%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth .item_read {
                width: 75%; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth .image {
            width: 17.75%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fourth .image {
                width: 23%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fifth .item_group {
          flex-wrap: wrap;
          gap: 25px 0; }
          .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fifth .item_group .item_group_in {
            width: 48%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fifth .item_group .item_group_in {
                width: 100%; } }
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fifth .item_group .item_group_in .text_group {
              row-gap: 10px; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fifth .item_group .item_group_in.item02 .left {
              width: 70.84%; }
            .sec01 .sec01_item01 .sec01_item01_in .item01_10 .item01_10_in.fifth .item_group .item_group_in.item02 .right {
              width: 27.09%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in .item01_11 {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left {
        width: 67%;
        letter-spacing: -0.08em; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left {
            width: 100%;
            letter-spacing: normal; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .s01 {
          font-size: clamp(15px, 1.637vw, 18px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .s01 {
              font-size: 15px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .s02 {
          font-size: clamp(17px, 1.819vw, 20px);
          color: #4c67a2; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .s02 {
              font-size: 14px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .s03 {
          font-size: clamp(11px, 1.091vw, 12px); }
        .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .indent_group {
          padding-left: 1.4em; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_left .indent_group {
              padding-left: 1em; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_right {
        width: 32.5%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_11 .item01_11_right {
            width: fit-content;
            margin: 0 auto; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_12 .associa_group {
        flex-wrap: wrap;
        flex-direction: row-reverse;
        margin-bottom: clamp(25px, 3.637vw, 40px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_12 .associa_group {
            flex-direction: column;
            align-items: center;
            row-gap: 5px; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_12 .associa_group .associa_cap {
          width: 100%;
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px solid #667796;
          font-size: clamp(11px, 1.273vw, 14px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_12 .associa_group .associa_cap {
              font-size: 12px; } }
      .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group {
        flex-wrap: wrap;
        gap: clamp(50px, 7.273vw, 80px) 0; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group {
            gap: 30px 0; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_left {
          width: 44.9%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_left {
              width: 100%; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_right {
          width: 45.1%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_right {
              display: none; } }
        .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom {
          width: 100%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom {
              flex-direction: column;
              row-gap: 25px; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom .bottom_left {
            width: 44.4%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom .bottom_left {
                width: 100%; } }
          .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom .bottom_right {
            width: 53%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom .bottom_right {
                width: 100%; } }
            .sec01 .sec01_item01 .sec01_item01_in .item01_12 .item01_12_group .item01_12_bottom .bottom_right .photo {
              width: 32.27%; }

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