/* ===== CABF Blocks : お客様の声 =====
   プラグイン同梱。テーマの「追加CSS」に書く必要はない。
   このブロックが使われているページでのみ読み込まれる。 */

.cabf-voice{margin-inline:auto;max-width:1080px}
.cabf-voice *{box-sizing:border-box}

.cabf-voice__lead{
	font-size:.92rem;line-height:1.9;color:#5a6472;
	margin:0 0 2rem;text-align:center}
.cabf-voice__leadsub{font-size:.85rem;color:#8a929c}

.cabf-voice__grid{display:grid;gap:1.25rem}
.cabf-voice--cols1 .cabf-voice__grid{grid-template-columns:1fr}
.cabf-voice--cols2 .cabf-voice__grid{grid-template-columns:repeat(2,1fr)}
.cabf-voice--cols3 .cabf-voice__grid{grid-template-columns:repeat(3,1fr)}

.cabf-voice__card{
	display:flex;flex-direction:column;height:100%;
	background:#fff;border:1px solid #e6e9ee;border-radius:10px;
	padding:1.5rem 1.5rem 1.35rem;
	box-shadow:0 1px 3px rgba(16,32,64,.04)}

.cabf-voice__tag{
	display:inline-block;align-self:flex-start;width:auto;
	background:#eef2f7;color:#4a5568;
	font-size:.72rem;font-weight:700;letter-spacing:.04em;
	padding:.32em .85em;border-radius:99px;margin:0 0 .85rem}
.cabf-voice__tag--alt{background:#fdf0e8;color:#b5561f}

.cabf-voice__rate{
	display:flex;align-items:center;gap:.6rem;margin:0 0 .85rem}
.cabf-voice__stars{
	color:#f5a623;font-size:1.18rem;letter-spacing:.12em;line-height:1}
.cabf-voice__num{
	font-size:1.05rem;font-weight:800;color:#2d3748;line-height:1}
.cabf-voice__badge{
	background:#fff4e5;color:#b5561f;font-size:.8rem;font-weight:700;
	padding:.28em .9em;border-radius:5px}

.cabf-voice__body{
	font-size:.95rem;line-height:1.95;color:#2d3748;margin:0;flex:1 0 auto}

.cabf-voice__sub{
	font-size:.72rem;color:#6b7280;line-height:1.8;
	margin:1.1rem 0 0;padding:1rem 0 0;border-top:1px dashed #e6e9ee}

@media (max-width:768px){
	.cabf-voice--cols2 .cabf-voice__grid,
	.cabf-voice--cols3 .cabf-voice__grid{grid-template-columns:1fr}
	.cabf-voice__grid{gap:1rem}
	.cabf-voice__card{padding:1.25rem}
	.cabf-voice__body{font-size:.92rem;line-height:1.85}
	.cabf-voice__lead{margin-bottom:1.5rem;text-align:left}
}

/* 一覧の外に単体で置かれた場合。グリッドが無いので幅と余白を自前で持つ */
.cabf-voice__card:not(.cabf-voice__grid > *){
	max-width:560px;margin-inline:auto}

/* エディタ内でもフロントと同じ見た目にする（枠線だけ薄く出す） */
.editor-styles-wrapper .cabf-voice__card{outline:1px dashed transparent}
.editor-styles-wrapper .cabf-voice__card:hover{outline-color:#c9d3e0}