@charset "UTF-8";
/* ---------------------------------------
  人を知る
-----------------------------------------*/
/* sec_people
--------------------------------*/
#sec_people {
	padding: 8.5rem 0 13rem;
}
@media screen and (max-width: 767px) {
	#sec_people {
		padding: 11rem 0 18rem;
	}
}
#sec_people::before {
	content: "";
	width: 144rem;
	height: calc(100% + 26rem);
	background-color: #f6f6f6;
	border-radius: 4rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	#sec_people::before {
		width: 100%;
		height: calc(100% + 20rem);
		border-radius: 8rem;
	}
}
#sec_people .sec_ttl .hyphen {
	letter-spacing: -0.1em;
}
#sec_people .people_main {
	width: 89.4rem;
	margin: 8rem 0 0 auto;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main {
		width: 100%;
		margin-top: 10rem;
	}
}
#sec_people .people_main .txt_wrap .txt {
	text-align: justify;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .txt_wrap .txt {
		font-size: 3rem;
	}
}
#sec_people .people_main .txt_wrap .txt + .txt {
	margin-top: 2em;
}
#sec_people .people_main .people_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6rem 4.2rem;
	margin-top: 6rem;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .people_list {
		grid-template-columns: 1fr;
		gap: 10rem 0;
		margin-top: 8.5rem;
	}
}
#sec_people .people_main .people_list .item .img {
	width: 100%;
	aspect-ratio: 426/284;
	border-radius: 1rem;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .people_list .item .img {
		border-radius: 2rem;
	}
}
#sec_people .people_main .people_list .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.3s ease;
}
#sec_people .people_main .people_list .item .position {
	color: #6e6b6b;
	line-height: 1.5;
	margin-top: 2rem;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .people_list .item .position {
		font-size: 2.8rem;
		margin-top: 2.5rem;
	}
}
#sec_people .people_main .people_list .item .name {
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.5;
	position: relative;
	margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .people_list .item .name {
		font-size: 3.4rem;
		margin-top: 0.6rem;
	}
}
#sec_people .people_main .people_list .item .name::after {
	content: "";
	width: 1.5rem;
	height: 1.2rem;
	background: url(../img/common/arw_pink.svg) no-repeat center/contain;
	position: absolute;
	right: 1.5rem;
	bottom: 1.1rem;
	transition: translate 0.3s ease;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .people_list .item .name::after {
		width: 2.8rem;
		height: 2.6rem;
		right: 3rem;
		bottom: 1.5rem;
	}
}
#sec_people .people_main .people_list .item .catch {
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: -0.025em;
	padding-top: 1.5rem;
	border-top: 1px solid #d9dddd;
	margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
	#sec_people .people_main .people_list .item .catch {
		font-size: 3.6rem;
		padding-top: 2rem;
		border-width: 0.2rem;
		margin-top: 0.6em;
	}
}
@media (any-hover: hover) {
	#sec_people .people_main .people_list .item a:hover .img img {
		scale: 1.1;
	}
	#sec_people .people_main .people_list .item a:hover .name::after {
		translate: 0.5rem 0;
	}
}

