/* CSS Document */
/*ページタイトル*/
.page_title h2::after{
	content: "CASE";
}
/*コンテンツ*/
.case_wrap{
	display: flex;
	flex-wrap: wrap;
	gap:1rem;
}
body[wc-view-code="sp"] .case_wrap{
	flex-direction: column;
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .case_wrap{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .case_wrap{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.case_wrap a{
  flex: none;
  display: block;
  text-decoration: none;
}
body[wc-view-code="sp"] .case_wrap a{
	width:86vw;
}
body[wc-view-type="tb"] .case_wrap a{
	width:calc((100% / 2) - 1rem);
}
body[wc-view-type="tb-l"] .case_wrap a{
	width:calc((100% / 3) - 1rem);
}
.case_wrap a article{
  display: flex;
  flex-direction: column-reverse;
  background-color: #fff;
}
body:not([wc-view-code="sp"]) .case_wrap a article{
  width: 100%;
}
body[wc-view-code="pc"] .case_wrap a article{
  width:calc((1100px / 3) - 1rem);
}
.case_wrap a article .case_text{
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  box-sizing: border-box;
}
.case_wrap a article .case_text *{
  color: #333;
}
.case_wrap a article .case_text h2{
  font-weight: 700;
  order:2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  margin-top: 0.35rem;
}
.case_wrap a article .case_text .c_item{
  order: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case_wrap a article .case_text .c_item h3{
  font-size: 0.85rem;
  background-color: var(--accentColor);
  color: #fff;
  font-weight: 700;
  padding: 0 0.35rem;
  line-height: calc(1rem + (1em - 1lh) / 2);
  display: flex;
  height: 1.4rem;
  justify-content: center;
  align-items: center;
}
.case_wrap a article .case_text .c_item time{
  line-height: 1em;
  font-weight: 700;
  font-size: 0.92rem;
}
.case_wrap a article .case_text .case_contents{
  order: 3;
  font-size: 0.95rem;
  line-height: 1.65rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.case_wrap a article .case_text .case_arrow{
  order: 4;
  display: flex;
  margin-left: auto;
  font-weight: 700;
  width: fit-content;
  margin-block:calc((1em - 1lh) / 2);
  font-size: 0.9rem;
  margin-top: 0.25rem;
}
.case_wrap a article .case_text .case_arrow::after{
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
	background-color: #333;
}
.case_wrap a article figure{
}
.case_wrap a article figure img{
  aspect-ratio:1.414/1;
}