@charset "utf-8";

:root {

}

@media (prefers-color-scheme: dark) {
	:root {
	}
}

@media screen and (max-width:480px) {
	:root {

		--UL_gap: var(--Size_24);
		
	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {

		--UL_gap: var(--Size_48) var(--Size_24);
		
	}
}

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

		--UL_gap: var(--Size_48) var(--Size_24);
		
	}
}

@media screen and (min-width:1025px) and ( max-width:1920px) {
	:root {

		--UL_gap: var(--Size_48) var(--Size_24);
		
	}
}

@media screen and (min-width:1921px) {
	:root {
		
		--UL_gap: var(--Size_48) var(--Size_24);

	}
}








/*　Page　メンバー　*/

section.member {
	position: relative;
	padding: 36px var(--Padding_W) var(--Size_24);
}

section.member h2 {
	padding: 0 0;
	text-align: center;
}

section.member ul {
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	flex-wrap: wrap;
 	gap: var(--UL_gap);
	padding: var(--Size_48) 0 var(--Size_60);
}

section.member ul li {
	flex-basis: calc( calc( 100% - calc( var(--Size_24) * 2 ) ) /3 );
}

section.member ul li figure {
	margin: 0;
	width: 100%;
	border-radius: var(--Border-radius_M2);
	overflow: hidden;
}

section.member ul li > div.wrap1 {
	padding: var(--Size_06) 0 0;
}

section.member ul li > div.wrap1 p {
	font-size: var(--Size_08);
	font-weight: 500;
}

section.member ul li > div.wrap2 {
	display: flex;
	justify-content: space-between;
}

section.member ul li > div.wrap2 div.sns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
 	gap: var(--Size_02);
}

section.member ul li > div.wrap2 div.sns a img {
	width: var(--Size_18);
}

section.member ul li > div.wrap2 p {
	font-size: var(--Size_14);
	font-weight: 700;
}