@charset "utf-8";

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

.Keyvisual{
	background-image: url(../images/works/bg_keyvisual.jpg);
    background-image: image-set(url(../images/works/bg_keyvisual.jpg) 1x, url(../images/works/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/works/sp_bg_keyvisual.jpg);
		background-image: image-set(url(../images/works/sp_bg_keyvisual.jpg) 1x, url(../images/works/sp_bg_keyvisual@2x.jpg) 2x);
	}

}


/*-------------------------------
	キャリアプラン導入 Career_intro
-------------------------------*/
.Career_intro{
	/* padding-bottom: 23rem; */
	overflow: hidden;
}
/*------------C_intro__container----*/
.C_intro__container{
	margin-bottom: var(--padding-topbottom);
}
.Career_intro__title{
	margin-bottom: 15.84rem; /*19.8rem;*/
}
.Career_intro__sub-title .C-sub-title__jp{
	line-height: calc(5.5 / 3);
}
.C_intro__block{
	align-items: flex-start;
		gap: 8rem;
}
	.C_intro__txtbox {
		flex: 0 0 51rem;
	}
		.C_intro__mds{    
			margin-top: 2.7rem; /*3rem;*/
			margin-bottom: 4.05rem; /*4.5rem;*/
			font-size: 2.7rem; /*3rem;*/
				color: var(--maincolor);
				letter-spacing: .02em;
				line-height: 1;
				font-weight: 700;
				text-align: left;
			display: block;
			position: relative;
		}
		.C_intro__txt{
				letter-spacing: .01em;
				line-height: 2.7777777;
		}
		.C_intro__txt + .C_intro__txt{
			margin-top: 3.5em;
		}
.C_intro__img{
	height: 37.71rem; /*41.9rem;*/
		border-radius: 3rem 0 0 3rem;
}

	/*------------bg__circle 基準C_intro__block ----*/
	.C_intro__block {
		position: relative;
		padding-bottom: 41.4rem; /*46rem;*/
	}	
		.bg__circle.c-blue.c-c-intro__01{
			top: -30rem;
			left: -35rem;
		}
		.bg__circle-mini.c-pink.c-c-intro__02{
			bottom: -25rem;
			right: -25rem;
		}
	/*------------bg__circle 基準tm-numbers__inner----*/
	.C_intro__block::after{
		width: 80.3125vw; 
			min-width: 130rem;
		height: 61.2rem; /*68rem;*/
		background: url(../images/works-career/c-sec01-img01.jpg);
			background-image: image-set(url(../images/works-career/c-sec01-img01.jpg) 1x, url(../images/works-career/c-sec01-img01@2x.jpg) 2x);
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		border-radius: 0 3rem 3rem 0;
		position: absolute;
			right: 0;
			bottom: 0;
		display: block;
		content: "";
		z-index: -1;
	}
.C-program__block{
	width: 100%;
}
.C-program__img{
	width: 100%;
}

@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){
	.Career_intro{
		padding-bottom: var(--padding-topbottom);
	}
	.Career_intro__title{
		margin-bottom: 14.4rem;
	}
	/*------------C_intro__container----*/
	.C_intro__container{
		margin-bottom: var(--padding-topbottom);
	}
	.C_intro__block{
		align-items: flex-start;
			gap: 8rem;
	}
		.C_intro__txtbox {
			flex: unset;
		}
			.C_intro__mds{    
				margin-top: 3rem;
				margin-bottom: 4.5rem;
				font-size: 4rem;
			}
			.C_intro__txt + .C_intro__txt{
				margin-top: 2em;
			}
	.C_intro__img{
		height: 35rem;
			border-radius: 3rem 0 0 3rem;
	}
	
		/*------------bg__circle 基準C_intro__block ----*/
		.C_intro__block {
			position: relative;
			padding-bottom: 30rem;
		}	
			.bg__circle.c-blue.c-c-intro__01{
				top: -30rem;
				left: -35rem;
			}
			.bg__circle-mini.c-pink.c-c-intro__02{
				bottom: -25rem;
				right: -25rem;
			}
		/*------------bg__circle 基準tm-numbers__inner----*/
		.C_intro__block::after{
			width: 100vw;
				min-width: unset;
			height: 45rem;
		}
		.C_intro__txt{
				line-height: 3;
		}
		.C_intro__txt + .C_intro__txt{
			margin-top: 1em;
		}
	.C-program__img{
		width: max-content;
	}
	
}


