@charset "utf-8";
/* CSS Document */

/*==============================*/
/* ハラスメント撲滅宣言 */
/*==============================*/
div.harassment{
	width: min(992px,100%);
	margin: 0 auto;
}


/*---------------------------------
   Title
---------------------------------*/
div.harassment h2{
	margin-bottom: 22px;
	color: #000;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.414em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.harassment h2{
			margin-bottom: 18px;
			font-size: 22px;
		}
	}

/*---------------------------------
   Declaration
---------------------------------*/
div.harassment div.declarationPoint{
	padding: 16px;
	background: #EFF9F5 url("/common/img/share/bg-texture.png");
	border-radius: 12px;
}
div.harassment div.declarationPoint ul{
	padding: 8px 24px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 2px 6px 0px rgba(153,153,153,0.2);
}
div.harassment div.declarationPoint ul li{
	position: relative;
	padding: 16px 0 16px 29px;
	color: #000;
	font-size: 15px;
	line-height: 1.414em;
}
div.harassment div.declarationPoint ul li::before{
	position: absolute; top: 17px; left: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border: 3px solid #AFD268;
	border-radius: 50%;
}
div.harassment div.declarationPoint ul li:not(:last-child){ border-bottom: 1px solid #ddd;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.harassment div.declarationPoint{
			padding: 12px;
			border-radius: 12px;
		}
		div.harassment div.declarationPoint ul{
			padding: 6px 18px;
		}
		div.harassment div.declarationPoint ul li{
			padding: 15px 0 15px 28px;
			font-size: 15px;
		}
		div.harassment div.declarationPoint ul li::before{
			position: absolute; top: 17px; left: 0;
			content: "";
			width: 18px;
			height: 18px;
		}
	}


/*---------------------------------
   PDF
---------------------------------*/
div.harassment ul.pdfLink{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
div.harassment ul.pdfLink li{
	width: calc(calc(100% - 10px * 2) / 3);
}
div.harassment ul.pdfLink li a{
	display: inline-block;
	padding: 11px 0 11px 0;
	background: #AFD268;
	width: 100%;
	border-radius: 200px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	line-height: 1.414em;
}
div.harassment ul.pdfLink li a:hover{ background: #99C53F;}
div.harassment ul.pdfLink li a small{
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0.02em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.harassment ul.pdfLink{
			gap: 14px 10px;
		}
		div.harassment ul.pdfLink li{
			width: calc(calc(100% - 10px * 1) / 2);
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.harassment ul.pdfLink{
			flex-direction: column;
			gap: 10px;
		}
		div.harassment ul.pdfLink li{
			width: 100%;
		}
	}