header.recruit-header {
	position: absolute;
}
.recruit-header a {
	display: block;
}
header.recruit-header.smaller {
	box-shadow:none;
}
.mainvisual-recruit {
	position: relative;
	z-index: 1;
	background-size:cover;
	background-position: center center;
}
.mainvisual-recruit:before {
	content:"";
	position: absolute;
	z-index: 2;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);
}
.mainvsual-recruit-word {
	position: absolute;
	z-index: 3;
	top:50%;
}
.mainvsual-recruit-word * {
	color:var(--color-white);
	font-weight:700;
}
.recruit-menu {
	background-color:#333333;
}
.recruit-menu-grid {
	display:grid;
}
.recruit-menu-grid a.btn {
	box-shadow:none;
	border-radius:0;
	color:var(--color-white);
}
.recruit-menu-grid a.btn:hover {
	mix-blend-mode: overlay;
}
.recruit-btn-job {
	background-color:var(--color-wine);
}
.recruit-btn-wants {
	background-color:var(--color-green);
}
.recruit-btn-youkou {
	background-color:var(--color-blue);
}
.recruit-btn-oubo {
	background-color:var(--color-orange);
}
@media (width < 767px) {
	.mainvisual-recruit {
		background-image: url(../images/mainvisual/recruit-sp.webp);
		aspect-ratio:4 / 3;
	}
	.mainvsual-recruit-word {
		width:100%;
		transform:translateY(-50%);
	}
	.mainvsual-recruit-word p {
		text-align: center;
		margin-bottom:1em;
	}
	.mainvsual-recruit-word h1 {
		text-align: center;
		font-size:var(--font-sp-x-large);
	}
	.recruit-menu-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (768px <= width) {
	header.recruit-header {
		background-color:transparent;
	}
	.mainvisual-recruit {
		background-image: url(../images/mainvisual/recruit-pc.webp);
		aspect-ratio:16 / 9;
	}
	.mainvsual-recruit-word {
		left:60px;
		transform:translateY(-50%);
	}
	.mainvsual-recruit-word p {
		font-size:var(--font-pc-xxx-large);
		margin-bottom:1em;
	}
	.mainvsual-recruit-word h1 {
		font-size:var(--font-pc-x-large);
	}
	.recruit-menu-grid {
		max-width:960px;
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
/*-----------------------------------------
mainsection-1
------------------------------------------*/
.recruit-read-sec {
	padding:1px 0;
}
.recruit-read {
	background-color:var(--color-white);
	position: relative;
	z-index: 2;
}
.recruit-read-grid {
	position: relative;
	z-index: 2;
	align-items: center;
}
.recruit-read-1,
.recruit-read-2-grid {
	margin-left:auto;
}
.recruit-read-2,
.recruit-read-1-grid {
	margin-right:auto;
}
.recruit-read-pic-2 {
	grid-area: 1 / 2 / 2 / 3;
}
.recruit-read-2-grid .recruit-lead-txt {
	grid-area: 1 / 1 / 2 / 2;
}
.recruit-subread-grid h3 {
	color:var(--color-main);
	padding-bottom:1em;
}
@media (width < 767px) {
	.recruit-read {
		width:92vw;
		margin-top:8vw;
		margin-bottom:8vw;
	}
	.recruit-read-grid {
		padding:5vw;
		grid-column-gap: 5vw;
	}
	.recruit-read-grid img {
		width:30vw;
		display: block;
		margin-left:auto;
		margin-right:auto;
	}
	.recruit-lead-txt h2 {
		font-size:var(--font-sp-large);
	}
	.recruit-lead-txt h2 strong {
		font-size:var(--font-sp-x-large);
	}
	.recruit-subread-grid {
		display:block;
	}
	.recruit-subread-grid h3 {
		font-size:var(--font-sp-x-large);
	}
	.recruit-subread-left {
		border-bottom:1px solid var(--color-black);
		padding-bottom:5vw;
	}
	.recruit-subread-right {
		padding-top:5vw;
	}
	.recruit-subread-right h3 {
		text-align: right;
	}
}
@media (768px <= width) {
	.recruit-read {
		width:88vw;
		margin-top:40px;
		margin-bottom:40px;
	}
	.recruit-read-grid {
		display: grid;
		max-width:960px;
		padding:40px;
		grid-column-gap: 40px;
	}
	.recruit-read-1-grid {
		grid-template-columns: 1fr 2fr;
	}
	.recruit-read-2-grid {
		grid-template-columns: 2fr 1fr;
	}
	.recruit-lead-txt h2 {
		font-size:var(--font-pc-x-large);
	}
	.recruit-lead-txt h2 strong {
		font-size:4.8rem;
	}
	.recruit-subread-grid {
		display:grid;
		grid-template-columns: 1fr 1fr;
	}
	.recruit-subread-grid h3 {
		font-size:var(--font-pc-x-large);
	}
	.recruit-subread-left {
		border-right:1px solid var(--color-black);
		padding-right:40px;
	}
	.recruit-subread-right {
		padding-left:40px;
	}
	.recruit-subread-right h3 {
		text-align: right;
	}
}
/*-----------------------------------------
mainsection-2
------------------------------------------*/
.recruit-jobs .panel,
.recruit-pickup {
	background-color:var(--color-white);
	overflow: hidden;
}
.recruit-jobs .panel img {
	display:block;
	margin:0px auto;
	width:40px;
	height:auto;
}
.recruit-jobs.recruit-jobs-big .panel img {
	display:block;
	margin:0px auto;
	width:80px;
	height:auto;
}
.recruit-jobs .panel h3 {
	text-align: center;
	color:var(--color-main);
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.recruit-pickup-tt {
	position: relative;
}
.recruit-pickup-tt h3 {
	color:var(--color-white);
}
.recruit-pickup-tt-blue {
	background-color:var(--color-blue);
}
.recruit-pickup-tt-orange {
	background-color:var(--color-orange);
}
.recruit-pickup-tt:before {
	position: absolute;
	font-family: "Oswald", sans-serif;
	font-weight:600;
	color:var(--color-white);
	opacity: 0.3;
}
.recruit-pickup-tt-nuturing:before {
	content:"Nurturing";
}
.recruit-pickup-tt-careerpath:before {
	content:"Career-Path";
}
@media (width < 767px) {
	.recruit-jobs {
		margin-top:5vw;
		margin-bottom:5vw;
	}
	.recruit-jobs .panel {
		padding:5vw;
	}
	.recruit-jobs .panel h3 {
		font-size:var(--font-sp-large);
	}
	.recruit-jobs .panel li,
	.recruit-jobs .panel P {
		font-size:var(--font-sp-small);
	}
	.recruit-jobs-big p {
		text-align: center;
	}
	.recruit-pickup {
		display:grid;
		margin-bottom:30px;
	}
	.recruit-pickup-tt {
		padding:3vw 5vw;
		text-align: center;

	}
	.recruit-pickup-tt:before {
		top:15px;
		left:15px;
		font-size:4.8rem;
	}
	.recruit-pickup-tt h3 {
		font-size:var(--font-sp-large);
	}
	.recruit-pickup-content {
		padding:20px;
	}
}
@media (768px <= width) {
	.recruit-jobs {
		margin-top:60px;
		margin-bottom:60px;
	}
	.recruit-jobs .panel {
		padding:20px;
	}
	.recruit-jobs .panel h3 {
		font-size:var(--font-pc-large);
	}
	.recruit-jobs .panel li,
	.recruit-jobs .panel P {
		font-size:var(--font-pc-small);
	}
	.recruit-pickup {
		display:grid;
		grid-template-columns: 1fr 2fr;
		margin-bottom:30px;
	}
	.recruit-pickup-tt {
		clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
	}
	.recruit-pickup-tt:before {
		top:15px;
		left:15px;
		font-size:4.8rem;
	}
	.recruit-pickup-tt h3 {
		position: absolute;
		top:50%;
		transform:translateY(-50%);
		font-size:var(--font-pc-large);
		padding-left:1em;
	}
	.recruit-pickup-content {
		padding:20px;
	}
}
/*-----------------------------------------
youkou
------------------------------------------*/
.youkou-data {
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid var(--color-border);
	background-color:var(--color-white);
	border-radius:5px;
	margin-bottom:10px;
	overflow: hidden;
}
.youkou-data dt {
	color:var(--color-white);
	font-weight:700;
	background-color:#3e74c5;
}
@media (width < 767px) {
	.youkou-data dt,
	.youkou-data dd {
		padding:3vw 4vw;
	}
}
@media (768px <= width) {
	.youkou-data {
		display:grid;
		grid-template-columns: 1fr 3fr;
	}
	.youkou-data dt,
	.youkou-data dd {
		padding:1em 1.5em;
	}
}
/*-----------------------------------------
oubo
------------------------------------------*/
.bg-oubo {
	background-image:url(../images/recruit/bg-cta.webp);
	background-size:cover;
}
.bg-oubo h2,
.bg-oubo .leadtext p {
	color:var(--color-white);
}
.bg-oubo h2:after {
	background-color:var(--color-white);
}
.bg-oubo .leadtext {
	padding-bottom:2em;
}
.bg-oubo dl {
	border:none;
}
.bg-oubo .youkou-data dt {
	color:var(--color-black);
	background-color:var(--color-gray);
}
.bg-oubo .youkou-data dd h3 span {
	color:#3e74c5;
}
.bg-oubo .youkou-data dd p {
	padding-bottom:1em;
}
.bg-oubo .maincontents .btn-submit {
	margin-bottom:0;
}
/*-----------------------------------------
intern
------------------------------------------*/
.intern-leadtext {
	background-image:url(../images/recruit/cut-intern-1.webp);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.intern-jobs .panel {
	background-color:var(--color-white);
	text-align: center;
}
.intern-jobs .panel img {
	display: block;
	margin:0px auto;
	width:80px;
	height:auto;
}
@media (width < 767px) {
	.mainvisual-recruit.mainvisual-recruit-intern {
		background-image: url(../images/mainvisual/intern-sp.webp);
		aspect-ratio:4 / 3;
	}
	.intern-jobs .panel {
		padding:5vw;
	}
	.intern-leadtext {
		background-size:52vw 50vw;
	}
	.intern-leadtext div div {
		margin:1em auto;
		text-align: center;
	}
	.intern-leadtext div span {
		font-size:var(--font-sp-x-large);
	}
	.intern-jobs .panel p {
		font-size:var(--font-sp-small);
	}
}
@media (768px <= width) {
	.mainvisual-recruit.mainvisual-recruit-intern {
		background-image: url(../images/mainvisual/intern-pc.webp);
		aspect-ratio:16 / 9;
	}
	.intern-leadtext {
		text-align: center;
		background-size:391px 379px;
	}
	.intern-leadtext div {
		margin:1em auto;
	}
	.intern-leadtext div span {
		font-size:var(--font-pc-xx-large);
	}
	.intern-jobs .panel {
		padding:20px;
	}
	.intern-jobs .panel p {
		padding-top:1em;
	}
}