.page_title_area{
	padding: 90px 30px 90px 30px;
}




.content_wrap.personality_bg{
background-image: url("/assets/images/recruit/personality/bg.jpg");
background-size: cover;
background-position: center center;
}

.content_kimg{
	max-width: calc(976px + 60px);
	padding: 100px 30px;
	margin: 0 auto;
	box-sizing: border-box;
}

.point_wrap{
	display: flex;
	align-items: center;
	padding-top: 100px;
}

.point_wrap.p2{
	flex-direction: row-reverse;
}


.point_wrap .title_wrap{
	width: 324px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.point_wrap .title_wrap h2{
	width: 324px;
	height: 324px;
	font-size: clamp(24px, 4vw, 40px);
	font-weight: normal;
	display: block;
	color: #194296;
	box-sizing: border-box;
	background: #DEE6EE;
	border-radius: 50%;
	padding-top: calc(50% - 0.5em);
}
.point_wrap.p2 .title_wrap h2{
	color: #049098;
	background: #E7F5F5;
}

.point_wrap .text_wrap{
	padding-left: 50px;
	box-sizing: border-box;
	flex: 1;
}

.point_wrap.p2 .text_wrap{
	padding-left: 0px;
	padding-right: 50px;
}

.point_wrap .text_wrap h3{
	font-size: clamp(18px, 3vw, 32px);
	padding-bottom: 0.5em;
	border-bottom: 3px solid #194296;
	margin-top: 1.5em;
	color: #194296;
	line-height: 1.4;
	font-weight: normal;
}
.point_wrap.p2 .text_wrap h3{
	border-bottom: 3px solid #049098;
	color: #049098;
}

.point_wrap .text_wrap h3:first-child{
	margin-top: 0;
}

.point_wrap .text_wrap p{
	font-size: clamp(14px, 2.4vw, 18px);
	line-height: 1.8;
	margin-top: 1.5em;
}

.other_link_title{
	margin-top: 80px;
}


/*------------------------------------------------------------------------------------------------------------

SP

------------------------------------------------------------------------------------------------------------*/


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

.page_title_area {
    padding: 50px 15px 50px 15px;
  }
	.other_link_title{
	margin-top: 50px;
}
	
	
.content_wrap.personality_bg{
background-image: url("/assets/images/recruit/personality/bg_sp.jpg");
}

.content_kimg{
	padding: 50px 15px;
}

.point_wrap{
	align-items: center;
	flex-direction: column;
	padding-top: 50px;
}

.point_wrap.p2{
	flex-direction: column;
}


.point_wrap .title_wrap{
	width: 100%;
}

.point_wrap .title_wrap h2{
	width: 100%;
	height: auto;
	color: #194296;
	background: #DEE6EE;
	border-radius: 10px;
	padding: 0.8em;
	margin-bottom: 1.5em;
}
.point_wrap.p2 .title_wrap h2{
	color: #049098;
	background: #E7F5F5;
}

.point_wrap .text_wrap{
	padding-left: 0;
	width: 100%;
}

.point_wrap.p2 .text_wrap{
	padding-left: 0px;
	padding-right: 0px;
}


	
	
}