@charset "utf-8";

/*-------------------------------
	スタッフ紹介
-------------------------------*/

.Staff__list{
	width: 100%;
	display: flex;
	gap: 7rem 4.6rem;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.Staff__list-item{
	width: calc((100% - (4.6rem * 2)) / 3);
	cursor: pointer;
}
.Staff__list-item-image{
	width: 100%;
	margin-bottom: 1.4rem;
	overflow: hidden;
}
.Staff__list-item-image img{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}
.Staff__list-item:hover .Staff__list-item-image img{
	transform: scale(1.1);
}
.Staff__list-item-name-license{
	font-family: var(--jp);
	font-size: 1.4rem;
	margin-bottom: .2rem;
	line-height: 1.5;
	font-weight: 400;
	display: block;
}
.Staff__list-item-name-title{
	font-family: var(--jp);
	font-size: 2.2rem;
	line-height: calc(3.6 / 2.2);
}

.Staff__pop-wrap{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	padding: 5rem;
	position: fixed;
	z-index: 9900;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
}
.Staff__pop-wrap.on{
	visibility: visible;
	opacity: 1;
}
.Staff__pop-wrap-inner{
	width: 100%;
	height: 100%;
	max-width: 80rem;
	max-height: 60rem;
	position: relative;
}
.Staff__pop{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.Staff__pop-inner{
	align-items: center;
}
.Staff__pop-item{
	padding: 4rem;
	background: #fff;
}
.Staff__pop-item-top{
	margin-bottom: 5.2rem;
}
.Staff__pop-item-image{
	width: 34rem;
	margin-left: 4rem;
	margin-bottom: 3rem;
	float: right;
}
.Staff__pop-item-image img{
	width: 100%;
}
.Staff__pop-item-name{
	margin-bottom: 4.2rem;
}
.Staff__pop-item-name-license{
	font-family: var(--jp);
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 400;
	display: block;
}
.Staff__pop-item-name-title{
	font-family: var(--jp);
	font-size: 3rem;
	line-height: calc(3.6 / 3);
}
.Staff__pop-item-title{
	font-family: var(--jp);
	color: var(--maincolor);
	font-size: 2rem;
	margin-bottom: 1.2rem;
	line-height: calc(3 / 2);
}
.Staff__pop-item-text{
	font-size: 1.4rem;
}
.Staff__pop-item-history{
	width: 100%;
	clear: both;
}
.Staff__pop-item-history-title{
	font-family: var(--jp);
	font-size: 2rem;
	margin-bottom: 1.4rem;
	line-height: 1;
}
.Staff__pop-item-history-item{
	width: 100%;
	padding: .5rem 2rem;
	border-bottom: 1px solid #b2b2b2;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Staff__pop-item-history-item:first-child{
	border-top: 1px solid #b2b2b2;
}
.Staff__pop-item-history-item-year{
	font-family: var(--jp);
	width: 7rem;
	font-size: 1.4rem;
	font-weight: 400;
}
.Staff__pop-item-history-item-text{
	font-family: var(--jp);
	width: calc(100% - 7rem);
	font-size: 1.4rem;
	font-weight: 400;
}

.Staff__pop-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.Staff__pop-arrow .C-Arrow-circle{
	width: 6rem;
	height: 6rem;
	border-color: #fff;
}
.Staff__pop-arrow .C-Arrow{
	width: 1.8rem;
	height: 1.2rem;
}
.Staff__pop-arrow .C-Arrow::before{
	background-image: url(../images/common/icon_arrow-white.svg);
}
.Staff__pop-arrow.-prev{
	left: -3rem;
	transform: translate(-100%,-50%) scale(-1,1);
}
.Staff__pop-arrow.-next{
	right: -3rem;
	transform: translate(100%,-50%);
}
.Staff__pop-arrow.swiper-button-disabled{
	opacity: 0 !important;
	visibility: hidden;
}
.Staff__close{
	transition: var(--transition);
	width: 5rem;
	height: 5rem;
	position: absolute;
	right: 0;
	top: -7.5rem;
	display: block;
	background-image: url(../images/staff/icon_close-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.Staff__close:hover{
	opacity: .6;
}

.mCustomScrollBox{
	width: calc(100% + 4rem);
	max-width: calc(100% + 4rem);
	padding-right: 4rem;
}
.mCSB_inside>.mCSB_container{
	margin-right: 0;
}
.mCSB_scrollTools{
	opacity: 0;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: var(--maincolor);
	margin-top: 0;
	margin-bottom: 0;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
	background: var(--maincolor);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: var(--maincolor);
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity: .5;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Staff__list{
		gap: 7rem 3.5rem;
	}
	.Staff__list-item{
		width: calc((100% - (3.5rem * 2)) / 3);
	}

	.Staff__pop-wrap-inner{
		max-width: 70rem;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Staff__list{
		gap: 7rem 4.6rem;
	}
	.Staff__list-item{
		width: calc((100% - (4.6rem * 1)) / 2);
	}
	

	.Staff__pop-wrap-inner{
		max-width: 60rem;
	}
	.Staff__pop-arrow.-prev{
		left: -1rem;
	}
	.Staff__pop-arrow.-next{
		right: -1rem;
	}

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

	.Staff__list{
		gap: 6.5rem 5rem;
	}
	.Staff__list-item{
		width: calc((100% - (5rem * 1)) / 2);
	}
	.Staff__list-item-image{
		margin-bottom: 2.8rem;
	}
	.Staff__list-item:hover .Staff__list-item-image img{
		transform: scale(1.1);
	}
	.Staff__list-item-name-license{
		font-size: 2.6rem;
		margin-bottom: 1rem;
		line-height: calc(2.8 / 2.6);
	}
	.Staff__list-item-name-title{
		font-size: 3.3rem;
		line-height: calc(4.9 / 3.3);
	}

	.Staff__pop-wrap{
		padding: var(--padding-leftright);
	}
	.Staff__pop-wrap-inner{
		max-width: 100%;
		max-height: 95rem;
	}
	.Staff__pop-item{
		padding: 4rem 4.5rem 4.5rem;
	}
	.Staff__pop-item-top{
		width: 100%;
		margin-bottom: 5.5rem;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.Staff__pop-item-image{
		width: 50%;
		margin-left: 0;
		margin-bottom: 0;
		float: none;
		order: 2;
	}
	.Staff__pop-item-name{
		width: 50%;
		padding-right: 1em;
		margin-bottom: 0;
		line-height: 1;
		order: 1;
	}
	.Staff__pop-item-name-license{
		font-size: 2.6rem;
		margin-bottom: .2rem;
		line-height: 1.5;
		font-weight: 400;
		display: block;
	}
	.Staff__pop-item-name-title{
		font-size: 4.3rem;
		line-height: 1.35;
	}
	.Staff__pop-item-content{
		order: 3;
		margin-top: 4.8rem;
	}
	.Staff__pop-item-title{
		font-size: 3rem;
		margin-bottom: 2rem;
		line-height: calc(4.5 / 3);
	}
	.Staff__pop-item-text{
		font-size: 2.6rem;
	}
	.Staff__pop-item-history-title{
		font-size: 3rem;
		margin-bottom: 3rem;
	}
	.Staff__pop-item-history-item{
		padding: 2rem 0;
		align-items: center;
	}
	.Staff__pop-item-history-item-year{
		width: 12rem;
		font-size: 2.6rem;
	}
	.Staff__pop-item-history-item-text{
		width: calc(100% - 12rem);
		font-size: 2.6rem;
		line-height: calc(3.9 / 2.6);
	}

	.Staff__pop-arrow{
		width: 50%;
		padding-left: 5rem;
		display: block;
	}
	.Staff__pop-arrow .C-Arrow-circle{
		width: 8rem;
		height: 8rem;
	}
	.Staff__pop-arrow .C-Arrow{
		width: 1.8rem;
		height: 1.2rem;
	}
	.Staff__pop-arrow.-prev{
		left: 0;
		top: unset;
		transform: translate(0,5rem) scale(-1,1);
	}
	.Staff__pop-arrow.-next{
		right: 0;
		top: unset;
		transform: translate(0,5rem);
	}
	.Staff__close{
		width: 5.6rem;
		height: 5.6rem;
		top: -10.6rem;
	}

	.mCustomScrollBox{
		width: calc(100% + 4.5rem);
		max-width: calc(100% + 4.5rem);
		padding-right: 4.5rem;
	}

}