@charset 'UTF-8';

/* 拠点紹介コンテンツ内-sp
      ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
body .is-layout-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  row-gap: 16px;
  padding: 0 0 28px;
  margin: 0 0 28px;
  border-bottom: solid 1px var(--color10);
}

.wp-block-heading {
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.01em;
  font-weight: 700;
  margin: 0 0 28px;
  padding: 0 0 28px;
  border-bottom: solid 1px var(--color10);
}

.wp-block-group {
  margin: 0 0 60px;
}
.page-outer__main > .wp-block-group:last-of-type {
  margin: 0 0 40px;
}

.wp-block-group p {
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1.7;
}

.wp-block-group p strong {
  font-weight: 700;
}

body .is-layout-flex .wp-block-group {
  width: 100%;
}

body .is-layout-flex .wp-block-group a {
  display: inline-block;
  font-size: 15px;
  letter-spacing: 0.04em;
  margin: 16px 0 0;
}

body .is-layout-flex .wp-block-group a img {
  display: inline-block;
  width: 12px !important;
  height: auto;
  margin: 0 0 0 12px;
}

.page-outer__main > p.has-text-color {
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.7;
  font-weight: 500;
}

@media screen and (min-width: 577px) {
  /* 拠点紹介コンテンツ内-tb
      ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  body .is-layout-flex {
    row-gap: 32px;
    padding: 0 0 56px;
    margin: 0 0 56px;
  }

  .wp-block-heading {
    font-size: 28px;
  }

  .wp-block-group {
    margin: 0 0 120px;
  }
  .page-outer__main > .wp-block-group:last-of-type {
    margin: 0 0 80px;
  }

  .wp-block-group p {
    font-size: 24px;
  }

  body .is-layout-flex .wp-block-group a {
    font-size: 30px;
    margin: 32px 0 0;
  }

  body .is-layout-flex .wp-block-group a img {
    width: 24px !important;
    margin: 0 0 0 24px;
    -webkit-transform: translate(0, -11px);
    -ms-transform: translate(0, -11px);
    transform: translate(0, -11px);
  }
  .page-outer__main > p.has-text-color {
    font-size: 20px;
  }
}

@media screen and (min-width: 769px) {
  /* 拠点紹介コンテンツ内-pc
      ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  body .is-layout-flex {
    row-gap: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    padding: 0 0 32px;
    margin: 0 0 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: solid 1px var(--color10);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .wp-block-heading {
    font-size: 18px;
    margin: 0 0 32px;
    padding: 0 0 32px;
  }
  .page-outer__main > .wp-block-group:last-of-type {
    margin: 0 0 40px;
  }

  .wp-block-group p {
    font-size: 18px;
  }

  .wp-block-group > p:nth-of-type(1) {
    width: 25%;
    -webkit-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }

  body .is-layout-flex .wp-block-group {
    width: 75%;
  }

  body .is-layout-flex .wp-block-group a {
    font-size: 15px;
    margin: 24px 0 0;
  }

  body .is-layout-flex .wp-block-group a img {
    width: 13px !important;
    margin: 0 0 0 13px;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
  }
  .page-outer__main > p.has-text-color {
    font-size: 12px;
  }
}