:root {
  --business1: #3d577c;
  --business2: #0A5F0A;
  --business3: #9B3300;
  --business1a: #d8dce5;
  --business2a: #d9e6dd;
  --business3a: #fbe7ce;
}

.result--wrapper--group .group-title {
  font-size: 2.0rem;
  margin-bottom: 24px;
  font-weight: 500;
  color: var(--business1);
}
.result--wrapper--group .group-title.g2 {
  color: var(--business2);
}
.result--wrapper--group .group-title.g3 {
  color: var(--business3);
}
.result--wrapper--group + .result--wrapper--group {
  margin-top: 0px;
}
.result--wrapper--group + .result--wrapper--group .result--wrapper:first-of-type .searchword--title {
  border-top: none !important;
}
@media screen and (max-width: 768px) {
  .result--wrapper--group + .result--wrapper--group {
    margin-top: 0px;
  }
}

.tab--navi ul.select--tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.division-anchorlink {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
  max-width: 1024px;
}
@media screen and (max-width: 767px) {
  .division-anchorlink {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.division-anchorlink .division-list picture {
  display: block;
}
.division-anchorlink .division-list picture img {
  max-width: 100%;
  height: auto;
}
.division-anchorlink .division-anchorlink-title {
  padding: 12px;
  font-size: 1.6rem;
  min-height: 64px;
  font-weight: 700;
  color: #fff;
  transition: all 0.25s;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .division-anchorlink .division-anchorlink-title {
    padding: 8px 12px;
    min-height: 42px;
  }
}
.division-anchorlink .division1 .division-anchorlink-title {
  background: var(--business1);
}
@media (any-hover: hover) {
  .division-anchorlink .division1 .division--index--anchor .list-anchor:hover {
    background: var(--business1);
  }
}
.division-anchorlink .division2 .division-anchorlink-title {
  background: var(--business2);
}
.division-anchorlink .division2 .division--index--anchor .list-anchor a:after {
  background: url(../images/icon_arrow2.svg);
  background-size: cover;
}
@media (any-hover: hover) {
  .division-anchorlink .division2 .division--index--anchor .list-anchor:hover {
    background: var(--business2);
  }
}
.division-anchorlink .division3 .division-anchorlink-title {
  background: var(--business3);
}
.division-anchorlink .division3 .division--index--anchor .list-anchor a:after {
  background: url(../images/icon_arrow3.svg);
  background-size: cover;
}
@media (any-hover: hover) {
  .division-anchorlink .division3 .division--index--anchor .list-anchor:hover {
    background: var(--business3);
  }
}
.division-anchorlink .division--index--anchor {
  background: #FFF;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1px;
  margin-top: 1px;
}
.division-anchorlink .division--index--anchor .list-anchor {
  width: 100%;
  min-height: 64px;
  display: flex;
  align-items: center;
  background: rgba(61, 87, 124, 0.1);
  font-size: 1.6rem;
  font-weight: 700;
  transition: all 0.25s;
  position: relative;
}
@media screen and (max-width: 767px) {
  .division-anchorlink .division--index--anchor .list-anchor {
    font-size: 1.4rem;
    height: 42px;
  }
}
.division-anchorlink .division--index--anchor .list-anchor a {
  display: flex;
  align-items: center;
  padding: 0 12px;
  width: 100%;
  height: 100%;
}
.division-anchorlink .division--index--anchor .list-anchor a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 12px;
  translate: 0 -50%;
  width: 8px;
  height: 10px;
  background: url(../images/icon_arrow1.svg);
  background-size: cover;
  transition: all .25s;
}
@media (any-hover: hover) {
  .division-anchorlink .division--index--anchor .list-anchor:hover a span {
    color: #FFF;
  }
  .division-anchorlink .division--index--anchor .list-anchor:hover a:after {
    background: url(../images/icon_arrow_w.svg);
    background-size: cover;
  }
}

.projects--index .result--wrapper .project--header.title.no-item {
  display: none;
}

.no-result {
  justify-content: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background-color: #f9f9f9;
  padding: 20px 10px;
}
@media screen and (max-width: 768px) {
  .no-result {
    padding: 10px;
  }
}
.no-result p {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .no-result p {
    font-size: 1.4rem;
  }
}

.projects--index .result--wrapper .project:has(.project--header) span {
  color: #000;
  border: 1px solid #CCC;
}

.projects--index .result--wrapper .project:has(.project--header) span,
.projects--index .result--wrapper .project:has(.project--header) a {
  color: #000;
}
.projects--index .result--wrapper .project:has(.project--header) span.c1,
.projects--index .result--wrapper .project:has(.project--header) a.c1 {
  background: #d8dce5;
  border: 1px solid #CCC;
}
@media (any-hover: hover) {
  .projects--index .result--wrapper .project:has(.project--header) span.c1:hover,
  .projects--index .result--wrapper .project:has(.project--header) a.c1:hover {
    background: #3d577c;
    background: #3d577c;
    border: 1px solid #3d577c;
    color: #FFF;
  }
}
.projects--index .result--wrapper .project:has(.project--header) span.c2,
.projects--index .result--wrapper .project:has(.project--header) a.c2 {
  background: #d9e6dd;
  border: 1px solid #CCC;
}
@media (any-hover: hover) {
  .projects--index .result--wrapper .project:has(.project--header) span.c2:hover,
  .projects--index .result--wrapper .project:has(.project--header) a.c2:hover {
    background: #0a5f0a;
    background: #0A5F0A;
    border: 1px solid #0A5F0A;
    color: #FFF;
  }
}
.projects--index .result--wrapper .project:has(.project--header) span.c3,
.projects--index .result--wrapper .project:has(.project--header) a.c3 {
  background: #fbe7ce;
  border: 1px solid #CCC;
}
@media (any-hover: hover) {
  .projects--index .result--wrapper .project:has(.project--header) span.c3:hover,
  .projects--index .result--wrapper .project:has(.project--header) a.c3:hover {
    background: #9b3300;
    background: #9B3300;
    border: 1px solid #9B3300;
    color: #FFF;
  }
}

.client-name {
  font-size: 1.6rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .projects--index .result--wrapper .project--header {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .project--search--words {
    gap: 8px;
  }
}
.project--search--words li {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .project--search--words li {
    gap: 8px;
  }
}
.project--search--words li span {
  padding: 0 10px;
  border: 1px solid #CCC;
  font-size: 1.6rem;
  line-height: 1.8;
  display: flex;
  align-items: center;
  width: fit-content;
  color: #000;
}
@media screen and (max-width: 767px) {
  .project--search--words li span {
    font-size: 1.4rem;
  }
}
.project--search--words li span.c1 {
  background: #d8dce5;
}
.project--search--words li span.c2 {
  background: #d9e6dd;
}
.project--search--words li span.c3 {
  background: #fbe7ce;
}
.project--search--words li.methodval1 span {
  background: #d8dce5;
}
.project--search--words li.methodval2 span {
  background: #d9e6dd;
}
.project--search--words li.methodval3 span {
  background: #fbe7ce;
}
.project--search--words li.clientval {
  font-weight: 700;
}

.search--wrapper .search--words.division-type, .search--wrapper .search--words.year {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
@media screen and (max-width: 479px) {
  .search--wrapper .search--words.division-type, .search--wrapper .search--words.year {
    display: block;
  }
}
.search--wrapper .search--words.division-type li, .search--wrapper .search--words.year li {
  width: 100%;
}
.search--wrapper .search--words + .search-title {
  margin-top: 18px;
}

.accordionCollapse .search-title {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 16px;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .accordionCollapse .search-title {
    font-size: 1.4rem;
  }
}

.search--wrapper .title--h2.accordionToggle button {
  font-size: 1.6rem;
  line-height: 2.5;
}
@media screen and (max-width: 767px) {
  .search--wrapper .title--h2.accordionToggle button {
    font-size: 1.4rem;
  }
}

.search--wrapper {
  padding: 0;
  border-bottom: 1px solid #3d577c;
}

.accordionToggle--wrap {
  border-top: 1px solid #3d577c;
  padding: 0;
  min-height: 64px;
  padding-top: 13px;
}
@media screen and (max-width: 767px) {
  .accordionToggle--wrap {
    min-height: 64px;
    padding-top: 16px;
  }
}

.search--wrapper .accordionCollapse {
  padding-bottom: 40px;
}

@media (any-hover: hover) {
  #app .search--wrapper .search--words.division-type.type1 li button:hover {
    background: #3d577c;
  }
}
#app .search--wrapper .search--words.division-type.type1 .active {
  background: #3d577c;
}
@media (any-hover: hover) {
  #app .search--wrapper .search--words.division-type.type2 li button:hover {
    background: #0A5F0A;
  }
}
#app .search--wrapper .search--words.division-type.type2 .active {
  background: #0A5F0A;
}
@media (any-hover: hover) {
  #app .search--wrapper .search--words.division-type.type3 li button:hover {
    background: #9B3300;
  }
}
#app .search--wrapper .search--words.division-type.type3 .active {
  background: #9B3300;
}

/*# sourceMappingURL=append_style.css.map */