.workstyle--flow .p_tit--under--ja{
	font-weight: bold;
	text-align: left;
}
.workstyle--flow .p_tit--under--ja::after{
	margin-left: 0;

}
.workstyle--flow{
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.workstyle--flow + .workstyle--flow{
	justify-content: flex-end;

}

.workstyle--flow--head{
	position: sticky;
    top: 0;
    width: calc(50% - 300px);
}
.workstyle--flow--head img{
	width: 100%;
    height: 100vh;
    object-fit: cover;
}
.workstyle--flow--head .sp{
	display: none;
}
.workstyle--flow--content{
	flex: 1;
	padding-left: 80px;
    padding-right: 80px;
    max-width: 920px;
}
.workstyle--flow--content p{
	text-align:  justify;
	
}

.workstyle--profile{}
.workstyle--profile .name{}
.workstyle--profile .status{
	color: #fff;
	background: #000;
	display: inline-block;
    padding: 0.1em 0.2em;
	margin-right: 1em;
	
}
.workstyle--profile .position{
	display: inline-block;

}

/*pc_css*/
@media screen and (min-width:769px){
	#workstyle{
		
	}
	
}

@media screen and (max-width:768px){
	.workstyle--flow{
		display: flex;
		    flex-direction: column;
	}
	
	.workstyle--flow + .workstyle--flow{
	    flex-direction: column-reverse;
	
	}
	.workstyle--flow--head{
		position: static;
		width: 100%;
	}
	.workstyle--flow--head img{
		height: 100%;
	}
	.workstyle--flow--head .pc{
		display: none;
	}
	.workstyle--flow--head .sp{
		display: block;
	}
	.workstyle--flow--content{
		padding-left: 20px;
		padding-right: 20px;
	}
	.p_tit--black{
		font-size: 24px;
	}
}