:root{--green:#70ad35;--dark:#28332b;--line:#dce4da;--soft:#f5f8f3;--text:#333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8;background:#fff}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:min(1080px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #e8ece6;position:sticky;top:0;z-index:10}.header-inner{width:min(1180px,calc(100% - 36px));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:21px;font-weight:700;color:var(--dark)}nav{display:flex;align-items:stretch}nav a{text-decoration:none;padding:17px 14px;text-align:center;font-size:13px;font-weight:600}nav a span{display:block;font-size:10px;font-weight:400;color:#8a938c}.hero{padding:66px 0 54px;background:linear-gradient(135deg,#f7faf5,#eef5e9);border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 8px;color:var(--green);font-weight:700;letter-spacing:.08em}.hero h1{margin:0;color:var(--dark);font-size:clamp(30px,5vw,48px);line-height:1.35}.lead{font-size:18px;margin:22px 0 8px}.note,.small{font-size:13px;color:#737b75}.month-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0 8px}.month-nav a{text-align:center;text-decoration:none;border:1px solid var(--line);padding:8px;background:#fff;border-radius:4px;font-weight:700}.content{padding:18px 0 80px}.material{padding:50px 0;border-bottom:1px solid var(--line)}.material h2{font-size:28px;color:var(--dark);border-left:7px solid var(--green);padding:6px 0 6px 16px;margin:0 0 30px}.material-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:42px;align-items:start}.material figure{margin:0;background:#f4f4f4;border:1px solid #e2e2e2;min-height:280px;display:flex;align-items:center;justify-content:center}.material figure img{width:100%}.material ul{margin:0 0 20px;padding-left:1.4em;columns:2;column-gap:30px}.material li{break-inside:avoid;margin-bottom:3px}
dl { 
	display:grid;grid-template-columns:170px 1fr;
	border-top:1px solid var(--line);
	margin:22px 0
}

dt,dd {
	margin:0;
	padding:9px 10px;
	border-bottom:1px solid var(--line)
}

dt {
	background:var(--soft);
	font-weight:700
}

.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)
	}
}