@charset "UTF-8";

#Women__content{
    margin: 0 auto;
	padding-bottom: clamp(100 * 0.5px, 100 / 960 * 100vw, 100px);
}
#Women__content h1,
#Women__content h2{
    letter-spacing: -0.03em;
	line-height: 1.2;
}


/* ---------- WomenhHero ---------- */
#Women__content .WomenHero{
	max-width:100%;
	height: 560px;
	margin: 0 auto;
	position: relative;
	background-color:#e391ac;
}
@media only screen and (min-width: 560px) and (max-width: 959px){
	#Women__content .WomenHero{
		max-width:100%;
		height: 560px;
		margin: 0 auto;
		position: relative;
		background-color:#e391ac;
	}
}
@media only screen and (max-width: 559px) {
	#Women__content .WomenHero{
		height: 80vw;
	}
}
/* #Women__content .WomenHero__Img img{
	position: relative;
	height: 560px;
	z-index: 1;
} */
#Women__content .WomenHero .SiteContent__sectionInner{
	height:100%;

	padding-bottom:4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .SiteContent__sectionInner{
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .SiteContent__sectionInner{
			padding-bottom:2rem;
		}
	}
#Women__content .WomenHero .Heading_wrap{
	width:100%;
	margin: 0 auto;
	padding-top: 4rem;
	left:-4rem;
	position: relative;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .Heading_wrap{
			left:-2rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .Heading_wrap{
			padding-top: 2rem;
			left:0;
		}
	}
#Women__content .WomenHero h1.Hero__heading{
	width:445px;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero h1.Hero__heading{
			width:445px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero h1.Hero__heading{
			width:60%;
		}
	}
#Women__content .WomenHero .Hero__lead{
	margin-left:5rem;
	padding-left:3rem;
	border-left: 1px solid #FFF;
	color:#FFF;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .Hero__lead{
			margin-left:3rem;
			padding-left:2rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .Hero__lead{
			margin-left:1rem;
			padding-left:1rem;
		}
	}
#Women__content .WomenHero .Hero__lead .Hero__subtitle{
	font-size: 3rem;
	line-height: 1.3;
	font-weight: 300;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .Hero__lead .Hero__subtitle{
			font-size: 3rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .Hero__lead .Hero__subtitle{
			font-size: 5.5vw;
		}
	}
#Women__content .WomenHero .Hero__lead p{
	margin-top:1em;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 500;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .Hero__lead p{
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .Hero__lead p{
			font-size: 1.1rem;
		}
	}

#Women__content .WomenHero .WomenHero__Img{
	width: 100%;
	height: 560px;
	position: absolute;
	right:0;
	top:0;
	z-index: 1;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .WomenHero__Img{
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .WomenHero__Img{
			height: 100%;
		}
	}
#Women__content .WomenHero .WomenHero__Img img{
	width: 100%;
	height: 560px;
	object-fit: cover;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .WomenHero .WomenHero__Img img{
			height: 100%;
			object-fit: cover;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .WomenHero .WomenHero__Img img{
			height: 100%;
			object-fit: cover;
			object-position: 70% 100%;
		}
	}

/* ---------- InterviewArea ---------- */

#Women__content .InterviewArea{
	width: 100%;
}

#Women__content .InterviewArea .Section__heading{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color:#666666;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewArea .Section__heading{
			flex-direction: column;
			align-items: flex-start;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewArea .Section__heading{
			flex-direction: column;
			align-items: flex-start;
		}
	}
#Women__content .InterviewArea .Section__heading h2{
	display: inline;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: 0;
	position: relative;
}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewArea .Section__heading h2{
			font-size: 2.4rem;
		}
	}
#Women__content .InterviewArea .Section__heading h2::after{
	content:"";
	display: inline-block;
	position: absolute;
	right:-50px;
	bottom:-30px;
	width:2px;
	height:70px;
	background: #e391ac;
	transform: rotate(45deg);
    transform-origin: 0% 0%;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewArea .Section__heading h2::after{
			right:-30px;
			bottom:-10px;
			width:2px;
			height:40px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewArea .Section__heading h2::after{
			right:-30px;
			bottom:-10px;
			width:2px;
			height:40px;
		}
	}
#Women__content .InterviewArea .Section__heading .catch{
	display: inline;
	line-height: 4rem;
	line-height: 1.5;
	margin-left:6rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewArea .Section__heading .catch{
			margin-left:0;
			margin-top:1em;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewArea .Section__heading .catch{
			margin-left:0;
			margin-top:1em;
		}
	}

/* ---------- InterviewCard__Lg ---------- */
#Women__content .InterviewCard__Lg{
	width: 100%;
	margin-top: 5rem;
	background:#d6d6dc;
	border-radius:25px;
	position: relative;
	}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard__Lg{
			margin-top: 3rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard__Lg{
			margin-top: 2rem;
		}
	}

#Women__content .InterviewCard__Lg.TriangleButton_wrap a::before,
#Women__content .InterviewCard.TriangleButton_wrap a::before{
	content:"";
	border-radius: 0 0 25px 0;
	background:#00a8a9;
}
#Women__content .InterviewCard__Lg .Interview_img{
	width:100%;
	min-height: 460px;
	border-radius:25px;
	background:url(../images/women_photo01.jpg) no-repeat center top;
	background-size: cover;
	z-index: 1;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard__Lg .Interview_img{
			width:100%;
			min-height: 45vw;
			border-radius:25px 25px 0 0 ;
			background:url(../images/women_photo01_sp.jpg) no-repeat center top;
			background-size: cover;
			z-index: 1;
			margin-bottom:1em;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard__Lg .Interview_img{
			width:100%;
			min-height: 280px;
			border-radius:20px 20px 0 0 ;
			background:url(../images/women_photo01_sp.jpg) no-repeat center top;
			background-size: cover;
			z-index: 1;
			margin-bottom:1em;
		}
	}
	
