@charset "utf-8";

/* トクニゴ 機械金属加工（/tokunigo/metal/）専用。style.css の後に読み込む。
   food.css（オレンジ基調）と同じ手法で、共通の .hero（暗い紺）を分野色（#1565C0）を
   基調にした明るいトーンに上書きする。food 版には影響させない。 */

.hero--metal {
	color: var(--ink);
	background: linear-gradient(180deg, #f5f9ff 0%, #cfe1fb 100%);
}
.hero--metal::before {
	opacity: .5;
	background-image: linear-gradient(rgba(18,33,43,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(18,33,43,.05) 1px, transparent 1px);
}
.hero--metal::after {
	border-color: #1565C0;
	opacity: .55;
}
.hero--metal .badge { border-color: rgba(21,101,192,.55); color: #1565C0; }
.hero--metal .tagline em { color: #1565C0; }
.hero--metal h1 span { color: var(--teal-dark); }
.hero--metal .desc { color: var(--muted); }
.hero--metal .cta-note { color: var(--muted); }
.hero--metal .app-icon { box-shadow: 0 10px 28px rgba(24,36,38,.22); }
.hero--metal .hero-graphic { box-shadow: 18px 18px 0 #1565C0; }
.hero--metal .hero-graphic img { border-color: rgba(18,33,43,.12); }