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

/* ---------------------------------------------
 スタッフ紹介PC
 --------------------------------------------- */
.max399{
	display:none;
}
.staff .main_box{
}
.staff .staff_box{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -5px 5px;
}
.staff .main_box .grid{
	width: 50%;
	position: relative;
	overflow: hidden;
}
.staff .main_box .grid:before{
	content: "";
    display: block;
	padding-top: 100%;
}
.staff .main_box .grid .grid_a{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 5px;
    overflow: hidden;
	border-radius:8px;
}
.staff .main_box .lead_box{
	width:100%;
	height:unset;
	overflow:unset;
}
.staff .main_box .lead_box:before{
	padding-top: unset;
}
.staff .main_box .lead_box .grid_a{
	display: flex;
    align-items: center;
	height:unset;
	position:unset;
	width:unset;
}
.staff .main_box .lead_box .grid_a div{
	margin:100px auto;
	width:90%;
	max-width:600px;
}
.sub section#subContainer .main_box .staff_box .lead_box .grid_a h4{
	font-size: 1.5rem;
    border-bottom: none;
    margin: 0 0 2em 0;
	padding: 0;
	text-align:center;
}
.staff .main_box .lead_box img{
	width: 100%;
}
.staff .main_box .grid .grid_b{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.staff .main_box .grid .grid_text,.staff .main_box .grid .grid_img{
	width: 50%;
	position: relative;
	overflow: hidden;
}
.staff .main_box .grid .grid_text:before{
	content: "";
    display: block;
	padding-top: 100%;
}
.staff .main_box .grid .grid_text h5{
	font-size: 120%;
	font-weight: bold;
	white-space: nowrap;
}
.staff .main_box .grid .grid_text{
	background: #faf6f1;
}
.staff .main_box .s_con .grid_text,
.staff .main_box .r_con .grid_text,
.staff .main_box .cs .grid_text{
	background: #e4e4de;
}
.staff .main_box .grid .grid_img:nth-child(3):before{
	content: "";
    display: block;
	padding-top: 100%;
	padding-right: 100%;
	background-color: #28335d;
    opacity: 0.3;
    position: absolute;
}
.staff .main_box .grid .grid_img:nth-child(3):before{
	background-color: #28335d;
	opacity: 0.3;
}
.staff .main_box .s_con .grid_img:nth-child(3):before,
.staff .main_box .r_con .grid_img:nth-child(3):before,
.staff .main_box .cs .grid_img:nth-child(3):before{
	background-color: #700;
	opacity: 0.3;
}
.staff .main_box .grid .grid_text > div{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.staff .main_box .grid .grid_text .grid_text_intro{
	width: calc(100% - 20%);
}
.staff .main_box .grid .grid_text .grid_text_intro p{
	font-size:90%;
}
@media screen and (max-width:1084px){
	.staff .main_box .grid .grid_text h5{
	font-size: 110%;
}
	.staff .main_box p{
		font-size: 13px;
	}
}