@charset "UTF-8";

/*--------------------------------------------------------------------
water.html
water.css
--------------------------------------------------------------------*/


/*------------business---------------------------------------------------------------*/
#business p:last-of-type { margin-top: 40px; }


/*------------about---------------------------------------------------------------*/
#water dl {
	display: flex;
	margin-top: 1em;
}
#water dl dt::after {
	margin: 0 0.25em;
	content: "：";
}
#water dl dd a {
	display: inline-block;
	color: var(--co-pink);
}


/*------------goods---------------------------------------------------------------*/
#goods section > p {
	width: 90%;
	max-width: 440px;
	margin: 0 auto 2em;
	padding: 1.5em;
	background-color: var(--co-orange);
	text-align: center;
	color: var(--co-white);
}
#goods #goodsList {
	display: flex;
	gap: 20px 40px;
	justify-content: space-between;
}
#goods #goodsList div { width: 100%; }
#goods #goodsList div p {
	margin-bottom: 1em;
	text-align: center;
}
#goods dl { display: flex; }
#goods dl dt::after {
	margin: 0 0.25em;
	content: "：";
}

@media (max-width: 480px) {
	#goods #goodsList { flex-direction: column; }
}