@charset "UTF-8";
/* CSS Document */

/*
	ホリプロを知る
-----------------------------------------------------------------------------------------------*/
.aboutPage #ctsWrapper{
	padding-bottom: 0;
}
.aboutWrapper{
	position: relative;
	z-index: 1;
}

/* ページタイトル
========================================*/
.titAboutPage{
	width: fit-content;
	padding-bottom: 8px;
	margin-left: 70px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-indent: 0.075em;
	line-height: 100%;
	border-bottom: 1px solid #000000;
}
.aboutPage #cmnPageHead{
	height: 540px;
}

/* MVVタイトル
========================================*/
.titMVV{
	width: fit-content;
	margin: 0 auto 20px auto;
}
.titMVV span{
	display: block;
	width: fit-content;
	min-width: 120px;
	padding: 4px 0 3px 0;
	font-family: var(--ffEn);
	font-size: 1.8rem;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.075em;
	text-indent: 0.075em;
	line-height: 100%;
	background-color: #000000;
}

/* MVV 矢印
========================================*/
/* 黒 */
.aboutWrapper .arrowMVV{
	display: block;
	width: 25px;
	height: 20px;
	margin: 30px auto;
	position: relative;
	background: linear-gradient(to bottom, #000000 0px, #000000 100%) center top / 1px 100% no-repeat;
}
.aboutWrapper .arrowMVV::after{
	content: ' ';
	display: block;
	width: 17px;
	height: 17px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	transform-origin: left bottom;
	transform: translate(12.5px, 2px) rotate(-45deg);
	position: absolute;
	bottom: 0;
	left: 0;
}
/* 白 */
.aboutWrapper .arrowMVV.white{
	background: linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 100%) center top / 1px 100% no-repeat;
}
.aboutWrapper .arrowMVV.white::after{
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
/* 白黒 */
.aboutWrapper .arrowMVV.white.halfBk{
	background: linear-gradient(to bottom, #FFFFFF 100px, #000000 100px) center top / 1px 100% no-repeat;
}
.aboutWrapper .arrowMVV.white.halfBk.jsAnmStart::after{
	animation: bdClBkArrowMvv 0.8s 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes bdClBkArrowMvv{
	40%{
		border-left-color: #FFFFFF;
		border-bottom-color: #FFFFFF;
	}
	50%{
		border-left-color: #000000;
		border-bottom-color: #000000;
	}
	100%{
		border-left-color: #000000;
		border-bottom-color: #000000;
	}
}
/* 長さ */
.aboutWrapper .arrowMVV.jsAnmStart{
	animation: extendArrowMvv 0.6s 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes extendArrowMvv{
	0%{
		opacity: 0;
		height: 20px;
	}
	100%{
		opacity: 1;
		height: 200px;
	}
}
@keyframes extendArrowMvvMin{
	0%{
		opacity: 0;
		height: 20px;
	}
	100%{
		opacity: 1;
		height: 90px;
	}
}
@keyframes extendArrowMvvMax{
	0%{
		opacity: 0;
		height: 20px;
	}
	100%{
		opacity: 1;
		height: 100%;
	}
}

/* BUSINESS
========================================*/
.aboutPage #cmnPageHead .tit{
	text-align: center;
}
.aboutPage #cmnPageHead .tit .fsL{
	font-size: 6.3rem;
}
.aboutPage #cmnPageHead .titMVV{
	margin: 45px auto 30px auto;
}
.leadAboutBusiness{
	margin-top: 15px;
	font-size: 3.4rem;
	font-weight: 800;
	color: var(--clNavy);
	text-align: center;
	letter-spacing: 0.05em;
}
.leadAboutBusiness .ffEn{
	font-size: 4.3rem;
	font-weight: 700;
	letter-spacing: 0;
}

/* MISSION
========================================*/
/* 背景 */
.missionArea{
	padding-bottom: 130px;
	color: #FFFFFF;
	background: url(../images/bg_about_mission02_pc.png) top center / cover no-repeat;
	position: relative;
	opacity: 1;
}
.missionArea::before{
	content: ' ';
	display: block;
	width: 1232px;
	height: 725px;
	background: url(../images/bg_about_mission01_pc.png) center top / contain no-repeat;
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	left: calc(50% - 616px);
	opacity: 0;
}
.missionArea:has(.missionSNFArea.jsAnmStart)::before{
	animation: fadeInScaleExpand 0.8s 1 normal 0s var(--anmEasingBase) forwards;
}
.missionArea .ctsArea{
	position: relative;
}
/* MVVタイトル */
.missionArea .titMVV{
	translate: 0 -12px;
}
/* SNFキャッチ */
.catchEn{
	margin-block: 55px 15px;
	font-family: var(--ffEn);
	font-size: 6.2rem;
	font-style: italic;
	font-weight: 500;
	text-align: center;
	line-height: 100%;
}
/* SNFコンテンツ */
.missionSNFArea{
	display: flex;
	justify-content: center;
	gap: 0 101px;
	padding-block: 40px 64px;
	position: relative;
	opacity: 1;
}
.missionSNFArea .snfBox{
	width: 400px;
	padding: 22px;
	position: relative;
	opacity: 0;
}
.missionSNFArea .snfBox::before{
	content: ' ';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgb(48 208 205 / 0.85);
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	left: 0;
}
.missionSNFArea .snfBox.red::before{
	background-color: rgb(240 28 20 / 0.85);
}
.missionSNFArea .snfBox .tit{
	width: fit-content;
	padding: 0 8px 3px 8px;
	margin: 0 auto 12px auto;
	font-size: 2rem;
	font-weight: 600;
	text-shadow: 3px 3px 4px rgb(0 0 0 / 0.3);
	position: relative;
}
.missionSNFArea .snfBox .tit span{
	position: relative;
}
.missionSNFArea .snfBox .tit::before{
	content: ' ';
	display: block;
	width: 100%;
	height: 14px;
	background-color: #30D0CD;
	mix-blend-mode: overlay;
	position: absolute;
	bottom: 0;
	left: 0;
}
.missionSNFArea .snfBox.red .tit::before{
	background-color: #F01C14;
}
.missionSNFArea .snfBox .txt{
	font-size: 1.3rem;
	text-align: justify;
	letter-spacing: 0.1em;
	line-height: 160%;
}
/* SNF animation */
.missionSNFArea.jsAnmStart .snfBox.green{
	animation: fadeInLtoR var(--anmDurationBase) 1 normal 0.55s var(--anmEasingBase) forwards;
}
.missionSNFArea.jsAnmStart .snfBox.red{
	animation: fadeInRtoL var(--anmDurationBase) 1 normal 0.55s var(--anmEasingBase) forwards;
}
/* SNF 矢印 */
.missionSNFArea .arrowMVV{
	margin: 0;
	position: absolute;
	top: 0;
	left: calc(50% - 12px);
}
.missionSNFArea .arrowMVV.jsAnmStart{
	animation-name: extendArrowMvvMax;
	animation-delay: 0.8s;
}
/* OUR FUTURE */
.missionArea .catch{
	margin-block: 30px;
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}
.missionArea .catch.jsAnmStart,.featureBox.jsAnmStart{
	animation-delay: 0s;
}
.featureBox{
	width: fit-content;
	padding: 22px 22px 22px 64px;
	margin: 0 auto;
	background-color: rgb(0 0 0 / 0.3);
	border: 1px solid rgb(255 255 255 / 0.3);
	position: relative;
}
.featureBox .tit{
	display: grid;
	place-content: center;
	width: 80px;
	aspect-ratio: 1 / 1;
	font-family: var(--ffEn);
	font-size: 1.2rem;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	line-height: 125%;
	background-color: var(--clGold);
	border-radius: 50%;
	position: absolute;
	top: 15px;
	left: -40px;
}
.featureBox .txt{
	line-height: 160%;
}
/* OUR FUTURE　矢印 */
.missionArea .arrowMVV.halfBk{
	position: absolute;
	left: calc(50% - 12px);
}

/* VISION
========================================*/
.visionArea{
	margin-block: 140px 160px;
	position: relative;
}
/* キャッチ */
.visionArea .catch{
	font-size: 3.6rem;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.15em;
	line-height: 145%;
}
/* 本文 */
.visionArea .txt{
	width: fit-content;
	margin: 20px auto 0 auto;
	font-feature-settings: 'pkna';
	letter-spacing: 0.05em;
	line-height: 180%;
	opacity: 0;
}
.visionArea .catch.jsAnmStart + .txt{
	animation: fadeInBtoT var(--anmDurationBase) 1 normal 0.55s var(--anmEasingBase) forwards;
}
/* 矢印 */
.visionArea .arrowMVV{
	margin: 0;
	position: absolute;
	top: calc(100% + 30px);
	left: calc(50% - 12px);
}
.visionArea .arrowMVV.jsAnmStart{
	animation-name: extendArrowMvvMin;
}

/* VALUE
========================================*/
.valueArea{
	padding-bottom: 63px;
}
.valueArea .lead{
	margin-bottom: 30px;
	font-size: 1.8rem;
	text-align: center;
}
/* swiper */
.valueSliderContainer.jsAnmStart{
	animation-duration: 0.55s;
}
.swiper-wrapper{
	transition-timing-function: linear; /* なめらかなループにするのに必須 */
}
.listValueSlider li{
	display: grid;
	place-content: center;
	width: 332px;
	height: 120px;
	margin-block: 17px;
	font-size: 1.7rem;
	font-weight: 700;
	text-align: center;
	background-color: #FFFFFF;
	position: relative;
}
@media (any-hover: hover){
	.listValueSlider li:hover{
		cursor: grab;
	}
	.listValueSlider li:active{
		cursor: grabbing;
	}
}
.listValueSlider li::before{
	content: ' ';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/item_about_vision_gold.svg) left top / contain no-repeat;
	position: absolute;
	top: -17px;
	left: 10px;
}
.listValueSlider li.red::before{
	background-image: url(../images/item_about_vision_red.svg);
}
.listValueSlider li.green::before{
	background-image: url(../images/item_about_vision_green.svg);
}
.listValueSlider li.navy::before{
	background-image: url(../images/item_about_vision_navy.svg);
}

