﻿/* --- セクション余白 (section) --- */
.section-2nd {
	margin-top				: 1rem; 
}

/** メーカーロゴ画像表示 **/
.logo_align {
	width					: 100%; 
	margin-bottom			: 1.5rem; 
}
.logo_align img {
	width					: 100%; 
	height					: auto; 
	max-width				: 420px; 
	display					: block; 
	margin					: 0 auto; 
}

/** スペックアイコン表示 **/
.icon_align {
	display					: flex; 
	justify-content			: center; 
	align-items				: center; 
	gap						: 5%; 
}
.icon_align img {
	width					: 16.66%; 
	height					: auto; 
	max-width				: 70px; 
	margin					: 0;
}
.icon_align:has(img:nth-child(6):last-child) {
	gap						: 0; 
	justify-content			: center; 
}

/** 商品説明文表示 **/
.section-2nd h2.feature-title {
	font-size				: 16px !important; 
	font-weight				: bold !important; 
	color					: white !important; 
	background				: linear-gradient(90deg, #002060 0%, #0040c0 100%) !important; 
	border-left				: none !important; 
	border-radius			: 4px; 
	padding					: 10px 15px !important; 
	margin-top				: 2.5rem !important; 
	margin-bottom			: 1rem !important; 
	display					: block !important; 
}
.section-2nd:first-of-type h2.feature-title {
	margin-top				: 1rem !important; 
}
.feature-desc {
	font-size				: 14px; 
	line-height				: 1.6; 
	margin-bottom			: 1.8rem; 
	color					: #222; 
	text-align				: justify; 
	word-break				: break-all; 
	padding					: 0 5px; 
}
.feature-desc strong {
	color					: #0040c0; 
	font-weight				: bold; 
	background-image		: linear-gradient(rgba(255, 215, 0, 0.4), rgba(255, 215, 0, 0.4)); 
	background-repeat		: no-repeat; 
	background-position		: bottom left; 
	background-size			: 0% 40%; 
	transition				: background-size 0s; 
	padding					: 0 2px; 
}
.feature-desc strong:hover {
	background-size			: 100% 40%; 
	transition				: background-size 0.6s ease-out; 
}

/** ナビゲーションコントロール **/
.spec-nav {
	margin					: 1.5rem 0; 
	text-align				: center; 
	display					: flex; 
	flex-wrap				: wrap; 
	justify-content			: center; 
	gap						: 8px; 
}
.spec-nav a {
	display					: inline-block; 
	padding					: 8px; 
	background-color		: #f0f5ff; 
	color					: #0040c0; 
	text-decoration			: none; 
	font-size				: 12px; 
	font-weight				: bold; 
	border					: thin solid #0040c0; 
	border-radius			: 4px; 
	transition				: 0.2s; 
}
.spec-nav a:hover {
	background-color		: #0040c0; 
	color					: white; 
}

html {
    scroll-behavior			: smooth;
}

/** 代理店表示・納期状況問合せ表示 **/
.info_align {
	width					: 100%; 
	margin-bottom			: 1.5rem;
}
.info_align img {
	width					: 100%; 
	height					: auto; 
	max-width				: 420px; 
	display					: block; 
	margin					: 0 auto; 
}
