@charset "UTF-8";

/* =========================================================
    soshiki
========================================================= */
.more a[href] {
  background: none;
}

/* contentOrganizationGroups
----------------------------------------------- */
.contentOrganizationGroups {
  margin-top: 24px;
}

.contentOrganizationGroups section {
  margin-bottom: 48px;
}

.contentOrganizationGroups h2 {
  font-size: 16px;
  font-weight: normal;
  background: url("/_themes/site/images/arrow-black.svg") right 16px center no-repeat;
  background-color: var(--ac-color-orange-7);
  border-radius: 5px;
}

.contentOrganizationGroups h2 span.name a {
  display: block;
  align-content: center;
  height: 56px;
  padding: 0 16px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid var(--ac-color-orange-8);
  border-radius: 8px;
}

.contentOrganizationGroups h2 > span:not(.name) {
  display: none;
}

.contentOrganizationGroups h2 + ul {
  margin: 24px 0 0 16px;
}

.contentOrganizationGroups h2 + ul li:not(:last-child) {
  margin-bottom: 32px;
}

.contentOrganizationGroups h2 + ul li > span {
  display: block;
}

.contentOrganizationGroups h2 + ul li > span.name {
  margin: 0 0 16px;
}

.contentOrganizationGroups h2 + ul li > span:not(.name) {
  padding-left: 16px;
}

.contentOrganizationGroups h2 + ul li > span.name a {
  display: block;
  align-content: center;
  height: 48px;
  padding: 0 32px 0 16px;
  font-size: 1.125rem;
  font-weight: bold;
  background: url("/_themes/site/images/arrow-black.svg") right 16px center no-repeat;
  background-color: var(--mono-color-14);
  border: 1px solid var(--mono-color-15);
  border-radius: 8px;
}

/* contentOrganizationGroupDepartment, contentOrganizationGroupUnit
----------------------------------------------- */
.contentOrganizationGroupDepartment {
  position: relative;
  margin: 24px 0 16px;
}

.contentOrganizationGroupDepartment ul.feed {
  position: absolute;
  top: 6px;
  right: 16px;
  z-index: 1;
}

@media only screen and (max-width: 959px) {
  .contentOrganizationGroupDepartment ul.feed,
  .contentOrganizationGroupUnit ul.feed {
    font-size: 0.875rem;
  }

  .contentOrganizationGroupDepartment ul:not(.feed),
  .contentOrganizationGroupUnit ul:not(.feed) {
    padding: 0;
  }

  .contentOrganizationGroupDepartment ul:not(.feed) li,
  .contentOrganizationGroupUnit ul:not(.feed) li {
    position: relative;
    padding: 10px 10px 10px 20px;
    margin: 0;
    font-size: 0.875rem;
    background-position: 10px calc(10px + 10px);
    background-size: 4px 5px;
    border-bottom: 1px solid var(--mono-color-3);
  }

  .contentOrganizationGroupDepartment ul:not(.feed) li > span.title_link a::before,
  .contentOrganizationGroupUnit ul:not(.feed) li > span.title_link a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: none !important;
  }

  .contentOrganizationGroupDepartment .more,
  .contentOrganizationGroupUnit .more {
    font-size: 0.875rem;
  }
}

/* piece(outline, business, address)
----------------------------------------------- */
.contentOrganization + div[id^="soshiki"] {
  margin-top: 40px;
}

.contentOrganization ~ div[id^="soshiki"]:not(:last-child) {
  margin-bottom: 16px;
}

.contentOrganization ~ div[id^="soshiki"] .pieceHeader {
  margin-top: 48px;
}

.contentOrganization ~ div[id^="soshiki"] .pieceHeader h2 {
  align-content: center;
  height: 56px;
  padding: 0 18px;
  font-size: 18px;
  background-color: color-mix(in srgb, var(--ac-color-green-2) 40%, transparent);
  border-top: 2px solid var(--ac-color-green-1);
  border-bottom: 1px solid var(--ac-color-green-1);
}

.contentOrganization ~ div[id^="soshiki"] .pieceBody {
  padding: 0 10px 16px;
}

@media only screen and (max-width: 959px) {
  .contentOrganization + div[id^="soshiki"] {
    margin-top: 20px;
  }
}

.soshikiCategoryList ul.docs {
  padding: 16px 0 0 8px;
  list-style-image: url("/_themes/site/images/arrow-black.svg");
}

/* gikai-link
----------------------------------------------- */
#gikaiLink {
  margin-top: 32px;
}