/* 数字で見るホリプロ
========================================*/
.numbersArea{
	background-color: var(--clGray);
}
.numbersArea .ctsArea{
	padding-block: 80px 120px;
	position: relative;
}
/* タイトル */
.numbersTitBox{
	position: absolute;
	top: 143px;
	left: 30px;
}
.numbersTitBox .tit{
	font-size: 4.2rem;
	font-weight: 900;
	color: var(--clNavy);
	letter-spacing: 0.1em;
	line-height: 120%;
}
.numbersTitBox .ffEn{
	margin-top: 4px;
	font-size: 2.2rem;
	font-weight: 800;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
/* リスト */
.listNumbers{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.listNumbers li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 255px;
	min-height: 252px;
	padding: 25px 10px 10px 10px;
	background: var(--patGridLW) var(--clNavy);
	position: relative;
}
.listNumbers li.col2{
	width: 550px;
}
.listNumbers li.works{
	width: 100%;
}
.listNumbers li:first-of-type{
	margin-left: 590px;
}
.listNumbers li::before{
	content: ' ';
	display: block;
	width: 4px;
	height: 42px;
	background-color: var(--clGold);
	rotate: 30deg;
	position: absolute;
	top: -18px;
	left: 17px;
}
/* 項目_見出し */
.listNumbers li .tit{
	width: fit-content;
	padding-bottom: 10px;
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--clGray);
	letter-spacing: 0.1em;
	line-height: 100%;
	border-bottom: 1px solid var(--clGray);
}
/* 数値_大 */
.listNumbers li .number{
	margin-top: -10px;
	font-family: var(--ffEn);
	font-size: 7.3rem;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: 0;
}
.listNumbers li .number .fsS{
	font-size: 5.3rem;
}
.listNumbers li .number .unit{
	font-size: 2.5rem;
}
.listNumbers li .number .unit.ffEn{
	font-size: 2.7rem;
}
/* 数値_中 */
.listNumbers li .number.fsM{
	font-size: 6.5rem;
}
.listNumbers li .number.fsM .unit{
	font-size: 2.3rem;
}
/* 数値_最小 */
.listNumbers li .number.fsSS{
	font-size: 3.4rem;
}
.listNumbers li .number.fsSS .fsMin{
	font-size: 2.5rem;
}
.listNumbers li .number.fsSS .unit.ffEn{
	font-size: 1.6rem;
}
/* 注釈 */
.listNumbers li .note{
	align-self: flex-end;
	font-size: 1rem;
	color: var(--clGray);
	text-align: right;
	letter-spacing: 0.1em;
}
/* 創業 */
.listNumbers li.founding{
	justify-content: flex-start;
}
.listNumbers li.founding .number{
	padding-top: 35px;
}
/* 所属アーティスト数 */
.listNumbers li.artist .artistBox{
	display: flex;
	gap: 50px;
	text-align: center;
}
.listNumbers li.artist .number{
	padding-top: 40px;
}
.listNumbers li.artist .graph{
	padding-top: 10px;
}
/* 配属と異動 */
.listNumbers li.assign{
	justify-content: flex-start;
}
.listNumbers li.assign .number{
	margin-bottom: -5px;
}
.listNumbers li .titSub{
	margin-block: 18px 5px;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--clGold);
	letter-spacing: 0.1em;
}
.listNumbers li.assign .note{
	align-self: center;
}
/* 年間作品数 */
.listNumbers li.works{
	padding-top: 30px;
}
.listNumbers li.works .worksArea{
	display: flex;
	gap: 0 40px;
	width: 100%;
	padding: 20px 40px 30px 40px;
}
.listNumbers li.works .titWorksBox{
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 10px;
}
.listNumbers li.works .titWorks{
	width: 100px;
	padding: 5px 5px 6px 5px;
	margin-bottom: 4px;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
	line-height: 100%;
	background-color: var(--clGold);
}
.listNumbers li.works .number{
	font-size: 4.2rem;
	letter-spacing: 0.05em;
}
.listNumbers li.works .number .digit{
	font-size: 2.4rem;
}
.listNumbers li.works .number .unit{
	font-size: 1.6rem;
}
.listNumbers li.works .note{
	margin-left: 5px;
	font-family: var(--ffNoto);
	font-weight: 400;
	letter-spacing: 0.1em;
}
/* 年間作品数_動画 */
.listNumbers li.works .movieBox{
	width: 390px;
	padding-right: 40px;
	border-right: 1px dotted var(--clGray);
}
.listNumbers li.works .movieBox .graph{
	text-align: center;
}
/* 年間作品数_舞台 / 楽曲 */
.listNumbers li.works .worksBox{
	flex: 1 0 auto;
}
.listNumbers li.works .worksSubBox,.listNumbers li.works .musicBox{
	display: flex;
	align-items: center;
	gap: 0 30px;
}
.listNumbers li.works .musicBox{
	padding-top: 30px;
	margin-top: 40px;
	border-top: 1px dotted var(--clGray);
}
.listNumbers li.works .titSub{
	margin-top: 0;
}
.listNumbers li.works .worksSubCts{
	text-align: center;
}
.listNumbers li.works .worksSubCts .note{
	margin-top: -2px;
	margin-left: 0;
	text-align: center;
}
.listNumbers li.works .musicBox .worksSubCts .note{
	margin-top: -7px;
}
.listNumbers li.works .musicBox .titWorksBox{
	padding-top: 25px;
	margin-right: 19px;
}

