@charset "utf-8";

/* =====================================================
   transfer.css
   輸送サービスページ固有スタイル
   service-common.css の後に読み込む
===================================================== */

/* =====================
   ページ基盤
===================== */
#transfer {
	background: var(--white);
	color: var(--text-body);
}

#transfer section {
	padding: 72px 0;
	position: relative;
	border: none;
}

#transfer > section + section {
	margin-top: 0;
}

#transfer .service-block {
	padding: 48px 0 !important;
}

/* #transfer 内の main-wrapper は横余白を持つ */
#transfer .main-wrapper {
	padding-inline: clamp(20px, 4vw, 48px);
}

/* =====================
   ヒーロー
===================== */
#transfer #page-title {
	padding-top: var(--header-offset);
	padding-bottom: 40px;
	padding-left: 0;
	padding-right: 0;
	background-image: url(../img/service/transfer/bg_mainvisual.jpg);
	color: var(--white);
}

/* =====================
   セクション背景：互い違い（フル幅）
   青: #charter / #heavy / #cash
   白: #housing / #shinkansen
===================== */
#charter {
	background: var(--blue-050);
}

#housing,
#shinkansen {
	background: var(--white);
}

#heavy,
#cash {
	background: var(--blue-050);
}

/* 重量物ギャラリー 非表示 */
#heavy .image-row {
	display: none;
}

/* =====================
   ブロック背景：セクションと逆色
===================== */
#charter .service-wrapper,
#heavy .service-wrapper,
#cash .service-wrapper {
	background: var(--white);
}

#housing .service-wrapper,
#shinkansen .service-wrapper {
	background: var(--blue-050);
}


/* =====================
   白ブロック内のアイコン（青背景に）
===================== */
#charter .icon-item,
#heavy .icon-item,
#cash .icon-item {
	background: var(--blue-050);
	border-color: transparent;
}

/* =====================
   保有車両（#charter 内）
   border-top なし：service-row と一続きの白背景
===================== */
#vehicles {
	padding-block: 48px;
}

#vehicles .tables-container .standard-table + .standard-table {
	margin-top: 0;
}

#vehicles .standard-table th {
	background: var(--slate);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--white);
}

#vehicles .standard-table td {
	background: var(--white);
	border: 1px solid var(--line);
	color: var(--text-body);
}

/* =====================
   輸送実績（非表示・必要時は削除）
===================== */
#transfer #results {
	display: none;
}

/* =====================
   レスポンシブ（ページ固有）
===================== */
@media only screen and (max-width: 1024px) {
	#transfer .service-block {
		padding-block: 36px !important;
	}
}

@media only screen and (max-width: 767px) {
	#transfer .service-block {
		padding-block: 24px !important;
	}

	#transfer #page-title {
		padding-top: var(--header-offset);
		padding-bottom: 64px;
	}

	/* SP：各サービス・ネットワークは見出し → 画像 → 本文（storage と同順） */
	#transfer .transfer-sp-stack {
		display: flex;
		flex-direction: column;
	}

	#transfer .transfer-sp-copy {
		display: contents;
	}

	#transfer .transfer-sp-heading {
		order: 1;
		padding: 32px 20px 16px;
	}

	#transfer .transfer-sp-heading .section-label {
		margin-bottom: 10px;
	}

	#transfer .transfer-sp-heading h2 {
		margin-bottom: 0;
	}

	#transfer .transfer-sp-stack .service-media {
		order: 2;
		padding: 0 16px;
	}

	#transfer .transfer-sp-stack .network-visual {
		order: 2;
		padding: 0 16px;
	}

	#transfer .transfer-sp-body {
		order: 3;
		padding: 16px 20px 32px;
	}

	#transfer .transfer-sp-body p:last-child {
		margin-bottom: 0;
	}
}