/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}


/* ---------------------------------------- commnos */

section p { line-height: 2; }

/* ---------------------------------------- headline */

#headline h2 {
	color: #D46786;
	font-weight: 600;
	line-height: 1.6;
	margin: 0 0 .75em;
}
#headline .inner-s figcaption {
	color: #D46786;
	line-height: 1.6;
}

@media (max-width: 767px) {

	#headline .inner-s > figure {
		text-align :center;
		margin: 0 0 3em;
	}
	#headline .inner-s > figure img { 
		width: 100%; 
		max-width: 480px;
	}
	#headline .inner-s figcaption { 
		font-size: clamp(1.1rem, -0.403rem + 5.45vw, 1.4rem);
		margin: 0 0 1em; 
	}
	#headline h2 {
		font-size: clamp(1.6rem, -0.455rem + 7.27vw, 2.0rem);
	}

}

@media (min-width: 768px) {

	#headline .inner-s {
		display: flex;
		justify-content: space-between;
		align-items: end;
	}
	#headline .inner-s > figure { 
		width: 45.4%; 
		position: relative;
	}
	#headline .inner-s > figure::before {
		content: "";
		display: block;
		width: 12.7em;
		height: 13.8em;
		background: url( ../images/hs-recruit/hukidasi_kousotu01_back.svg ) no-repeat center center;
		background-size: contain;
		position: absolute;
		top: 0;
		left: -2.4em;
		z-index: -1;
	}
	#headline .inner-s > div { width: 50%; }

	#headline .inner-s figcaption {
		font-size: clamp(1.1rem, 0.067rem + 1.29vw, 1.4rem);
		text-align: left;
	}
	#headline h2 {
		font-size: clamp(1.6rem, 0.172rem + 1.72vw, 2.0rem);
	}

}

/* ---------------------------------------- panf */

main { position: relative; }
#panf .sample { text-align: center; }

#panf .pagelink figure {
	margin: 0 0 1em;
}
#panf .pagelink figure img {
	width: 2.7777em;
	height: auto;
}
#panf .pagelink a {
	display: inline-block;
	color: #fff;
	background: #D46786;
	padding: 1em 1.5em;
	border-radius: 100px;
}
#panf .pagelink a:hover {
	opacity: .5;
}

@media (max-width: 767px) {

	#panf ul { margin: 0 0 5em; }
	#panf ul li:not(:last-child) { margin: 0 0 2em; }
	#panf .front-cover img {
		display: block;
		width: 80%;
		max-width: 300px;
		height: auto;
		margin: 0 auto;
	}
	#panf .front-cover { margin: 0 0 2em; }
	#panf .front-cover img.fds { margin: 0 auto 1em; }
}

@media (min-width: 768px) {

	main {
		background-image: 
			url( ../images/hs-recruit/kousotu_haikei_right.svg ), 
			url( ../images/hs-recruit/kousotu_haikei_left.svg );
		background-repeat: no-repeat, no-repeat;
		background-position: top 20em right, top 33em left;
		background-size: 20.5em auto, 13.5em auto;
	}

	#panf ul { margin: 0 0 14em; }
	#panf ul li:not(:last-child) { margin: 0 0 2em; }
	#panf ul img {
		width: 100%;
		height: auto;
	}

	#panf .front-cover { margin: 0 0 2em; }
	#panf .front-cover span {
		display: inline-block;
		position: relative;
	}
	#panf .front-cover img {
		width: 16.6666em;
		height: auto;
		margin: 0;
	}
	#panf .front-cover img.fds {
		position: absolute;
		top: -8em;
		left: -14em;
	}
	

}