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

page-water-server.css　ウォーターサーバーへのこだわりページcss

********************************************************************************/

/*============================================================
 セクション
*============================================================*/
#page-water-server #sec-block-01 {
	margin-bottom: 100px;
}
#page-water-server #sec-block-01 .bg-wrap {
	background: url(../images/water-server/lead-bg.webp) no-repeat center center / cover;
	height: 450px;
	padding: 140px 64px;
	border-radius: 24px;
	font-family: var(--common-font-family-sub);
}
#page-water-server #sec-block-01 .bg-wrap p {
	font-size: 20px;
	font-weight: bold;
}
#page-water-server #sec-block-01 .block .strong {
	color: var(--common-color-main);
	font-weight: bold;
	font-size: 18px;
}
#page-water-server #sec-block-01 .parts-btn-group {
	gap: 56px;
}

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

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

@media screen and (max-width: 480px) {
	#page-water-server #sec-block-01 .bg-wrap {
		background-position: 50% center;
	}
	#page-water-server #sec-block-01 .bg-wrap p .forSP {
		display: block;
	}
	#page-water-server #sec-block-01 .parts-btn a {
		font-size: 16px;
	}
	

}