@charset "UTF-8";

/* golfカテゴリ全体で読み込む土台 */

/* ===== 02_golf_top（/golf/ カテゴリトップ） ===== */

/* -- 02_golf_top / 00（ヒーロー） -- */

.eg-golf-top-hero {
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}

.eg-golf-top-hero__photo {
	margin: 0 0 40px;
}

img.eg-golf-top-hero__img {
	display: block;
	width: 100%;
	aspect-ratio: 960 / 601;
	object-fit: cover;
}

.eg-golf-top-hero__body {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 16px 60px;
	text-align: center;
}

h2.eg-golf-top-hero__catch {
	margin: 0 0 40px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.5;
	color: var(--eg-green-deep, #004e37);
}

p.eg-golf-top-hero__label {
	margin: 0 0 16px;
	color: #000;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: 19px;
	font-weight: 500;
	text-align: left;
}

/* 項目リストはpages_common.cssのeg-tag-listを使う */
.eg-golf-top-hero__body ul.eg-tag-list {
	margin: 12px 0 24px !important;
}

p.eg-golf-top-hero__lead {
	margin: 0 0 40px;
	color: #000;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: 19px;
	font-weight: 500;
	text-align: left;
}

p.eg-golf-top-hero__note {
	margin: 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

/* タブレット以下：外側ラッパーの上下paddingは無しにする */
@media screen and (max-width: 768px) {
	.eg-golf-top-hero {
		padding: 0;
	}
	.eg-golf-top-hero__body {
		padding-left: 0;
		padding-right: 0;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 540px) {
	.eg-golf-top-hero__photo {
		margin: 0 0 28px;
	}
	img.eg-golf-top-hero__img {
		aspect-ratio: 4 / 3;
	}
	.eg-golf-top-hero__body {
		padding-bottom: 40px;
	}
	h2.eg-golf-top-hero__catch {
		margin: 0 0 24px;
		font-size: 20px;
		text-align: left;
	}
	h2.eg-golf-top-hero__catch br {
		display: none;
	}
	p.eg-golf-top-hero__label {
		margin: 0 0 12px;
		font-size: 16px;
	}
	p.eg-golf-top-hero__lead {
		margin: 0 0 24px;
		font-size: 16px;
	}
	p.eg-golf-top-hero__note {
		font-size: 15px;
		text-align: left;
		line-height: 1.7;
	}
	p.eg-golf-top-hero__note br {
		display: none;
	}
}


/* -- 02_golf_top / 01（検討ポイント） -- */

.eg-golf-top-points {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 16px 60px;
}

.eg-golf-top-points__inner {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 40px;
	align-items: start;
}

h2.eg-golf-top-points__title {
	margin: 0 0 24px;
	margin-top: 0 !important;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.5;
	color: var(--eg-green-deep, #004e37);
}

ul.eg-golf-top-points__list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

/* 明朝体・太字のリスト項目は色#111 */
ul.eg-golf-top-points__list li.eg-golf-top-points__item {
	position: relative;
	margin: 0;
	padding: 8px 0 8px 26px;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.6;
	color: #111;
	list-style: none;
}

ul.eg-golf-top-points__list li.eg-golf-top-points__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 23px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--eg-gold, #998631);
}

p.eg-golf-top-points__lead {
	margin: 0 0 24px;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.7;
	color: #000;
}

p.eg-golf-top-points__note {
	margin: 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

img.eg-golf-top-points__img {
	display: block;
	width: 100%;
	aspect-ratio: 500 / 550;
	object-fit: cover;
}

/* タブレット以下：左右paddingは.main側に任せる */
@media screen and (max-width: 768px) {
	/* 区切り線はstyle.cssの共通デフォルト */
	.eg-golf-top-points {
		padding-top: 32px;
		padding-left: 0;
		padding-right: 0;
	}
	.eg-golf-top-points__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 540px) {
	h2.eg-golf-top-points__title {
		margin: 0 0 20px;
		margin-top: 0 !important;
		font-size: 22px;
		text-align: left;
	}
	h2.eg-golf-top-points__title br {
		display: none;
	}
	ul.eg-golf-top-points__list li.eg-golf-top-points__item {
		padding: 8px 0 8px 22px;
		font-size: 18px;
		border-bottom: 2px dotted #b3b3b3;
	}
	ul.eg-golf-top-points__list li.eg-golf-top-points__item:last-child {
		border-bottom: none;
	}
	ul.eg-golf-top-points__list li.eg-golf-top-points__item::before {
		top: 18px;
	}
	p.eg-golf-top-points__lead {
		margin: 0 0 20px;
		font-size: 18px;
		text-align: left;
	}
	p.eg-golf-top-points__note {
		font-size: 15px;
		line-height: 1.7;
		text-align: left;
	}
	p.eg-golf-top-points__note br {
		display: none;
	}
}


/* -- 02_golf_top / 02（対応可能施工） -- */

.eg-golf-top-services {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 16px 60px;
}

h2.eg-golf-top-services__title {
	margin: 0 0 40px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.5;
	color: var(--eg-green-deep, #004e37);
	text-align: center;
}

ul.eg-golf-top-services__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 32px;
	row-gap: 48px;
	padding: 0;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-golf-top-services__list li.eg-golf-top-services__item {
	margin: 0;
	list-style: none;
	/* 明朝体の汎用指定を打ち消してゴシック体にする */
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
}

.eg-golf-top-services__photo {
	margin: 0 0 16px;
}

img.eg-golf-top-services__img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

h3.eg-golf-top-services__item-title {
	margin: 0 0 8px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

p.eg-golf-top-services__item-text {
	margin: 0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
}

/* タブレット以下：左右paddingは.main側に任せる */
@media screen and (max-width: 768px) {
	/* 区切り線はstyle.cssの共通デフォルト */
	.eg-golf-top-services {
		padding-top: 32px;
		padding-left: 0;
		padding-right: 0;
	}
	ul.eg-golf-top-services__list {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
		row-gap: 32px;
		/* Cocoonのulの下マージンがセクション下の余白に上乗せされるのを防ぐ */
		margin-bottom: 0 !important;
	}
	/* 注記はスマホのみ15pxまで可 */
	p.eg-golf-top-services__item-text {
		font-size: 15px;
	}
}

@media screen and (max-width: 540px) {
	h2.eg-golf-top-services__title {
		margin: 0 0 24px;
		font-size: 22px;
	}
	ul.eg-golf-top-services__list {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}
	h3.eg-golf-top-services__item-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 480px) {
	h2.eg-golf-top-services__title {
		font-size: 26px;
	}
}


/* -- 02_golf_top / 03（弊社施工の特徴） -- */

.eg-golf-top-features {
	padding: 0 0 60px;
}

.eg-golf-top-features__head {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
}

h2.eg-golf-top-features__title {
	margin: 0 0 24px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3.2vw, 42px);
	line-height: 1.5;
	color: var(--eg-green-deep, #004e37);
}

p.eg-golf-top-features__lead {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}

strong.eg-golf-top-features__lead-emphasis {
	display: inline-block;
	margin: 8px 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.4;
	color: var(--eg-gold, #998631);
}

/* アイコン7項目の行 */
ul.eg-golf-top-features__list {
	max-width: 1120px;
	margin: 40px auto 0 !important;
	padding: 0 16px;
	list-style: none;
	display: flex;
	align-items: flex-start;
}

li.eg-golf-top-features__item {
	flex: 1 1 0;
	margin: 0;
	padding: 0 8px;
	list-style: none;
	text-align: center;
}

li.eg-golf-top-features__item:not(:first-child) {
	border-left: 1px solid #b3b3b3;
}

.eg-golf-top-features__icon {
	display: block;
	margin: 0 auto;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.eg-golf-top-features__icon--putting-line   { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-02-icon-putting-line.webp"); }
.eg-golf-top-features__icon--safety         { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-03-icon-safety.webp"); }
.eg-golf-top-features__icon--roll           { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-04-icon-roll.webp"); }
.eg-golf-top-features__icon--durability     { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-05-icon-durability.webp"); }
.eg-golf-top-features__icon--reproducibility { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-06-icon-reproducibility.webp"); }
.eg-golf-top-features__icon--neighbor       { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-07-icon-neighbor.webp"); }
.eg-golf-top-features__icon--maintenance    { background-image: url("/2026/wp-content/uploads/2026/09/golf-top-03-08-icon-maintenance.webp"); }

.eg-golf-top-features__icon-label {
	display: block;
	margin: 16px 0 0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.05em;
	color: #1a1a1a;
}

p.eg-golf-top-features__caption {
	max-width: 760px;
	margin: 24px auto 0;
	padding: 0 16px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	text-align: center;
}

/* 写真は画面幅いっぱいに広げる */
.eg-golf-top-features__photo {
	margin: 48px -30px 0;
}

@media screen and (max-width: 834px) {
	.eg-golf-top-features__photo {
		margin-left: -16px;
		margin-right: -16px;
	}
}

img.eg-golf-top-features__img {
	display: block;
	width: 100%;
	aspect-ratio: 1366 / 440;
	object-fit: cover;
}

.eg-golf-top-features__cards {
	max-width: 790px;
	margin: 48px auto 0;
	padding: 0 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.eg-golf-top-features__card {
	display: flex;
	align-items: stretch;
	background-color: #f5f2f1;
}

.eg-golf-top-features__card-body {
	flex: 1 1 auto;
	min-width: 0;
	padding: 28px 32px;
}

/* バッジ本体はpages_common.cssの共通コンポーネント */
.eg-golf-top-features__card-head {
	display: flex;
	align-items: baseline;
	margin: 0 0 12px;
}

h3.eg-golf-top-features__card-title {
	margin: 0;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 22px;
	color: var(--eg-green-deep, #004e37);
}

p.eg-golf-top-features__card-text {
	margin: 0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: #333;
}

.eg-golf-top-features__card-photo {
	flex: 0 0 38%;
	min-width: 200px;
}

img.eg-golf-top-features__card-img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

p.eg-golf-top-features__note {
	max-width: 760px;
	margin: 48px auto 0;
	padding: 0 16px;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
	color: var(--eg-green-deep, #004e37);
}

/* タブレット以下：左右paddingは.main側に任せる */
@media screen and (max-width: 768px) {
	.eg-golf-top-features {
		padding-top: 32px;
	}
	.eg-golf-top-features__head,
	ul.eg-golf-top-features__list,
	p.eg-golf-top-features__caption,
	.eg-golf-top-features__cards,
	p.eg-golf-top-features__note {
		padding-left: 0;
		padding-right: 0;
	}
	/* アイコン7項目：4列×2行のグリッドにする */
	ul.eg-golf-top-features__list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 8px;
		row-gap: 24px;
	}
	li.eg-golf-top-features__item {
		padding: 0 8px;
		border-left: none;
	}
	li.eg-golf-top-features__item:not(:nth-child(4n+1)) {
		border-left: 2px dotted #b3b3b3;
	}
	/* 2段目の先頭（5番目）にも、PC用の`:not(:first-child)`の実線が詳細度で勝って残るため明示的に消す */
	li.eg-golf-top-features__item:nth-child(4n+1) {
		border-left: none;
	}
	li.eg-golf-top-features__item:nth-child(n+5) {
		border-top: 2px dotted #b3b3b3;
		padding-top: 24px;
	}
	.eg-golf-top-features__card-photo {
		flex-basis: 34%;
		min-width: 160px;
	}
	.eg-golf-top-features__card-body {
		padding: 24px;
	}
}

/* タブレット：7項目は折り返すため4列×2行にする */
@media screen and (min-width: 768.02px) and (max-width: 1023px) {
	ul.eg-golf-top-features__list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 8px;
		row-gap: 24px;
	}
	li.eg-golf-top-features__item:not(:nth-child(4n+1)) {
		border-left: 2px dotted #b3b3b3;
	}
	li.eg-golf-top-features__item:nth-child(4n+1) {
		border-left: none;
	}
	li.eg-golf-top-features__item:nth-child(n+5) {
		border-top: 2px dotted #b3b3b3;
		padding-top: 24px;
	}
}

/* スマホ：改行の解除・左寄せ（文章の改行・寄せルール）、カードは縦積みにする */
@media screen and (max-width: 540px) {
	.eg-golf-top-features__head {
		text-align: left;
	}
	h2.eg-golf-top-features__title {
		margin: 0 0 20px;
		font-size: 26px;
		text-align: left;
	}
	h2.eg-golf-top-features__title br {
		display: none;
	}
	p.eg-golf-top-features__lead {
		text-align: left;
	}
	p.eg-golf-top-features__lead br {
		display: none;
	}
	/* スマホ：写真の高さを増やす（左右はトリミング） */
	img.eg-golf-top-features__img {
		aspect-ratio: 1366 / 880;
	}
	strong.eg-golf-top-features__lead-emphasis {
		font-size: 22px;
	}
	p.eg-golf-top-features__caption {
		font-size: 15px;
		text-align: left;
	}
	ul.eg-golf-top-features__list {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
		row-gap: 20px;
	}
	li.eg-golf-top-features__item:not(:nth-child(4n+1)) {
		border-left: none;
	}
	li.eg-golf-top-features__item:nth-child(n+5) {
		border-top: none;
		padding-top: 0;
	}
	li.eg-golf-top-features__item:not(:nth-child(2n+1)) {
		border-left: 2px dotted #b3b3b3;
	}
	li.eg-golf-top-features__item:nth-child(2n+1) {
		border-left: none;
	}
	li.eg-golf-top-features__item:nth-child(n+3) {
		border-top: 2px dotted #b3b3b3;
		padding-top: 20px;
	}
	.eg-golf-top-features__card {
		flex-direction: column;
	}
	.eg-golf-top-features__card-photo {
		flex-basis: auto;
		min-width: 0;
	}
	img.eg-golf-top-features__card-img {
		aspect-ratio: 3 / 2;
	}
	.eg-golf-top-features__card-body {
		padding: 20px;
	}
	p.eg-golf-top-features__card-text {
		font-size: 15px;
	}
	p.eg-golf-top-features__card-text br {
		display: none;
	}
	p.eg-golf-top-features__note {
		font-size: 18px;
		text-align: left;
	}
	p.eg-golf-top-features__note br {
		display: none;
	}
}


/* -- 02_golf_00 / 04（導入効果） -- */

/* 「105→80まで向上」ブロックは画像 */

.eg-golf-top-effect {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 16px 60px;
}

.eg-golf-top-effect__card {
	display: flex;
	align-items: stretch;
	background-color: #f5f2f1;
}

.eg-golf-top-effect__body {
	flex: 1 1 auto;
	min-width: 0;
	padding: 48px 40px 48px 56px;
}

h2.eg-golf-top-effect__title {
	margin: 0 0 20px;
	margin-top: 0 !important;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3.2vw, 42px);
	line-height: 1.5;
	color: var(--eg-green-deep, #004e37);
}

p.eg-golf-top-effect__lead {
	margin: 0 0 20px;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: 19px;
	line-height: 1.7;
	color: #000;
}

.eg-golf-top-effect__score {
	max-width: 460px;
	margin: 0 0 24px;
}

img.eg-golf-top-effect__score-img {
	display: block;
	width: 100%;
	height: auto;
}

p.eg-golf-top-effect__report {
	margin: 0 0 24px;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: 19px;
	line-height: 1.7;
	color: #000;
}

p.eg-golf-top-effect__text {
	margin: 0 0 24px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}

p.eg-golf-top-effect__emphasis {
	margin: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.6;
	color: var(--eg-green-deep, #004e37);
}

.eg-golf-top-effect__photo {
	flex: 0 0 40%;
	padding: 40px 40px 40px 0;
}

img.eg-golf-top-effect__img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 439 / 559;
	object-fit: cover;
}

/* タブレット以下：左右paddingは.main側に任せる */
@media screen and (max-width: 768px) {
	.eg-golf-top-effect {
		padding-top: 32px;
		padding-left: 0;
		padding-right: 0;
	}
	.eg-golf-top-effect__body {
		padding: 32px;
	}
	.eg-golf-top-effect__photo {
		padding: 32px 32px 32px 0;
	}
}

/* スマホ：カードを縦積みにし、改行の解除・左寄せ（文章の改行・寄せルール）を行う */
@media screen and (max-width: 540px) {
	.eg-golf-top-effect__card {
		flex-direction: column;
	}
	.eg-golf-top-effect__body {
		padding: 28px 20px;
	}
	h2.eg-golf-top-effect__title {
		margin: 0 0 16px;
		font-size: 24px;
	}
	p.eg-golf-top-effect__lead {
		margin: 0 0 16px;
		font-size: 16px;
	}
	.eg-golf-top-effect__score {
		max-width: none;
		margin: 0 0 20px;
	}
	p.eg-golf-top-effect__report {
		margin: 0 0 16px;
		font-size: 16px;
	}
	p.eg-golf-top-effect__text {
		margin: 0 0 16px;
		font-size: 15px;
	}
	p.eg-golf-top-effect__emphasis {
		font-size: 18px;
	}
	p.eg-golf-top-effect__emphasis br {
		display: none;
	}
	/* スマホ：写真左端のフェードを切り落とす */
	.eg-golf-top-effect__photo {
		padding: 0;
		aspect-ratio: 4 / 3;
		overflow: hidden;
	}
	img.eg-golf-top-effect__img {
		width: 122%;
		max-width: none;
		height: 100%;
		margin-left: -22%;
		aspect-ratio: auto;
	}
}


/* ===== ゴルフカテゴリ共通：こんな方におすすめ（写真背景セクション） ===== */

/* 画面幅いっぱいに広げる */
.eg-golf-recommend {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #14200f;
	/* 写真の上に黒グラデーションを重ねる */
	background-image:
		linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.04)),
		url(/2026/wp-content/uploads/2026/09/golf-recommend-bg.webp);
	background-size: cover;
	background-position: center, center 62%;
	padding: 64px 0 140px;
}

.eg-golf-recommend__inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
}

h2.eg-golf-recommend__title {
	margin: 0 0 48px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.4;
	color: #d6c43c;
}

/* 項目はeg-tag-listを使い、背景・書体・色・行間隔だけ上書きする */
ul.eg-tag-list.eg-golf-recommend__list {
	gap: 20px 32px;
}

ul.eg-tag-list.eg-golf-recommend__list li.eg-tag-list__item {
	background-color: rgba(255, 255, 255, 0.75);
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	color: #111;
}

/* Cocoonの.mainは834px以下で左右paddingが16pxになる */
@media screen and (max-width: 834px) {
	.eg-golf-recommend {
		margin-left: -16px;
		margin-right: -16px;
	}
}

@media screen and (max-width: 768px) {
	.eg-golf-recommend {
		padding: 40px 0 64px;
	}
	h2.eg-golf-recommend__title {
		margin: 0 0 28px;
	}
	ul.eg-tag-list.eg-golf-recommend__list {
		gap: 8px;
	}
	ul.eg-tag-list.eg-golf-recommend__list li.eg-tag-list__item {
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
		font-size: 14px;
		color: #222;
	}
}

/* -- 02_golf_00 / 06（ゴルフ練習設備施工実績） -- */
/* 写真はトップページと同じ画像を再利用 */

.eg-golf-works {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #e6e6e6;
	padding: 50px 0 60px;
}

.eg-golf-works__inner {
	max-width: 1106px;
	margin: 0 auto;
	padding: 0 16px;
}

h2.eg-golf-works__title {
	margin: 0 0 48px;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 2.7vw, 36px);
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

.eg-golf-works__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 540px);
	column-gap: 24px;
	align-items: start;
}

.eg-golf-works__text {
	padding-left: clamp(0px, 3vw, 40px);
}

p.eg-golf-works__lead {
	margin: 0 0 24px;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.8;
	color: var(--eg-green-deep, #004e37);
}

ul.eg-golf-works__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Cocoon本体の .article ul li { margin:0.2em } に勝つため親ulのクラスも含める */
ul.eg-golf-works__list li.eg-golf-works__item {
	position: relative;
	margin: 0;
	padding: 8px 0 8px 20px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.7;
	color: #111;
}

/* トップページ施工実績（eg-top-works__item）と同じ金色の丸 */
ul.eg-golf-works__list li.eg-golf-works__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--eg-gold, #998631);
}

.eg-golf-works__photos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
}

.eg-golf-works__photo {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.eg-golf-works__photo--main {
	grid-column: 1 / -1;
}

/* .mainのpaddingが834px以下で16pxになる分の負マージン調整 */
@media screen and (max-width: 834px) {
	.eg-golf-works {
		margin-left: -16px;
		margin-right: -16px;
	}
}

/* タブレット：上下分割（写真が上）、余白はPCの半分、<br>は解除（施工実績の共通対応） */
@media screen and (min-width: 768.02px) and (max-width: 1023px) {
	.eg-golf-works {
		padding: 25px 0 30px;
	}
	.eg-golf-works__body {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.eg-golf-works__photos {
		order: -1;
	}
	.eg-golf-works__text {
		padding-left: 0;
	}
	ul.eg-golf-works__list li.eg-golf-works__item br {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	/* 前セクション（写真背景）と背景色が変わるため、共通の区切り線は不要 */
	.eg-golf-works {
		border-top: none !important;
		padding: 28px 0 40px;
	}
	/* セクション自体は負マージンで全幅に広げているため、テキストは.mainの左右16pxと同じ位置に揃える */
	.eg-golf-works__inner {
		padding: 0 16px;
	}
	h2.eg-golf-works__title {
		margin-bottom: 28px;
		font-size: 26px;
	}
	.eg-golf-works__body {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.eg-golf-works__text {
		padding-left: 0;
	}
	p.eg-golf-works__lead {
		font-size: 20px;
		text-align: left;
	}
	p.eg-golf-works__lead br,
	ul.eg-golf-works__list li.eg-golf-works__item br {
		display: none;
	}
	ul.eg-golf-works__list li.eg-golf-works__item {
		border-bottom: 2px dotted #b3b3b3;
		font-size: 17px;
		font-weight: 600;
	}
	ul.eg-golf-works__list li.eg-golf-works__item:last-child {
		border-bottom: none;
	}
}

/* スマホ：共通の見出し上余白（20px）を打ち消し、他ページの施工実績と揃える */
@media screen and (max-width: 480px) {
	h2.eg-golf-works__title {
		margin-top: 0 !important;
	}
}