@charset "UTF-8";
@import url("works.css");
/*------------------------------------
　個別装飾
------------------------------------*/
/*導入事例*/
/*湘南ちがさき*/
.case_6249{
  h2{
    color: #008ccf !important;
  }
  h3{
    color: #fff !important;
    font-size: 2.2rem !important;
    padding: .3rem 1rem;
  }
  .bg_1{
    background: #008ccf;
    img{
      width: 60px;
      margin-right: 10px;
    };
  }
  .bg_2{
    background: #17b1c0;
    img{
      width: 60px;
      margin-right: 10px;
    };
  }
  .bg_3{
    background: #316489;
    img{
      width: 60px;
      margin-right: 10px;
    };
  }
  .bg_4{
    background: #d3edfb;
  }
  .bg_5{
    background: #fff3c3;
  }

  .fc_1{
    color: #008ccf !important;
  }
  .fc_2{
    color: #17b1c0 !important;
  }
  .fc_3{
    color: #316489 !important;
  }
  .fc_4{
    color: #004ea2 !important;
  }
  .fc_5{
    color: #eb6100 !important;
  }

  .mb-20{
    margin-bottom: -20px;
  }
  .fs_s{
    font-size: 1.3rem !important;
  }
  .fs_m{
    font-size: 1.8rem !important;
  }
  .fd_1{
    font-size: 2.4rem !important;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 5px solid #008ccf;
    border-bottom: 1px solid #008ccf;
    padding-left: 15px;
  }
  
}

/*江戸川公園*/
.case_6253{
  h2{
    color: #00a280 !important;
  }
  .blk{
    h3{
      color: #fff !important;
      font-size: 2.2rem !important;
      padding: 0;
      margin-bottom: 20px !important;
    }
  }
  .bg_1{
    background: #eb6100;
    img{
      width: 90px;
      vertical-align: bottom;
      margin-right: 12px;
    }
  }
  .bg_2{
    background: #87519d;
    img{
      width: 90px;
      vertical-align: bottom;
      margin-right: 12px;
    }
  }
  .bg_3{
    background: #39afa6;
    img{
      width: 90px;
      vertical-align: bottom;
      margin-right: 12px;
    }
  }
  .bg_4{
    background: #6dbb4f;
    img{
      width: 90px;
      vertical-align: bottom;
      margin-right: 12px;
    }
  }
  h4{
    font-size: 1.7rem !important;
  }
  .remarks{
    font-size: 1.3rem !important;
    border: #666 solid 1px;
    padding: 10px;
    margin-top: 20px;
    span{
      font-weight: bold;
      display: inline-block;
    }
  }
  .info-table {
  width: 100%;
  border-collapse: collapse;
  --theme-color: #eb6100;
  --theme-bg: #fff9f5;
    th,td{
    border: 1px solid var(--theme-color);
    padding: 15px;
    line-height: 1.6;
    }
    th {
      color: var(--theme-color);
      width: 25%;
      text-align: left;
      background-color: var(--theme-bg);
    }
        td {
      color: #333;
    }
    &.mod-purple {
      --theme-color: #87519d;
      --theme-bg: #f9f5fa;
    }
    &.mod-teal {
      --theme-color: #39afa6;
      --theme-bg: #f2fbfb;
    }
    &.mod-green {
      --theme-color: #6dbb4f;
      --theme-bg: #f6fcf4;
    }
  }
}

/*湘南ちがさき*/
.case_6254{
  h2{
    color: #eb613b !important;
    span{
      background: #eb613b;
      border-radius: 5px;
      color: #fff !important;
      font-size: 1.8rem;
      padding: 0 5px 1px;
      margin-right: 10px;
    }
    img{
      width: 50px;
      margin-right: 10px;
    }
  }
  .fc_1{
    color: #428333 !important;
  }
  blk{
    h3{
      font-size: 2.0rem !important;
    }
  }
  .bubble-wrapper {
  display: flex;
  align-items: center;
  min-height: 150px;

    .speech-bubble-left {
      position: relative;
      background-color: #eb613b;
      color: #fff !important;
      padding: 15px 20px;
      border-radius: 8px;
      margin-left: 15px;
      margin-top: 0;
      margin-bottom: 0;
      display: inline-block;

      &::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -15px;
        transform: translateY(-50%);
        border-width: 10px 17px 10px 0;
        border-style: solid;
        border-color: transparent #eb613b transparent transparent;
      }
    }

    .speech-bubble-right {
      position: relative;
      background-color: #eb613b;
      color: #fff !important;
      padding: 15px 20px;
      border-radius: 8px;
      margin-right: 15px;
      margin-top: 0;
      margin-bottom: 0;
      display: inline-block;

      &::before {
        content: "";
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translateY(-50%);
        border-width: 10px 0 10px 17px;
        border-style: solid;
        border-color: transparent transparent transparent #eb613b;
      }
    }
  }
}

