/*! Writen  by SCSS */
.kitchen_area {
  padding: clamp(50px, 6.667vw, 80px) 0; }
  .kitchen_area .kitchen_cont01 {
    margin-bottom: clamp(50px, 6.667vw, 80px); }
    @media screen and (max-width: 480px) {
      .kitchen_area .kitchen_cont01 {
        flex-wrap: wrap;
        gap: 30px 0; } }
    @media screen and (max-width: 480px) {
      .kitchen_area .kitchen_cont01 .item {
        width: 48%; } }
  .kitchen_area .kitchen_cont02 {
    flex-wrap: wrap;
    gap: 20px 0;
    margin-bottom: clamp(50px, 6.667vw, 80px); }
    .kitchen_area .kitchen_cont02 .item.item01 {
      width: 66.25%; }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont02 .item.item01 {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont02 .item.item01 .image_wrap {
          overflow-x: auto; } }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont02 .item.item01 .image_wrap .image img {
          width: 600px;
          max-width: none; } }
    .kitchen_area .kitchen_cont02 .item.item02 {
      width: 30.67%; }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont02 .item.item02 {
          width: 100%; } }
      .kitchen_area .kitchen_cont02 .item.item02 .faucet_txt {
        font-size: clamp(10px, 1vw, 13px);
        color: #23a9dc; }
    .kitchen_area .kitchen_cont02 .item.item03 {
      align-self: flex-start;
      width: 41.67%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont02 .item.item03 {
          width: 100%; } }
      .kitchen_area .kitchen_cont02 .item.item03 .image {
        width: 52.8%;
        position: relative; }
        .kitchen_area .kitchen_cont02 .item.item03 .image:after {
          content: "";
          position: absolute;
          inset: 0;
          left: 104%;
          right: auto;
          border-right: 1px dashed #000; }
      .kitchen_area .kitchen_cont02 .item.item03 .image02 {
        width: 42.4%; }
    .kitchen_area .kitchen_cont02 .item.item04 {
      width: 57.5%; }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont02 .item.item04 {
          width: 100%; } }
      .kitchen_area .kitchen_cont02 .item.item04 .cap_l {
        line-height: 1.4; }
    .kitchen_area .kitchen_cont02 .kitchen_cont02_cap {
      width: 100%; }
  .kitchen_area .kitchen_cont03 {
    position: relative;
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .kitchen_area .kitchen_cont03 {
        flex-direction: column;
        row-gap: 30px; } }
    .kitchen_area .kitchen_cont03 .kitchen_ttl {
      font-size: clamp(12px, 1.385vw, 18px); }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont03 .kitchen_ttl {
          font-size: 3.6vw; } }
      .kitchen_area .kitchen_cont03 .kitchen_ttl .big {
        display: block;
        font-size: 194%;
        line-height: 1.4; }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .kitchen_ttl .big {
            font-size: 150%; } }
      .kitchen_area .kitchen_cont03 .kitchen_ttl .big02 {
        font-size: 135%;
        line-height: 1.4; }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .kitchen_ttl .big02 {
            font-size: 115%; } }
    .kitchen_area .kitchen_cont03 .kitchen_read {
      font-size: clamp(11px, 1.154vw, 15px);
      line-height: 1.33;
      margin: 15px 0; }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont03 .kitchen_read {
          font-size: 13px;
          margin: 10px 0; } }
      .kitchen_area .kitchen_cont03 .kitchen_read .cap_l {
        display: block; }
    .kitchen_area .kitchen_cont03 .logo_img {
      position: absolute;
      right: 0;
      top: 0; }
      @media screen and (max-width: 480px) {
        .kitchen_area .kitchen_cont03 .logo_img {
          position: static;
          width: 100%;
          margin: 0 auto; } }
      .kitchen_area .kitchen_cont03 .logo_img.logo_rinnai {
        width: 25.14%; }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .logo_img.logo_rinnai {
            width: fit-content; } }
      .kitchen_area .kitchen_cont03 .logo_img.logo_mitsubishi {
        width: 30.09%; }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .logo_img.logo_mitsubishi {
            width: fit-content;
            margin: 0 auto 10px; } }
    .kitchen_area .kitchen_cont03 .item {
      position: relative; }
      .kitchen_area .kitchen_cont03 .item.item01 {
        width: 46.42%;
        flex-wrap: wrap;
        gap: 10px 0;
        align-items: flex-end; }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .item.item01 {
            width: 100%; } }
        .kitchen_area .kitchen_cont03 .item.item01 .text_group {
          width: 41.3%; }
          @media screen and (max-width: 480px) {
            .kitchen_area .kitchen_cont03 .item.item01 .text_group {
              width: 100%; } }
          @media screen and (max-width: 480px) {
            .kitchen_area .kitchen_cont03 .item.item01 .text_group .kitchen_ttl {
              text-align: center; } }
          @media screen and (max-width: 480px) {
            .kitchen_area .kitchen_cont03 .item.item01 .text_group .photo {
              width: fit-content;
              margin: 0 auto; } }
        .kitchen_area .kitchen_cont03 .item.item01 .image_photo {
          width: 56.56%; }
          @media screen and (max-width: 480px) {
            .kitchen_area .kitchen_cont03 .item.item01 .image_photo {
              width: fit-content;
              margin: 0 auto; } }
        .kitchen_area .kitchen_cont03 .item.item01 .image {
          width: 100%; }
      .kitchen_area .kitchen_cont03 .item.item02 {
        width: 47.92%; }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .item.item02 {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .kitchen_area .kitchen_cont03 .item.item02 > .kitchen_ttl {
            text-align: center; } }
        .kitchen_area .kitchen_cont03 .item.item02 .ih_group {
          align-items: flex-start; }
          @media screen and (max-width: 480px) {
            .kitchen_area .kitchen_cont03 .item.item02 .ih_group {
              flex-direction: column;
              gap: 15px 0; } }
          .kitchen_area .kitchen_cont03 .item.item02 .ih_group .photo {
            width: 52.53%; }
            @media screen and (max-width: 480px) {
              .kitchen_area .kitchen_cont03 .item.item02 .ih_group .photo {
                width: 100%; } }
          .kitchen_area .kitchen_cont03 .item.item02 .ih_group .text_group {
            width: 45.22%; }
            @media screen and (max-width: 480px) {
              .kitchen_area .kitchen_cont03 .item.item02 .ih_group .text_group {
                width: 100%; } }
            .kitchen_area .kitchen_cont03 .item.item02 .ih_group .text_group .kitchen_read {
              margin-bottom: 0; }
        .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 {
          align-items: flex-start;
          margin: 15px 0; }
          @media screen and (max-width: 480px) {
            .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 {
              flex-direction: column;
              row-gap: 20px; } }
          .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in {
            align-items: flex-start;
            width: 47.83%;
            flex-wrap: wrap;
            gap: 15px 0; }
            @media screen and (max-width: 480px) {
              .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in {
                width: 100%; } }
            .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in .kitchen_ttl {
              width: 100%; }
            .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in .kitchen_read {
              width: 54.55%;
              margin: 0; }
              @media screen and (max-width: 480px) {
                .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in .kitchen_read {
                  width: 70%; } }
            .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in .photo {
              width: 42.19%; }
              @media screen and (max-width: 480px) {
                .kitchen_area .kitchen_cont03 .item.item02 .ih_group02 .ih_group02_in .photo {
                  width: 25%; } }
        .kitchen_area .kitchen_cont03 .item.item02 .ih_group03 .panel_txt {
          font-size: clamp(14px, 1.616vw, 21px);
          text-align: center;
          color: #c7000b;
          padding-bottom: 10px;
          margin-bottom: 10px;
          border-bottom: 1px solid #000; }

.tab_area {
  overflow: hidden; }

.sud_name {
  line-height: 1;
  font-size: clamp(13px, 1.334vw, 16px); }

.item_name.border_n {
  text-align: left;
  border-bottom: none;
  padding-bottom: 0; }
.item_name.end {
  align-content: flex-end; }
.item_name .min {
  font-size: 80%;
  display: block; }

.security_area {
  padding: clamp(50px, 6.667vw, 80px) 0 0; }
  .security_area .security_cont01 {
    flex-wrap: wrap;
    row-gap: clamp(50px, 6.667vw, 80px);
    margin-bottom: clamp(60px, 10vw, 120px); }
    .security_area .security_cont01 .item {
      width: 47.5%; }
      .security_area .security_cont01 .item .item_name {
        text-align: left; }
      .security_area .security_cont01 .item.full {
        width: 100%; }
    .security_area .security_cont01 .item01 {
      flex-wrap: wrap;
      align-items: center;
      row-gap: 10px; }
      .security_area .security_cont01 .item01 .text_group {
        width: 70%; }
        @media screen and (max-width: 480px) {
          .security_area .security_cont01 .item01 .text_group {
            width: 80%; } }
      .security_area .security_cont01 .item01 .img01 {
        width: 10.75%; }
        @media screen and (max-width: 480px) {
          .security_area .security_cont01 .item01 .img01 {
            width: 18%; } }
      .security_area .security_cont01 .item01 .img02 {
        background-color: #f4f0e5;
        width: 100%;
        padding: 40px 62px; }
        @media screen and (max-width: 480px) {
          .security_area .security_cont01 .item01 .img02 {
            padding: 20px;
            padding-bottom: 30px;
            margin-inline: -20px;
            width: calc(100% + 40px); } }
    .security_area .security_cont01 .item02,
    .security_area .security_cont01 .item03,
    .security_area .security_cont01 .item04 {
      display: flex;
      flex-direction: column;
      row-gap: clamp(15px, 1.667vw, 20px); }
      @media screen and (max-width: 480px) {
        .security_area .security_cont01 .item02,
        .security_area .security_cont01 .item03,
        .security_area .security_cont01 .item04 {
          width: 100% !important; } }
    .security_area .security_cont01 .item02 .img01 {
      max-width: 151px;
      width: 26.5%;
      margin-inline: auto; }
      .security_area .security_cont01 .item02 .img01 .cap {
        transform: translateX(50%); }
        @media screen and (max-width: 480px) {
          .security_area .security_cont01 .item02 .img01 .cap {
            transform: translateX(80%); } }
    .security_area .security_cont01 .item02 .txt_list {
      display: flex;
      justify-content: center;
      column-gap: 2.11%; }
      .security_area .security_cont01 .item02 .txt_list li {
        background: #9a8143;
        display: grid;
        place-items: center;
        color: #fff;
        line-height: 1.4;
        font-size: clamp(14px, 1.417vw, 17px);
        width: 28.95%;
        text-align: center;
        padding: clamp(10px, 1.667vw, 20px) 0; }
        .security_area .security_cont01 .item02 .txt_list li:nth-last-child(1) {
          line-height: 2.8; }
    .security_area .security_cont01 .item03 .img_wrap {
      display: flex;
      justify-content: center;
      column-gap: 10px;
      align-items: flex-end; }
      .security_area .security_cont01 .item03 .img_wrap .img01 {
        max-width: 225px;
        width: 39.48%; }
      .security_area .security_cont01 .item03 .img_wrap .img02 {
        max-width: 212px;
        width: 37.2%; }
        .security_area .security_cont01 .item03 .img_wrap .img02 .cap_r {
          padding: 0;
          margin-top: -5px;
          position: relative;
          z-index: 1; }
    .security_area .security_cont01 .item03 .txt_list {
      display: flex;
      justify-content: center;
      gap: 10px 20px;
      flex-wrap: wrap; }
      @media screen and (max-width: 480px) {
        .security_area .security_cont01 .item03 .txt_list {
          column-gap: 4%; } }
      .security_area .security_cont01 .item03 .txt_list li {
        width: 44.74%; }
        @media screen and (max-width: 480px) {
          .security_area .security_cont01 .item03 .txt_list li {
            width: 48%; } }
        .security_area .security_cont01 .item03 .txt_list li .ttl {
          background: #9a8143;
          font-size: clamp(14px, 1.417vw, 17px);
          color: #fff;
          line-height: 1;
          padding: 0.4em 0;
          text-align: center;
          margin-bottom: 0.5em; }
        .security_area .security_cont01 .item03 .txt_list li .txt {
          line-height: 1.34;
          font-size: clamp(11px, 1.084vw, 13px); }
    .security_area .security_cont01 .item04 .img01 {
      max-width: 1163px;
      margin-inline: auto;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .security_area .security_cont01 .item04 .img01 .image_wrap {
          overflow-x: auto; } }
      @media screen and (max-width: 480px) {
        .security_area .security_cont01 .item04 .img01 .image_wrap .image img {
          width: 600px;
          max-width: none; } }
    .security_area .security_cont01 .item04 .cap {
      bottom: auto;
      top: 100%; }
  .security_area .bg {
    padding: clamp(60px, 10vw, 120px) 0;
    background: #eaeff5;
    background: linear-gradient(135deg, #FFF 0%, #eaeff5 100%); }
  .security_area .security_cont02 .grid_item {
    position: relative;
    display: grid;
    grid-template-columns: 21.67% 21.67% 54.84%;
    align-items: flex-start;
    align-content: start;
    grid-auto-flow: dense;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    row-gap: 15px; }
    @media screen and (max-width: 480px) {
      .security_area .security_cont02 .grid_item {
        grid-template-columns: 1fr 1fr;
        column-gap: 4%; } }
    .security_area .security_cont02 .grid_item .icon {
      position: absolute;
      top: 0;
      right: 0;
      width: 15.75%; }
      @media screen and (max-width: 480px) {
        .security_area .security_cont02 .grid_item .icon {
          width: 90px; } }
    .security_area .security_cont02 .grid_item .text_group {
      grid-column: 1/3;
      display: flex;
      flex-wrap: wrap;
      row-gap: 5px;
      justify-content: space-between;
      max-width: 520px; }
      @media screen and (max-width: 480px) {
        .security_area .security_cont02 .grid_item .text_group {
          grid-column: span 2; } }
      .security_area .security_cont02 .grid_item .text_group .ttl_in {
        width: 100%; }
      .security_area .security_cont02 .grid_item .text_group .item_name {
        text-align: left; }
      .security_area .security_cont02 .grid_item .text_group .item_read {
        width: 50.97%; }
        @media screen and (max-width: 480px) {
          .security_area .security_cont02 .grid_item .text_group .item_read {
            width: 100%;
            margin-bottom: 10px; } }
      .security_area .security_cont02 .grid_item .text_group .img {
        max-width: 231px;
        width: 44.43%; }
        @media screen and (max-width: 480px) {
          .security_area .security_cont02 .grid_item .text_group .img {
            width: 60%;
            margin-inline: auto; } }
    .security_area .security_cont02 .grid_item .main_img {
      grid-row: 1/3;
      grid-column: 3/4;
      max-width: 658px; }
      @media screen and (max-width: 480px) {
        .security_area .security_cont02 .grid_item .main_img {
          grid-column: span 2;
          grid-row: auto;
          grid-row: 2/3; } }
  .security_area .security_cont02 .item:nth-child(n+2) {
    max-width: 220px;
    width: 18.34%; }
    @media screen and (max-width: 480px) {
      .security_area .security_cont02 .item:nth-child(n+2) {
        width: 48%; } }
    .security_area .security_cont02 .item:nth-child(n+2) .photo_wrap {
      display: flex; }
      .security_area .security_cont02 .item:nth-child(n+2) .photo_wrap .photo_in {
        width: 49.1%; }
    .security_area .security_cont02 .item:nth-child(n+2) .item_name {
      align-content: center; }
  @media screen and (max-width: 480px) {
    .security_area .security_cont02 .item:nth-child(4) {
      order: 1; } }

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