/* ==========================================================================
   ICON — data-aa-icon の値でマスク画像を切り替える
   テンプレート側は <span data-aa-icon="customer"> と書くだけでよい。
   SVGをCSSへ内包するため追加リクエストが発生せず、色は currentColor に追従する。
   ========================================================================== */

[data-aa-icon]{ display:grid; place-items:center }
[data-aa-icon]::before{
	content:"";
	display:block;
	width:1em;
	height:1em;
	background-color:currentColor;
	opacity:.72;
	-webkit-mask:var(--svg) center / contain no-repeat;
	mask:var(--svg) center / contain no-repeat;
}

/* 線画アイコン（stroke ベース。太さは 1.4 で統一） */
[data-aa-icon="reservation"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") }
[data-aa-icon="customer"],
[data-aa-icon="service"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") }
[data-aa-icon="pos"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E") }
[data-aa-icon="education"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 4h7a3 3 0 013 3v13a3 3 0 00-3-3H4z'/%3E%3Cpath d='M20 4h-7a3 3 0 00-3 3v13a3 3 0 013-3h7z'/%3E%3C/svg%3E") }
[data-aa-icon="marketing"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M3 10v4h4l6 4V6l-6 4H3z'/%3E%3Cpath d='M17 8a5 5 0 010 8'/%3E%3C/svg%3E") }
[data-aa-icon="ec"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 8h16l-1.4 12H5.4z'/%3E%3Cpath d='M9 8a3 3 0 016 0'/%3E%3C/svg%3E") }
[data-aa-icon="analytics"],
[data-aa-icon="revenue"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E") }
[data-aa-icon="staff"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2 20c0-3.6 3.1-6 7-6s7 2.4 7 6'/%3E%3Cpath d='M17 5a3.4 3.4 0 010 6.8M18 20c0-2.6-.8-4.4-2-5.6'/%3E%3C/svg%3E") }
[data-aa-icon="line"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M21 12a8 8 0 11-3.2-6.4'/%3E%3Cpath d='M21 4v5h-5'/%3E%3C/svg%3E") }
[data-aa-icon="ai"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3v6M12 15v6M3 12h6M15 12h6M6 6l3.5 3.5M14.5 14.5L18 18M18 6l-3.5 3.5M9.5 14.5L6 18'/%3E%3C/svg%3E") }
[data-aa-icon="predict"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M21 3h-6M21 3v6'/%3E%3C/svg%3E") }
[data-aa-icon="stock"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M3 8l9-5 9 5-9 5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3C/svg%3E") }
[data-aa-icon="shift"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E") }
[data-aa-icon="alert"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M12 3l9.5 17H2.5z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E") }
[data-aa-icon="mypage"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Crect x='6' y='2' width='12' height='20' rx='2.5'/%3E%3Ccircle cx='12' cy='9' r='2.2'/%3E%3Cpath d='M8.6 16c.5-1.6 1.8-2.5 3.4-2.5s2.9.9 3.4 2.5'/%3E%3C/svg%3E") }
[data-aa-icon="dot"]{ --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E") }