/*大里小プール*/
.case_6255{
  h2{
    color: #6c69ae !important;
  }
  .blk{
    h3{
      color: #fff !important;
      font-size: 2.2rem !important;
      padding: .3rem 1rem;
      img{
        width: 50px;
        margin-right: 10px;
      }
    }
  }
  .bg_1{
    background: #6c69ae;
  }
  .bg_2{
    background: #c1599d;
  }
  .bg_3{
    background: #0086cd;
  }
  .fc_1{
    color: #6c69ae !important;
  }
  .fc_2{
    color: #c1599d !important;
  }
  .fc_3{
    color: #0086cd !important;
  }
  .fs-20{
    font-size: 2.0rem !important;
  }
  figcaption{
    font-size: 1.6rem !important;
  }
  .mb-20{
    margin-bottom: -20px;
  }
}

/*ウェルネスセンター*/
.case_6256{
  h2{
    color: #00abeb !important;
  }
  .blk_1{
    h3{
      background: #00abeb;
      color: #fff !important;
      padding-left: 10px;
    }
  }
  .blk_2{
    h3{
      background: #f08300;
      color: #fff !important;
      padding-left: 10px;
    }
  }
}

/*厚木市公共施設*/
.case_6258{
  h2{
    color: #22ac38 !important;
  }
  .blk_1{
    h3{
      color: #22ac38 !important;
      font-size: 2.2rem !important;
    }
    figure{
      text-align: center;
    }
  }
  .blk_2{
    h3{
      color: #22ac38 !important;
      font-size: 2.2rem !important;
      img{
        width: 50px;
        margin-right: 10px;
      }
      span{
        background: #22ac38;
        border-radius: 5px;
        color: #fff !important;
        font-size: 1.8rem;
        padding: 0 5px 1px;
        margin-right: 10px;
      }
    }
  }
  .blk_3{
    h3{
      color: #c88c0e !important;
      font-size: 2.2rem !important;
      img{
        width: 50px;
        margin-right: 10px;
      }
      span{
        background: #c88c0e;
        border-radius: 5px;
        color: #fff !important;
        font-size: 1.8rem;
        padding: 0 5px 1px;
        margin-right: 10px;
      }
    }

  }
}

/*提案*/
/*国土強靭化*/
.case_6252{
  .blk_1{
    .ttl_sec{
      color: #0c86b6;
      span{
        font-size: 2.4rem;
      }
    }
    figure{
      max-width: 500px;
      margin: 0 auto;
    }
  }
  .blk_2{
    .ttl_sec{
      color: #fff;
      background: #0c86b6;
    }
    h3{
      font-size: 2.2rem;
      color: #fff;
      background: #0c86b6;
      padding-left: 10px;
      margin-bottom: 20px;
      img{
        width: 50px;
        margin-right: 10px;
      }
    }
    h4{
      font-size: 1.8rem;
      font-weight: bold;
    }
  }
}

/*ウェルネス施設*/
.case_6257{
  .proposal_catch{
    h2{
      color: #fff !important;
    }
  }
  .blk_2{
    .ttl_sec{
      color: #4283c3;
      span{
        background: #4283c3;
        border-radius: 5px;
        color: #fff !important;
        font-size: 1.8rem;
        padding: 0 5px 1px;
        margin-right: 10px;
      }
    }
    .inner{
      background: #e1e6f3;
      border-radius: 10px;
      padding: 20px 30px;
      h4{
        font-size: 2.2rem;
        span{
          background: #00b9ef;
          border-radius: 5px;
          color: #fff !important;
          font-size: 2.0rem;
          padding: 0 5px 1px;
          margin-right: 10px;
        }
      }
      figure{
        text-align: center;
      }
    }
  }
}