:root{--ink:#333;--sub:#666;--green:#69ad65;--pale:#f5faf3;--line:#dce8d9;--white:#fff;--warn:#857666}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;background:#fff}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.site-header{border-top:5px solid var(--green);background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:5}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:21px;font-weight:700;color:var(--ink);text-decoration:none}.site-header nav{display:flex;gap:22px}.site-header nav a{color:#555;text-decoration:none;font-size:14px}.site-header nav a.current{color:var(--green);font-weight:700}.hero{text-align:center;padding:76px 0 64px;background:linear-gradient(180deg,#f8fcf7,#fff)}.eyebrow{margin:0;color:var(--green);font-weight:700;letter-spacing:.14em;font-size:13px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.4;margin:12px 0 18px}.hero>div>p:not(.eyebrow):not(.note){font-size:18px}.note,.small{font-size:13px;color:var(--sub)}.hero-image{display:block;width:min(520px,100%);max-height:600px;object-fit:contain;margin:35px auto 0;border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.12);background:#fff}.section{padding:76px 0}.alternate{background:var(--pale)}h2{text-align:center;font-size:32px;margin:0 0 16px}.lead{text-align:center;margin:0 0 38px;color:var(--sub)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.card,.photo-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 8px 22px rgba(48,85,45,.07)}.card h3,.photo-card h3{text-align:center;font-size:24px;margin:0 0 20px}.card img{width:100%;aspect-ratio:1.44;object-fit:contain;background:#f7f7f7;border-radius:8px}.card dl,

.photo-card dl{margin:22px 0}.card dl div,.photo-card dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dotted #ccc;padding:8px 0}.card dd,.photo-card dd{margin:0;font-weight:700}.button{display:block;text-align:center;border-radius:999px;padding:13px 20px;margin-top:20px;font-weight:700}.disabled{background:#ddd;color:#777;cursor:not-allowed}.archive-note{border-left:5px solid var(--warn);background:#faf7f2;padding:18px 22px;margin-top:34px}.archive-note p{margin:3px 0 0}.photo-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);align-items:center;gap:36px;max-width:900px;margin:auto}.photo-card img{width:100%;max-height:500px;object-fit:contain;border-radius:8px;background:#f7f7f7}.photo-card h3{text-align:left}footer{padding:50px 0;background:#333;color:#eee;text-align:center}footer h2{font-size:22px}footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}footer a{color:#fff}.copyright{font-size:12px;color:#bbb;margin-top:28px}.sp{display:none}@media(max-width:760px){.header-inner{display:block;padding:14px 0}.site-header nav{overflow-x:auto;padding-top:8px;gap:16px;white-space:nowrap}.hero{padding-top:52px}.cards,.photo-card{grid-template-columns:1fr}.section{padding:54px 0}.photo-card h3{text-align:center}.sp{display:block}}


.download {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:13px 28px;
	background:var(--green);
	color:#fff;
	border-radius:4px;
	text-decoration:none;
	font-weight:700
}

.download.disabled {
	background:#0693e3;
	cursor:not-allowed
}

.samples {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;margin-top:32px
}

.samples img {
	width:100%;
	max-height:520px;object-fit:contain;
	background:#fafafa;
	border:1px 
	solid #ececec;
	padding:8px
}

footer { 
	background:#26322a;
	color:#e8eee9;
	padding:48px 0 18px
}

.footer-grid { 
	display:grid;grid-template-columns:1fr 1fr;gap:60px
}

.footer-grid strong { 
	font-size:18px;
	display:block;
	margin-bottom:12px
}

.footer-grid a { 
	display:block;
	color:#dbe8dc;
	text-decoration:none;
	margin:4px 0
}

.footer-grid p {
	margin:4px 0
}

.copyright { 
	text-align:center;
	border-top:1px 
	solid #455047;
	margin:34px 0 0;
	padding-top:18px;font-size:12px
}

.sp {
	display:none
}

@media(max-width:760px) {
	.site-header {
		position:static
	}

	.header-inner {
		min-height:64px
	}

	.brand {
		font-size:17px
	}

	nav {
		display:none
	}

	.hero {
		padding:44px 0 38px
	}

	.sp {
		display:block
	}

	.lead {
		font-size:16px
	}

	.material {
		padding:42px 0
	}

	.material h2 {
		font-size:23px
	}

	.material-grid {
		grid-template-columns:1fr;
		gap:22px
	}

	.material ul {
		columns:1
	}

	.samples {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.footer-grid { 
		grid-template-columns:1fr;
		gap:30px
	}

	.container {
		width:min(100% - 28px,1080px)
	}
}