/*-------------------------------
	ページ内共通パーツ
-------------------------------*/
/*----------PgP-Career__block ----*/
.PgP-Career__block{
    align-items: flex-start;
}
.PgP-Career__block .flex02__item {
    width: calc((100% - 8rem) / 2);
    min-width: 40rem;
}
.PgP-Career__block .flex02__item.-wide{
	width: calc(100vw / 2);
	height: 48.15rem;
    flex: 1;
    margin-right: calc(50% - 50vw);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.PgP-Career__txtbox{
	position: relative;
}
.PgP-Career__imgbox{
	border-radius: 3rem;
	position: relative;
}
.PgP-Career__mds{
	padding: 0.25em 0.8em;
	height: 5.4rem; /*6rem;*/
	margin-bottom: 2.34rem; /*2.6rem;*/
		background: var(--gradcolor);
		border-radius: 9999px;
	font-size: 2.5rem; /*2.8rem;*/
		letter-spacing: .02em;
		font-weight: 700;
		line-height: 1.3;
		text-align: center;
		color: #fff;
	position: relative;
	display: flex;
	align-items :center;
	justify-content: center;
}
	.PgP-Career__mds::after{
		width: 100%;
		height: 100%;
			background: #fff;
			border-radius: 9999px;
		position: absolute;
			right: -0.5rem;
			bottom: -0.5rem;
		display: block;
		content: "";
		z-index: -1;
	}

.PgP-Career__aboutbox{
		margin-bottom: 3.6rem; /*4rem;*/
		width: 100%;
}
	
	.PgP-Career__abouttxt{
		margin-bottom: 0;
		display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
	}
.PgP-Career__abouttxt span{
    min-width: 50%;
	margin: 1.26rem 0; /*1.4rem 0;*/
	padding-left: 2.7rem; /*3rem;*/
	padding-right: 0.5em;
	font-size: 1.8rem; /*2rem;*/
		letter-spacing: 0;
		line-height: 1.7;
		font-weight: 700;
	display: inline-block;
	position: relative;
}
.PgP-Career__abouttxt span.not-min{
    min-width: unset;
}
	.PgP-Career__abouttxt span::before{
		width: 0.72rem; /*0.8rem;*/
		height: 100%;
			border-radius: 9999px;
		position: absolute;
			left: 0.9rem; /*1rem;*/
			top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
		display: block;
		content: "";
	}
	/*-----色----*/	
	.PgP-Career__aboutbox.-blue{	/*---青*/	
		border-top: 1px solid var(--maincolor);
		border-bottom: 1px solid var(--maincolor);
	}
	.PgP-Career__aboutbox.-blue .PgP-Career__abouttxt + .PgP-Career__abouttxt{
		border-top: 1px solid var(--maincolor);
	}
	.PgP-Career__aboutbox.-blue .PgP-Career__abouttxt span{
		color: var(--maincolor);
	}
	.PgP-Career__aboutbox.-blue .PgP-Career__abouttxt span::before{
		background: var(--maincolor);
	}

	.PgP-Career__aboutbox.-pink{	/*---ピンク*/		
		border-top: 1px solid var(--pinkcolor);
		border-bottom: 1px solid var(--pinkcolor);
	}
	.PgP-Career__aboutbox.-pink .PgP-Career__abouttxt + .PgP-Career__abouttxt{
		border-top: 1px solid var(--pinkcolor);
	}
	.PgP-Career__aboutbox.-pink .PgP-Career__abouttxt span{
		color: var(--pinkcolor);
	}
	
	.PgP-Career__aboutbox.-pink .PgP-Career__abouttxt span::before{
		background: var(--pinkcolor);
	}
.PgP-Career__ptxt{
	line-height: 1.944444;
}

.PgP-Career__button{
	margin-left: 0;
}
.PgP-Career__imgbox{
	height: 38rem; /*38rem;*/
	border-radius: 3rem;
	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){
	.PgP-Career__block{
        max-width: 60rem;
			margin-left: auto;
			margin-right: auto;
	}
}
@media screen and (max-width:768px){
	.PgP-Career__block{
		gap: 7.5rem;
	}
	.PgP-Career__block .flex02__item{
		width: 100%;
		min-width: unset;
	}
	.PgP-Career__imgbox{
		border-radius: 3rem;
	}
	.PgP-Career__mds{
		margin-bottom: 3.5rem;
		font-size: 3.4rem;
		height: 8.5rem;
	}	
	.PgP-Career__aboutbox{
			margin-bottom: 3.5rem;
	}
		
		.PgP-Career__abouttxt{
			padding: 0.5em 0.8em 0.5em 0;
		}
	.PgP-Career__abouttxt span{
		font-size: 3rem;
		padding-left: 3rem;
		margin: .6rem 0;
	}
		.PgP-Career__abouttxt span::before{
			width: 1rem;
			left: 1rem;
		}
	
	.PgP-Career__imgbox{
		height: 45rem;
	}
	.PgP-Career__block .flex02__item.-wide{
		width: 100%;
		height: 53.5rem;
	}
	.PgP-Career__button{
		margin-left: auto;
	}
}

/*-------------------------------
	入社1年目の充実した研修制度 Sec-Training
-------------------------------*/
.Sec-Training{
	background: #fff;
}
	.Sec-Training::before{	/*--背景　bg-radiusCut-*/
		background: var(--bg-graycolor);
	}
	.Sec-Training::after{	/*--ミラー bg-mirror-*/
		background: url(../images/works-career/career-bg02.png);
			background-image: image-set(url(../images/works-career/career-bg02.png) 1x, url(../images/works-career/career-bg02@2x.png) 2x);
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
	}

/*----------Training__block ----*/
.Training__block {
	padding-top: 9.6rem; /*12rem;*/
	margin-bottom: 9.6rem; /*12rem;*/
}
	.Training__block:nth-of-type(1){
		padding-top: 4.4rem; /*5.5rem;*/
	}
	.Training__block:last-child{
		margin-bottom: 0;
	}
	.Training__Noimg{
		width: 13.76rem; /*17.2rem;*/
		height: 9.6rem; /*12rem;*/
		position: absolute;
			left: -4rem; /*-5rem;*/
			top: -8rem; /*-10rem;*/
	}
@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){

	.Training__block {
		padding-top: 7.5rem;
		margin-bottom: 7.5rem;
		gap: 5rem;
	}
		.Training__block:nth-of-type(1){
			padding-top: 5.5rem;
		}
	.Training__txtbox{
		position: relative;
	}
		.Training__Noimg{
			width: 17.2rem;
			height: 12rem;
			position: absolute;
				left: -5rem;
				top: -8.5rem;
				z-index: 6000;
		}
}


/*-------------------------------
	入社1年目の充実した研修制度 Sec-Training
-------------------------------*/
.Sec-CareerTra{
	background: var(--bg-graycolor);
}
	.Sec-CareerTra::before{	/*--背景　bg-radiusCut-*/
		background: #FFF5F8;
	}
	.Sec-CareerTra::after{	/*--ミラー bg-mirror-*/
		background: url(../images/works-career/career-bg03.png);
			background-image: image-set(url(../images/works-career/career-bg03.png) 1x, url(../images/works-career/career-bg03@2x.png) 2x);
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
	}

/*----------Career__block ----*/
.CareerTra__block {
	margin-bottom: 11rem;
}
	.CareerTra__block:nth-of-type(1){
		padding-top: 5.5rem;
	}
	.CareerTra__block:last-child{
		margin-bottom: 0;
	}
.CareerTra__imgbox{

}

@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){

	.CareerTra__block{
		margin-bottom: 7.5rem;
	}

}