/**
 * 保有設備（page-equipment.php）用スタイル
 * リード・ナビ・セクション・ライン・外観検査
 *
 * @package emio-techno
 */

.page-equipment__lead {
	margin: 0 0 48px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.9;
	color: #222222;
	text-align: center;
}

/* 保有設備：ページ内スクロール用ナビ（セグメントボタン） */
.equipment-nav {
	margin: 0 auto 56px;
	max-width: 480px;
}

.equipment-nav__list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(15, 49, 147, 0.12);
}

.equipment-nav__item {
	flex: 1;
}

.equipment-nav__link {
	display: block;
	padding: 14px 12px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(180deg, #e8f4fc 0%, #d4e7f8 100%);
	color: #0f3193;
	transition: background 0.2s, color 0.2s;
}

.equipment-nav__link:hover {
	background: linear-gradient(180deg, #d4e7f8 0%, #c2ddf4 100%);
	color: #0f3193;
}

.equipment-nav__link--active {
	background: linear-gradient(180deg, #1a4bb5 0%, #0f3193 100%);
	color: #ffffff;
}

.equipment-nav__link--active:hover {
	background: linear-gradient(180deg, #0f3193 0%, #0a2468 100%);
	color: #ffffff;
}

/* 保有設備：各カテゴリセクション */
.equipment-section {
	margin-bottom: 64px;
	scroll-margin-top: 120px;
}

.equipment-section:last-of-type {
	margin-bottom: 48px;
}

.equipment-section__title {
	margin-bottom: 16px;
}

.equipment-section__lead {
	margin: 0 auto 48px;
	max-width: 560px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.9;
	color: #222222;
	text-align: center;
}

/* 保有設備：ライン単位ブロック（テンプレートパーツ） */
.equipment-line {
	margin-bottom: 56px;
	background-color: #ffffff;
	padding: 32px;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(15, 49, 147, 0.08);
}

.equipment-line:last-child {
	margin-bottom: 0;
}

.equipment-line__title {
	position: relative;
	margin: 0 0 24px;
	padding-left: 16px;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 700;
	color: #0f3193;
	line-height: 1.4;
	border-bottom: 1px solid #e0e0e0;
}

.equipment-line__title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 1em;
	background-color: #e6f3f7;
	border-radius: 2px;
}

.equipment-line__overview {
	display: flex;
	gap: 24px;
	margin-bottom: 32px;
	align-items: flex-start;
}

.equipment-line__overview-image-wrap {
	flex: 1 1 50%;
	min-width: 0;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(15, 49, 147, 0.08);
}

.equipment-line__overview-image {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.equipment-line__overview-specs {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.8;
	color: #222222;
}

.equipment-line__overview-spec {
	margin-bottom: 8px;
	padding-left: 1em;
	text-indent: -1em;
}

.equipment-line__overview-spec::before {
	content: "・";
}

.equipment-line__overview-specs {
	flex: 1 1 50%;
	min-width: 0;
}

/* ライン3：画像右にモデル・タグを縦並び、画像と半々で表示 */
.equipment-line__list--inline {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 1 1 50%;
	min-width: 0;
}

.equipment-line__list-item {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}

.equipment-line__model--inline {
	width: 100%;
	min-width: 200px;
	flex: 0 0 150px;
	display: inline-block;
	padding: 8px 16px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
}

.equipment-line__inline-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.equipment-line__list--inline .content-tag {
	flex-shrink: 0;
}

/* 外観検査装置：画像と詳細を横並び（半々）で各設備を縦積み */
.equipment-line__inspection-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.equipment-line__inspection-item .equipment-line__overview {
	margin-bottom: 0;
}

.equipment-line__inspection-content {
	flex: 1 1 50%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}

.equipment-line__inspection-content .equipment-line__model {
	margin-bottom: 0;
	width: 100%;
	max-width: 200px;
	box-sizing: border-box;
}

.equipment-line__inspection-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.equipment-line__list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.equipment-line__item {
	flex: 1;
	min-width: 220px;
}

.equipment-line__card {
	border-radius: 8px;
	padding: 16px;
}

.equipment-line__model {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	padding: 8px 16px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	background: linear-gradient(180deg, #5a75c2 0%, #0f3193 100%);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 50px;
	box-sizing: border-box;
}

.equipment-line__image-wrap {
	margin-bottom: 12px;
	overflow: hidden;
}

.equipment-line__image {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.equipment-line__meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}


.equipment-line__spec {
	margin: 0;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #222222;
	padding-left: 1em;
	text-indent: -1em;
}

.equipment-line__spec::before {
	content: "・";
}