@charset "UTF-8";

/*main
----------------------------------------*/
.staff_main {
	display: flex;
	align-items: center;
	margin-top: 2.8rem;
}
.staff_main h2 {
	flex: 1;
	padding-right: 14rem;
	text-align: right;
	font-weight: 400;
	margin-bottom: 1rem;
}
.staff_main h2 .en2 {
	display: block;
	font-size: 2.6rem;
	letter-spacing: .16em;
	color: #749541;
	margin-right: -.5rem;
}
.staff_main h2 .en {
	display: block;
	font-size: 1.2rem;
	letter-spacing: .15em;
	color: #749541;
	border-top: .1rem solid #BDC8B1;
	margin: .5rem -.2rem 0 0;
	padding-top: 1.3rem;
}
.staff_main figure {
	width: calc(50% + 29rem);
}
@media only screen and (max-width: 768px) {
	.staff_main {
		display: block;
		margin-top: 6.7rem;
	}
	.staff_main h2 {
		width: 31rem;
		padding-right: 0;
		text-align: center;
		margin: 0 auto 6rem;
	}
	.staff_main h2 .en {
		margin: .4rem -.2rem 0 0;
		padding-top: 1.2rem;
	}
	.staff_main figure {
		width: auto;
	}
}

/*ranking
----------------------------------------*/
.staff_ranking {
	width: calc(50% + 29rem);
	margin: 6rem 0 10rem auto;
}
.staff_ranking figure {
	width: 77.6rem;
}
@media only screen and (max-width: 768px) {
	.staff_ranking {
		width: auto;
		margin: 3rem 0 6rem;
	}
	.staff_ranking figure {
		width: 33rem;
		margin: 0 auto;
	}
}

