@charset "utf-8";
/*------------------------------------------------------------
health
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.comTopBox02 {
		margin-bottom: 63px;
		min-height: 423px;
	}
	.promotion .textBox a:hover {
		text-decoration: none;
	}
}
#main {
	padding-bottom: 219px;
}
.content {
	max-width: 903px;
}
.comTopBox02 h2 {
	letter-spacing: 0.1em;
}
.declaration {
	margin: 0 auto 115px;
	padding: 66px 0 55px;
	width: 96%;
	max-width: 903px;
	border: 3px solid #0081cc;
	box-sizing: border-box;
}
.declaration .content {
	max-width: 750px;
}
.declaration h2 {
	margin-bottom: 24px;
	padding-bottom: 24px;
	font-size: 4.4rem;
	letter-spacing: 0.2em;
	line-height: 1;
	text-align: center;
	color: #0081cc;
	border-bottom: 2px solid #0081cc;
	;
}
.declaration h2 small {
	margin-bottom: 17px;
	display: block;
	letter-spacing: 0.1em;
	font-size: 3rem;
}
.declaration p {
	margin-bottom: 29px;
	font-size: 1.8rem;
	line-height: 2;
}
.declaration h3 {
	margin: 0 0 7px -4px;
	font-size: 2.3rem;
	letter-spacing: 0.2em;
	color: #0081cc;
}
.declaration li {
	margin-left: 6px;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.8;
}
.promotion {
	margin-bottom: 88px;
}
.promotion h2 {
	margin-bottom: 57px;
	font-size: 3.2rem;
	letter-spacing: 0.2em;
	text-align: center;
	color: #0081cc;
}
.promotion h3 {
	margin-bottom: 16px;
	padding-bottom: 9px;
	font-size: 2rem;
	letter-spacing: 0.08em;
	color: #0081cc;
	border-bottom: 2px solid #0081cc;
}
.promotion .imgBox {
	display: flex;
	justify-content: space-between;
}
.promotion .imgBox:first-of-type {
	margin-bottom: 97px;
}
.promotion .textBox {
	width: 670px;
}
.promotion .textBox p {
	line-height: 1.87;
}
.promotion .textBox sup {
	line-height: 1;
	font-size: 0.9rem;
}
.promotion .textBox p.tips {
	margin-top: 15px;
	font-size: 1.1rem;
	line-height: 1.82;
}
.promotion .imgBox:nth-of-type(2) .textBox p.tips {
	margin-top: 20px;
}
.promotion .textBox a {
	color: #0081cc;
	text-decoration: underline;
}
.promotion .photoBox {
	margin: 10px 43px 0 0;
}
.promotion .imgBox:nth-of-type(2) .photoBox {
	margin: 4px 21px 0 0;
}
.care {
	padding: 0 75px 99px;
	background-color: #f0f8fc;
}
.care h2 {
	margin: 0 -75px 55px;
	padding: 12px 10px;
	font-size: 2.4rem;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-align: center;
	color: #fff;
	background-color: #0081cc;
}
.careUl {
	margin-top: -39px;
}
.careUl:first-of-type {
	margin-bottom: 73px;
}
.careUl.special {
	margin-top: 0;
}
.careUl > li {
	margin-top: 83px;
}
.careUl.special li {
	margin-top: 10px;
}
.care > p {
	margin-bottom: 44px;
}
.care p {
	line-height: 1.87;
}
.care h3 {
	margin-bottom: 5px;
	font-size: 2rem;
	letter-spacing: 0.08em;
	color: #0081cc;
}
.care .imgBox {
	display: flex;
	justify-content: space-between;
}
.care .imgBox .textBox {
	width: 455px;
}
.care .imgBox .photoBox {
	margin: -28px -23px 0 0;
	width: 274px;
	text-align: center;
}
.care .imgBox .photoBox img {
	width: 100%;
}
.care .imgBox .photoBox span {
	margin-top: 10px;
	display: block;
	font-size: 1.4rem;
}
.care .imgUl {
	margin-top: 29px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
}
.care .imgUl li {
	text-align: center;
	width: 210px;
}
.care .imgUl li span {
	margin-top: 15px;
	display: block;
	font-size: 1.4rem;
	line-height: 1.29;
}
.care .other {
	margin-bottom: 21px;
	font-weight: 500;
	font-size: 1.7rem;
}
@media all and (max-width: 896px) {
	#main {
		padding-bottom: 110px;
	}
	.comTopBox02 {
		margin-bottom: 68px;
		padding-bottom: 67px;
	}
	.comTopBox02 h2 {
		margin-bottom: 27px;
		letter-spacing: 0.04em;
	}
	.comTopBox02 p {
		line-height: 1.86;
	}
	.declaration {
		margin: 0 20px 79px;
		width: auto;
		padding: 39px 0 39px;
		border-width: 2px;
	}
	.declaration h2 {
		margin-bottom: 16px;
		padding-bottom: 31px;
		font-size: 3.3rem;
		border-width: 1px;
	}
	.declaration h2 small {
		margin-bottom: 19px;
		font-size: 2.3rem;
	}
	.declaration p {
		margin-bottom: 30px;
		font-size: 1.5rem;
	}
	.declaration h3 {
		margin: 0 0 10px 4px;
		font-size: 1.7rem;
		text-align: center;
	}
	.declaration li {
		margin-left: 2em;
		font-size: 1.5rem;
		line-height: 2.13;
		text-indent: -2em;
	}
	.promotion {
		margin-bottom: 76px;
	}
	.promotion h2 {
		margin-bottom: 49px;
		font-size: 2.6rem;
	}
	.promotion h3 {
		margin-bottom: 10px;
		padding-bottom: 7px;
		font-size: 1.6rem;
		letter-spacing: 0.05em;
	}
	.promotion .imgBox {
		display: block;
	}
	.promotion .imgBox:first-of-type {
		margin-bottom: 73px;
	}
	.promotion .textBox {
		width: auto;
	}
	.promotion .textBox p {
		line-height: 1.71;
		letter-spacing: -0.05em;
	}
	.promotion .photoBox {
		margin: 16px 67px 25px 43px;
		text-align: center;
	}
	.promotion .imgBox:nth-of-type(2) .photoBox {
		margin: 4px 35px 25px 13px;
	}
	.promotion .photoBox img {
		width: 100%;
		max-width: 300px;
	}
	.promotion .textBox p.tips {
		line-height: 1.64;
	}
	.care h2 {
		margin: 0 -25px 26px;
		padding: 15px 10px 17px;
		line-height: 1.34;
	}
	.care {
		padding: 0 25px 68px;
		background-color: #f0f8fc;
	}
	.careUl {
		margin-top: -13px;
	}
	.careUl:first-of-type {
		margin-bottom: 58px;
	}
	.careUl > li {
		margin-top: 58px;
	}
	.careUl.special li {
		margin-bottom: -12px;
	}
	.care p {
		line-height: 1.71;
	}
	.care .imgBox {
		display: block;
	}
	.care h3 {
		margin: 0 0 4px 1em;
		font-size: 1.6rem;
		text-indent: -1em;
		line-height: 2;
	}
	.care .imgBox .textBox {
		width: auto;
	}
	.care .imgBox .photoBox {
		margin: 13px 0 0 0;
		width: auto;
	}
	.care .imgBox .photoBox span {
		font-size: 1.2rem;
	}
	.care .imgUl {
		margin: -11px 36px 0;
		display: block;
	}
	.care .imgUl li {
		margin: 50px auto 0;
		width: auto;
	}
	.care .imgUl img {
		width: 100%;
	}
	.care .imgUl li span {
		margin-top: 9px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.care .other {
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
}
@media all and (max-width: 374px) {
	.declaration li {
		font-size: 1.4rem;
	}
	.care h3 {
		font-size: 1.5rem;
	}
}


.pdfLink {
	
}
.pdfLink a {
	display: block;
}
@media all and (min-width: 897px) {
	.pdfLink a:hover {
		opacity: 0.7;
	}
}