.p-member {
	background: url("../images/memberstaff/bg_member.png") repeat-y top center/cover;
	padding-block: 9.5rem 10.6rem;
}

.p-member__anchor {
	display: flex;
	flex-wrap: wrap;
	gap: 3.6rem;
	justify-content: center;
	margin-bottom: 5rem;
}

.p-member__anchor a {
	background-color: var(--color-primary);
	border-radius: 3rem;
	color: var(--color-white);
	font-weight: 900;
	font-family: "Merriweather", serif;
	max-width: 31.5rem;
	width: 100%;
	height: 6.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.p-member__anchor a::after {
	content: "";
	background: url("../images/ic_arrowRight_small03.svg") no-repeat center/contain;
	width: 1.4rem;
	height: 0.7rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.9rem;
}

.p-staff {
	background: url("../images/memberstaff/bg_member.png") #92CEF9 repeat-y top center/cover;
	padding-block: 9.5rem 10.6rem;
}

.p-staff .card-media::after {
	background-color: var(--color-white);
	mix-blend-mode: normal;
}

.p-member__ttl,
.p-staff__ttl {
	color: var(--color-primary);
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.1851851852;
	display: flex;
	gap: 3rem;
	align-items: center;
}

.p-member__ttl i,
.p-staff__ttl i {
	font-family: "Merriweather", serif;
	font-size: 7.5rem;
	font-weight: 900;
	letter-spacing: -0.001em;
	text-transform: uppercase;
}

.p-member__item:not(:last-child),
.p-staff__item:not(:last-child) {
	margin-bottom: 8rem;
}

.p-member .card-list,
.p-staff .card-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem 2.6rem;
}

.p-member .card-item,
.p-staff .card-item {
	position: relative;
	z-index: 1;
}

.p-member .card-item:hover .card-media .df,
.p-staff .card-item:hover .card-media .df {
	opacity: 0;
	transform: scale(0.9);
}

.p-member .card-item:hover .card-media .hv,
.p-staff .card-item:hover .card-media .hv {
	opacity: 1;
	transform: scale(1);
}

.p-member .card-media,
.p-staff .card-media {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
}

.p-member .card-media img,
.p-staff .card-media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 0.5s var(--ease);
	z-index: 1;
}

.p-member .card-media img.df,
.p-staff .card-media img.df {
	opacity: 1;
}

.p-member .card-media img.hv,
.p-staff .card-media img.hv {
	opacity: 0;
	transform: scale(1.1);
}

.p-member .card-media__backdrop,
.p-staff .card-media__backdrop {
	aspect-ratio: 262/330;
	background-color: #E6E6E6;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: -1;
}

.p-member .card-pos,
.p-staff .card-pos {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	z-index: 2;
}

.p-member .card-pos__item,
.p-staff .card-pos__item {
	background-color: #E60012;
	color: var(--color-white);
	font-size: 1.698rem;
	padding: 0.6rem 0.9rem;
}

.p-member .card-pos__item.--new,
.p-staff .card-pos__item.--new {
	background-color: #EF8200;
}

.p-member .card-content,
.p-staff .card-content {
	margin-top: 1.2rem;
}

.p-member .card-name,
.p-staff .card-name {
	color: var(--color-primary);
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
}

.p-member .card-nameEN,
.p-staff .card-nameEN {
	font-size: 2rem;
	color: var(--color-primary);
	font-weight: bold;
	line-height: 1.2;
	margin-top: 0.6rem;
}

.p-visual {
	background: url("../images/memberstaff/detail/bg_head.jpg") no-repeat top center/cover;
	width: 100%;
	height: calc(100vh - var(--padding-t));
	position: fixed;
	top: var(--padding-t);
	left: 0;
	overflow: hidden;
	z-index: 3;
}

.p-visual__wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.p-visual__name {
	display: none;
	position: absolute;
	top: 9.4rem;
	left: 8.2rem;
}

