/* 工種ページ：トイレ（共通部品は assets/css/sv-common.css） */

/* No.02 できる工事：2グループを1枚のカードに */
.sv-groups { position: relative; }
.sv-groups__tape { left: 40px; top: -14px; width: 110px; height: 26px; margin-left: 0; transform: rotate(-2deg); z-index: 1; }
.sv-groups__card { display: flex; gap: 56px; align-items: flex-start; background: var(--white); border: 2px solid var(--ink); box-shadow: 8px 8px 0 var(--teal); padding: 28px 36px; }
.sv-groups__col { flex: 1; min-width: 0; }
.sv-groups__head { display: flex; align-items: center; gap: 10px; padding-bottom: 6px; border-bottom: 2px solid var(--ink); margin-bottom: 4px; line-height: 1.5; }
.sv-groups__n { width: 28px; height: 28px; flex-shrink: 0; border: 2px solid var(--ink); border-radius: 50%; background: var(--yellow); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 14px; }
.sv-groups__name { font-weight: 900; font-size: 19px; }
.sv-groups__count { font-weight: 500; font-size: 12.5px; color: var(--gray); }
.sv-groups li { display: flex; align-items: center; min-height: 40px; padding: 0 4px; border-bottom: 1px dashed var(--rule); font-size: 15px; line-height: 1.4; }

@media (max-width: 1023.98px) {
	.sv-groups__card { gap: 32px; }
}
@media (max-width: 767.98px) {
	.sv-groups__card { flex-direction: column; align-items: stretch; gap: 20px; padding: 16px 16px 12px; box-shadow: 5px 5px 0 var(--teal); }
	.sv-groups__name { font-size: 17px; }
	.sv-groups__count { font-size: 12px; }
	.sv-groups li { min-height: 44px; font-size: 14.5px; }
}