/* ====================
 components
==================== */
.c-lead {
	color: #b3005c;
	font-size: 24px;
	font-weight: 700;
	@media( width > 768px) {
		font-size: 36px;
		text-align: center;
	}
	
}


/* ====================
 utility
==================== */
.ff-serif {
	font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 Pro W3', 'HiraMinProN-W3', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

/* size */
.fs-xl {
	font-size: 20px;
	@media( width > 768px) {
		font-size: 24px;
	}
}
.fs-2xl {
	font-size: 22px;
	@media( width > 768px) {
		font-size: 30px;
	}
}
.fs-3xl {
	font-size: 24px;
	@media( width > 768px) {
		font-size: 36px;
	}
}
.fs-4xl {
	font-size: 30px;
	@media( width > 768px) {
		font-size: 42px;
	}
}
.fs-5xl {
	font-size: 36px;
	@media( width > 768px) {
		font-size: 48px;
	}
}

/* weight */
.fw-bold {
	font-weight: 700;
}


/* 背景色 */
.bg-gold-light {
	background-color: rgba(162, 131, 41, .06);
}

/* マージン */
.mt-2 {
	margin-top: 19.2px;
	@media( width > 768px) {
		margin-top: 32px;
	}
}

.mb-0 {
	margin-bottom: 0;
}
.mb-0\.4 {
	margin-bottom: 6px;
	@media(width > 768px) {
		margin-bottom: 8px;
	}
}

.my-2 {
	margin-top: 19.2px;
	margin-bottom: 19.2px;
	@media( width > 768px) {
		margin-top: 32px;
		margin-bottom: 32px;
	}
}

/* パディング */
.p-1 {
	padding: 9.6px;
	@media(width > 768px) {
		padding: 16px;
	}
}
.p-2 {
	padding: 19.2px;
	@media(width > 768px) {
		padding: 32px;
	}
}

.txt-primary {
	color: #b3005c;
}

.txt-pink {
	color: #e4007f;
	font-weight: normal;
}

.txt-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}

.grid {
	display: grid;
}

.gap-1 {
	gap: 10px;
	@media(width > 1024px) {
		gap: 16px;
	}
}

@media( width > 768px) {
	.md\:cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}