.p-visual__name .pos {
	color: transparent;
	font-size: 4.684rem;
	font-style: italic;
	font-weight: 900;
	font-family: "Merriweather", serif;
	transition: color 0s 1s, margin-left 1s 0.7s;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	padding-right: 0.5rem;
	margin-bottom: 2rem;
}

.p-visual__name .pos::before {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #EF8200;
	transition: left 0.2s 0.8s, width 0.2s 1s;
}

.p-visual__name .pos span:not(:last-child)::after {
	content: "/";
	margin: 0 0.8rem;
	position: relative;
	top: -0.3rem;
}

.p-visual__name .nameEN {
	color: transparent;
	font-size: 7.495rem;
	line-height: 1.2;
	font-style: italic;
	font-weight: 900;
	font-family: "Merriweather", serif;
	transition: color 0s 1.3s, margin-left 1s 1s;
	position: relative;
	padding-right: 2rem;
	overflow: hidden;
	margin-bottom: 1rem;
}

.p-visual__name .nameEN::before {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #FFF;
	transition: left 0.2s 1s, width 0.2s 1.2s;
}

.p-visual__name .nameEN span {
	display: block;
}

.p-visual__name .name {
	color: transparent;
	font-weight: 500;
	font-size: 3.7rem;
	line-height: 1.2;
	transition: color 0s 1.6s, margin-left 1s 1.3s;
	position: relative;
	overflow: hidden;
}

.p-visual__name .name::before {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #FFF;
	transition: left 0.2s 1.2s, width 0.2s 1.4s;
}

.p-visual__name .sign {
	position: relative;
	width: 23rem;
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: clip-path 1.2s;
	transition-delay: 1.5s;
}

.p-visual__avata {
	flex-shrink: 0;
	position: relative;
	width: 92rem;
}

.p-visual__avata img {
	position: absolute;
	bottom: 0;
	top: 7rem;
}

.p-visual.animate_animated .p-visual__name .pos,
.p-visual.animate_animated .p-visual__name .nameEN,
.p-visual.animate_animated .p-visual__name .name {
	color: #EF8200;
	margin-left: 0;
}

.p-visual.animate_animated .p-visual__name .pos::before,
.p-visual.animate_animated .p-visual__name .nameEN::before,
.p-visual.animate_animated .p-visual__name .name::before {
	left: 0%;
	width: 0%;
}

.p-visual.animate_animated .p-visual__name .nameEN,
.p-visual.animate_animated .p-visual__name .name {
	color: #FFF;
}

