@charset "UTF-8";
/********************************************************************************

page-oishisa.css　おいしい天然水へのこだわりページcss

********************************************************************************/
/*============================================================
 セクション
*============================================================*/
#page-oishisa #sec-block-01 {
	margin-bottom: 100px;
}
#page-oishisa #sec-block-01 .bg-wrap {
	background: url(../images/oishisa/lead-bg.webp) no-repeat center center / cover;
	height: 450px;
	padding: 100px 64px;
	border-radius: 24px;
	text-align: center;
	font-family: var(--common-font-family-sub);
}
#page-oishisa #sec-block-01 .bg-wrap p {
	font-size: 20px;
	line-height: 2.2;
}
#page-oishisa #sec-block-01 .block dl.table {
	max-width: 320px;
}
#page-oishisa #sec-block-01 .block dl.table dd {
	margin-left: 200px;
}

#page-oishisa #sec-block-03 .block h2 {
	font-family: var(--common-font-family-sub);
}

#page-oishisa #sec-block-04 .block .img > *:not(:last-child) {
	margin-bottom: 40px;
}
#page-oishisa #sec-block-04 .parts-btn-group {
	gap: 56px;
}

@media screen and (max-width: 1008px) {
}

@media screen and (max-width: 767px) {
	#page-oishisa #sec-block-01 .bg-wrap {
		height: initial;
		padding: 56px 32px;
	}
	#page-oishisa #sec-block-01 .bg-wrap p {
		font-size: 16px;
	}
	#page-oishisa #sec-block-04 .parts-btn-group {
		gap: 24px;
	}
}

@media screen and (max-width: 480px) {
	#page-oishisa #sec-block-01 .block dl.table {
		max-width: 100%;
	}
	#page-oishisa #sec-block-04 .parts-btn a {
		font-size: 16px;
	}
}