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

.sec01 {
  padding-bottom: 0; }

.equipment_area .equipment_group {
  flex-direction: column; }
  .equipment_area .equipment_group .equipment_in {
    padding: clamp(50px, 8.334vw, 100px) 0; }
    @media screen and (max-width: 820px) {
      .equipment_area .equipment_group .equipment_in {
        padding: 80px 0; } }
    @media screen and (max-width: 480px) {
      .equipment_area .equipment_group .equipment_in {
        padding: 60px 0; } }
    .equipment_area .equipment_group .equipment_in:nth-child(2n) {
      background: rgba(0, 152, 187, 0.15); }
    .equipment_area .equipment_group .equipment_in .sec_ttl_group.storage .sec_en_ttl {
      margin-bottom: 0; }
    .equipment_area .equipment_group .equipment_in .sec_en_ttl {
      text-align: center;
      margin-bottom: clamp(40px, 6.667vw, 80px); }
      @media screen and (max-width: 820px) {
        .equipment_area .equipment_group .equipment_in .sec_en_ttl {
          margin-bottom: 40px; } }
    .equipment_area .equipment_group .equipment_in .toilet_group {
      display: grid;
      justify-content: space-between;
      grid-template-columns: repeat(4, 1fr);
      gap: 25px 3.33%; }
      @media screen and (max-width: 820px) {
        .equipment_area .equipment_group .equipment_in .toilet_group {
          grid-template-columns: repeat(3, 1fr); } }
      @media screen and (max-width: 480px) {
        .equipment_area .equipment_group .equipment_in .toilet_group {
          gap: 30px 4%;
          grid-template-columns: repeat(2, 1fr); } }
      .equipment_area .equipment_group .equipment_in .toilet_group .item {
        width: auto; }
        .equipment_area .equipment_group .equipment_in .toilet_group .item.first {
          grid-row: 1/4;
          grid-column: 1/2; }
          @media screen and (max-width: 480px) {
            .equipment_area .equipment_group .equipment_in .toilet_group .item.first {
              grid-row: auto;
              grid-column: span 2;
              display: flex;
              justify-content: space-between;
              flex-direction: row; } }
          @media screen and (max-width: 480px) {
            .equipment_area .equipment_group .equipment_in .toilet_group .item.first .photo {
              width: 50%; } }
          .equipment_area .equipment_group .equipment_in .toilet_group .item.first .text_group {
            flex-wrap: wrap; }
            @media screen and (max-width: 480px) {
              .equipment_area .equipment_group .equipment_in .toilet_group .item.first .text_group {
                width: 46%; } }
            .equipment_area .equipment_group .equipment_in .toilet_group .item.first .text_group .item_name {
              display: block;
              width: 100%;
              letter-spacing: -0.05em; }
            .equipment_area .equipment_group .equipment_in .toilet_group .item.first .text_group .item_read {
              width: 60%; }
              @media screen and (max-width: 480px) {
                .equipment_area .equipment_group .equipment_in .toilet_group .item.first .text_group .item_read {
                  width: 100%;
                  margin-bottom: 5px; } }
.equipment_area .col4 {
  flex-wrap: wrap;
  gap: clamp(30px, 4.167vw, 50px) 3.33%;
  justify-content: flex-start; }
  @media screen and (max-width: 820px) {
    .equipment_area .col4 {
      gap: clamp(30px, 4.167vw, 50px) 2%; } }
  @media screen and (max-width: 480px) {
    .equipment_area .col4 {
      gap: 40px 4%; } }
  .equipment_area .col4.col5 {
    gap: clamp(30px, 4.167vw, 50px) 2.075%; }
    @media screen and (max-width: 820px) {
      .equipment_area .col4.col5 {
        gap: clamp(30px, 4.167vw, 50px) 2%; } }
    @media screen and (max-width: 480px) {
      .equipment_area .col4.col5 {
        gap: 40px 4%; } }
    .equipment_area .col4.col5 .item {
      width: 18.34%; }
      @media screen and (max-width: 820px) {
        .equipment_area .col4.col5 .item {
          width: 32%; } }
      @media screen and (max-width: 480px) {
        .equipment_area .col4.col5 .item {
          width: 48%; } }
  .equipment_area .col4 .item {
    width: 22.5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px; }
    @media screen and (max-width: 820px) {
      .equipment_area .col4 .item {
        row-gap: 15px;
        width: 32%; } }
    @media screen and (max-width: 480px) {
      .equipment_area .col4 .item {
        width: 48%;
        row-gap: 12px; } }
    .equipment_area .col4 .item .photo {
      position: relative; }
      .equipment_area .col4 .item .photo .wappen {
        position: absolute;
        right: 0px;
        top: -15%;
        width: 24.82%; }