@media screen and (812px < width){
	.listNumbers li.mf img{
		width: 162px;
	}
	.listNumbers li.job img{
		width: 490px;
	}
	.listNumbers li.artist img{
		width: 242px;
	}
	.listNumbers li.works .graph img{
		width: 292px;
	}
	.listNumbers li.works .theaterBox .graph img{
		width: 234px;
	}
}



/* 
	SP
-----------------------------------------------------------------------------------------------*/
@media screen and (width <= 812px){
	/*
		ホリプロを知る
	-----------------------------------------------------------------------------------------------*/
	/* ページタイトル
	========================================*/
	.titAboutPage{
		padding-bottom: 8px;
		margin-top: 40px;
		margin-left: 25px;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		text-indent: 0.05em;
	}
	.aboutPage #cmnPageHead{
		height: auto;
	}
	.aboutPage #cmnPageHead .enCategory{
		left: 1.2em
	}

	/* MVVタイトル
	========================================*/
	.titMVV{
		margin: 0 auto 18px auto;
	}
	.titMVV span{
		padding: 3px 0 3px 0;
		font-size: 1.4rem;
	}

	/* MVV 矢印
	========================================*/
	/* 白黒 */
	.aboutWrapper .arrowMVV.white.halfBk{
		background: linear-gradient(to bottom, #FFFFFF 60px, #000000 60px) center top / 1px 100% no-repeat;
	}
	/* 長さ */
	.visionArea .arrowMVV.jsAnmStart{
		animation-duration: 0.4s;
	}
	@keyframes extendArrowMvv{
		0%{
			opacity: 0;
			height: 20px;
		}
		100%{
			opacity: 1;
			height: 120px;
		}
	}
	@keyframes extendArrowMvvMin{
		0%{
			opacity: 0;
			height: 20px;
		}
		100%{
			opacity: 1;
			height: 60px;
		}
	}

	/* BUSINESS
	========================================*/
	.aboutPage #cmnPageHead .tit{
		padding: 0 25px;
		line-height: 135%;
	}
	.aboutPage #cmnPageHead .tit .fsL{
		font-size: 3.2rem;
	}
	.aboutPage #cmnPageHead .titMVV{
		margin: 30px auto 15px auto;
	}
	.leadAboutBusiness{
		margin-block: 5px 50px;
		font-size: 1.6rem;
	}
	.leadAboutBusiness .ffEn{
		font-size: 2.1rem;
	}

	/* MISSION
	========================================*/
	/* 背景 */
	.missionArea{
		padding-bottom: 90px;
		background: url(../images/bg_about_mission02_sp.png) top center / cover no-repeat;
	}
	.missionArea::before{
		width: 100%;
		height: 100%;
		background: url(../images/bg_about_mission01_sp.png) center top / contain no-repeat;
		top: 0;
		left: 0;
	}
	/* MVVタイトル */
	.missionArea .titMVV{
		translate: 0 -10px;
	}
	/* SNFキャッチ */
	.catchEn{
		margin-block: 25px 15px;
		font-size: 3.6rem;
	}
	/* SNFコンテンツ */
	.missionSNFArea{
		gap: 0 21px;
		padding-block: 20px 44px;
	}
	.missionSNFArea .snfBox{
		width: calc((100% - 22px)/2);
		padding: 12px;
	}
	.missionSNFArea .snfBox .tit{
		padding: 0 5px 3px 8px;
		margin: 0 auto 8px auto;
		font-size: 1.5rem;
		text-align: center;
	}
	.missionSNFArea .snfBox .tit::before{
		height: 7px;
	}
	.missionSNFArea .snfBox .txt{
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		line-height: 140%;
	}
	/* OUR FUTURE */
	.missionArea .catch{
		margin-block: 20px;
		font-size: 2rem;
		font-weight: 500;
	}
	.featureBox{
		width: calc(100% - 28px);
		padding: 16px 15px 16px 45px;
		text-align: justify;
	}
	.featureBox .tit{
		display: grid;
		place-content: center;
		width: 60px;
		font-size: 1rem;
		top: 50%;
		left: -30px;
		translate: 0 -50%;
	}

	/* VISION
	========================================*/
	.visionArea{
		margin-block: 90px 110px;
		position: relative;
	}
	/* キャッチ */
	.visionArea .catch{
		font-size: 2rem;
	}
	/* 本文 */
	.visionArea .txt{
		width: 100%;
		padding: 0 25px;
		margin: 10px auto 0 auto;
		font-feature-settings: 'palt';
		text-align: justify;
		letter-spacing: 0.1em;
	}
	/* 矢印 */
	.visionArea .arrowMVV{
		top: calc(100% + 20px);
	}

	/* VALUE
	========================================*/
	.valueArea{
		padding-bottom: 33px;
	}
	.valueArea .lead{
		margin-bottom: 15px;
		font-size: 1.5rem;
	}
	/* swiper */
	.valueSliderContainer.jsAnmStart{
		animation-duration: 0.45s;
	}
	.listValueSlider li{
		width: 200px;
		height: 120px;
		margin-block: 17px;
		font-size: 1.3rem;
	}
	.listValueSlider li::before{
		width: 20px;
		height: 20px;
		top: -14px;
		left: 10px;
	}

	/* 数字で見るホリプロ
	========================================*/
	.numbersArea .ctsArea{
		padding-block: 60px 60px;
	}
	/* タイトル */
	.numbersTitBox{
		margin-bottom: 20px;
		position: static;
	}
	.numbersTitBox .tit{
		font-size: 2.4rem;
	}
	.numbersTitBox .ffEn{
		margin-top: 2px;
		font-size: 1.4rem;
	}
	/* リスト */
	.listNumbers{
		gap: 20px;
	}
	.listNumbers li{
		width: calc((100% - 20px)/2);
		min-height: initial;
		padding: 20px 5px 5px 5px;
	}
	.listNumbers li.col2{
		width: 100%;
	}
	.listNumbers li:first-of-type{
		margin-left: 0;
	}
	.listNumbers li::before{
		width: 3px;
		height: 24px;
		top: -11px;
		left: 10px;
	}
	/* 項目_見出し */
	.listNumbers li .tit{
		padding-bottom: 7px;
		margin-bottom: 15px;
		font-size: 1.3rem;
	}
	/* 数値_大 */
	.listNumbers li .number{
		margin-top: -10px;
		font-size: 3.6rem;
	}
	.listNumbers li .number .fsS{
		font-size: 2.6rem;
	}
	.listNumbers li .number .unit{
		font-size: 1.1rem;
	}
	.listNumbers li .number .unit.ffEn{
		font-size: 1.3rem;
	}
	/* 数値_中 */
	.listNumbers li .number.fsM{
		font-size: 3.6rem;
	}
	.listNumbers li .number.fsM .unit{
		font-size: 1.1rem;
	}
	/* 数値_最小 */
	.listNumbers li .number.fsSS{
		font-size: 2rem;
	}
	.listNumbers li .number.fsSS .fsMin{
		font-size: 1.5rem;
	}
	.listNumbers li .number.fsSS .unit.ffEn{
		font-size: 1rem;
	}
	/* 注釈 */
	.listNumbers li .note{
		letter-spacing: 0.05em;
		line-height: 135%;
	}
	/* グラフ */
	.listNumbers li .graph{
		margin-bottom: 20px;
	}
	.listNumbers li .graph img{
		max-width: 100%;
	}
	/* 創業 */
	.listNumbers li.founding .number{
		padding-top: 0px;
	}
	/* 男女比 */
	.listNumbers li.fm .graph img{
		width: 130px;
	}
	/* 職種比率 */
	.listNumbers li.job .graph img{
		width: 310px;
	}
	/* 所属アーティスト数 */
	.listNumbers li.artist .artistBox{
		flex-direction: column;
		gap: 0 0;
	}
	.listNumbers li.artist .artistBox .tit{
		margin-inline: auto;
	}
	.listNumbers li.artist .number{
		padding-top: 0;
	}
	.listNumbers li.artist .graph{
		padding-top: 0;
	}
	.listNumbers li.artist .graph img{
		width: 310px;
	}
	/* 配属と異動 */
	.listNumbers li.assign{
		text-align: center;
	}
	.listNumbers li.assign .tit{
		margin-bottom: 5px;
	}
	.listNumbers li.assign .number{
		margin-bottom: -5px;
	}
	.listNumbers li .titSub{
		margin-block: 5px 10px;
		font-size: 1.1rem;
	}
	.listNumbers li.assign .note{
		margin-bottom: 5px;
		text-align: center;
	}
	/* 年間作品数 */
	.listNumbers li.works{
		padding-top: 20px;
	}
	.listNumbers li.works .worksArea{
		flex-direction: column;
		gap: 20px 0;
		padding: 0 10px 20px 10px;
	}
	.listNumbers li.works .titWorksBox{
		margin-bottom: 0;
	}
	.listNumbers li.works .titWorks{
		width: fit-content;
		min-width: 90px;
		margin-bottom: 13px;
		letter-spacing: 0.05em;
	}
	.listNumbers li.works .number{
		font-size: 3.6rem;
		letter-spacing: 0.05em;
	}
	.listNumbers li.works .number .digit{
		font-size: 1.5rem;
	}
	.listNumbers li.works .number .unit{
		font-size: 1.1rem;
	}
	/* 年間作品数_動画 */
	.listNumbers li.works .movieBox{
		width: 100%;
		padding: 0 0 22px 0;
		border-right: none;
		border-bottom: 1px dotted var(--clGray);
	}
	.listNumbers li.works .movieBox .graph{
		margin-bottom: 0;
	}
	.listNumbers li.works .movieBox .graph img{
		width: 310px;
	}
	/* 年間作品数_舞台 / 楽曲 */
	.listNumbers li.works .worksSubBox,.listNumbers li.works .musicBox{
		flex-direction: column;
		align-items: center;
		gap: 0 30px;
	}
	.listNumbers li.works .musicBox{
		display: block;
		padding-top: 25px;
		margin-top: 20px;
	}
	.listNumbers li.works .musicBox .titWorks{
		margin-bottom: 35px;
	}
	.listNumbers li.works .musicBox .titWorksBox .number{
		line-height: 1.4rem;
	}
	.listNumbers li.works .musicBox .titWorksBox .number .note{
		margin-left: 0;
	}
	.listNumbers li.works .titSub{
		margin-bottom: 8px;
	}
	.listNumbers li.works .worksSubCts .note{
		margin-top: -2px;
		margin-left: 0;
	}
	.listNumbers li.works .theaterBox .worksSubCts .note,
	.listNumbers li.works .musicBox .worksSubCts .note{
		margin-top: -15px;
	}
	.listNumbers li.works .musicBox .titWorksBox{
		padding-top: 0;
		margin-right: 0;
	}
}
@media only screen and (width <= 812px) and (orientation: landscape){
	
}