/* --- Recruit pages (page-recruit.php / page-recruit-pr.php) ---
   Spacing follows the site's own scale (.mb-2/.mb-3/.mb-4/.mb-5 = .5rem/1rem/1.5rem/3rem)
   and the .sec_box rhythm (9rem desktop / 6rem mobile). Colors match the
   about-us cards (#fff card bg, #6b6862 label gray, #2a2823 body text). */

/* overrides the sitewide a:hover{text-decoration:underline} for links
   inside these pages' content */
.entry-content a {
	text-decoration: none;
}

/* SKILLS section: on mobile the two columns stack full-width with no gap
   between them since they're plain bootstrap columns — add breathing room */
@media (max-width: 767.98px) {
	.sec_recruit_pr_detail .row > div:not(:last-child) {
		margin-bottom: 2rem;
	}
}

/* overrides the sitewide .sec_sub_box{padding:0 0 6rem} for the breadcrumb
   at the bottom of this page — the gap before the footer's CONTACT US CTA
   was reading as too much whitespace */
.sec_sub_box {
	padding: 0 0 3rem;
}

/* overrides the sitewide .sec_box{padding:9rem 0} for these pages' sections.
   Also opaque white: #content.site-content is background:transparent
   sitewide, and .fluid_box breaks each section out to full viewport width,
   so without this the fixed top-right checkerboard graphic (.bg_opj) bleeds
   through — same issue the about-us cards hit, fixed there the same way
   (see .wwd-card{background:#fff} on that page). */
.sec_box {
	padding: 5rem 0 !important;
	background: #fff;
}

@media (max-width: 767.98px) {
	.sec_box {
		padding: 3rem 0 !important;
	}
}
/* keep the ENTRY section's intentional mobile/tablet checker accent
   (.back-md-ichimatsu, same pattern as the footer's CONTACT US CTA)
   instead of painting over it white */
.back-md-ichimatsu .sec_box {
	background: transparent;
}

/* 応募方法 fine print */
.recruit-fineprint{
	margin:3rem 0 0;
}

/* OUR SERVICE image gallery: one row of tall portrait windows, reusing the
   about-us WHAT WE DO attachments (same 4 categories). */
.recruit-gallery{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1rem;
}
.recruit-gallery-item{
	aspect-ratio:2/3.4;
	overflow:hidden;
	background:#fff;
}
.recruit-gallery-item img{
	display:block;
	width:100% !important;
	height:100% !important;
	max-width:none;
	object-fit:cover;
	object-position:center;
}
/* 2nd photo (映像・コンテンツ制作) reads too small/distant within its crop — zoom in */
.recruit-gallery-item:nth-child(2) img{
	transform:scale(1.5);
}
@media (max-width:767.98px){
	.recruit-gallery{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:3rem;}
}

/* OUR WORK bullet list: no default disc marker, generous line spacing to
   read as a short manifesto rather than a form. */
.recruit-list{
	padding-left:0;
	list-style:none;
	color:#2a2823;
}
.recruit-list li{
	padding:.6rem 0;
	border-bottom:1px solid #e3e1db;
}
.recruit-list li:last-child{border-bottom:0;}
.recruit-list--center{max-width:44ch;margin-left:auto;margin-right:auto;}

/* OPEN POSITIONS cards — rounded, elevated card + solid pill CTA button,
   after the reference (rounded profile-card UI, black pill "+Add" button)
   rather than the site's usual sharp-cornered underline-link convention. */
.recruit-pos-grid{margin-top:2rem;}
.recruit-pos-card{margin-bottom:2rem;}
.recruit-pos-card-inner{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2rem;
	background:#fff;
	border-radius:2rem;
	box-shadow:0 1.2rem 3rem rgba(0,0,0,.14);
	padding:3rem 3.5rem;
}
/* whole-card link — sits under the visible content, the CTA button stays
   above it (z-index) so it keeps its own hover state; both go to the same
   URL so it doesn't matter which one the click actually lands on */
.recruit-pos-card-link{
	position:absolute;
	inset:0;
	z-index:1;
}
.recruit-pos-main,
.recruit-pos-cta{
	position:relative;
	z-index:2;
}
@media (max-width:767.98px){
	.recruit-pos-card-inner{flex-direction:column;align-items:flex-start;gap:2rem;padding:2.5rem;border-radius:1.6rem;}
	.recruit-pos-cta{text-align:right;align-self:flex-end;}
}
.recruit-pos-main{flex:1 1 auto;min-width:0;}
.recruit-pos-head{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;}
.recruit-pos-summary{color:#2a2823;}
.recruit-pos-badge{
	display:inline-block;
	font-size:1.2rem;
	font-weight:700;
	letter-spacing:.1em;
	line-height:1;
	padding:.5em 1.2em;
	border-radius:999px;
	border:1px solid #c0392b;
	color:#c0392b;
}
.recruit-pos-cta{flex:0 0 auto;}
@media (min-width:768px){
	.recruit-pos-cta{margin-right:3rem;}
}
.recruit-pos-cta-btn{
	display:inline-block;
	background:#000;
	color:#fff;
	border-radius:0;
	padding:.9em 2.4em;
	font-size:1.3rem;
	line-height:1;
	text-decoration:none;
	transition:background-color .3s ease;
}
.recruit-pos-cta-btn:hover{background:#4a4a4a;color:#fff;text-decoration:none;}

/* 選考の流れ: numbered flow, larger index figure in the site's display type */
.recruit-flow{
	counter-reset:recruit-step;
	list-style:none;
	padding-left:0;
}
.recruit-flow li{
	counter-increment:recruit-step;
	position:relative;
	padding:1rem 0 1rem 4rem;
	border-bottom:1px solid #e3e1db;
}
.recruit-flow li:last-child{border-bottom:0;}
.recruit-flow li:before{
	content:counter(recruit-step, decimal-leading-zero);
	position:absolute;
	left:0;
	top:1rem;
	font-family:proxima-nova, 'Shippori Mincho B1', serif;
	font-weight:700;
	letter-spacing:.05em;
	color:#8c8980;
}

/* Fields not yet supplied (mirrors the about-us MEMBERS "情報待ち" convention) */
.recruit-placeholder{opacity:.55;font-style:italic;}