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

/*============================================================
リファラル採用インタビュー
============================================================*/

/* タイトルエリア */

.p-refeerral_contents {
	padding: 2rem 0;
	background-color: #f1f1f1;
}

.p-ttl__h1 span {
	position: relative;
	z-index: 1;
}
.p-ttl__h1 span::after {
	background-image: url(../img/img_h1_eng_txt_referral.svg)!important;
	opacity: 0.7;
	top: -2vw;
        left: 3vw;
        height: 20vw;
		position: absolute;
		z-index: -1;
}
.p-img_hero {
	background: url(../img/img_hero.webp) no-repeat center top;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	height: auto;
	margin: -22px 0 0 0;
	z-index: 40;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.p-ttl__h2 {
	position: relative;
	margin: 0;
	padding: 7rem 1rem 3rem 1rem;
	border: none;
	padding-top: 13rem;
}
.p-ttl__h2 span {
	color: #fff;
}
.p-ttl__h2::after {
	display: none;
}

@media only screen and (min-width: 601px) {
	.c-section {
		padding-bottom: 4rem;
	}
	.p-img_hero {
		height: 374px;
	}
	.p-ttl__h2 span {
		font-size: 2rem;
		line-height: 1.6;
	}
}

@media only screen and (min-width: 769px) {
	.p-img_hero {
		width: 1000px;
		margin: 0 auto;
		justify-content: flex-start;
		background-position: 0;
	}
	.p-ttl__h2 {
		padding-right: 3rem;
		padding-left: 3rem;
		transform: none;
	}
}

@media only screen and (min-width: 769px) {
	.p-refeerral_contents {
		padding: 0;
	}
	.p-ttl__h1 {
		margin-bottom: 0;
	}
	.p-ttl__h1 span::after {
		top: -40px;
		left: 24px;
		height: 220px;
	}
	.p-ttl__h2 span {
		font-size: 2rem;
	}
}

/* 本文エリア */

.c-section {
	padding: 0;
}
.p-section__intro {
	padding: 2rem 1rem 1rem;
}
.p-section__top {
	position: relative;
	/* margin-top: -3rem; */
	z-index: 200;
}
.p-person__intro,
.p-person__contents {
	position: relative;
	padding: 1rem;
	background: #fff;
}
.p-person__intro {
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.p-person__intro-name {
	display: flex;
	margin: 0 0 1rem 0;
	font-size: 1.125rem;
	font-weight: bold;
}
.p-person__intro-img {
	margin-right: 1rem;
}
p + .p-person__intro-name {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #ccc;
}
.p-ttl__h3 span{
	font-size: 1.25rem;
	line-height: 1.5;
}
.p-ttl__h3 span::after {
	position: absolute;
	top: 50%;
	left: -96px;
	display: block;
	width: 100px;
	height: 2px;
	background: #cf000e;
	content: "";
	transform: translate(0%, -50%);
}
.p-ttl__h4 {
	margin: 2.5rem 0 2rem;
	font-size: 1.125rem;
	font-weight: bold;
	}
	.p-ttl__h4 span {
		background: linear-gradient(transparent 60%, #FFD6C9 60%); 
	}
	h4:first-of-type{
		margin: 0 0 2rem;
	}
.p-box__shadow {
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	background: #fff;
}
.p-person__contents-img {
	width: 100%;
	max-width: 380px;
	margin: 0 auto 1rem auto;
}
.p-person__contents-img img {
	width: 100%;
	height: auto;
}
.p-person__contents p {
	margin: 0 0 1.5rem 0;
}
.p-person__contents p:last-child{
	margin-bottom: 0;
}
.p-person__contents-right{
	text-align: right !important;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
	.p-person__intro .p-btn__basic a span {
		padding: 18px 1rem 12px 1rem;
	}
}

@media only screen and (min-width: 601px) {
	.p-float__right {
		float: right;
		margin-left: 3rem;
	}
	.p-float__left {
		float: left;
		margin-right: 3rem;
	}
	.p-person__contents-img.p-float__center {
		max-width: 100%;
	}
}

@media only screen and (min-width: 769px) {
	.p-section__intro{
		padding: 3rem 0;
	}
	.p-section__intro p {
		font-weight: bold;
	}
	.p-person__intro {
		padding: 3rem;
	}
	.p-person__intro-name {
		font-size: 1.375rem;
	}
	.p-section__top {
		margin-bottom: 4rem;
	}
	.p-person__contents {
		padding: 3rem 3rem 0 3rem;
	}
	.p-box__shadow div:last-child.p-person__contents {
		padding-bottom: 4rem;
	}
	.p-section__second {
		padding: 0 0 2rem 0;
	}
	.p-ttl__h3 {
		padding-right: 0;
		padding-left: 0;
	}
	.p-ttl__h3 span {
		font-size: 1.375rem;
	}
	.p-ttl__h3 span::after {
		top: 50%;
		left: -80px;
		width: 60px;
		height: 2px;
	}
}