/* sec_people_detail
--------------------------------*/
#sec_people_detail {
	padding: 0 0 13rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail {
		padding: 0 0 18rem;
	}
}
#sec_people_detail .people_detail_head {
	display: grid;
	grid-template-columns: 50rem 1fr;
	gap: 10rem;
	margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head {
		grid-template-columns: 1fr;
		gap: 10rem;
		margin-top: 3rem;
	}
}
#sec_people_detail .people_detail_head .mv_img {
	aspect-ratio: 500/440;
	border-radius: 1rem;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head .mv_img {
		border-radius: 2rem;
	}
}
#sec_people_detail .people_detail_head .mv_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 768px) {
	#sec_people_detail .people_detail_head .ttl_wrap {
		display: grid;
		min-width: 0;
	}
	#sec_people_detail .people_detail_head .ttl_wrap .ttl {
		grid-area: 1/1;
		align-self: center;
	}
	#sec_people_detail .people_detail_head .ttl_wrap .name_wrap {
		grid-area: 1/1;
		align-self: end;
		justify-self: end;
	}
}
#sec_people_detail .people_detail_head .ttl_wrap .ttl {
	font-weight: 500;
	font-size: 3.6rem;
	line-height: 1.75;
	letter-spacing: -0.025em;
	position: relative;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head .ttl_wrap .ttl {
		font-size: 4.6rem;
	}
}
#sec_people_detail .people_detail_head .ttl_wrap .ttl::before {
	content: "";
	width: 17.1rem;
	aspect-ratio: 171/125;
	background: url(../img/people/deco_quote.png) no-repeat center/contain;
	position: absolute;
	right: 0;
	top: -9rem;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head .ttl_wrap .ttl::before {
		top: -4rem;
	}
}
#sec_people_detail .people_detail_head .ttl_wrap .name_wrap {
	text-align: right;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head .ttl_wrap .name_wrap {
		margin-top: 4rem;
	}
}
#sec_people_detail .people_detail_head .ttl_wrap .name_wrap .position {
	color: #6e6b6b;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head .ttl_wrap .name_wrap .position {
		font-size: 2.8rem;
	}
}
#sec_people_detail .people_detail_head .ttl_wrap .name_wrap .name {
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.5;
	margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_head .ttl_wrap .name_wrap .name {
		font-size: 3.6rem;
		margin-top: 0.8rem;
	}
}
#sec_people_detail .people_detail_content .content {
	margin-top: 14rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_content .content {
		margin-top: 18rem;
	}
}
#sec_people_detail .people_detail_content .content .sec_ttl {
	font-size: 3.6rem;
	line-height: 1.6111111111;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_content .content .sec_ttl {
		font-size: 4.6rem;
	}
}
#sec_people_detail .people_detail_content .content .content_main {
	width: 89.4rem;
	margin: 8rem 0 0 auto;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_content .content .content_main {
		width: 100%;
		margin-top: 8rem;
	}
}
#sec_people_detail .people_detail_content .content .content_main .txt_wrap .txt {
	text-align: justify;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_content .content .content_main .txt_wrap .txt {
		font-size: 3rem;
	}
}
#sec_people_detail .people_detail_content .content .content_main .txt_wrap .txt + .txt {
	margin-top: 2em;
}
#sec_people_detail .people_detail_content .content .content_main .img {
	border-radius: 1rem;
	overflow: hidden;
	margin-top: 6rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_content .content .content_main .img {
		border-radius: 2rem;
		margin-top: 8rem;
	}
}
#sec_people_detail .people_detail_content hr {
	width: 100%;
	height: 1px;
	background-color: #afafaf;
	border: none;
	margin: 15rem 0 0;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_content hr {
		width: calc(100% + 12rem);
		height: 0.2rem;
		margin: 20rem -6rem 0;
	}
}
#sec_people_detail .people_detail_message {
	display: grid;
	grid-template-columns: 26.6rem 42.6rem 1fr;
	gap: 4rem;
	margin-top: 15rem;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_message {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 18rem;
	}
}
#sec_people_detail .people_detail_message .ttl_en {
	font-family: "Google Sans", sans-serif;
	font-weight: 500;
	font-size: 3.6rem;
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
	#sec_people_detail .people_detail_message .ttl_en {
		align-self: center;
	}
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_message .ttl_en {
		text-align: center;
		font-size: 4.6rem;
	}
}
#sec_people_detail .people_detail_message .img {
	aspect-ratio: 426/284;
	border-radius: 1rem;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_message .img {
		border-radius: 2rem;
		margin-top: 7.5rem;
	}
}
#sec_people_detail .people_detail_message .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 768px) {
	#sec_people_detail .people_detail_message .txt_wrap {
		align-self: center;
	}
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_message .txt_wrap {
		margin-top: 6rem;
	}
}
#sec_people_detail .people_detail_message .txt_wrap .ttl {
	font-weight: 500;
	font-size: 3rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_message .txt_wrap .ttl {
		font-size: 4rem;
	}
}
#sec_people_detail .people_detail_message .txt_wrap .txt {
	font-size: 1.8rem;
	margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
	#sec_people_detail .people_detail_message .txt_wrap .txt {
		font-size: 3rem;
	}
}

