@charset "UTF-8";
/* =============================================================
 * tour.css — 視察ツアー申込みページ専用スタイル（モック）
 * -------------------------------------------------------------
 * ・土台は style.css / common.css / event-common.css。ここは固有差分のみ。
 * ・既存の流儀（rem 指定、ブレークポイント 896px）に合わせる。
 * ・テーマ化時はこのファイルを theme/g-nesta/css/tour.css へ移し、
 *   functions.php の is_page('tour') 分岐で event-common.css と共に読み込む。
 * ・画像は PDF(GN web_EVENT_03 2P目) からの暫定。デザイナー支給で差し替え。
 * ============================================================= */

/* ヒーロー背景（暫定画像）＋ バッジ＋日付＋会場 */
.tourHero {
	background-image: url(../img/tour/hero.jpg);
	/* ナブ下に空が少しだけ見える位置でトリミング */
	background-position: center 33%;
}
.tourHero__catch {
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 0.14em;
}
/* タイトル：全体を同サイズで大きめ（「高付加価値 × 次世代構法」＝「視察ツアー」） */
.tourHero__title {
	margin-top: 1.4rem;
	font-size: 5rem;
	letter-spacing: 0.08em;
	line-height: 1.45;
}
.tourHero__title .lg {
	margin-top: 0;
	font-size: inherit;
	letter-spacing: 0.08em;
}
.tourHero__info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.2rem;
	margin: 2.8rem 0 1.6rem;
}
/* 開催枠ラッパー：1枠＝従来通り横並び／2枠＝縦に積む（バッジの右） */
.tourHero__dates {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.2rem;
}
/* 日付：白・コンテンツ幅固定の2列グリッド（seminar と同じ考え方） */
.tourHero__date {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: baseline;
	width: max-content;
}
.tourHero__date .d {
	color: #fff;
	font-size: 5rem;
	line-height: 1.05;
}
.tourHero__date .w {
	margin: 0 0.2rem 0 0.5rem;
	color: #fff;
	font-size: 1.7rem;
}
.tourHero__date .t {
	grid-column: 1 / -1;
	margin-top: 0.4rem;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.04em;
}
.tourHero__place {
	margin-bottom: 2.8rem;
	font-size: 1.8rem;
	letter-spacing: 0.06em;
	text-shadow: 0 0.1rem 0.6rem rgba(0, 0, 0, 0.4);
}

/* 2. このような経営課題（01〜04 / ベージュ帯＋区切り線） */
/* セクション上の余白を圧縮（seminar の smnIssue と同じ考え） */
.tourIssue {
	padding-top: 1.5rem;
}
.tourIssue__list {
	display: flex;
	max-width: 95rem;            /* merit 行（.content 全幅）より狭く中央寄せ */
	margin: 0 auto;
	padding: 3.2rem 1.2rem;
	background: var(--ev-beige);
	border-radius: 0.3rem;
}
.tourIssue__item {
	position: relative;
	flex: 1;
	padding: 0 2rem;
}
.tourIssue__item + .tourIssue__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4rem;
	width: 0.1rem;
	height: calc(100% - 0.8rem);
	background: rgba(41, 41, 41, 0.18);
}
.tourIssue__num {
	display: block;
	margin-bottom: 2.6rem;
	text-align: center;
	color: #141414;
	font-size: 3.4rem;
	letter-spacing: 0.06em;
}
.tourIssue__txt {
	font-size: 1.64rem;
	letter-spacing: 0.02em;
	line-height: 1.85;
}
.tourIssue__txt .em {
	color: var(--ev-red);
	font-weight: 700;
}

/* 3. 3つの経営メリット（画像＋テキスト交互） */
.tourMerit {
	padding-top: 4.25rem;
}
/* 見出しの「3」：左右を詰めて大きく・黒に */
.tourMerit .evHeadLine .num {
	padding: 0 0.15rem;
	font-size: 4rem;
	color: #141414;
}
.tourMerit__item {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	margin-bottom: 7rem;
}
.tourMerit__item:last-child {
	margin-bottom: 0;
}
.tourMerit__item:nth-of-type(even) {
	flex-direction: row-reverse;
}
.tourMerit__pho {
	flex: 0 0 46%;
	width: 46%;
}
.tourMerit__pho img {
	width: 100%;
}
.tourMerit__body {
	flex: 1;
	min-width: 0;
	padding-top: 0.4rem;
}
/* 見出し：本文より少し広い横罫線（罫はブロック全幅・文字は左にインデント） */
.tourMerit__ttl {
	margin-bottom: 3.2rem;
	padding: 0 0 2.8rem 5rem;
	border-bottom: 0.1rem solid rgba(41, 41, 41, 0.22);
	color: var(--ev-text);
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.7;
}
.tourMerit__txt {
	padding-left: 5rem;
	font-size: 1.5rem;
	letter-spacing: 0.03em;
	line-height: 2;
	text-align: justify;
}
.tourMerit__txt .em {
	color: var(--ev-red);
}

