@charset "utf-8";

/*-------------------------------
	キービジュアル
-------------------------------*/

.Keyvisual{
	background-image: url(../images/partner/bg_keyvisual.jpg);
    background-image: image-set(url(../images/partner/bg_keyvisual.jpg) 1x, url(../images/partner/bg_keyvisual@2x.jpg) 2x);
}
@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Keyvisual{
		background-image: url(../images/partner/sp_bg_keyvisual.jpg);
		background-image: image-set(url(../images/partner/sp_bg_keyvisual.jpg) 1x, url(../images/partner/sp_bg_keyvisual@2x.jpg) 2x);
	}
}


/*-------------------------------
	共通色
-------------------------------*/
:root{
	--detail-color-M-miyuki: rgba(76,131,222,.55);
	--detail-color-M-sub: rgba(35,193,240,.55);
	--detail-color-M-kensetu: rgba(219,112,147,.55);
	--detail-color-M-shozi:	rgba(19,160,172,.55);
}

/*-------------------------------
	共通パーツこのページだけ
-------------------------------*/
main{
	overflow: hidden;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){
	.Keyvisual {
		display: none;
	}
	/*-----------------------spだけMember-intro__imgboxの中に*/
	.Member-intro__imgbox .Keyvisual__title{
		position: absolute;
			left: 4.4rem;
			top: 5.6rem;
	}
	.Member-intro__imgbox .Keyvisual__title__jp{	
		min-width: 16rem;
		height: 2.6rem;	
		line-height: 2.6rem;
		font-size: 1.7rem;
	}
	.Member-intro__imgbox .Keyvisual__title__en{	
		font-size: 5.2rem;
		color: var(--maincolor);
	}
	/*-----------------------spだけMember-intro__imgboxの中に*/
	
}


/*-------------------------------
	ページ内共通パーツ
-------------------------------*/
.PgP-parmem__sub-title{
	margin-bottom: 5.13rem; /*5.7rem;*/
	font-size: 2.25rem; /*2.5rem;*/
		letter-spacing: .02em;
		line-height: 1.5;
		font-weight: 700;
		color: var(--maincolor);
	display: block;
}

.PgP-parmem__txtbox{
	width: 50%;
	padding-left: 3.6rem; /*4rem;*/
    flex: 0 0 51rem;
	position: relative;
}
	.PgP-parmem__txtbox::before{
		width: 3.6rem; /*4rem;*/
		height: 1px;
			background: var(--maincolor);
		position: absolute;
			left: 0;
			top: 1.75rem;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
		display: block;
		content: "";
	}
.PgP-parmem__txt{
		letter-spacing: .01em;
		line-height: 1.944444;
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){
	.PgP-parmem__sub-title{
		margin-left: unset;
		padding-left: 1.2em;
		margin-bottom: 5rem;
		font-size: 3rem;
	}	
	.PgP-parmem__txtbox{
		width: 100%;
		padding-left: unset;
		flex: unset;
	}
		.PgP-parmem__txtbox::before{
			width: 4rem;
		}
	.PgP-parmem__txt{
			letter-spacing: .01em;
			line-height: 2.14285714285;
	}
}


/*-------------------------------
	プロフェッショナル・パートナーの声導入 parmem-detail-intro
-------------------------------*/
.parmem-detail-intro{
	padding-top: 8rem; /*10rem;*/
	padding-bottom: 13rem; /*5rem;*/
	position: relative;
}
	/*------------bg__circle 基準C_intro__block ----*/
	.parmem-detail-intro__inner{
		position: relative;
	}	
		.bg__circle.c-blue.c-md-intro__01{
			top: -14rem; /*-24rem;*/
			left: -41.6rem; /*-52rem;*/
		}
		.bg__circle-mini.c-pink.c-md-intro__02{
			bottom: -20rem;
			right: 2rem;
		}
	/*------------bg__circle 基準tm-numbers__inner----*/

/*--2列 Member-intro__block P-wideout_flex__block */
.parmem-intro__block{
	margin-bottom: 11.2rem; /*14rem;*/
	align-items: flex-start;
}

.parmem-intro__txtbox{
	width: 50%;
	margin-right: 4rem;
	flex: 0 0 51rem;	
}
.reverse .parmem-intro__txtbox{
	margin-right: unset;
	margin-left: 4rem;
}