/* sec_people_related
--------------------------------*/
#sec_people_related .wrap {
	padding: 8rem 12rem;
	background-color: #f6f6f6;
	border-radius: 4rem;
}
@media screen and (min-width: 768px) {
	#sec_people_related .wrap {
		max-width: 144rem;
	}
}
@media screen and (max-width: 767px) {
	#sec_people_related .wrap {
		padding: 12rem 6rem;
		border-radius: 8rem;
	}
}
#sec_people_related .related_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6rem 12rem;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list {
		grid-template-columns: 1fr;
		gap: 10rem 0;
	}
}
#sec_people_related .related_list .item {
	position: relative;
}
#sec_people_related .related_list .item:nth-child(even)::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #afafaf;
	position: absolute;
	left: -6rem;
	top: 0;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item:nth-child(even)::before {
		content: none;
	}
}
#sec_people_related .related_list .item a {
	display: grid;
	grid-template-columns: 22rem 1fr;
	grid-template-rows: auto 1fr;
	grid-template-areas: "image name" "image catch";
	gap: 0 3.2rem;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item a {
		grid-template-columns: 30rem 1fr;
		grid-template-rows: auto auto;
		grid-template-areas: "image name" "catch catch";
		gap: 0 4.5rem;
	}
}
#sec_people_related .related_list .item .img {
	grid-area: image;
	aspect-ratio: 1/1;
	border-radius: 1rem;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .img {
		border-radius: 2rem;
	}
}
#sec_people_related .related_list .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.3s ease;
}
#sec_people_related .related_list .item .name_wrap {
	grid-area: name;
	margin-top: 1rem;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .name_wrap {
		align-self: center;
		margin-top: 0;
	}
}
#sec_people_related .related_list .item .name_wrap .position {
	color: #6e6b6b;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .name_wrap .position {
		font-size: 2.8rem;
		letter-spacing: -0.03em;
		white-space: nowrap;
	}
}
#sec_people_related .related_list .item .name_wrap .name {
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.5;
	position: relative;
	margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .name_wrap .name {
		font-size: 3.4rem;
		margin-top: 0.8rem;
	}
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .name_wrap .name::after {
		content: "";
		width: 2.8rem;
		height: 2.6rem;
		background: url(../img/common/arw_pink.svg) no-repeat center/contain;
		position: absolute;
		right: 0;
		bottom: 1.5rem;
		transition: translate 0.3s ease;
	}
}
#sec_people_related .related_list .item .catch {
	grid-area: catch;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: -0.025em;
	padding-top: 1.5rem;
	border-top: 1px solid #d9dddd;
	margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .catch {
		font-size: 3.6rem;
		padding-top: 2rem;
		border-width: 0.2rem;
		margin-top: 1em;
	}
}
#sec_people_related .related_list .item .arw {
	width: 4.8rem;
	height: 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, rgb(229, 45, 138) 0%, rgb(237, 137, 181) 100%);
	border-radius: 1.2rem;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .arw {
		width: 8.4rem;
		height: 4.2rem;
		border-radius: 2.1rem;
	}
}
#sec_people_related .related_list .item .arw::before {
	content: "";
	width: 1.6rem;
	height: 1.5rem;
	background: url(../img/common/arw_white.svg) no-repeat center/contain;
	position: absolute;
	transition: background-image 0.3s ease;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	#sec_people_related .related_list .item .arw::before {
		width: 2.9rem;
		height: 2.7rem;
	}
}
#sec_people_related .related_list .item .arw::after {
	content: "";
	width: calc(100% - 0.2rem);
	height: calc(100% - 0.2rem);
	background-color: #fff;
	border-radius: 1.2rem;
	opacity: 0;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
	transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
	#sec_people_related .related_list .item a:hover .img img {
		scale: 1.1;
	}
	#sec_people_related .related_list .item a:hover .arw::before {
		background-image: url(../img/common/arw_pink.svg);
	}
	#sec_people_related .related_list .item a:hover .arw::after {
		opacity: 1;
	}
}