.p-visual.animate_animated .p-visual__name .sign {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.p-visual.animate_animated .p-visual__avata {
	opacity: 1;
}

.p-visual .pagejump-item {
	cursor: pointer;
	position: absolute;
	top: 50%;
	background: url("../images/ic_arrow_select.svg") no-repeat center/contain;
	width: 3.3rem;
	height: 5.2rem;
}

.p-visual .pagejump-item.--prev {
	left: 2.6rem;
	transform: translateY(-50%) rotate(90deg);
}

.p-visual .pagejump-item.--next {
	right: 2.6rem;
	transform: translateY(-50%) rotate(-90deg);
}

.p-player.--pos {
	position: relative;
	z-index: 4;
}

.p-player__center {
	background-color: #FFF;
	padding-block: 4rem 15rem;
}

.p-player__center-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.p-player__center-ttl {
	font-size: 7rem;
	color: #D3B800;
	font-family: "Merriweather", serif;
	font-weight: 900;
	font-style: italic;
	line-height: 1;
	text-align: center;
	margin-bottom: 3rem;
}

.p-player__profile .info-player {
	margin-bottom: 17rem;
	padding-inline: 2.7rem;
}

.p-player__profile .info-player__pos {
	color: #EF8200;
	font-size: 4.684rem;
	font-style: italic;
	font-weight: 900;
	font-family: "Merriweather", serif;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.p-player__profile .info-player__pos span {
	padding-right: 0.5rem;
}

.p-player__profile .info-player__pos span:not(:last-child)::after {
	content: "/";
	margin: 0 0.8rem;
	position: relative;
	top: -0.3rem;
}

.p-player__profile .info-player__nameEN {
	color: #003994;
	font-size: 3.8rem;
	font-weight: 500;
	line-height: 1.1842105263;
}

.p-player__profile .info-player__name {
	color: #003994;
	font-weight: 500;
	font-size: 7.1rem;
	line-height: 1.2112676056;
	margin-bottom: 1rem;
}

.p-player__profile .parameters-player li {
	display: flex;
	gap: 1.4rem;
	align-items: center;
}

.p-player__profile .parameters-player li:not(:last-child) {
	border-bottom: 1px solid #1D2088;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}

.p-player__profile .parameters-player li .name {
	color: #003994;
	font-size: 3.8rem;
	padding-inline: 1.3rem;
	flex-shrink: 0;
	width: 17.8rem;
}

.p-player__profile .parameters-player li .detail {
	color: #003994;
	font-size: 5rem;
	flex: 1;
	padding-inline: 1.3rem;
	width: 15.1rem;
}

.p-player__profile .sandtable {
	max-width: 60rem;
	margin: 0 auto 12rem;
}

.p-player__position .sandtable {
	width: 100%;
	max-width: 37rem;
}

.p-player__bottom {
	background: url("../images/memberstaff/detail/bg_bottom.jpg") no-repeat top center/cover;
	padding-block: 6.6rem 19rem;
}

.p-player__bottom-wrap {
	display: flex;
	flex-direction: column;
	gap: 5.7rem;
}

.p-player__sc ul li {
	display: flex;
	flex-direction: column;
}

.p-player__sc ul li:not(:last-child) {
	margin-bottom: 8rem;
}

.p-player__sc ul li .name {
	color: #005CB9;
	font-size: 4rem;
	padding-inline: 1.3rem;
	flex-shrink: 0;
	line-height: 1.2;
}

.p-player__sc ul li .detail {
	color: #FFF;
	font-size: 5rem;
	flex: 1;
	padding-inline: 1.3rem;
	line-height: 1.2;
	text-align: center;
}

.p-player__sc ul li .detail img {
	width: 4.2rem;
	margin-right: 2rem;
}

.p-player__sc .mes {
	margin-top: 17rem;
}

.p-player__sc .mes-ttl {
	border-bottom: 1px solid #005CB9;
	color: #005CB9;
	font-size: 4rem;
	padding: 0 1.3rem 1.5rem;
	margin-bottom: 2.5rem;
	text-align: center;
}

.p-player__sc .mes-txt {
	color: #FFF;
	font-size: 5rem;
	padding-inline: 1.3rem;
}

.p-player__full {
	width: 36.7rem;
}

.p-footer {
	position: relative;
	z-index: 4;
}

@media (min-width: 769px) {

.p-member__anchor {
	margin-bottom: 5rem;
}

.p-member__anchor a {
	font-size: 2.582rem;
}

.p-staff {
	padding-block: 15rem;
}

.p-member__ttl,
.p-staff__ttl {
	font-size: 2.7rem;
	gap: 4rem;
	margin-bottom: 2rem;
}

.p-member__ttl i,
.p-staff__ttl i {
	font-size: 9.4rem;
}

.p-member__item:not(:last-child),
.p-staff__item:not(:last-child) {
	margin-bottom: 10rem;
}

.p-member .card-list,
.p-staff .card-list {
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem 1.15rem;
}

.p-member .card-pos__item,
.p-staff .card-pos__item {
	font-size: 1.7rem;
	padding: 0.2rem 1.4rem 0.2rem 1rem;
}

.p-visual__name {
	display: block;
	top: 8.90625vw;
	left: 0;
}

.p-visual__name .pos {
	font-size: 2.6041666667vw;
	margin-bottom: 1.0416666667vw;
	margin-left: 7rem;
}

.p-visual__name .nameEN {
	font-size: 4.1666666667vw;
	margin-bottom: 0.5208333333vw;
	margin-left: 7rem;
}

.p-visual__name .name {
	font-size: 2.0833333333vw;
	margin-left: 7rem;
}

.p-visual__name .sign {
	width: 15.8333333333vw;
	left: 4.1666666667vw;
	margin-top: 3rem;
}

.p-visual__avata img {
	top: auto;
	left: 0;
}

.p-player__center {
	padding-block: 5rem;
}

.p-player__center-wrap {
	flex-direction: row;
	align-items: flex-start;
}

.p-player__center-ttl {
	font-size: 5rem;
	margin-bottom: 3rem;
	text-align: left;
}

.p-player__profile,
.p-player__position {
	flex: 1;
}

.p-player__profile .info-player {
	display: none;
}

.p-player__profile .parameters-player li {
	max-width: 45.4rem;
}

.p-player__profile .parameters-player li .name {
	color: #1D2088;
	font-size: 2.5rem;
	width: 15.1rem;
}

.p-player__profile .parameters-player li .detail {
	color: #1D2088;
	font-size: 3rem;
}

.p-player__position {
	padding-left: 2.4rem;
}

.p-player__position .sandtable {
	max-width: 47.4rem;
}

.p-player__bottom {
	padding-block: 10.6rem 6rem;
}

.p-player__bottom-wrap {
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.p-player__sc ul li {
	max-width: 63.5rem;
	align-items: center;
	gap: 1.4rem;
	flex-direction: row;
}

.p-player__sc ul li:not(:last-child) {
	border-bottom: 1px solid #FFF;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}

.p-player__sc ul li .name {
	font-size: 2.5rem;
	color: #FFF;
	width: 28rem;
}

.p-player__sc ul li .detail {
	font-size: 3rem;
	text-align: left;
}

.p-player__sc .mes-ttl {
	font-size: 2.5rem;
	border-color: #FFF;
	color: #FFF;
	text-align: left;
}

.p-player__sc .mes-txt {
	font-size: 3rem;
	line-height: 1.2;
}

.p-player__full {
	flex-shrink: 0;
	width: 38.8rem;
}

}

@media (min-width: 769px) and (max-width: 1024px) {

.p-member .card-list,
.p-staff .card-list {
	grid-template-columns: repeat(3, 1fr);
}

.p-visual__name {
	top: 8.90625vw;
	left: 10rem;
}

.p-visual__avata {
	width: 54rem;
}

}

@media (min-width: 1025px) {

.p-visual {
	height: calc(100vh - var(--padding-t));
	min-height: 45.1041666667vw;
}

.p-visual__wrap {
	justify-content: flex-end;
	max-width: 56.25vw;
}

.p-visual__avata {
	width: 40.3645833333vw;
	right: -8.3333333333vw;
	opacity: 0;
	transition: 0.8s 0s;
}

.p-visual.animate_animated .p-visual__avata {
	right: -6.25vw;
}

}

@media (min-width: 1025px) and (max-width: 1600px) {

.p-visual__avata {
	width: 37.5vw;
}

}

@media (min-width: 1921px) {

.p-visual__avata {
	width: 40.1041666667vw;
	right: -8.3333333333vw;
}

}

@media (max-width: 1024px) {

.p-visual__avata {
	margin: 0 auto;
}

.p-visual__avata img {
	right: 0;
	margin: 0 auto;
}

}

@media (max-width: 768px) {

.p-member__item,
.p-staff__item {
	padding-inline: 6.5rem;
}

.p-visual__avata img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
}

.p-player__center-wrap {
	gap: 7rem;
}

.p-player__center-ttl::after {
	content: "";
	background-color: currentColor;
	display: block;
	width: 4.2rem;
	height: 0.4rem;
	margin: 0.5rem auto 0;
}

.p-player__profile,
.p-player__position {
	width: 100%;
}

.p-player__position .sandtable {
	margin: 0 auto;
}

.p-player__sc ul li .name {
	text-align: center;
	border-bottom: 1px solid #005CB9;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

.p-player__full {
	margin: 0 auto;
}

}