@charset "utf-8";

:root{
}

.subsidy{
  --subsidy_Color:66 66 66;

  margin:30px auto 0 auto;
  border:3px solid rgb(var(--subsidy_Color));
  border-radius: 15px;
  padding:20px;
  h2{
    color:rgb(var(--subsidy_Color));
    text-align: left;
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom:1em;
    span{
      display:block;
      font-size: .9em;
      font-weight: 500;
    }
  }
  > div.sub_list_box{
    display:grid;
    grid-template-columns: 2fr 1fr;
    gap:30px;
    align-items: center;
    @media (max-width: 768px) {
      display:block;
      figure{
        margin:20px auto 0 auto;
        width:min(500px,100%);
      }
    }
  }
  ul.sub_list{
    > * + *{
      margin-top:.7em;
    }
    li{
      text-align: left;
      margin-left:2em;
      list-style:decimal;
      h3{
        font-size: 1.2em;
        font-weight: 500;
        color:rgb(var(--subsidy_Color));
        span{
          font-size: .8em;
        }
      }
      aside{
        text-align: right;
        font-size: 1.5em;
        color:red;
        span{
          font-size: .8em;
        }
      }
    }
  }
  > p{
    margin:20px auto 0 auto;
    font-size: 1.5em;
    color:red;
    display:inline-block;
    border:2px solid red;
    padding:.3em .5em;
    font-weight: 500;
    span{
      font-size: .8em;
    }
  }
}

#kosodate{/*子育てグリーン住宅支援事業*/
  --subsidy_Color:33 133 61;
  margin-top:0;
  div#hissu_nini{
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(min(400px,100%),1fr));
    gap:30px;
    > div{
      --borderColor:255 0 0;
      border-radius: 10px;
      padding:20px;
      border:2px solid rgb(var(--borderColor));
      background:#ffffe3;
      h3{
        color:rgb(var(--borderColor));
        text-align: left;
        font-size: 1.2em;
        font-weight: 500;
      }
      ul{
        margin:1em auto 0 auto;
        li{
          h4{
            font-size: 1.1em;
            font-weight: 500;
            color:rgb(var(--borderColor));
          }
          p{
            font-size: .9em;
          }
        }
      }
      aside{
        font-size: .9em;
        text-align: left;
        margin:1em auto 0 auto;
      }
      &:nth-of-type(1){
        --borderColor:255 0 0;
      }
      &:nth-of-type(2){
        --borderColor:34 153 97;
      }
    }
  }
  > article{
    margin:50px auto 0 auto;
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(min(400px,100%),1fr));
    gap:30px;
    > h3{
      grid-column: 1 / -1;
      font-size: 1.5em;
      text-align: left;
      font-weight: 500;
      margin-bottom:-20px;
    }
    > div{
      h4{
        color:rgb(var(--subsidy_Color));
        text-align: left;
        font-size: 1.1em;
        font-weight: 500;
        span{
          display:inline-block;
          margin:0 .3em 0 0;
          font-size: .9em;
          color:white;
          background:rgb(var(--subsidy_Color));
          padding:.1em .3em;
          border-radius: 5px;
        }
      }
      figure{
        margin:10px auto 0 auto;
      }
      > div{
        display:grid;
        grid-template-columns: 5em 1fr;
        gap:0 10px;
        margin:15px auto 0 auto;
        h5{
          font-size: 1.1em;
          text-align: left;
          color:red;
          font-weight: 500;
        }
        dl{
          div{
            display:grid;
            grid-template-columns: 1fr 7em;
            padding:.3em .5em;
            border-top:1px dotted silver;
            p{
              &:nth-of-type(1){
                text-align: left;
              }
              &:nth-of-type(2){
                text-align: right;
              }
            }
            &:last-child{
              border-bottom:1px dotted silver;
            }
          }
        }
      }
    }
  }
}

#rinobe{/*先進的窓リノベ2025事業*/
  --subsidy_Color:45 111 210;
  
}

#shouene{/*給湯省エネ2025事業*/
  --subsidy_Color:255 145 21;
}