/*===========================================================================
 secClub
===========================================================================*/
.secClub .secWrap {
	margin-top: calc(107 * var(--rs));
}
.secClub .secHead {
	position: relative;
	min-height: calc(580 * var(--rs));
	background: rgba(3, 3, 3, 0.3) no-repeat center center / cover;
	background-blend-mode: multiply;
	color: #fff;
	padding-top: calc(156 * var(--rs));
	padding-bottom: calc(122 * var(--rs));
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}
.secClub .secHead:hover {
	opacity: 0.7;
}
.secClub .secHead_inr {
	max-width: calc(800 * var(--rs));
}
.secClub .secHead_ttl {
	display: inline-block;
	position: relative;
	padding-right: calc(74 * var(--rs));
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(40 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.secClub .secHead_ttl::after {
	content: "";
	display: block;
	position: absolute;
	top: 49%;
	right: 0;
	width: calc(34 * var(--rs));
	height: calc(34 * var(--rs));
	background: no-repeat url(/chu-ko/life/club/images/icn_head_arw.svg) center center / contain;
	transform: translateY(-50%);
}
.secClub .sec.is-open .secHead_ttl::after {
	transform: rotate(-180deg) translateY(50%);
}
.secClub .secHead_lead {
	margin-top: calc(36 * var(--rs));
	font-family: var(--font-noto-serif);
	font-size: calc(24 * var(--rs));
	line-height: 1.58;
}
.secClub .secHead_txt {
	max-width: calc(680 * var(--rs));
	margin-top: calc(15 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 1.88;
}
.secClub .secHead_clubList {
	display: flex;
	flex-wrap: wrap;
	margin: calc(37 * var(--rs)) calc(-8 * var(--rs)) calc(-10 * var(--rs)) 0;
}
.secClub .secHead_clubItem {
	margin: 0 calc(8 * var(--rs)) calc(10 * var(--rs)) 0;
	padding: calc(2 * var(--rs)) calc(14 * var(--rs)) calc(5 * var(--rs));
	border-radius: calc(13 * var(--rs));
	border: 1px solid #fff;
	font-weight: 500;
	font-size: calc(12 * var(--rs));
	line-height: 1.42;
}
.secClub .sec.-sports .secHead {
	background-image: url(/chu-ko/life/club/images/sports_mv_bg.jpg);
}
.secClub .sec.-stage .secHead {
	background-image: url(/chu-ko/life/club/images/stage_mv_bg.jpg);
}
.secClub .sec.-culture .secHead {
	padding-top: calc(120 * var(--rs));
	background-image: url(/chu-ko/life/club/images/culture_mv_bg.jpg);
}
.secClub .sec.-group .secHead {
	background-image: url(/chu-ko/life/club/images/group_mv_bg.jpg);
}
.secClub .secBody {
	display: none;
	padding-top: calc(140 * var(--rs));
	padding-bottom: calc(200 * var(--rs));
}
.secClub .secWrap > :last-child .secBody {
	padding-bottom: calc(180 * var(--rs));
}
.secClub .clubWrap > * + * {
	margin-top: calc(140 * var(--rs));
}
.secClub .club {
	display: flex;
}
.secClub .club_txtWrap {
	flex: 1;
	margin-top: calc(60 * var(--rs));
}
.secClub .club_ttl {
	position: relative;
	padding-bottom: calc(30 * var(--rs));
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(32 * var(--rs));
	line-height: 1.47;
	letter-spacing: 0.04em;
}
.secClub .club_ttl::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(28 * var(--rs));
	height: 2px;
	background-color: var(--key-color);
}
.secClub .club_txt {
	position: relative;
	margin-top: calc(26 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 1.88;
}
.secClub .club_txt::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(25 * var(--rs));
	width: 100vw;
	height: calc(450 * var(--rs));
	background-color: #f8f8f8;
	z-index: -1;
}
.secClub .club_imgWrap {
	display: grid;
	grid-template-rows: 420fr 240fr;
	gap: calc(20 * var(--rs));
}

.secClub .clubWrap > *:nth-child(odd) .club_txtWrap {
	margin-left: calc(110 * var(--rs));
}
.secClub .clubWrap > *:nth-child(odd) .club_txt::after {
	left: 0;
	transform: translateX(calc(-500 * var(--rs)));
}
.secClub .clubWrap > *:nth-child(odd) .club_imgWrap {
	flex-basis: calc(640 * var(--rs));
	grid-template-columns: 364fr 220fr 16fr;
}
.secClub .clubWrap > *:nth-child(odd) .club_img01 {
	grid-area: 1 / 1 / 2 / 4;
}
.secClub .clubWrap > *:nth-child(odd) .club_img02 {
	grid-area: 2 / 1 / 3 / 2;
}
.secClub .clubWrap > *:nth-child(odd) .club_img03 {
	grid-area: 2 / 2 / 3 / 3;
}


.secClub .clubWrap > *:nth-child(even) .club_txt::after {
	right: 0;
	transform: translateX(calc(500 * var(--rs)));
}
.secClub .clubWrap > *:nth-child(even) .club_imgWrap {
	flex-basis: calc(722 * var(--rs));
	grid-template-columns: 62fr 138fr 364fr 98fr;
	margin-left: calc(28 * var(--rs));
}
.secClub .clubWrap > *:nth-child(even) .club_img01 {
	grid-area: 1 / 2 / 2 / 5;
}
.secClub .clubWrap > *:nth-child(even) .club_img02 {
	grid-area: 2 / 3 / 3 / 4;
}
.secClub .clubWrap > *:nth-child(even) .club_img03 {
	grid-area: 2 / 1 / 3 / 3;
}

.secClub .groupTtl {
	position: relative;
	padding-bottom: calc(21 * var(--rs));
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(20 * var(--rs));
	line-height: 1.45;
	letter-spacing: 0.04em;
}
.secClub .groupTtl::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(20 * var(--rs));
	height: 2px;
	background-color: var(--font-color-base);
}
.secClub .groupMedia {
	display: flex;
	margin-right: calc(50% - 50vw);
}
.secClub .groupMedia_txtWrap {
	flex: 0 0 calc(1040 * var(--rs));
	margin-top: calc(408 * var(--rs));
	padding: calc(70 * var(--rs)) calc(120 * var(--rs)) calc(97 * var(--rs)) 0;
	background-color: #fff;
	z-index: 1;
}
.secClub .groupMedia_cardWrap {
	margin-top: calc(48 * var(--rs));
}
.secClub .groupMedia_cardTtl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(24 * var(--rs));
	line-height: 1.58;
	letter-spacing: 0.04em;
}
.secClub .groupMedia_cardTxt {
	margin-top: calc(57 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 1.88;
}
.secClub .groupMedia_img {
	flex: 0 0 calc(1460 * var(--rs));
	margin-left: calc(-940 * var(--rs));
}
.secClub .activeGroup {
	margin-top: calc(40 * var(--rs));
}
.secClub .activeGroup_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(20 * var(--rs)) calc(12 * var(--rs));
	margin-top: calc(49 * var(--rs));
}
.secClub .activeGroup_item {
	min-height: calc(230 * var(--rs));
	padding: calc(37 * var(--rs)) calc(44 * var(--rs)) calc(46 * var(--rs)) calc(38 * var(--rs));
	background-color: #fafafa;
}
.secClub .activeGroup_itemTtl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(22 * var(--rs));
	line-height: 1.41;
	letter-spacing: 0.04em;
}
.secClub .activeGroup_itemTxt {
	margin-top: calc(13 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 1.63;
}
.secClub .pastGroup {
	margin-top: calc(80 * var(--rs));
}
.secClub .pastGroup_list {
	display: flex;
	flex-wrap: wrap;
	margin: calc(49 * var(--rs)) calc(-10 * var(--rs)) calc(-10 * var(--rs)) 0;
}
.secClub .pastGroup_item {
	margin: 0 calc(10 * var(--rs)) calc(10 * var(--rs)) 0;
	padding: calc(5 * var(--rs)) calc(21 * var(--rs)) calc(6 * var(--rs)) calc(22 * var(--rs));
	border-radius: 2px;
	border: solid 1px #dfd9db;
	color: var(--key-color);
	font-weight: 500;
	font-size: calc(15 * var(--rs));
	line-height: 1.4;
}
.secClub .pastGroup_gallery {
	display: grid;
	grid-template-columns: repeat(2, 150fr) 560fr repeat(2, 150fr);
	grid-template-rows: 190fr 160fr;
	gap: calc(10 * var(--rs));
	margin-top: calc(120 * var(--rs));
}
.secClub .pastGroup_galleryImg01 {
	grid-area: 1 / 1 / 2 / 3;
}
.secClub .pastGroup_galleryImg02 {
	grid-area: 2 / 1 / 3 / 2;
}
.secClub .pastGroup_galleryImg03 {
	grid-area: 2 / 2 / 3 / 3;
}
.secClub .pastGroup_galleryImg04 {
	grid-area: 1 / 3 / 3 / 4;
}
.secClub .pastGroup_galleryImg05 {
	grid-area: 1 / 4 / 2 / 6;
}
.secClub .pastGroup_galleryImg06 {
	grid-area: 2 / 4 / 3 / 5;
}
.secClub .pastGroup_galleryImg07 {
	grid-area: 2 / 5 / 3 / 6;
}
/* PC
----------------------------------*/
@media screen and (min-width: 769px) {
	.secClub .club_txtWrap.-pcMt30 {
		margin-top: calc(30 * var(--rs));
	}
	.secClub .club_txtWrap.-pcMt36 {
		margin-top: calc(36 * var(--rs));
	}
	.secClub .clubWrap > *:nth-child(odd) {
		flex-direction: row-reverse;
	}

	.secClub .clubWrap > .-pcImgL .club_imgWrap {
		flex-basis: calc(680 * var(--rs));
		grid-template-columns: 390fr 230fr 20fr;
		grid-template-rows: 420fr 260fr;
	}

	.secClub .clubWrap > *:nth-child(odd).-pcImgL .club_txtWrap {
		margin-left: calc(67 * var(--rs));
	}
	.secClub .clubWrap > *:nth-child(odd).-pcImgL .club_imgWrap {
		grid-template-columns: 390fr 230fr 20fr;
	}
	.secClub .clubWrap > *:nth-child(odd).-pcImgL .club_img01 {
		grid-area: 1 / 1 / 2 / 3;
	}
	.secClub .clubWrap > *:nth-child(odd).-pcImgL .club_img03 {
		grid-area: 2 / 2 / 3 / 4;
	}

	.secClub .clubWrap > *:nth-child(even).-pcImgL .club_imgWrap {
		grid-template-columns: 20fr 230fr 390fr;
		margin-left: calc(70 * var(--rs));
	}
	.secClub .clubWrap > *:nth-child(even).-pcImgL .club_img01 {
		grid-area: 1 / 2 / 2 / 4;
	}
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secClub .secWrap {
		margin-top: calc(92 * var(--rs));
	}
	.secClub .secHead {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: calc(1000 * var(--rs));
	}
	.secClub .secHead_inr {
		max-width: initial;
	}
	.secClub .secHead_ttl {
		display: block;
		padding-right: calc(90 * var(--rs));
		font-size: calc(56 * var(--rs));
		line-height: 1.43;
	}
	.secClub .secHead_ttl::after {
		width: calc(70 * var(--rs));
		height: calc(70 * var(--rs));
		transform: translateY(calc(-50% + 6 * var(--rs)));
	}
	.secClub .secHead_lead {
		margin-top: calc(64 * var(--rs));
		font-size: calc(40 * var(--rs));
		line-height: 1.33;
	}
	.secClub .secHead_txt {
		max-width: initial;
		margin-top: calc(24 * var(--rs));
		margin-right: calc(-10 * var(--rs));
		margin-bottom: calc(-10 * var(--rs));
		font-size: calc(32 * var(--rs));
	}
	.secClub .secHead_clubList {
		margin-top: calc(50 * var(--rs));
	}
	.secClub .secHead_clubItem {
		padding: calc(3 * var(--rs)) calc(19 * var(--rs)) calc(1 * var(--rs));
		border-radius: calc(20 * var(--rs));
		font-size: calc(22 * var(--rs));
		line-height: 1.45;
	}
	.secClub .sec.-sports .secHead {
		background-image: url(/chu-ko/life/club/images/sp_sports_mv_bg.png);
	}
	.secClub .sec.-stage .secHead {
		background-image: url(/chu-ko/life/club/images/sp_stage_mv_bg.png);
	}
	.secClub .sec.-culture .secHead {
		background-image: url(/chu-ko/life/club/images/sp_culture_mv_bg.jpg);
	}
	.secClub .sec.-group .secHead {
		background-image: url(/chu-ko/life/club/images/sp_group_mv_bg.jpg);
	}
	.secClub .secBody {
		padding-top: calc(142 * var(--rs));
		padding-bottom: calc(160 * var(--rs));
	}
	.secClub .secWrap > :last-child .secBody {
		padding-top: calc(130 * var(--rs));
		padding-bottom: 0;
	}
	.secClub .clubWrap > * + * {
		margin-top: calc(140 * var(--rs));
	}
	.secClub .club {
		position: relative;
		flex-direction: column;
		padding-bottom: calc(149 * var(--rs));
	}
	.secClub .club::after {
		content: "";
		display: block;
		position: absolute;
		top: calc(401 * var(--rs));
		width: 100vw;
		height: calc(100% - 401 * var(--rs));
		background-color: #f8f8f8;
		z-index: -1;
	}
	.secClub .club_txtWrap {
		display: contents;
	}
	.secClub .club_ttl {
		padding-bottom: calc(30 * var(--rs));
		font-size: calc(48 * var(--rs));
		line-height: 1.44;
	}
	.secClub .club_ttl::after {
		width: calc(40 * var(--rs));
	}
	.secClub .club_txt {
		order: 1;
		margin-top: calc(82 * var(--rs));
		font-size: calc(32 * var(--rs));
	}
	.secClub .club_txt::after {
		content: none;
		display: none;
	}
	.secClub .club_imgWrap {
		grid-template-rows: calc(420 * var(--rs)) calc(180 * var(--rs)) calc(50 * var(--rs));
		margin-top: calc(58 * var(--rs));
	}
	.secClub .club_imgWrap img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.secClub .clubWrap > *:nth-child(odd)::after {
		left: 0;
		transform: translateX(calc(160 * var(--rs)));
	}
	.secClub .clubWrap > *:nth-child(odd) .club_imgWrap {
		flex-basis: initial;
		grid-template-columns: 380fr 270fr;
	}
	.secClub .clubWrap > *:nth-child(odd) .club_img01 {
		grid-area: 1 / 1 / 2 / 3;
	}
	.secClub .clubWrap > *:nth-child(odd) .club_img02 {
		grid-area: 2 / 1 / 4 / 2;
	}


	.secClub .clubWrap > *:nth-child(even)::after {
		right: 0;
		transform: translateX(calc(-160 * var(--rs)));
	}
	.secClub .clubWrap > *:nth-child(even) .club_imgWrap {
		flex-basis: initial;
		grid-template-columns: 270fr 380fr;
		margin-left: 0;
	}
	.secClub .clubWrap > *:nth-child(even) .club_img01 {
		grid-area: 1 / 1 / 2 / 3;
	}
	.secClub .clubWrap > *:nth-child(even) .club_img02 {
		grid-area: 2 / 2 / 4 / 3;
	}
	.secClub .clubWrap > *:nth-child(even) .club_img03 {
		grid-area: 2 / 1 / 3 / 2;
	}

	.secClub .groupTtl {
		padding-bottom: calc(10 * var(--rs));
		font-weight: normal;
		font-size: calc(40 * var(--rs));
		line-height: 1.8;
	}
	.secClub .groupTtl::after {
		width: calc(30 * var(--rs));
	}
	.secClub .groupMedia {
		flex-direction: column-reverse;
		margin: 0;
	}
	.secClub .groupMedia_txtWrap {
		flex: initial;
		margin: calc(-108 * var(--rs)) calc(16 * var(--rs)) 0;
		padding: calc(54 * var(--rs)) calc(40 * var(--rs)) calc(70 * var(--rs));
	}
	.secClub .groupMedia_cardWrap {
		margin-top: calc(48 * var(--rs));
	}
	.secClub .groupMedia_cardTtl {
		font-size: calc(42 * var(--rs));
		line-height: 1.52;
		letter-spacing: normal;
	}
	.secClub .groupMedia_cardTxt {
		margin-top: calc(26 * var(--rs));
		font-size: calc(32 * var(--rs));
	}
	.secClub .groupMedia_img {
		flex: initial;
		margin-left: 0;
	}
	.secClub .activeGroup {
		margin-top: calc(80 * var(--rs));
	}
	.secClub .activeGroup_list {
		grid-template-columns: 1fr;
		gap: calc(20 * var(--rs));
		margin-top: calc(58 * var(--rs));
	}
	.secClub .activeGroup_item {
		min-height: calc(290 * var(--rs));
		padding: calc(64 * var(--rs)) calc(60 * var(--rs)) calc(66 * var(--rs));
	}
	.secClub .activeGroup_itemTtl {
		font-size: calc(40 * var(--rs));
		line-height: 1.25;
	}
	.secClub .activeGroup_itemTxt {
		margin-top: calc(26 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.5;
	}
	.secClub .pastGroup {
		margin-top: calc(100 * var(--rs));
	}
	.secClub .pastGroup_list {
		margin-top: calc(58 * var(--rs));
	}
	.secClub .pastGroup_item {
		padding: calc(3 * var(--rs)) calc(33 * var(--rs)) calc(7 * var(--rs)) ;
		border-radius: 5px;
		font-size: calc(30 * var(--rs));
		line-height: 1.47;
	}
	.secClub .pastGroup_gallery {
		grid-template-columns: 210fr 310fr 210fr;
		grid-template-rows: 258fr repeat(2, 110fr);
		margin: calc(100 * var(--rs)) calc(-40 * var(--rs)) 0;
	}
	.secClub .pastGroup_galleryImg01 {
		grid-area: 1 / 1 / 2 / 2;
	}
	.secClub .pastGroup_galleryImg02 {
		grid-area: 2 / 1 / 3 / 2;
	}
	.secClub .pastGroup_galleryImg03 {
		grid-area: 3 / 1 / 4 / 2;
	}
	.secClub .pastGroup_galleryImg04 {
		grid-area: 1 / 2 / 4 / 3;
	}
	.secClub .pastGroup_galleryImg05 {
		grid-area: 1 / 3 / 2 / 4;
	}
	.secClub .pastGroup_galleryImg06 {
		grid-area: 2 / 3 / 3 / 4;
	}
	.secClub .pastGroup_galleryImg07 {
		grid-area: 3 / 3 / 4 / 4;
	}
}