@charset "utf-8";

/* 作成者：平野 */

.partner_page {
  padding-top: 5.2rem;
  padding-bottom: 15.0rem;
  font-family: var(--NotoSans);
  letter-spacing: 0;

  /* 都道府県リスト */
  .prefectures_nav {
    margin: 0 14.0rem 10.0rem 14.0rem;

    .prefectures_list {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;

      li {
        font-weight: 400;
        font-size: 1.5rem;
        color: #FFFFFF;
        line-height: calc(31 / 15);
        padding: 0 1.5rem;
        background-color: #333333;
      }
    }
  }

  /* 事業所一覧 */
  .office_sec {
    margin-left: 16.3rem;
    margin-bottom: 5.0rem;

    &:last-of-type {
      margin-bottom: 0;
    }

    .office_location {
      display: inline-block;
      font-weight: 400;
      font-size: 2.0rem;
      color: #FFFFFF;
      line-height: calc(59 / 20);
      padding: 0 6.0rem;
      background-color: #333333;
      margin-bottom: 2.0rem;
    }

    .office_info {
      display: flex;
      gap: 4.7rem;
      margin-bottom: 4.0rem;

      &:last-of-type {
        margin-bottom: 0;
      }

      .office_img {
        width: 43.0rem;
        height: 29.3rem;
      }

      .office_detail {
        width: 48.0rem;

        .office_name {
          font-weight: 400;
          font-size: 1.8rem;
          color: #FFFFFF;
          line-height: calc(46 / 18);
          background-color: #003D6D;
          padding-left: 2.5rem;
          margin-bottom: 1.3rem;
        }

        .office_category {
          display: inline-block;
          font-weight: 500;
          font-size: 1.2rem;
          color: #FFFFFF;
          line-height: calc(21 / 12);
          background-color: #003D6D;
          padding: 0 1.0rem;
          margin-bottom: 1.5rem;
        }

        .office_info_list {
          display: flex;
          flex-wrap: wrap;
          gap: 1.5rem 0;
          font-weight: 500;
          font-size: 1.6rem;
          color: #000000;
          line-height: calc(24 / 16);
          margin-bottom: 1.7rem;

          dt {
            width: 7.8rem;
          }

          dd {
            width: calc(100% - 7.8rem);
          }
        }

        .office_link_space {
          text-align: right;

          .office_link {
            display: inline-block;
            font-weight: 400;
            font-size: 1.5rem;
            color: #003D6D;
            line-height: calc(29 / 15);
            padding: 0 1.4rem;
            background-color: #FFFFFF;
            border: #003D6D 0.1rem solid;
            transition: 0.2s;

            &:hover {
              color: #FFFFFF;
              background-color: #003D6D;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 699.98px) {
  .partner_page {
    /* header部の作り次第でズレるので、header出来次第要見直し */
    padding-top: 2.0rem;
    /* padding-top: 27.2rem; */
    padding-bottom: 10.0rem;

    /* 都道府県リスト */
    .prefectures_nav {
      margin: 0 1.0rem 6.0rem 1.0rem;

      .prefectures_list {
        gap: 1.0rem;
      }
    }

    /* 事業所一覧 */
    .office_sec {
      margin-left: 2.0rem;

      .office_location {
        padding: 0 5.5rem;
      }

      .office_info {
        display: block;
        margin-bottom: 4.5rem;

        .office_img {
          width: 33.5rem;
          height: 22.8rem;
          margin-bottom: 1.0rem;
        }

        .office_detail {
          width: 33.5rem;

          .office_name {
            font-size: 1.6rem;
            line-height: calc(34 / 16);
            padding-left: 1.0rem;
            margin-bottom: 0.7rem;
          }

          .office_category {
            margin-bottom: 0.9rem;
          }

          .office_info_list {
            font-size: 1.5rem;
            line-height: calc(21 / 15);
            margin-bottom: 2.0rem;

            dt {
              width: 7.0rem;
            }

            dd {
              width: calc(100% - 7.0rem);
            }
          }
        }
      }
    }
  }
}