/*thoughts
----------------------------------------*/
.staff_thoughts {
	background: #EEE9DF;
	padding: 10rem 0 16.1rem;
}
.staff_thoughts_head {
	max-width: calc(50% + 62rem);
	display: flex;
	align-items: flex-start;
}
.staff_thoughts_head_txt {
	width: 39.9rem;
	margin-left: 12.1rem;
}
.staff_thoughts_head_txt h2 {
	text-align: right;
	font-size: 5.8rem;
	font-weight: 400;
	letter-spacing: .16em;
	line-height: 1.3793;
	color: #99B18B;
	margin: -1.8rem -.8rem 4.8rem 0;
}
.staff_thoughts_head_txt h3 {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.9167;
	letter-spacing: .16em;
	margin-bottom: 2rem;
}
.staff_thoughts_head_txt p {
	font-size: 1.4rem;
	letter-spacing: .16em;
	line-height: 2.1429;
	font-weight: 500;
}
.staff_thoughts_head figure {
	flex: 1;
}
.staff_thoughts_support {
	max-width: 124rem;
	margin: 0 auto 10rem;
	display: flex;
	align-items: flex-end;
}
.staff_thoughts_support figure {
	order: 1;
	width: 56.5rem;
}
.staff_thoughts_support_box {
	flex: 1;
	padding: 0 9.5rem 0 6rem;
	margin-bottom: 4rem;
}
.staff_thoughts_support_box h3 {
	color: #fff;
	font-size: 5.8rem;
	letter-spacing: .16em;
	line-height: 1.3793;
	font-weight: 400;
	margin: -3.9rem 0 5.6rem -5.9rem;
}
.staff_thoughts_support_box h4 {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: .16em;
	margin-bottom: 1.7rem;
}
.staff_thoughts_support_box h5 {
	font-size: 1.8rem;
	letter-spacing: .16em;
	font-weight: 600;
	margin-bottom: 3.1rem;
}
.staff_thoughts_support_box p {
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .16em;
	line-height: 2.1429;
}
.staff_thoughts_list {
	max-width: 112.1rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem 2.7rem;
}
.staff_thoughts_list a {
	display: block;
	color: #fff;
}
.staff_thoughts_list a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	transition: opacity .3s;
}
.staff_thoughts_list_info {
	position: absolute;
	left: 1.9rem;
	bottom: 2rem;
	z-index: 2;
}
.staff_thoughts_list_post {
	font-size: 1.2rem;
	letter-spacing: .2em;
	margin-bottom: .6rem;
}
.staff_thoughts_list_name {
	font-size: 1.8rem;
	letter-spacing: .16em;
	font-weight: 600;
	margin-bottom: .6rem;
}
.staff_thoughts_list_txt {
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .1em;
}
@media (hover:hover) {
	.staff_thoughts_list a:hover {
		opacity: 1;
	}
	.staff_thoughts_list a:hover::after {
		opacity: 0;
	}
}
@media only screen and (max-width: 768px) {
	.staff_thoughts {
		padding: 0 0 10.5rem;
	}
	.staff_thoughts_head {
		max-width: none;
		display: block;
		padding-top: 20.1rem;
	}
	.staff_thoughts_head_txt {
		width: auto;
		margin: 3.1rem 3rem 6rem;
		position: static;
	}
	.staff_thoughts_head_txt h2 {
		text-align: left;
		font-size: 4.6rem;
		line-height: 1.3043;
		margin: 0;
		position: absolute;
		top: 4.7rem;
		left: 3rem;
		right: 3rem;
	}
	.staff_thoughts_head_txt h3 {
		font-size: 2rem;
		line-height: 2.1;
		margin-bottom: 1rem;
	}
	.staff_thoughts_head_txt p {
		font-size: 1.3rem;
		line-height: 2.1538;
	}
	.staff_thoughts_head figure {
		width: 35rem;
	}
	.staff_thoughts_support {
		max-width: 33rem;
		margin: 0 auto 10rem;
		display: block;
	}
	.staff_thoughts_support figure {
		width: auto;
	}
	.staff_thoughts_support_box {
		padding: 0;
		margin-bottom: 0;
	}
	.staff_thoughts_support_box h3 {
		font-size: 3.8rem;
		line-height: 1.3684;
		margin: -2.8rem 0 1.7rem;
	}
	.staff_thoughts_support_box h4 {
		font-size: 2rem;
		line-height: 2.1;
		margin-bottom: 1rem;
	}
	.staff_thoughts_support_box h5 {
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.75;
		margin-bottom: 2rem;
	}
	.staff_thoughts_support_box p {
		font-size: 1.3rem;
		line-height: 2.1538;
		margin-right: -.5rem;
	}
	.staff_thoughts_list {
		margin: 0 auto;
		max-width: 35rem;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.staff_thoughts_list_info {
		left: 1rem;
		bottom: 1.2rem;
	}
	.staff_thoughts_list_post {
		margin-bottom: .3rem;
	}
	.staff_thoughts_list_name {
		font-size: 1.6rem;
		margin-bottom: 0;
	}
	.staff_thoughts_list_txt {
		display: none;
	}
}

/*after
----------------------------------------*/
.staff_after {
	max-width: calc(50% + 62rem);
	margin: 11.8rem 0 15.4rem auto;
}
.staff_after_head h2 {
	font-size: 5.8rem;
	font-weight: 400;
	letter-spacing: .16em;
	color: #99B18B;
	margin-bottom: -4.7rem;
	z-index: 2;
}
.staff_after_head_inner {
	display: flex;
	align-items: flex-end;
	margin-bottom: 10rem;
}
.staff_after_head figure {
	flex: 1;
	order: 1;
}
.staff_after_head_box {
	width: 57rem;
	padding: 0 11.2rem 0 6rem;
	margin-bottom: -1rem;
}
.staff_after_head_box h3 {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: .16em;
	line-height: 1.9167;
	margin-bottom: 2rem;
}
.staff_after_head_box p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.1429;
	letter-spacing: .16em;
}
.staff_after_head_box p + p {
	margin-top: 2rem;
}
.staff_after_event {
	display: flex;
	align-items: center;
}
.staff_after_event figure {
	width: calc(50% + 1rem);
}
.staff_after_event_box {
	flex: 1;
	padding: 0 0 1rem 13.5rem;
}
.staff_after_event_box h3 {
	font-weight: 400;
	margin-bottom: 5rem;
}
.staff_after_event_box h3 .en2 {
	display: block;
	font-size: 2.6rem;
	letter-spacing: .16em;
	color: #749541;
}
.staff_after_event_box h3 .en {
	display: block;
	font-size: 1.2rem;
	letter-spacing: .2em;
	color: #99B18B;
	border-top: .1rem solid #BDC8B1;
	margin-top: .9rem;
	padding-top: 1rem;
}
.staff_after_event_box h4 {
	font-size: 2.4rem;
	letter-spacing: .16em;
	font-weight: 500;
	line-height: 1.9167;
	margin-bottom: 2rem;
}
.staff_after_event_box p {
	max-width: 43.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .16em;
	line-height: 2.1429;
}
@media only screen and (max-width: 768px) {
	.staff_after {
		max-width: none;
		margin: 7.5rem 0 14.6rem;
	}
	.staff_after_head h2 {
		font-size: 4.6rem;
		margin-bottom: 0;
		position: absolute;
		top: 19.2rem;
		left: 2rem;
		line-height: 1.3043;
	}
	.staff_after_head_inner {
		display: block;
		margin-bottom: 6rem;
	}
	.staff_after_head figure {
		width: 37rem;
		margin: 0 0 10.7rem auto;
	}
	.staff_after_head_box {
		width: auto;
		padding: 0 2.5rem 0 3rem;
		margin-bottom: 0;
	}
	.staff_after_head_box h3 {
		font-size: 2rem;
		line-height: 2.1;
		margin-bottom: 1rem;
	}
	.staff_after_head_box p {
		font-size: 1.3rem;
		line-height: 2.1538;
	}
	.staff_after_event {
		display: block;
	}
	.staff_after_event figure {
		width: 37rem;
	}
	.staff_after_event_box {
		padding: 3rem 0 1rem 4rem;
	}
	.staff_after_event_box h3 {
		margin-bottom: 4.1rem;
	}
	.staff_after_event_box h3 .en {
		margin-top: .3rem;
		padding-top: 1.3rem;
		letter-spacing: .15em;
	}
	.staff_after_event_box h4 {
		font-size: 2rem;
		line-height: 2.1;
		padding: 0 3rem 0 0;
	}
	.staff_after_event_box p {
		max-width: none;
		font-size: 1.3rem;
		line-height: 2.1538;
		padding: 0 3rem 0 0;
	}
}

