@charset "utf-8";

.company_wrap {
  .sec_ttl {
    padding: 0.30rem;
    padding-bottom: 0;
    text-align: center;
    font-size: 0.30rem;
    font-weight: 700;
    line-height: 1.5;
    @media screen and (max-width: 640px) {
      padding: 0.20rem;
      padding-bottom: 0;
      font-size: 0.18rem;
    }
  }
  .lead {
    padding: 0.30rem;
    font-size: 0.18rem;
    line-height: 2;
    text-align: justify;
    @media screen and (max-width: 640px) {
      padding: 0.20rem;
      padding-top: 0.10rem;
      font-size: 0.15rem;
    }
  }
  .company_list {
    .ttl {
      background-color: #00A0E9;
      padding: 0.15rem 0.20rem 0.17rem;
      font-size: 0.30rem;
      font-weight: 700;
      color: #FFF;
      @media screen and (max-width: 640px) {
        font-size: 0.18rem;
        padding-left: 0.15rem;
      }
    }
    .txt_box {
      padding: 0.24rem;
      font-weight: 500;
      font-size: 0.20rem;
      line-height: 1.75;
      @media screen and (max-width: 640px) {
        padding: 0.15rem;
        font-size: 0.15rem;
      }
      a {
        color: #1A1A1A;
        @media screen and (max-width: 640px) {
          color: #0068b6;
          text-decoration: underline;
        }
      }
      .list {
        list-style: disc;
        margin-left: 0.20rem;
      }
    }
    &:last-child {
      border-bottom: 1px solid #CCC;
    }
  }
}

/* 札幌市内全10区に待機場所があります！ */
.taiki_area {
  padding-top: 0.30rem;
  .ttl {
    font-size: 0.42rem;
    text-align: center;
    font-weight: 900;
    color: #0068b6;
    line-height: 1.4;
    @media screen and (max-width: 640px) {
      font-size: 0.32rem;
    }
  }
  .kakomi {
    background-color: #0068b6;
    padding: 0.10rem 0 0.12rem;
    text-align: center;
    border-radius: 0.30rem;
    font-size: 0.26rem;
    font-weight: 700;
    color: #FFF;
    margin: 0.10rem 0.30rem 0.30rem;
    position: relative;
    z-index: 0;
    @media screen and (max-width: 640px) {
      font-size: 0.14rem;
      margin: 0.10rem 0.20rem 0.30rem;
    }
  }
  .img_box {
    padding: 0 0.30rem;
    @media screen and (max-width: 640px) {
      padding: 0 0.20rem;
    }
  }
  .area_list_wrap {
    position: relative;
    z-index: 1;
    margin-top: -0.20rem;
    padding: 0 0.30rem;
    @media screen and (max-width: 640px) {
      padding: 0 0.20rem;
      margin-top: -0.10rem;
    }
    .area_ttl {
      font-size: 0.30rem;
      font-weight: 700;
      padding-bottom: 0.20rem;
      @media screen and (max-width: 640px) {
        font-size: 0.20rem;
        padding-bottom: 0.10rem;
      }
    }
    .area_list {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.22rem;
      line-height: 1.75;
      padding-bottom: 0.20rem;
      @media screen and (max-width: 640px) {
        font-size: 0.15rem;
      }
      dt {
        width: 1.00rem;
        @media screen and (max-width: 640px) {
          width: 0.70rem;
        }
      }
      dd {
        width: calc(100% - 1.00rem);
        @media screen and (max-width: 640px) {
          width: calc(100% - 0.70rem);
        }
      }
    }
    .txt {
      font-size: 0.22rem;
      line-height: 1.5;
      padding-bottom: 0.30rem;
      @media screen and (max-width: 640px) {
        font-size: 0.15rem;
      }
    }
  }
  .gmap {
    width: 100%;
    height: 4.00rem;
    @media screen and (max-width: 640px) {
      height: 2.50rem;
    }
    iframe {
      width: 100%;
      height: 100%;
    }
  }
}