/* ==========================================================================
   c-icon（Figma c-icon/*。Lucide と同じ形）— template-parts/corporate/icon.php
   - assets/img/corporate/icons/{name}.svg を mask で切り抜き、色は文字の色（currentColor）
   - 大きさは 1em 四方。クラスで width / height を指定してもよい
   - <svg class="c-icon"> を出すほかの部品（pages-icon.php）とぶつからないように span だけに当てる
   ========================================================================== */

span:where(.c-icon) { /* 詳細度を下げて、部品のクラスで大きさを変えられるように */
	display: inline-block;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: var(--c-icon) center / contain no-repeat;
	mask: var(--c-icon) center / contain no-repeat;
}

span.c-icon--accessibility { --c-icon: url("../../img/corporate/icons/accessibility.svg"); }
span.c-icon--arrow-right { --c-icon: url("../../img/corporate/icons/arrow-right.svg"); }
span.c-icon--award { --c-icon: url("../../img/corporate/icons/award.svg"); }
span.c-icon--bar-chart { --c-icon: url("../../img/corporate/icons/bar-chart.svg"); }
span.c-icon--camera { --c-icon: url("../../img/corporate/icons/camera.svg"); }
span.c-icon--chevron-right { --c-icon: url("../../img/corporate/icons/chevron-right.svg"); }
span.c-icon--clipboard { --c-icon: url("../../img/corporate/icons/clipboard.svg"); }
span.c-icon--clock { --c-icon: url("../../img/corporate/icons/clock.svg"); }
span.c-icon--droplet { --c-icon: url("../../img/corporate/icons/droplet.svg"); }
span.c-icon--heart { --c-icon: url("../../img/corporate/icons/heart.svg"); }
span.c-icon--home { --c-icon: url("../../img/corporate/icons/home.svg"); }
span.c-icon--instagram { --c-icon: url("../../img/corporate/icons/instagram.svg"); }
span.c-icon--mail { --c-icon: url("../../img/corporate/icons/mail.svg"); }
span.c-icon--map-pin { --c-icon: url("../../img/corporate/icons/map-pin.svg"); }
span.c-icon--menu { --c-icon: url("../../img/corporate/icons/menu.svg"); }
span.c-icon--minus { --c-icon: url("../../img/corporate/icons/minus.svg"); }
span.c-icon--monitor { --c-icon: url("../../img/corporate/icons/monitor.svg"); }
span.c-icon--paint-roller { --c-icon: url("../../img/corporate/icons/paint-roller.svg"); }
span.c-icon--phone { --c-icon: url("../../img/corporate/icons/phone.svg"); }
span.c-icon--plus { --c-icon: url("../../img/corporate/icons/plus.svg"); }
span.c-icon--scan { --c-icon: url("../../img/corporate/icons/scan.svg"); }
span.c-icon--x { --c-icon: url("../../img/corporate/icons/x.svg"); }