@charset "utf-8";
/* =========================================================
   導入事例一覧（613:25581）。1rem = 100 design-px
   ========================================================= */
/* 実績の数字＋一覧（Frame 761：上 76 / 下 76） */
.cs-main { display: flex; flex-direction: column; align-items: center; gap: 1.48rem; padding: .76rem 0; }
.cs-main .dgrid { flex: none; }

.cs-list { width: 11rem; display: flex; flex-direction: column; align-items: center; }
.cs-filter { width: 100%; display: flex; flex-direction: column; gap: .28rem; }
.cs-filter__row { display: flex; align-items: flex-start; gap: .16rem; }
.cs-filter__lb { flex: none; height: .34rem; font-size: .16rem; line-height: .34rem; letter-spacing: .024rem; white-space: nowrap; margin-right: -.024rem; }
.cs-filter .mc-tabs { flex: 1; }
.cs-cards { width: 100%; margin-top: .62rem; }
.cs-cards .mc-cards.ncards { gap: .55rem; }
.cs-cards .mc-cards .ncards__row { gap: .37804rem; }
.cs-list .mc-pager { margin-top: .70rem; }

/* 業種別に読む（Frame 878） */
.cs-ind { display: flex; flex-direction: column; align-items: center; gap: .60rem; }
.cs-ind .mc-h2 { width: 11rem; }
.cs-ind__row { display: flex; align-items: flex-start; gap: .40rem; }
.cs-ibox { width: 3.40rem; display: flex; flex-direction: column; align-items: center; gap: .36rem; padding: calc(.19rem + .01rem) calc(.27rem + .01rem); background: #4b4344; box-shadow: inset 0 0 0 .01rem #fff; }
.cs-ibox__head { width: 2.84rem; display: flex; flex-direction: column; align-items: flex-start; gap: .18rem; }
.cs-ibox__tag { display: flex; align-items: center; height: calc(.41rem + .11204rem); padding: 0 .32204rem; border-radius: .39862rem; background: #fff; color: #fd6a05; font-weight: 700; font-size: .22408rem; line-height: .40789rem; letter-spacing: .024648rem; white-space: nowrap; }
.cs-ibox__txt { width: 2.84rem; font-weight: 700; font-size: .21002rem; line-height: .33442rem; letter-spacing: .014702rem; }
.cs-ibox__line { position: relative; width: 2.705rem; height: 0; }
.cs-ibox__line::before { content: ""; position: absolute; left: 0; right: 0; top: -.005rem; height: .01rem; background: #fff; }
.cs-ibox__cards { display: flex; flex-direction: column; gap: .41rem; }
.cs-ibox__cards .ncard { zoom: .776077; } /* 265 / 341.464（同じ記事カードの縮小版） */
.cs-ibox__cards .ncard { color: #fff; filter: drop-shadow(0 .10561rem .14081rem rgba(0,0,0,.08)); }