.parmem-intro_label {
	width: 88%;
	padding: 1.2rem 2rem;
	margin-bottom: 4.6rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.8rem;
	color: #fff;
	background: var(--gradcolor);
	clip-path: polygon(0 0, 100% 0, 93.33333334% 100%, 0% 100%);
}

	.parmem-intro__title{
		margin-bottom: 5.15rem;
		font-size: 5.5rem;
		font-weight: 500;
		font-family: var(--font-Mincho);
		line-height: 1.45em;
		color: var(--maincolor);
	}
	/*
		.Md-intro_title__1{ 
			margin-bottom: 1.8rem;
			font-size: 2.7rem;
				font-family: var(--font-Mincho);
				letter-spacing: .02em;
				line-height: 1;
				font-weight: 500;
			display: block;
		}
		.Md-intro_title__2{ 
			font-size: 7.5rem;
			height: 18rem;
				font-family: var(--font-Mincho);
				letter-spacing: .02em;
				line-height: calc(10 / 8.8);
				font-weight: 500;
			display: block;
		}
	*/
		/*-------------記事カテゴリ別タイトル-----*/
		.main__M--corp5 .Md-intro__title span{	color: var(--detail-color-M-miyuki);}
		.main__M--corp6 .Md-intro__title span{	color: var(--detail-color-M-shozi);}
		.main__M--corp7 .Md-intro__title span{	color: var(--detail-color-M-sub);}
		.main__M--corp16 .Md-intro__title span{	color: var(--detail-color-M-kensetu);}
		/*-------------記事カテゴリ別タイトル-----*/

	.parmem-intro__txt{
		margin-bottom: 1em;
		padding-left: 3.57rem; /*4.2rem;*/
		display: block;
		position: relative;
	}
		.parmem-intro__txt::before{
			width: 3.4rem; /*4rem;*/
			height: 1px;
				background: var(--blackcolor);
			position: absolute;
				left: 0;
				top: 2.5rem;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
			display: block;
			content: "";
		}	
	.parmem-intro__p{
		margin-bottom: 1em;
		font-size: 3.1rem; /*3.5rem;*/
			font-family: var(--font-Mincho);
			letter-spacing: .02em;
			line-height: 1.57;
			font-weight: 500;
		display: block;
	}
	.parmem-intro__aff{}
	.parmem-intro__aff .aff01{
		margin-bottom: 2rem;
		font-size: 1.7rem;
			letter-spacing: .01em;
			line-height: 2em;
			font-weight: 700;
		display: block;
	}
	.parmem-intro__aff .aff02{
		margin-bottom: 0.8em;
		font-size: 2.5rem;
		letter-spacing: .2em;
			line-height: 1.3;
			font-weight: 700;
		display: block;
	}
	.parmem-intro__aff .aff03{
		font-size: 1.4rem; /*1.5rem;*/
			letter-spacing: .01em;
			line-height: 1.3;
			font-weight: 600;
		display: block;
	}
.parmem-intro__img{
	height: 54.3rem; /*60.3rem; 0.9*/
    border-radius: 3rem 0 0 3rem;
}
	.reverse .parmem-intro__img{
		border-radius: 0 3rem 3rem 0;
	}
.parmem-intro__img picture{
	width: 100%;
	height: 100%;
}
/*--2列 parmem-intro__block P-wideout_flex__block */

/*--丸列 parmem-circle__block --*/

.parmem-circle__block{
	display: flex;
		justify-content: center;
		align-items: flex-start;
}

.parmem-circle__txtbox{
	width: 50rem;
	flex: unset;/*0 0 56rem;*/
}
	.parmem-circle__txtbox::before{
	}
.parmem-circle__sub-title{
	margin-bottom: 4.05rem; /*4.5rem;*/
	margin-left: 0.25em;
	}
.parmem-circle__imgbox{
	width: auto; /*50%;*/
		/*margin-right: 5.8rem;
		margin-left: auto;*/
	position: relative;
}
	.parmem-circle__img{
		width: 29.4rem;
		height: 29.4rem;
			border-radius: 50%;
			margin-right: 5.8rem;
			margin-left: 5.8rem;
		/*margin-right: 0;
		margin-left: auto;*/
		overflow: hidden;
	}

/*--丸列 Member-circle__block --*/


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.parmem-circle__img{
			margin-left: unset;
	}
}
@media screen and (max-width:960px) and (min-width: 769px){

}