/*event
----------------------------------------*/
.staff_event {
	max-width: 124rem;
	margin: 0 auto;
	background: #EEE9DF;
	padding: 12.6rem 10rem 19rem;
}
.staff_event h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: -5.3rem;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: .12em;
}
.staff_event h2 .en2 {
	display: block;
	font-size: 5rem;
	font-weight: 400;
	letter-spacing: .16em;
	padding-left: .16em;
	color: #99B18B;
	margin-bottom: 2.2rem;
}
.staff_event_box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6rem;
}
.staff_event h3 {
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: .18em;
	margin: 2.1rem 0 1.2rem;
}
.staff_event h3 span {
	background: linear-gradient(transparent 60%, #F5F3ED 60%);
	padding-bottom: .2rem;
}
.staff_event_item p {
	font-size: 1.3rem;
	letter-spacing: .1em;
	line-height: 2;
}
@media only screen and (max-width: 768px) {
	.staff_event {
		max-width: 35rem;
		padding: 9.9rem 2rem 13rem;
	}
	.staff_event h2 {
		top: -9rem;
		left: -.9rem;
		right: -1.5rem;
	}
	.staff_event h2 .en2 {
		font-size: 4.6rem;
		line-height: 1.3043;
		padding: 0;
		margin-bottom: .8rem;
	}
	.staff_event_box {
		grid-template-columns: repeat(1, 1fr);
		gap: 5.2rem;
	}
	.staff_event h3 {
		font-size: 1.8rem;
		margin: 1.8rem 0 1.2rem;
	}
}

/*modal
----------------------------------------*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(196, 196, 196, .7);
	z-index: 2500;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}
.modal_open .modal {
	opacity: 1;
	pointer-events: all;
}
.modal_inner {
	width: 100%;
	max-height: 100%;
	overflow: auto;
	padding: 2rem 0;
}
.modal_close {
	appearance: none;
	display: block;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 6rem;
	height: 6rem;
	background: #F5F3ED;
	border: 0;
	box-shadow: -.1rem .1rem 1.2rem rgba(0, 0, 0, .15);
	z-index: 10;
	cursor: pointer;
}
.modal_close::before,
.modal_close::after {
	content: '';
	display: block;
	width: 2.723rem;
	height: .1rem;
	background: #749541;
	transform: rotate(28.18deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.modal_close::after {
	transform: rotate(-28.18deg);
}
.modal_box {
	max-width: 124rem;
	margin: 0 auto;
	background: #F5F3ED;
}
.modal_slider .slick-track::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.modal_slider .slick-prev,
.modal_slider .slick-next {
	display: block;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: #99B18B;
	overflow: hidden;
	text-indent: -99rem;
	cursor: pointer;
	position: absolute;
	top: calc(50% - 2.5rem);
	z-index: 100;
	right: -2.5rem;
}
.modal_slider .slick-prev {
	transform: scale(-1, 1);
	left: -2.5rem;
	right: auto;
}
.modal_slider .slick-list {
	overflow: hidden;
}
.modal_slider .slick-prev::before,
.modal_slider .slick-next::before {
	content: '';
	display: block;
	background: url(../../img/index/icon_arrow_01.svg) no-repeat left top / 100% auto;
	width: .8rem;
	height: .9rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.modal_item {
	display: flex;
	padding: 8rem 0 8rem 6rem;
	outline: none;
}
.modal_slider.slick-slider .modal_item {
	float: left;
}
.modal_box figure {
	width: 39.6rem;
}
.modal_detail {
	flex: 1;
	padding-left: 12rem;
}
.modal_detail h2 {
	font-weight: 400;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: .16em;
	padding-bottom: 1.1rem;
	border-bottom: .1rem solid #BDC8B1;
	margin-bottom: 2.9rem;
}
.modal_detail h2 .en {
	display: block;
	font-size: 1.2rem;
	letter-spacing: .2em;
	font-weight: 400;
	color: #99B18B;
	margin-bottom: .6rem;
}
.modal_detail h3 {
	font-size: 2.4rem;
	letter-spacing: .16em;
	font-weight: 500;
	line-height: 1.9167;
	margin-bottom: 2rem;
}
.modal_detail p {
	font-size: 1.4rem;
	letter-spacing: .16em;
	font-weight: 500;
	line-height: 2.1429;
}
.modal_detail p + p {
	margin-top: 1.5rem;
}
@media only screen and (max-width: 768px) {
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(196, 196, 196, .7);
	z-index: 2500;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}
.modal_open .modal {
	opacity: 1;
	pointer-events: all;
}
.modal_inner {
	width: 100%;
	max-height: 100%;
	overflow: auto;
	padding: 2rem 0;
}
	.modal_close {
		width: 5rem;
		height: 5rem;
	}
	.modal_close::before,
	.modal_close::after {
		width: 2.39rem;
	}
	.modal_box {
		max-width: 35rem;
	}
	.modal_slider .slick-prev,
	.modal_slider .slick-next {
		width: 3.5rem;
		height: 3.5rem;
		top: 27.9rem;
		right: -.8rem;
	}
	.modal_slider .slick-prev {
		left: -.8rem;
		right: auto;
	}
	.modal_item {
		display: block;
		padding: 11.7rem 3rem 5rem;
	}
	.modal_box figure {
		width: auto;
	}
	.modal_detail {
		padding-left: 0;
		padding-top: 2rem;
		position: static;
	}
	.modal_detail h2 {
		font-size: 1.6rem;
		margin-bottom: 0;
		position: absolute;
		top: 3rem;
		left: 3rem;
		right: 0;
	}
	.modal_detail h2 .en {
		margin-bottom: .4rem;
	}
	.modal_detail h3 {
		font-size: 1.6rem;
		margin-bottom: 2.2rem;
	}
	.modal_detail p {
		font-size: 1.3rem;
		line-height: 2;
	}
}