#Women__content .InterviewCard__Lg .InterviewCard__content{
	height:100%;
	padding-bottom:3rem; 
	padding-left: 5.5rem;
	position: absolute;
	left:0;
	top:0;
	
	color:#333;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 2;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard__Lg .InterviewCard__content{
			height:auto;
			padding-bottom:5rem; 
			padding-left: 3rem;
			position: relative;
			left:auto;
			top:auto;
			display: flex;
			flex-direction: column;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard__Lg .InterviewCard__content{
			height:auto;
			padding-bottom:6rem; 
			padding-left: 2rem;
			padding-right: 2rem;
			position: relative;
			left:auto;
			top:auto;
			display: flex;
			flex-direction: column;
		}
	}
#Women__content .InterviewCard__Lg .InterviewCard__heading{
	font-size: 3.2rem;
	line-height: 1.5;
	font-weight: 700;
	color:#666;

	align-content: center;
	flex-grow: 1;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard__Lg .InterviewCard__heading{
			font-size: 2.6rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard__Lg .InterviewCard__heading{
			font-size: 5vw;
		}
	}
#Women__content .InterviewCard__Lg .InterviewCard__heading rt{
	margin-bottom:-0.5rem;
	font-size: 1.2rem;
	font-weight: 400;
}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard__Lg .InterviewCard__heading rt{
			font-size: 1rem;
		}
	}
/* #Women__content .InterviewCard__Lg .InterviewCard__desc p.InterviewCard__desc{
	margin-top:1.8em;
	font-size: 1.2vw;
	line-height: 2;
	flex-grow: 0;
} */


/* ---------- InterviewCard ---------- */
#Women__content .InterviewCard{
	width: 100%;
	min-height: 300px;
	margin-top: 5rem;
	background:#d6d6dc;
	border-radius:25px;
	position: relative;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard{
			margin-top: 4rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard{
			margin-top: 2rem;
			border-radius:20px;
		}
	}

#Women__content .InterviewCard .InterviewCard__content{
	max-width:860px;
	height:100%;
	margin:0 12rem;
	padding-top:5rem; 
	padding-bottom:7rem; 
	color:#333;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	z-index: 2;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard .InterviewCard__content{
			margin:0 5rem;
			padding-top:3rem; 
			padding-bottom:7rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard .InterviewCard__content{
			margin:0 3rem;
			padding-top:3rem; 
			padding-bottom:7rem;

			display: flex;
			flex-direction: column;
		}
	}
#Women__content .InterviewCard .Interview_img{
	width: 127px;
	border-radius:999px;
}
#Women__content .InterviewCard .Interview_img img{
	border-radius:999px;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard .Interview_img{
			width: 127px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard .Interview_img{
			width: 127px;
			margin:0 auto;
		}
	}
#Women__content .InterviewCard .InterviewCard__desc{
	width: calc(100% - 130px - 40px);
	border-left: 1px solid #FFF;
	padding-left:40px;
	margin-left:40px;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .InterviewCard .InterviewCard__desc{
			width: calc(100% - 130px - 30px);
			padding-left:30px;
			margin-left:30px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard .InterviewCard__desc{
			width: 100%;
			border-left: none;
			padding-left:0;
			margin-left:0;
			margin-top:1em;
		}
	}
#Women__content .InterviewCard .InterviewCard__heading rt{
	margin-bottom:-0.5rem;
	font-size: 1.2rem;
	font-weight: 400;
}

#Women__content .InterviewCard__desc p{
	margin:0;
}
#Women__content .InterviewCard__desc p.position{
	margin-top:1em;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: 500;
}
	@media only screen and (max-width: 559px) {
		#Women__content .InterviewCard__desc p.position{
			font-size: 1.6rem;
		}
	}




#Women__content .RecruitDetail__box h3{
	color:#666666;
}
#Women__content .RecruitDetail__box h3::after{
	background: #e391ac;
}

	 
#Women__content .GridBox__Text{
	width:calc(100% - 355px - 50px);
}
	@media only screen and (max-width: 959px) {
		#Women__content .GridBox__Text{
			width: 100%;
		}
	}
#Women__content .GridBox__Image{
	width: 355px;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Women__content .GridBox__Image{
			width: 355px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Women__content .GridBox__Image{
			width: 80%;
			max-width: 355px;
		}
	}

#Women__content .RecruitDetail__Card{
	margin-top:2em;
	padding:3rem;
	color:#666666;
	background:#FFF;
}
	@media only screen and (max-width: 559px) {
		#Women__content .RecruitDetail__Card{
			padding:2rem;
		}
	}
#Women__content .RecruitDetail__Card h4{
	text-align: center;
	font-weight: 700;
	background:#f6e6ec;
}
#Women__content .RecruitDetail__Card .catch{
	margin-top: 1em;
	font-size: 1.8rem;
	line-height: 4.5rem;
	font-weight: 700;
}
#Women__content .RecruitDetail__Card .em01{
	font-size: 2.8rem;
	background: linear-gradient(transparent 90%, #e391ac 10%);
}
#Women__content .RecruitDetail__Card .em02{
	font-size: 2.8rem;
	background: linear-gradient(transparent 90%, #a5bec6 10%);
}
#Women__content .RecruitDetail__Card p{
	margin-top: 1em;
}
#Women__content .RecruitDetail__Card p.small{
	margin-top: 0;
	font-size: 1.4rem;
}