@charset "utf-8";
/* CSS Document */

section#firstview .inner .catchImage{
	background: url("../image/staff/mainvisual_v2.webp") 0 0 / contain no-repeat;
}

/*===================================
	共通パーツ
=====================================*/

h2.coa_midashi{
	font-size: 200%;
	font-weight: 600;
	line-height: 1;
	color: #333333;
	text-align: center;
	padding-bottom: 24px;
	position: relative;
}

h2.coa_midashi::before{
	content: '';
	background: linear-gradient(
		to right,
		#0075c1 0%,
		#0075c1 50%,
		#e75297 50%,
		#e75297 100%
	);
	width: 100%;
	max-width: 220px;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/*===================================
	.staff_block01
=====================================*/

.staff_block01{
	padding: 110px 0 270px;
}

.staff_block01 .inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

.staff_block01 .inner .staff_wrap{
	width: 100%;
	margin-top: 90px;
}

.staff_block01 .inner .staff_wrap ul.staff_list{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 115px 0;
}

.staff_block01 .inner .staff_wrap ul.staff_list li{
	width: 45.83%;/*550*/
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area{
	display: flex;
	align-items: center;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .img{
	width: 47.27%;/*260*/
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .img img{
	width: 100%;
	height: auto;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .job_area{
	width: 51.45%;/*283*/
	padding-bottom: 21px;
	border-bottom: 5px solid #e75297;
	box-sizing: border-box;
}

.staff_block01 .inner .staff_wrap ul.staff_list li.instructor .prof_area .job_area{
	border-bottom: 5px solid #0075c1;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .job_area p.job_en{
	font-size: 187.5%;/*30*/
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #e75297;
	padding-left: 1.13em;/*34*/
	box-sizing: border-box;
}

.staff_block01 .inner .staff_wrap ul.staff_list li.instructor .prof_area .job_area p.job_en{
	color: #0075c1;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .job_area p.job_jp{
	font-size: 106.25%;/*17*/
	font-weight: 700;
	line-height: 1;
	color: #e75297;
	padding: 46px 0 0 2em;/*34*/
	box-sizing: border-box;
}

.staff_block01 .inner .staff_wrap ul.staff_list li.instructor .prof_area .job_area p.job_jp{
	color: #0075c1;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .job_area p.name{
	font-size: 112.5%;/*18*/
	font-weight: 500;
	line-height: 1;
	color: #000;
	text-align: right;
	padding: 15px 1.78em 0 0;/*32*/
	box-sizing: border-box;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .prof_area .job_area p.name span{
	font-size: 144.44%;/*26*/
}

.staff_block01 .inner .staff_wrap ul.staff_list li .comment{
	width: 99.09%;/*545*/
	min-height: 140px;
	border: 1px solid #e75297;
	padding: 29px 7.27% 29px 9.09%;/*40 50*/
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 24px;
	background: #faf1f6;
	position: relative;
}

.staff_block01 .inner .staff_wrap ul.staff_list li.instructor .comment{
	border: 1px solid #0075c1;
	background: #e8f3fa;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .comment::before{
	content: '';
	background: url("../image/staff/fukidashi_parts02.webp")no-repeat;
	background-size: cover;
	width: 6.24%;/*34*/
	height: auto;
	aspect-ratio: 34 / 40;
	position: absolute;
	top: 1px;
	transform: translateY(-100%);
	left: 4.77%;/*26*/
}

.staff_block01 .inner .staff_wrap ul.staff_list li.instructor .comment::before{
	background: url("../image/staff/fukidashi_parts01.svg")no-repeat;
	background-size: cover;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .comment::after{
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
	border: 1px solid #e75297;
	border-radius: 15px;
	position: absolute;
	top: 5px;
	left: 0.917%;/*5*/
	z-index: -1;
}

.staff_block01 .inner .staff_wrap ul.staff_list li.instructor .comment::after{
	border: 1px solid #0075c1;
}

.staff_block01 .inner .staff_wrap ul.staff_list li .comment p{
	font-size: 112.5%;/*18*/
	font-weight: 500;
	line-height: 1.67;
	color: #333333;
	text-align: justify;
/*
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
*/
}

/**/

.staff_block01 .inner .staff_wrap .photo_wrap{
	width: 100%;
}

.staff_block01 .inner .staff_wrap .photo_wrap figure{
	width: 100%;
}

.staff_block01 .inner .staff_wrap .photo_wrap img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}

.staff_block01 .inner .staff_wrap h3{
	font-size: 2em;/*32*/
	line-height: 1;
}

.staff_block01 .inner .staff_wrap .txt_box{
	width: 100%;
	padding: 2.63em 0 3em;/*42 48*/
	box-sizing: border-box;
	background: #e8f3fa;
	border-radius: 30px;
}

.staff_block01 .inner .staff_wrap .txt_box p{
	font-size: 1.13em;/*18*/
	line-height: 2.39;
	color: #333333;
	text-align: center;
}