@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/equipment/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 .comfort_group {
      flex-direction: column; }
      .security_area .security_group .security_in .comfort_group .comfort_group_in {
        width: 100%;
        position: relative; }
        .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 {
          margin-bottom: clamp(60px, 8.334vw, 100px); }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in {
            position: relative;
            padding: 20px;
            margin-bottom: 5px; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in {
                flex-direction: column;
                row-gap: 30px; } }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in:after {
              content: "";
              position: absolute;
              inset: 0;
              border: 1px solid #014099;
              pointer-events: none; }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .service_ttl {
              background: #014099;
              text-align: center;
              font-size: clamp(13px, 1.667vw, 20px);
              padding: 10px 5px;
              color: #FFF;
              line-height: 1.2;
              margin-bottom: 10px; }
              @media screen and (max-width: 820px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .service_ttl {
                  font-size: 2.6vw; } }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .service_ttl {
                  font-size: 4vw; } }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left {
              width: 64.66%; }
              @media screen and (max-width: 820px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left {
                  width: 100%; } }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in {
                  flex-direction: column;
                  row-gap: 20px; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left01 {
                width: 29.34%; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left01 {
                    width: 100%; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 {
                width: 68.01%; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 {
                    width: 100%; } }
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_ttl {
                  font-size: clamp(14px, 1.462vw, 19px);
                  color: #014099;
                  line-height: 1.4;
                  text-align: center;
                  padding-bottom: clamp(10px, 1.154vw, 15px);
                  margin-bottom: clamp(10px, 1.154vw, 15px);
                  border-bottom: 1px solid #cccccc; }
                  @media screen and (max-width: 820px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_ttl {
                      font-size: 2vw; } }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_ttl {
                      font-size: 4.2vw;
                      padding-bottom: 15px;
                      margin-bottom: 15px; } }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_ttl .big {
                    font-size: 130%; }
                    @media screen and (max-width: 480px) {
                      .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_ttl .big {
                        display: block; } }
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_group {
                  flex-direction: column;
                  row-gap: 15px; }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_group .jcom_logo {
                    width: 62.16%;
                    margin: 0 auto; }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_group .jcom_option {
                    font-size: clamp(14px, 1.539vw, 20px);
                    line-height: 1.4;
                    color: #014099;
                    text-align: center; }
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_group .jcom_option .big {
                      display: block;
                      font-size: 130%; }
                      @media screen and (max-width: 820px) {
                        .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_group .jcom_option .big {
                          display: inline-block; } }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .left .left_in .left02 .jcom_group .item_read {
                    line-height: 1.8; }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right {
              width: 32.76%; }
              @media screen and (max-width: 820px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right {
                  width: 100%; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 {
                flex-direction: column;
                padding-top: 5px;
                align-items: flex-start; }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 {
                    flex-direction: row; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 {
                    flex-direction: column; } }
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in {
                  flex-direction: column;
                  row-gap: 15px; }
                  @media screen and (max-width: 820px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in {
                      width: 48%; } }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in {
                      width: 100%; } }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in:not(:first-child) {
                    margin-top: clamp(15px, 1.539vw, 20px);
                    padding-top: clamp(15px, 1.539vw, 20px);
                    border-top: 1px solid #CCC; }
                    @media screen and (max-width: 820px) {
                      .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in:not(:first-child) {
                        margin-top: 0;
                        padding-top: 0;
                        border-top: none;
                        border-left: 1px solid #CCC;
                        padding-left: 2%; } }
                    @media screen and (max-width: 480px) {
                      .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in:not(:first-child) {
                        margin-top: 15px;
                        padding-top: 15px;
                        border-top: 1px solid #CCC;
                        border-left: none; } }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in .jcom_logo {
                    margin: 0 auto; }
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in .jcom_logo.jcom_logo02 {
                      width: 51.32%; }
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in .jcom_logo.jcom_logo03 {
                      width: 67.11%; }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort01 .comfort01_in .right .jcom_group02 .jcom_group02_in .item_read {
                    line-height: 1.8; }
        .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 {
          margin-bottom: clamp(40px, 4.616vw, 60px); }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .sec_ttl_group {
            row-gap: clamp(25px, 3.077vw, 40px);
            margin-bottom: clamp(20px, 2.308vw, 30px); }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .sec_ttl_group .item_read {
              text-align: left; }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group {
            position: relative;
            margin-bottom: 10px;
            padding: 30px 20px;
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("../images/equipment/02/bg01.jpg"); }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group {
                background-image: url("../images/equipment/02/bg01_sp.jpg"); } }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .dark_bg {
                position: absolute;
                inset: 0;
                background: rgba(0, 0, 0, 0.45); } }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in {
              position: relative;
              max-width: 540px;
              margin-left: 20px;
              display: grid;
              justify-content: space-between;
              gap: 30px 0%;
              grid-template-columns: repeat(2, 1fr); }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in {
                  margin-left: 0;
                  gap: 20px 4%;
                  align-items: flex-start; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item {
                align-items: center; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item {
                    flex-direction: column;
                    row-gap: 15px; } }
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .iot_icon {
                  width: 35.14%; }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .iot_icon {
                      width: 60%;
                      margin: 0 auto; } }
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group {
                  width: 57.92%;
                  color: #FFF; }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group {
                      width: 100%; } }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group .i01 {
                    font-size: clamp(14px, 1.539vw, 20px);
                    line-height: 1.4;
                    margin-bottom: 10px; }
                    @media screen and (max-width: 820px) {
                      .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group .i01 {
                        font-size: 16px; } }
                    @media screen and (max-width: 480px) {
                      .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group .i01 {
                        text-align: center; } }
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group .i02 {
                    font-size: clamp(11px, 1.077vw, 14px);
                    line-height: 1.6; }
                    @media screen and (max-width: 820px) {
                      .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort02 .iot_group .iot_in .iot_item .text_group .i02 {
                        font-size: 13px; } }
        .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 {
          margin-bottom: clamp(50px, 6.924vw, 90px); }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 {
            margin-top: clamp(25px, 3.077vw, 40px); }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 {
                flex-direction: column;
                row-gap: 30px; } }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .left {
              width: 44.34%; }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .left {
                  width: 100%; } }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right {
              width: 52.09%;
              flex-wrap: wrap;
              justify-content: flex-start;
              gap: 10px 2%; }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right {
                  width: 100%; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .image {
                width: 64.96%; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .image {
                    width: 100%; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .text_group {
                width: 28.8%;
                flex-direction: column;
                justify-content: flex-start;
                row-gap: 8px; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .text_group {
                    width: 100%;
                    row-gap: 5px; } }
                .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .text_group .text {
                  line-height: 1.4;
                  font-size: clamp(11px, 1.231vw, 16px);
                  text-indent: -1em;
                  padding-left: 1em; }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .text_group .text {
                      font-size: 13px; } }
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort03 .iot_group02 .right .cap_l {
                width: 100%; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 {
            flex-direction: column;
            row-gap: 30px; } }
        .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in {
          flex-direction: column;
          row-gap: 10px; }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in.left {
            width: 65.42%; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in.left {
                width: 100%; } }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in .sec_ttl_group {
            row-gap: clamp(25px, 3.077vw, 40px);
            margin-bottom: clamp(20px, 2.308vw, 30px);
            text-align: left; }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in .sec_ttl_group .cap_l {
              display: block;
              margin-top: 10px; }
            .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in .sec_ttl_group .sec_jp {
              font-size: clamp(16px, 1.834vw, 22px); }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in.right {
            width: 30.84%; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in.right {
                width: 100%; } }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in .item_read.red {
            color: #cc0000; }
          .security_area .security_group .security_in .comfort_group .comfort_group_in.comfort04 .iot_group03 .iot_group03_in .image {
            margin: 0; }
    .security_area .security_group .security_in .ecology_group {
      flex-wrap: wrap;
      align-items: flex-start;
      row-gap: clamp(40px, 4.616vw, 60px); }
      .security_area .security_group .security_in .ecology_group .ecology_in {
        width: 46.67%;
        position: relative; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .ecology_group .ecology_in {
            width: 100%; } }
        .security_area .security_group .security_in .ecology_group .ecology_in.full {
          width: 100%; }
        .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 {
          position: relative;
          background: #FFF;
          padding: clamp(20px, 2.308vw, 30px) clamp(20px, 2.308vw, 30px) 20px;
          flex-direction: column;
          row-gap: 60px; }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology01:after {
            content: "";
            position: absolute;
            inset: 0;
            border: 1px solid #014099;
            pointer-events: none; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .left {
              width: 100%; } }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .left .logo_eco {
            width: fit-content;
            margin: 20px auto 0; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .right {
              width: 100%; } }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .right .co2_txt {
            font-size: clamp(13px, 1.539vw, 20px);
            color: #FFF;
            text-align: center;
            background: #043b83;
            position: relative;
            padding: 6px 10px; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .right .co2_txt {
                font-size: 4.5vw;
                padding: 15px 10px; } }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .right .co2_txt .big {
              font-size: 200%;
              display: inline-block;
              color: #ffff00;
              line-height: 1; }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology01 .right .co2_txt:after {
              content: "";
              position: absolute;
              inset: 5px;
              border: 1px solid #FFF;
              pointer-events: none; }
        .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 {
          flex-direction: column;
          row-gap: 20px; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 {
              width: 100%; } }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .eco02_in .text_group .item_name {
            align-items: baseline; }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .eco02_in .text_group .item_name .big {
              font-size: 160%;
              display: inline-block;
              line-height: 1; }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 {
            width: 100%; }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in {
              flex-wrap: wrap;
              gap: 30px 0;
              margin-bottom: 10px; }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .toilet_image {
                width: 53.58%; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .toilet_image {
                    width: 100%;
                    max-width: 300px;
                    margin: 0 auto; } }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right {
                width: 43.75%;
                letter-spacing: -0.05em;
                line-height: 1.5; }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right {
                    width: 100%; } }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .image {
                  width: 46.39%; }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .eco_txt {
                  font-size: clamp(12px, 1.077vw, 14px); }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .eco_txt {
                      font-size: 14px; } }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .eco_txt02 {
                  font-size: clamp(10px, 0.924vw, 12px); }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .eco_txt02 {
                      font-size: 12px; } }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .eco_txt02_group {
                  margin-top: 20px;
                  flex-direction: column;
                  row-gap: 10px; }
                  @media screen and (max-width: 820px) {
                    .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco03_in .eco_right .eco_txt02_group {
                      margin-top: 10px;
                      row-gap: 0; } }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick {
              padding: 20px;
              background: #043b83;
              position: relative; }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick:after {
                content: "";
                position: absolute;
                inset: 5px;
                border: 1px solid #FFF;
                pointer-events: none; }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick .eco_pick_txt {
                text-align: center;
                font-size: clamp(13px, 1.539vw, 20px);
                color: #FFF;
                line-height: 1.2;
                /*&:nth-of-type(1){
                	padding-bottom:15px;
                	margin-bottom:15px;
                	border-bottom: 1px solid #FFF;
                }*/ }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick .eco_pick_txt {
                    font-size: 4vw; } }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick .eco_pick_txt .color {
                  color: #ffff00; }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick .eco_pick_txt .big {
                  display: inline-block;
                  line-height: 1;
                  font-size: 200%; }
                  @media screen and (max-width: 480px) {
                    .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick .eco_pick_txt .big {
                      font-size: 180%; } }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology02 .ecology03 .eco_pick .eco_pick_txt .small {
                  font-size: 60%;
                  color: #fff;
                  text-align: center; }
        .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 {
          flex-direction: column;
          background: #FFF;
          padding: clamp(20px, 2.308vw, 30px); }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology04:after {
            content: "";
            position: absolute;
            inset: 0px;
            border: 3px solid #014099;
            pointer-events: none; }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over {
            padding-bottom: clamp(20px, 2.308vw, 30px);
            margin-bottom: clamp(20px, 2.308vw, 30px);
            border-bottom: 1px solid #014099;
            align-items: flex-start; }
            @media screen and (max-width: 480px) {
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over {
                flex-direction: column;
                row-gap: 20px; } }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over .text_group {
              width: 47.37%; }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over .text_group {
                  width: 100%; } }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over .photo {
              width: 48.25%; }
              @media screen and (max-width: 480px) {
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over .photo {
                  width: 100%; } }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_over .photo .logo_kanta {
                position: absolute;
                left: 3.64%;
                top: 0;
                bottom: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 24.73%; }
          .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom {
            align-items: flex-start; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom {
                flex-direction: column; } }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left {
              width: 51.76%;
              flex-wrap: wrap;
              gap: 15px 0; }
              @media screen and (max-width: 820px) {
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left {
                  width: 100%;
                  padding-bottom: 20px;
                  margin-bottom: 20px;
                  border-bottom: 1px solid #014099; } }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .text_group {
                width: 55.09%; }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .text_group {
                    width: 62%; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .text_group {
                    width: 100%; } }
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .text_group .item_name {
                  border: none;
                  padding: 0; }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .image {
                width: 42.38%; }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .image {
                    width: 35.38%; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .image {
                    width: 100%;
                    max-width: 250px;
                    margin: 0 auto; } }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_left .cap_l {
                width: 100%; }
            .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right {
              width: 43.86%;
              flex-wrap: wrap;
              gap: 10px 0; }
              @media screen and (max-width: 820px) {
                .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right {
                  width: 100%; } }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .item_name {
                width: 100%;
                border: none;
                padding: 0;
                margin: 0; }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .item_read {
                width: 38%; }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .item_read {
                    width: 55%; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .item_read {
                    width: 100%; } }
              .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .image {
                width: 60.2%; }
                @media screen and (max-width: 820px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .image {
                    width: 41.7%; } }
                @media screen and (max-width: 480px) {
                  .security_area .security_group .security_in .ecology_group .ecology_in.ecology04 .eco04_bottom .eco04_right .image {
                    width: 100%;
                    max-width: 301px;
                    margin: 0 auto; } }
    .security_area .security_group .security_in .universal_group {
      align-items: flex-start;
      flex-wrap: wrap;
      gap: clamp(40px, 3.847vw, 50px) 0; }
      .security_area .security_group .security_in .universal_group .universal_in {
        width: 30.84%; }
        @media screen and (max-width: 480px) {
          .security_area .security_group .security_in .universal_group .universal_in {
            width: 100%; } }
        .security_area .security_group .security_in .universal_group .universal_in.half {
          width: 48.34%; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .universal_group .universal_in.half {
              width: 100%; } }
        .security_area .security_group .security_in .universal_group .universal_in.second {
          width: 65.42%;
          flex-wrap: wrap; }
          @media screen and (max-width: 480px) {
            .security_area .security_group .security_in .universal_group .universal_in.second {
              width: 100%; } }
          .security_area .security_group .security_in .universal_group .universal_in.second .item_name {
            width: 100%; }
          .security_area .security_group .security_in .universal_group .universal_in.second .item_read {
            width: 29.3%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.second .item_read {
                width: 100%; } }
          .security_area .security_group .security_in .universal_group .universal_in.second .image {
            width: 69.05%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.second .image {
                margin-top: 15px;
                width: 100%; } }
        .security_area .security_group .security_in .universal_group .universal_in.third {
          flex-wrap: wrap; }
          .security_area .security_group .security_in .universal_group .universal_in.third .item_name {
            width: 100%; }
          .security_area .security_group .security_in .universal_group .universal_in.third .item_read {
            width: 62.07%; }
          .security_area .security_group .security_in .universal_group .universal_in.third .image {
            width: 36.38%;
            margin-left: -5%; }
            .security_area .security_group .security_in .universal_group .universal_in.third .image .cap_r {
              position: relative;
              margin-top: -15px;
              line-height: 1.4; }
        .security_area .security_group .security_in .universal_group .universal_in.fourth {
          flex-wrap: wrap; }
          .security_area .security_group .security_in .universal_group .universal_in.fourth .item_name {
            width: 100%; }
          .security_area .security_group .security_in .universal_group .universal_in.fourth .item_read {
            width: 32.76%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.fourth .item_read {
                width: 100%; } }
          .security_area .security_group .security_in .universal_group .universal_in.fourth .image {
            width: 65.18%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.fourth .image {
                width: fit-content;
                margin: 15px auto 0; } }
        .security_area .security_group .security_in .universal_group .universal_in.last3 {
          flex-wrap: wrap; }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .item_name {
            width: 100%; }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .item_read.item_read01 {
            width: 48.65%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.last3 .item_read.item_read01 {
                width: 100%; } }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .item_read.item_read02 {
            width: 36.49%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.last3 .item_read.item_read02 {
                width: 100%; } }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .item_read.item_read03 {
            width: 29.73%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.last3 .item_read.item_read03 {
                width: 100%; } }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .image.image01 {
            width: 45.95%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.last3 .image.image01 {
                width: fit-content;
                margin: 15px auto 0; } }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .image.image02 {
            width: 59.46%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.last3 .image.image02 {
                width: fit-content;
                margin: 15px auto 0; } }
          .security_area .security_group .security_in .universal_group .universal_in.last3 .image.image03 {
            width: 64.87%; }
            @media screen and (max-width: 820px) {
              .security_area .security_group .security_in .universal_group .universal_in.last3 .image.image03 {
                width: fit-content;
                margin: 15px auto 0; } }
        .security_area .security_group .security_in .universal_group .universal_in .text_group {
          margin-bottom: 20px; }