@charset "UTF-8";

/* /artificial-turf/for-golf/ ゴルフ練習向け人工芝専用 */

/* ===== 03_artificial-turf_02_for-golf（/artificial-turf/for-golf/ ゴルフ練習向け人工芝） ===== */

/* -- 03_artificial-turf_02_for-golf / 00（ヒーロー） -- */

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

.eg-turf-for-golf-hero__inner {
	display: grid;
	grid-template-columns: 1fr 404px;
	column-gap: 40px;
	padding: 0 50px 0 56px;
	background-color: #f5f2f1;
}

/* 見出し1行目の文字（インク）上端がパネル上端から65px */
.eg-turf-for-golf-hero__body {
	padding: 56px 0 66px;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
h2.eg-turf-for-golf-hero__catch {
	margin: 0 0 46px !important;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 28px;
	line-height: 44px;
	color: var(--eg-green-deep, #004e37);
}

/* 本文 */
p.eg-turf-for-golf-hero__text {
	margin: 0 0 10px;
	color: #333;
	font-size: 16px;
	line-height: 26px;
}

p.eg-turf-for-golf-hero__text:last-child {
	margin-bottom: 0;
}

/* 6項目のリスト */
ul.eg-turf-for-golf-hero__list {
	margin: 0 0 10px !important;
	padding: 0;
	list-style: none;
}

/* ゴシック体を!importantで指定 */
ul.eg-turf-for-golf-hero__list li.eg-turf-for-golf-hero__item {
	position: relative;
	margin: 0;
	padding: 0 0 0 17px;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

/* 「・」は文字枠の中央にあるため、枠を5px左にずらして点を本文の左端に揃える */
ul.eg-turf-for-golf-hero__list li.eg-turf-for-golf-hero__item::before {
	content: "・";
	position: absolute;
	top: 0;
	left: -5px;
}

/* 写真の上端はパネルの上端から50px（下はテキストの方が長いため余白が広くなる） */
.eg-turf-for-golf-hero__photo {
	align-self: start;
	margin: 50px 0 0;
}

img.eg-turf-for-golf-hero__img {
	display: block;
	width: 100%;
	aspect-ratio: 404 / 500;
	object-fit: cover;
	/* 高さ500pxに合わせると画像幅500px・はみ出し96px */
	object-position: 83.33% center;
}

/* タブレット以下：左右2分割→上下分割（写真が上） */
@media screen and (max-width: 1023px) {
	.eg-turf-for-golf-hero__inner {
		grid-template-columns: 1fr;
		padding: 0;
	}
	.eg-turf-for-golf-hero__photo {
		order: -1;
		margin: 0;
	}
	img.eg-turf-for-golf-hero__img {
		aspect-ratio: 3 / 2;
		object-position: center 60%;
	}
	.eg-turf-for-golf-hero__body {
		padding: 36px 40px 44px;
	}
	h2.eg-turf-for-golf-hero__catch {
		margin-bottom: 32px !important;
		font-size: 26px;
		line-height: 1.57;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 768px) {
	.eg-turf-for-golf-hero {
		padding: 0 0 40px;
	}
	.eg-turf-for-golf-hero__body {
		padding: 28px 20px 36px;
	}
	h2.eg-turf-for-golf-hero__catch {
		margin-bottom: 20px !important;
		font-size: 22px;
		line-height: 1.6;
	}
	h2.eg-turf-for-golf-hero__catch br,
	p.eg-turf-for-golf-hero__text br {
		display: none;
	}
	p.eg-turf-for-golf-hero__text,
	ul.eg-turf-for-golf-hero__list li.eg-turf-for-golf-hero__item {
		line-height: 1.8;
	}
}

@media screen and (max-width: 540px) {
	img.eg-turf-for-golf-hero__img {
		aspect-ratio: 4 / 3;
	}
	h2.eg-turf-for-golf-hero__catch {
		font-size: 21px;
	}
}


/* -- 03_artificial-turf_02_for-golf / 01（対応可能なゴルフ用人工芝施工） -- */

.eg-turf-for-golf-types {
	max-width: 800px;
	margin: 0 auto;
	padding: 80px 0 80px;
}

/* style.cssの見出しpadding・共通margin-top(20px !important)を打ち消す */
h2.eg-turf-for-golf-types__title {
	margin: 0 0 54px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

.eg-turf-for-golf-types__photo {
	margin: 0;
}

img.eg-turf-for-golf-types__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	object-fit: cover;
}

/* 写真下端から項目ボックス上端まで75px */
ul.eg-turf-for-golf-types__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 34px;
	max-width: 750px;
	margin: 75px auto 0 !important;
	padding: 0;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-turf-for-golf-types__list li.eg-turf-for-golf-types__item {
	margin: 0;
	padding: 0 20px;
	background-color: #f5f2f1;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 600;
	font-size: 20px;
	line-height: 50px;
	letter-spacing: 0.11em;
	color: #111;
}

/* 長い項目名は文字を小さくしてある */
ul.eg-turf-for-golf-types__list li.eg-turf-for-golf-types__item--long {
	font-size: 17px;
	letter-spacing: 0;
}

/* タブレット：余白はPCの半分。項目は2列のまま（長い項目は字間を詰めて1行に収める） */
@media screen and (max-width: 1023px) {
	.eg-turf-for-golf-types {
		padding: 40px 0 40px;
	}
	h2.eg-turf-for-golf-types__title {
		margin-bottom: 32px !important;
		font-size: 34px;
	}
	ul.eg-turf-for-golf-types__list {
		gap: 8px 16px;
		margin-top: 40px !important;
	}
	ul.eg-turf-for-golf-types__list li.eg-turf-for-golf-types__item--long {
		letter-spacing: 0;
	}
}

/* スマホ：項目は1列 */
@media screen and (max-width: 768px) {
	.eg-turf-for-golf-types {
		padding: 50px 0 50px;
	}
	h2.eg-turf-for-golf-types__title {
		margin-bottom: 24px !important;
		font-size: 26px;
	}
	ul.eg-turf-for-golf-types__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 6px;
		margin-top: 24px !important;
	}
	ul.eg-turf-for-golf-types__list li.eg-turf-for-golf-types__item {
		padding: 9px 18px;
		font-size: 18px;
		line-height: 24px;
	}
	ul.eg-turf-for-golf-types__list li.eg-turf-for-golf-types__item--long {
		font-size: 17px;
		padding-right: 12px;
		padding-left: 12px;
		letter-spacing: 0;
	}
}

@media screen and (max-width: 540px) {
	img.eg-turf-for-golf-types__img {
		aspect-ratio: 3 / 2;
	}
}

@media screen and (max-width: 360px) {
	h2.eg-turf-for-golf-types__title {
		font-size: 24px;
	}
}


/* -- 03_artificial-turf_02_for-golf / 02（パターグリーン施工） -- */

.eg-turf-for-golf-putter {
	max-width: 1002px;
	margin: 0 auto;
	padding: 80px 0 80px;
	text-align: center;
}

/* style.cssの見出しpadding・共通margin-top(20px !important)を打ち消す */
h2.eg-turf-for-golf-putter__title {
	margin: 0 0 38px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

p.eg-turf-for-golf-putter__text {
	margin: 0 0 10px;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.05em;
}

.eg-turf-for-golf-putter__body p.eg-turf-for-golf-putter__text:last-child {
	margin-bottom: 0;
}

/* タグ：本文の行ボックス下端から32px */
ul.eg-turf-for-golf-putter__tags {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px;
	max-width: 650px;
	margin: 32px auto 0 !important;
	padding: 0;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-turf-for-golf-putter__tags li.eg-turf-for-golf-putter__tag {
	margin: 0;
	padding: 0 0 0 0.13em;
	background-color: var(--eg-green-deep, #004e37);
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 44px;
	letter-spacing: 0.13em;
	color: #fff;
}

/* タグ下端から「まで考慮して〜」の行ボックス上端まで34px */
p.eg-turf-for-golf-putter__text--after {
	margin: 34px 0 0;
}

/* 写真列：「まで考慮して〜」の行ボックス下端から写真見出しの行ボックス上端まで55px */
ul.eg-turf-for-golf-putter__photos {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	margin: 55px 0 0 !important;
	padding: 0;
	list-style: none;
}

/* li[class^="eg-"]の明朝指定（!important）を打ち消し、見出しはゴシックにする */
ul.eg-turf-for-golf-putter__photos li.eg-turf-for-golf-putter__photo {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
}

/* 写真の見出し：18px・ゴシック・字間約0.1em。写真上端まで行ボックス下端から14px */
p.eg-turf-for-golf-putter__caption {
	margin: 0 0 14px;
	padding: 0 0 0 0.1em;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.1em;
	color: #111;
}

img.eg-turf-for-golf-putter__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 194 / 150;
	object-fit: cover;
}

/* タブレット：余白はPCの半分。タグ・写真の列数はPCのまま（769pxでも写真幅約140pxで見出しが1行に収まる） */
@media screen and (max-width: 1023px) {
	.eg-turf-for-golf-putter {
		padding: 40px 0 40px;
	}
	h2.eg-turf-for-golf-putter__title {
		margin-bottom: 28px !important;
		font-size: 34px;
	}
	ul.eg-turf-for-golf-putter__photos {
		margin-top: 40px !important;
	}
	p.eg-turf-for-golf-putter__caption {
		margin-bottom: 10px;
		font-size: 16px;
		letter-spacing: 0.05em;
		padding-left: 0.05em;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 768px) {
	.eg-turf-for-golf-putter {
		padding: 50px 0 50px;
	}
	h2.eg-turf-for-golf-putter__title {
		margin-bottom: 20px !important;
		font-size: 26px;
	}
	p.eg-turf-for-golf-putter__text {
		text-align: left;
		line-height: 1.8;
		letter-spacing: 0;
	}
	p.eg-turf-for-golf-putter__text br {
		display: none;
	}
	ul.eg-turf-for-golf-putter__tags {
		margin-top: 20px !important;
	}
	ul.eg-turf-for-golf-putter__tags li.eg-turf-for-golf-putter__tag {
		font-size: 17px;
		letter-spacing: 0.06em;
		padding-left: 0.06em;
	}
	p.eg-turf-for-golf-putter__text--after {
		margin-top: 20px;
	}
	ul.eg-turf-for-golf-putter__photos {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 20px 8px;
		margin-top: 32px !important;
	}
	ul.eg-turf-for-golf-putter__photos li.eg-turf-for-golf-putter__photo {
		grid-column: span 2;
	}
	ul.eg-turf-for-golf-putter__photos li.eg-turf-for-golf-putter__photo:nth-child(4) {
		grid-column: 2 / 4;
	}
	ul.eg-turf-for-golf-putter__photos li.eg-turf-for-golf-putter__photo:nth-child(5) {
		grid-column: 4 / 6;
	}
}

/* 狭いスマホ：タグ・写真とも2列。最後の1つは中央に置く */
@media screen and (max-width: 540px) {
	ul.eg-turf-for-golf-putter__tags {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	ul.eg-turf-for-golf-putter__tags li.eg-turf-for-golf-putter__tag {
		grid-column: span 2;
	}
	ul.eg-turf-for-golf-putter__tags li.eg-turf-for-golf-putter__tag:nth-child(5) {
		grid-column: 2 / 4;
	}
	ul.eg-turf-for-golf-putter__photos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	ul.eg-turf-for-golf-putter__photos li.eg-turf-for-golf-putter__photo:nth-child(4) {
		grid-column: span 2;
	}
	ul.eg-turf-for-golf-putter__photos li.eg-turf-for-golf-putter__photo:nth-child(5) {
		grid-column: 2 / 4;
	}
}

@media screen and (max-width: 360px) {
	h2.eg-turf-for-golf-putter__title {
		font-size: 24px;
	}
}

/* -- 03_artificial-turf_02_for-golf / 03（アプローチ・打席施工） -- */

.eg-turf-for-golf-tee {
	max-width: 1044px;
	margin: 0 auto;
	padding: 80px 0 80px;
}

/* style.cssの見出しpadding・共通margin-top(20px !important)を打ち消す */
h2.eg-turf-for-golf-tee__title {
	margin: 0 0 65px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

.eg-turf-for-golf-tee__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
	align-items: start;
}

.eg-turf-for-golf-tee__body {
	margin-top: 11px;
	padding-left: 46px;
}

p.eg-turf-for-golf-tee__text {
	margin: 0 0 10px;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.05em;
}

p.eg-turf-for-golf-tee__text:last-child {
	margin-bottom: 0;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
ul.eg-turf-for-golf-tee__list {
	margin: 10px 0 !important;
	padding: 0;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-turf-for-golf-tee__list li.eg-turf-for-golf-tee__item {
	position: relative;
	margin: 0;
	padding: 0 0 0 18px;
	font-family: inherit !important;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.05em;
	color: #333;
}

/* 箇条書きの「•」。Cocoonの li::before（あれば）を打ち消して自前で置く */
ul.eg-turf-for-golf-tee__list li.eg-turf-for-golf-tee__item::before {
	content: "•";
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.eg-turf-for-golf-tee__photo {
	margin: 0;
}

img.eg-turf-for-golf-tee__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* タブレット：左右2分割→上下分割（写真が上）、余白はPCの半分 */
@media screen and (max-width: 1023px) {
	.eg-turf-for-golf-tee {
		padding: 40px 0 40px;
	}
	h2.eg-turf-for-golf-tee__title {
		margin-bottom: 36px !important;
		font-size: 34px;
	}
	.eg-turf-for-golf-tee__layout {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 32px;
	}
	.eg-turf-for-golf-tee__photo {
		order: -1;
	}
	img.eg-turf-for-golf-tee__img {
		aspect-ratio: 3 / 2;
		object-position: center 60%;
	}
	.eg-turf-for-golf-tee__body {
		margin-top: 0;
		padding-left: 0;
	}
}

/* スマホ：改行を解除して左寄せで自然に折り返す。区切り線は共通ルール（style.css）が入る */
@media screen and (max-width: 768px) {
	.eg-turf-for-golf-tee {
		padding: 50px 0 50px;
	}
	h2.eg-turf-for-golf-tee__title {
		margin-bottom: 28px !important;
		font-size: 26px;
	}
	.eg-turf-for-golf-tee__layout {
		row-gap: 28px;
	}
	img.eg-turf-for-golf-tee__img {
		aspect-ratio: 4 / 3;
	}
	p.eg-turf-for-golf-tee__text,
	ul.eg-turf-for-golf-tee__list li.eg-turf-for-golf-tee__item {
		line-height: 1.8;
		letter-spacing: 0;
	}
	p.eg-turf-for-golf-tee__text br {
		display: none;
	}
}

@media screen and (max-width: 360px) {
	h2.eg-turf-for-golf-tee__title {
		font-size: 24px;
	}
}

/* -- 03_artificial-turf_02_for-golf / 04（ゴルフ用人工芝で重要な下地精度） -- */

.eg-turf-for-golf-base {
	max-width: 1044px;
	margin: 0 auto;
	padding: 80px 0 80px;
}

/* style.cssの見出しpadding・共通margin-top(20px !important)を打ち消す */
h2.eg-turf-for-golf-base__title {
	margin: 0 0 65px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

.eg-turf-for-golf-base__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
	align-items: start;
}

.eg-turf-for-golf-base__body {
	margin-top: 11px;
	padding-left: 46px;
}

p.eg-turf-for-golf-base__text {
	margin: 0 0 10px;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.05em;
}

p.eg-turf-for-golf-base__text:last-child {
	margin-bottom: 0;
}

.eg-turf-for-golf-base__photo {
	margin: 0;
}

img.eg-turf-for-golf-base__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* タブレット：左右2分割→上下分割（写真が上）、余白はPCの半分。写真は元の3:2のまま */
@media screen and (max-width: 1023px) {
	.eg-turf-for-golf-base {
		padding: 40px 0 40px;
	}
	h2.eg-turf-for-golf-base__title {
		margin-bottom: 36px !important;
		font-size: 34px;
	}
	.eg-turf-for-golf-base__layout {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 32px;
	}
	.eg-turf-for-golf-base__photo {
		order: -1;
	}
	img.eg-turf-for-golf-base__img {
		aspect-ratio: 3 / 2;
	}
	.eg-turf-for-golf-base__body {
		margin-top: 0;
		padding-left: 0;
	}
}

/* スマホ：見出しは「ゴルフ用人工芝で／重要な下地精度」の2行（eg-br-sp） */
@media screen and (max-width: 768px) {
	.eg-turf-for-golf-base {
		padding: 50px 0 50px;
	}
	h2.eg-turf-for-golf-base__title {
		margin-bottom: 28px !important;
		font-size: 26px;
	}
	.eg-turf-for-golf-base__layout {
		row-gap: 28px;
	}
	img.eg-turf-for-golf-base__img {
		aspect-ratio: 4 / 3;
		object-position: 70% center;
	}
	p.eg-turf-for-golf-base__text {
		line-height: 1.8;
		letter-spacing: 0;
	}
	p.eg-turf-for-golf-base__text br {
		display: none;
	}
}

@media screen and (max-width: 360px) {
	h2.eg-turf-for-golf-base__title {
		font-size: 24px;
	}
}