@media screen and (max-width:768px){
	.parmem-detail-intro.sec:first-child{
		padding-top: 0;
		padding-bottom: 10.6rem;
	}
		/*------------bg__circle 基準C_intro__block ----*/
			.bg__circle.c-blue.c-md-intro__01{
				top: unset;
				left: unset;
				right: -26rem;
				bottom: 17rem;
			}
			.bg__circle-mini.c-pink.c-md-intro__02{
				width: 60rem;
				height: 60rem;
				bottom: unset;
				right: unset;
				left: -25rem;
				top: 73rem;
			}
		/*------------bg__circle 基準tm-numbers__inner----*/
	
	/*--2列 Member-intro__block P-wideout_flex__block */
	.parmem-intro__block{
        margin-bottom: 24.4rem;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	
	.parmem-intro__txtbox{
		width: 100%;
		margin-right:unset;
		flex: unset;	
	}
	.reverse .parmem-intro__txtbox{
		margin-right: unset;
		margin-left: unset;
	}
		.Md-intro__title{
			margin-bottom: 6.2rem;
		}
			.Md-intro_title__1{ 
				margin-bottom: 0.3em;
				font-size: 2.8rem;
				text-align: center;
			}
			.Md-intro_title__2{ 
				font-size: 9.5rem;
				height: auto;
				text-align: center;
			}
		.parmem-intro__txt{
			padding-left: 3.4rem;
			margin-bottom: 0;
		}
			.parmem-intro__txt::before{
				width: 5rem;
					left: -2.5rem;
					top: 3rem;
			}	
		.parmem-intro__p{
			margin-bottom: 0.8em;
			font-size: 4.4rem;
		}
		.parmem-intro__aff .aff01{
			margin-bottom: 0.8em;
			font-size: 2.1rem;
		}
		.parmem-intro__aff .aff02{
			margin-bottom: 0.9em;
			font-size: 3.1rem;
		}
		.parmem-intro__aff .aff03{
			font-size: 2.2rem;
		}
	.parmem-intro__img{
		height: 80.5rem;
		border-radius: 5rem 0 0 5rem;
	}
		.reverse .parmem-intro__img{
			border-radius: 0 5rem 5rem 0;
		}
	.parmem-intro__img img.ofi__cover{
		/*object-position: right;*/
		object-position: center;
	}
	/*-----------------------spだけparmem-intro__imgboxの中にKeyvisual__title*/

	/*--2列 parmem-intro__block P-wideout_flex__block */
	
	/*--丸列 parmem-circle__block --*/
	
	.parmem-circle__block{
		flex-direction: column;
	}
	
	.parmem-circle__txtbox{
		width: 100%;
		flex: unset;	
	}
		.parmem-circle__txtbox::before{
		}
	.parmem-circle__sub-title{
        padding-left: 1.2em;
        margin-bottom: 4.5rem;
		}
	.parmem-circle__imgbox{
		width: 100%;
			padding-top: unset;
			margin-right: 0;
			position: absolute;
			top: -36rem;
			right: 0;
	}
		.parmem-circle__img{
			width: 29.4rem;
			height: 29.4rem;
				border-radius: 50%;
			margin-right: 0;
			margin-left: auto;
			overflow: hidden;
		}
	
}


/* ↓ 求職者へ ↓ */
.parmem-recruit {
background: linear-gradient(180deg, rgba(125, 166, 214, 0.1) 0%, rgba(122, 229, 171, 0.1) 100%);
}
.parmem-recruit_inner {
	max-width: 118rem;
	padding: 8rem 4rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	column-gap: clamp(2rem, 0.544rem + 6.21vw, 8rem);
}

.parmem-recruit_box {
	width: calc((100% - 4rem) / 2);
	padding: 5rem 4rem 5rem 8rem;
	background: #fff;
}
.parmem-recruit_title {
	margin-bottom: 5.7rem;
    font-size: 2.25rem;
    letter-spacing: 0.02em;
    line-height: 1.5;
    font-weight: 700;
    color: var(--maincolor);
    display: block;
	position: relative;
}
.parmem-recruit_title::after {
    content: "";
	width: 3.6rem;
    height: 1px;
    background: var(--maincolor);
    position: absolute;
	top: 50%;
	left: -4rem;
	transform: translateY(-50%);
    display: block;
}
.parmem-recruit_text {}

@media screen and (max-width:768px){
	.parmem-recruit_inner {
		flex-flow: column;
		row-gap: 3rem;
	}
	.parmem-recruit_box {
		width: 100%;
	}
	.parmem-recruit_title {
		font-size: 3rem;
	}
	.parmem-recruit_text {}
}
/* ↑ 求職者へ ↑ */


/* ↓ リンク ↓ */
.C-Link {
	padding: 15rem 0;
}

.C-button.c-link_parmem {
	width: auto;
}
.c-link_parmem a {
	width: fit-content;
	height: fit-content;
	padding: 1rem 6rem 1rem clamp(1rem, 0.515rem + 2.07vw, 3rem);
	border-radius: 100rem;
}
.c-link_parmem a span {
	width: 100%;
}

@media screen and (max-width:768px){
	.c-link_parmem a {
		padding: 2rem 6rem 2rem 4rem;
	}
}
/* ↑ リンク ↑ */