@charset "utf-8";
/* CSS Document */

.c-filter-col2 .c-filter__list.-measures {
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
	row-gap: 10px;
	column-gap: 20px;
	margin: 0;
}
.c-filter-col2 .c-filter__list.-measures li.area {
      width: 150px; }
.c-filter-col2 .c-filter__list.-measures .c-filter__list:not(:has(> li)) {
      display: none; }

.fw-bold{
	font-weight: bold;
}
.c-accordion[open] .c-accordion__title .icon::after {
  rotate: 90deg;
}
.c-accordion__title {
  --icon-size: 20px;
  background: var(--gray-100);
  padding: 16px 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--icon-size);
  grid-template-columns: 1fr var(--icon-size);
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 1.8rem;
  font-weight: var(--fw-bold);
}
.c-accordion__title .icon {
  position: relative;
}
.c-accordion__title .icon::before, .c-accordion__title .icon::after {
  content: '';
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.c-accordion__title .icon::before {
  width: var(--icon-size);
  height: 2px;
}
.c-accordion__title .icon::after {
  width: 2px;
  height: var(--icon-size);
  -webkit-transition: rotate .3s;
  transition: rotate .3s;
}
.c-accordion__body {
  margin-top: 24px;
}
.c-accordion__body ul > * + * {
  margin-top: 8px;
}
.c-accordion__body .search-icon {
  display: inline-block;
  margin-left: 10px;
  translate: 0px 4px;
}
.c-accordion.-filter .c-accordion__body {
  margin-inline: 24px;
}
.c-accordion.-filter ul > * + * {
  margin-top: 0;
}
.p-articles__section {
  padding-top: 82px;
  margin-bottom: 120px;
  padding-inline: var(--container-size); }
.p-articles__body {
  margin-top: 27px;
  padding-top: 40px;
  background: #fff; }
.p-articles__inner {
  margin-inline: var(--container-size);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  grid-row-gap: 40px;
  row-gap: 40px; }
.c-card-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}
.c-card-articles__img {
  border-radius: var(--rounded-sm);
  overflow: hidden;
}
.c-card-articles__body {
  color: var(--black) !important;
}
.c-card-articles__body > * + * {
  margin-top: 8px;
}
.c-card-articles__batch {
  --articles-batch-color: #CC6975;
  font-size: 1.2rem;
  padding: 2px 8px;
  border: 1.5px solid var(--articles-batch-color);
  display: inline-block;
}
.c-card-articles__batch.-tekiousaku {
  --articles-batch-color: #57A6BA;
}
.c-card-articles__batch.-tekioubusiness {
  --articles-batch-color: #507ABB;
}
.c-card-articles__batch.-lccac {
  --articles-batch-color: #ACBB3A;
}
.c-card-articles__cap {
  font-size: 1.2rem;
}
.c-card-articles__title {
  font-weight: var(--fw-bold);
}
.c-card-articles__desc {
  font-size: 1.4rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.c-card-articles__time-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-card::after{
	display: none!important;
}
.c-card-articles__time {
  display: inline-block;
  font-size: 1.2rem;
}
.c-card-articles__time.-modified::after {
  content: '/';
  margin-inline: 4px;
}
aside .c-card-articles__img {
  /*max-width: 200px;*/
  height: 215px;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  place-items: center;
}
/* 事例詳細ページ */
.js-related-articles a{
	color: var(--black) !important;	
}
.js-related-articles a h4{
	font-size: 1.6rem;
	margin-top: 0;
}
.js-related-articles a p{
	font-size: 1.4rem;
}
.c-card-articles__body > * + * {
    margin-top: 0;
}

@media (max-width: 959px) {
  .p-articles .c-heading-subpage__title.-details {
      font-size: 2.8rem;
      letter-spacing: 0.05em; }
  .p-articles__section {
      margin-inline: calc(var(--container-size) * -1);
      margin-bottom: 80px; }
  .c-accordion__title {
    --icon-size: 16px;
    padding: 12px 20px;
    font-size: 1.6rem;
  }
}