.about-top{
	margin-bottom: var(--g-sec--md);
}
.about-top__head{
	margin-bottom: 1.5rem;
}
.about-top__title{
	text-align: center;
}
.about-top__body{
	--count: 1;
	--gap: var(--g-sec--xs);
	--media-width: 82%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1.5rem var(--gap);
}
@media (min-width: 768px){
	.about-top__body{
		--count: 2;
		flex-direction: row-reverse;
	}
}

.about-top__image{
	flex-grow: 1;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	max-width: 30rem;
	margin-inline: auto;
}
.about-top__content{
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.about-top__name{
	text-align: right;
	font-family: var(--ff-m);
}



/*===============================================================================
スタッフ
================================================================================*/
.about-staff__head{
	margin-bottom: 1.5rem;
}
.about-staff__title{
	text-align: center;
}

/*===============================
* スタッフ
* =================================*/
.about-staff__profile{
	--count: 1;
	--gap: 1rem;
	--media-width: 60%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	padding: 1rem;
}
@media (min-width: 600px){
	.about-staff__profile{
		--count: 2;
	}
}
.about-staff__profile:not(:last-of-type){
	margin-bottom: 1.5rem;
}
/* 画像 */
.about-staff__image{
	flex-grow: 1;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	max-width: 30rem;
	margin-inline: auto;
}
/* 情報 */
.about-staff__content{
	display: flex;
    flex-direction: column;
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}

.about-staff__summary{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
/* 	flex-wrap: wrap; */
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--c-gray);
}
.about-staff__name{
	min-width: 6em;
	font-size: 1.25rem;
}
.about-staff__role{
	display: flex;
	gap: 0 1rem;
	flex-wrap: wrap;
}
.about-staff__detail{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	margin-bottom: .5rem;
}
.about-staff__detail > *{
	display: flex;
	align-items: baseline;
	gap: .5rem;
}
.about-staff__label{
	min-width: fit-content;
	padding: 0 0.875em;
	border-radius: var(--bd-r--xs);
	overflow: hidden;
	border: 1px solid var(--c-dark);
}
.about-staff__label.--sikaku{
	background: #FF884D;
}
.about-staff__label.--hoby{
	background: #FFCDA8;
}
.about-staff__comment{
	display: flex;
    flex-direction: column;
	flex-grow: 1;
}
.about-staff__comment-content{
	flex-grow: 1;
	padding: .5rem;
	border: 1px solid var(--c-gray);
}