@charset "UTF-8";
/* =====================
	事業所紹介
 ======================= */
/** -------------------- 4つの指針 -------------------- **/
section.guidelines {
  margin: 2% 0;
}

section.guidelines .guidelines-ttl {
  font-size: 170%;
  font-weight: 700;
  text-align: center;
  color: var(--c_blue);
  margin-bottom: 4.5%;
}

section.guidelines .guidelines-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 2.5%;
     -moz-column-gap: 2.5%;
          column-gap: 2.5%;
}

section.guidelines .guidelines-list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 21%;
          flex: 0 1 21%;
}

section.guidelines .guidelines-list-item h3 {
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  padding: 1em 0;
  border: 2px solid currentColor;
  color: #0062C3;
  border-radius: 0.8em;
}

section.guidelines .guidelines-list-item ul {
  font-size: 110%;
  line-height: 1.77;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5em auto 0;
}

section.guidelines .guidelines-list-item:nth-child(2) h3 {
  color: #EF2C63;
}

section.guidelines .guidelines-list-item:nth-child(3) h3 {
  color: #25992D;
}

section.guidelines .guidelines-list-item:nth-child(4) h3 {
  color: #6A34BB;
}

/** -------------------- 事業所紹介 -------------------- **/
section.office {
  margin: 4% 0 8%;
}

section.office .inner {
  width: 67%;
}

section.office .office-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2em 0;
}

section.office .office-list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
  padding: 2em;
  border: 2px solid #0062C3;
  border-radius: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

section.office .office-list-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 110%;
  -webkit-column-gap: 0.35em;
     -moz-column-gap: 0.35em;
          column-gap: 0.35em;
  margin-bottom: 0.5em;
}

section.office .office-list-address:before {
  content: "";
  width: 1em;
  height: 1.5em;
  background: url(../img/service/icon_map.png) no-repeat center/contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

section.office .office-list-name {
  font-size: 150%;
  font-weight: 700;
  line-height: 1.5;
  color: #0062C3;
  margin-bottom: 0.5em;
}

section.office .office-list-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5em 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  margin-bottom: 0.5em;
}

section.office .office-list-gallery > img {
  border-radius: 0.5em;
}

section.office .office-list-txt {
  font-size: 110%;
  line-height: 1.77;
}

section.office .office-list-subttl {
  font-size: 110%;
  line-height: 1.77;
  color: #EF2C63;
}

section.office .office-list-subttl:before {
  content: "■ ";
}

section.office .office-list-detail {
  font-size: 110%;
  line-height: 1.77;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 1em;
  margin-bottom: 2em;
}

section.office .office-list-detail > li:before {
  content: "・";
}

section.office .office-list-link {
  width: 75%;
  margin: auto auto 0;
}

section.office .office-list-link .cmn-btn {
  width: 100%;
}

section.office .office-list #nagomi, section.office .office-list #futaba, section.office .office-list #wakaba, section.office .office-list #kodama, section.office .office-list #kizuna {
  border-color: #EF2C63;
}

section.office .office-list #nagomi .office-list-name, section.office .office-list #futaba .office-list-name, section.office .office-list #wakaba .office-list-name, section.office .office-list #kodama .office-list-name, section.office .office-list #kizuna .office-list-name {
  color: #EF2C63;
}

section.office .office-list #yamabiko {
  border-color: #45B82D;
}

section.office .office-list #yamabiko .office-list-name {
  color: #45B82D;
}

section.office .office-list #nagomisou {
  border-color: #9231D1;
}

section.office .office-list #nagomisou .office-list-name {
  color: #9231D1;
}

/* タブレット
  ------------------------ */
@media (max-width: 1100px) {
  section.office .inner {
    width: 90%;
  }
}

/* スマホ
  ------------------------ */
@media (max-width: 699px) {
  /** -------------------- 4つの指針 -------------------- **/
  section.guidelines .guidelines-ttl {
    font-size: 16px;
  }
  section.guidelines .guidelines-list {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  section.guidelines .guidelines-list-item {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
  section.guidelines .guidelines-list-item:last-child {
    margin-bottom: 0;
  }
  section.guidelines .guidelines-list-item h3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    font-size: 15px;
    border-width: 1px;
  }
  section.guidelines .guidelines-list-item ul {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 1em;
  }
  section.guidelines .guidelines-list-item:nth-child(2) ul > li:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  /** -------------------- 事業所紹介 -------------------- **/
  section.office {
    margin: 12% 0 16%;
  }
  section.office .inner {
    width: 94%;
  }
  section.office .office-list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding: 16px;
    border-width: 1px;
    border-radius: 12px;
  }
  section.office .office-list-address {
    font-size: 12px;
  }
  section.office .office-list-name {
    font-size: 16px;
  }
  section.office .office-list-gallery > img {
    border-radius: 4px;
  }
  section.office .office-list-txt {
    font-size: 14px;
    line-height: 1.5;
  }
  section.office .office-list-subttl {
    font-size: 14px;
    line-height: 1.5;
  }
  section.office .office-list-detail {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  section.office .office-list-link {
    margin-top: 16px;
    width: 90%;
  }
}