@charset "UTF-8";

/* ===================================
	File Name   : policy.css
	Description : Recruit Policy Page Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Saeki
	
	Update Description :
	[2026/09/18] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. privacy

	*. Clear Float
	
====================================== */



/*===== ■1. Individual Redefinition =====*/
main article {
	margin: 50px auto;
	width: 90%;
	max-width: 1200px;
}

main article.bg {
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	margin: 50px auto;
	padding: 70px 1.65%;
	width: 90%;
	max-width: 1200px;
	box-sizing: border-box;
}


	@media only screen and (max-width: 736px) {
		main article {
			width: 93.75vw;
			margin: 9.375vw auto;
		}
	
		main article.bg {
			width: 93.75vw;
			margin: 9.375vw auto;
			padding: 9.375vw 3.125vw;
		}
	}


/*===== ■2. Privacy =====*/
#policyCont article #main_cont a {
	color: #008bd5;
	text-decoration: underline;
}

#policyCont h3 {
	margin-bottom: 5px;
	padding: 0 25px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #0079bb;
}

#policyCont h3:not(:first-of-type) {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
}

#policyCont p {
	font-size: 1.8rem;
	padding: 0 25px;
}
#policyCont p.intro {
	margin-bottom: 30px;
}

#policyCont p span {
	display: block;
	font-size: 1.4rem;
	margin-top: 10px;
	padding: 0;
	text-align: right;
}

#policyCont ul.list,
#policyCont ul.dots {
	font-size: 1.6rem;
}
#policyCont ul.list li,
#policyCont ul.dots li {
	position: relative;
	margin-top: 15px;
	padding-left: 15px;
}
#policyCont ul.list li {
	padding-left: 25px;
	counter-increment: num;
}

#policyCont ul.list li::before {
	position: absolute;
	left: 0;
	content: "(" counter(num) ")";
}

#policyCont ul.dots li::before {
	position: absolute;
	top: .7em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: currentColor;
	content:"";
}
#policyCont ul.list li em,
#policyCont ul.dots li em { font-weight: bold;}

#policyCont ol {
	margin: 30px 25px 0;
	list-style-type: decimal;
}

#policyCont ol li {
	margin-left: 1.5em;
}

#policyCont ol li::marker {
	font-size: 2.2rem;
	font-weight: bold;
	color: #0079bb;
}

#policyCont ol li:not(:first-child) {
	margin-top: 30px;
}

#policyCont ol li ul li:not(:first-child),
#policyCont ol li ul li {
	margin: 15px 0 0;
}

#policyCont li dt {
	margin-bottom: 5px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #0079bb;
}

#policyCont li dd {
	font-size: 1.6rem;
	font-weight: normal;
}

#policyCont dd > em,
#policyCont ul + em {
	display: block;
	margin: 30px 0 5px;
	font-weight: bold;
}

#policyCont ol + p {
	font-size: 1.4rem;
	margin-top: 30px;
	padding: 0 25px;
	text-align: right;
}

	@media only screen and (max-width: 736px) {
		#policyCont article{
			margin: 15.625vw auto 9.375vw;
			padding: 14.0625vw 5% 4.375vw;
		}

		#policyCont h3 {
			padding: 0 3.125vw ;
			font-size: 5vw;
		}
		
		#policyCont h3:not(:first-of-type) {
			margin-top: 9.375vw;
			padding-top: 9.375vw;
		}
		
		#policyCont p {
			padding: 0;
			font-size: 5vw;
		}

		#policyCont p.intro { margin-bottom: 6.25vw;}
		
		#policyCont p span {
			font-size: 4.375vw;
		}

		#policyCont ul.list,
		#policyCont ul.dots {
			font-size: 4.6875vw;
		}
		#policyCont ul.list li,
		#policyCont ul.dots li {
			margin-top: 4.6875vw;
			padding-left: 4.6875vw;
		}
		#policyCont ul.list li {
			padding-left: 7.8125vw;
			counter-increment: num;
		}
		#policyCont ul.list li::before {
			width: 	1.875vw;
			height: 1.875vw;
		}
		
		#policyCont ol {
			margin: 6.25vw 0 0;
			font-size: 5vw;
		}

		#policyCont ol li::marker {
			font-size: 5vw;
		}
		
		#policyCont ol li:not(:first-child) {
			margin-top: 9.375vw;
		}

		#policyCont ol li ul li:not(:first-child),
		#policyCont ol li ul li {
			margin: 4.6875vw 0 0;
		}

		#policyCont li dt {
			font-size: 5vw;
		}

		#policyCont li dd {
			font-size: 5vw;
		}

		#policyCont dd > em,
		#policyCont ul + em {
			margin: 6.25vw 0 3.125vw;
		}
				
		#policyCont ol + p {
			margin-top: 6.25vw;
			padding: 0;
			font-size: 3.75vw;
		}
	}