/* 4. プログラム内容（タイムテーブル） */
.tourProgram {
	padding-top: 4.25rem;
}
.tourProgram__list {
	max-width: 72rem;
	margin: 0 auto;
}
.tourProgram__row {
	position: relative;
	display: flex;
	gap: 3.2rem;
	padding-bottom: 4.6rem;
}
.tourProgram__row:last-child {
	padding-bottom: 0;
}
/* 時刻どうしをつなぐ縦のコネクタ線（各行の下の余白に） */
.tourProgram__row:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 2.7rem;
	top: 3.4rem;
	bottom: 1rem;
	width: 0.1rem;
	background: rgba(41, 41, 41, 0.22);
}
.tourProgram__row dt {
	flex: 0 0 10rem;
	color: var(--ev-text);
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.4;
}
.tourProgram__row dd {
	flex: 1;
	min-width: 0;
	padding-top: 0.1rem;
}
.tourProgram__ttl {
	display: block;
	color: var(--ev-text);
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	line-height: 1.5;
}
.tourProgram__sub {
	display: block;
	margin-top: 1rem;
	color: var(--ev-text);
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	line-height: 1.5;
}

/* 5. 開催概要：背景はベージュのパネル（建物写真は使わない） */
.tourOutline .evOutline__bg {
	background: transparent;
}
.tourOutline .evOutline__bg::before {
	display: none;
}
.tourOutline .evOutline__panel {
	background: var(--ev-beige);
}

/* ===== レスポンシブ（896px 以下） ===== */
@media all and (max-width: 896px) {
	.tourHero__catch {
		font-size: 1.55rem;
	}
	.tourHero__title {
		font-size: 2.4rem;
		letter-spacing: 0.04em;
		line-height: 1.5;
	}
	/* 「高付加価値 × 次世代構法」は 390px まで1行で保つ */
	.tourHero__titleMain {
		white-space: nowrap;
	}
	.tourHero__title .lg {
		font-size: inherit;
	}
	/* リード文「〈住宅にCLT…公開〉」は 390px まで1行で保つ */
	.tourHero .evHero__note {
		font-size: 1.15rem;
		white-space: nowrap;
	}
	.tourHero__info {
		gap: 1.4rem;
		margin: 2rem 0 1rem;
	}
	.tourHero__date .d {
		font-size: 3.4rem;
	}
	.tourHero__place {
		font-size: 1.4rem;
	}
	.tourHero__date .t {
		font-size: 1.6rem;
	}
	.tourHero__place {
		margin-bottom: 2rem;
		font-size: 1.3rem;
	}
	/* 見出し上の余白を evSection 既定（= seminar 見どころの上）に合わせる */
	.tourIssue {
		padding-top: 5rem;
	}
	.tourIssue__list {
		flex-wrap: wrap;
		padding: 1rem 1.2rem;
	}
	.tourIssue__item {
		flex: 0 0 50%;
		width: 50%;
		padding: 2rem 1.4rem;
	}
	/* PC用の縦罫は隠し、2列2段の内側で接する辺に罫線を引く */
	.tourIssue__item + .tourIssue__item::before {
		display: none;
	}
	.tourIssue__item:nth-child(odd) {
		border-right: 0.1rem solid rgba(41, 41, 41, 0.18);
	}
	.tourIssue__item:nth-child(1),
	.tourIssue__item:nth-child(2) {
		border-bottom: 0.1rem solid rgba(41, 41, 41, 0.18);
	}
	.tourIssue__num {
		margin-bottom: 0.8rem;
		font-size: 2.8rem;
	}
	.tourIssue__txt {
		font-size: 1.25rem;
		line-height: 1.75;
	}
	.tourMerit__item,
	.tourMerit__item:nth-of-type(even) {
		flex-direction: column;
		gap: 2rem;
		margin-bottom: 4rem;
	}
	.tourMerit__pho {
		flex: none;
		width: 100%;
	}
	.tourMerit__ttl {
		margin-bottom: 2rem;
		padding: 0 0 1.6rem 0;
		font-size: 1.75rem;
	}
	.tourMerit__txt {
		padding-left: 0;
		font-size: 1.4rem;
		line-height: 1.9;
	}
	.tourProgram__row {
		gap: 1.6rem;
		padding-bottom: 3rem;
	}
	.tourProgram__row:not(:last-child)::before {
		left: 2rem;
		top: 2.8rem;
	}
	.tourProgram__row dt {
		flex: 0 0 7rem;
		font-size: 1.6rem;
	}
	.tourProgram__ttl {
		font-size: 1.4rem;
	}
	.tourProgram__sub {
		margin-top: 0.6rem;
		font-size: 1.4rem;
	}
}