@layer component {
	/* デザイン幅基準の10px */
	:root{
		--base-unit-d: calc(10 / 1920 * 100vw);
		--header-height: 150px;
	}
	@media screen and (max-width: 1199px){
		:root{
			--base-unit-d: calc(10 / 768 * 100vw);
			--header-height: 120px;
		}
	}
	@media screen and (max-width: 767px){
		:root{
			--base-unit-d: calc(10 / 375 * 100vw);
		}
	}
	.l-header.is-hide ~ .l-main{
		--header-height: 82px;
	}
	
	/* MCの「ヒト」を知る */
	.p-people{
		width: 100%;
		position: relative;
	}
	.p-people img{
		display: block;
		width: 100%;
		height: auto;
	}
	.p-people__wrapper{
		display: grid;
		width: 100%;
	}
	@media screen and (min-width: 1200px){
		.p-people__wrapper{
			grid-template-columns: 1fr calc(var(--width-contents) / 2) calc(var(--width-contents) / 2) 1fr;
		}
	}
	@media screen and (max-width: 1199px){
		.p-people__wrapper{
			grid-template-columns: 1fr var(--width-contents) 1fr;
		}
	}
	
	/* 一覧 */
	.p-people-nav{
		margin: calc(7.6 * var(--base-unit)) 0 0;
		width: 100%;
		position: relative;
		z-index: 10;
		padding-bottom: calc(17.1 * var(--base-unit));
	}
	.p-people-nav.p-people-nav--article{
		margin-top: 0;
		padding-top: calc(35.4 * var(--base-unit));
		padding-bottom: calc(10 * var(--base-unit));
		background: linear-gradient(180deg, transparent 0%, #fff calc(28 * var(--base-unit)), #fff 100%);
		grid-column: 1 / -1;
	}
	.p-people-nav__head{
		margin: 0 auto;
		width: var(--width-contents);
		display: grid;
		grid-template-columns: auto auto;
		justify-content: space-between;
		align-items: start;
	}
	.p-people-nav__title{
		width: fit-content;
		text-align:center;
		font-size: calc(3.4 * var(--base-unit));
		line-height: calc(40 / 34);
	}
	.p-people-nav__title-main,
	.p-people-nav__title-sub{
		display: block;
		white-space: nowrap;
		text-align: center;
		font-weight: 300;
		letter-spacing: 0.27em;
	}
	.p-people-nav__title-sub{
		color: #e60012;
	}
	.p-people-nav__lead{
		padding: 0 0 0  calc(2 * var(--base-unit));
		font-size: calc(1.8 * var(--base-unit));
		font-weight: 500;
		line-height: calc(24 / 18);
		text-align: left;
		letter-spacing: 0.03em;
	}
	.p-people-nav__wrapper{
		position: relative;
		margin: calc(3.9 * var(--base-unit)) auto 0;
		width: var(--width-contents);
		display: grid;
		grid-template-columns: 1fr auto;
	}
	.p-people-nav__inner{
		text-align: center;
	}
	.p-people-nav__list{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: calc(6.5 * var(--base-unit)) calc(3.7 * var(--base-unit));
		width: 100%;
		text-align: left;
	}
	.p-people-nav__list-item{
		display: block;
	}
	.p-people-nav__list-item-link{
		display: grid;
		width: 100%;
		grid-template-columns: calc(2.3 * var(--base-unit)) 1fr;
		transition: opacity 0.4s ease 0s;
	}
	@media (hover){
		.p-people-nav__list-item-link:hover{
			opacity: 0.6;
		}
	}
	.p-people-nav__list-item-set{
		background: #ede4e4;
		position: relative;
	}
	.p-people-nav__list-item:nth-child(8n+2) .p-people-nav__list-item-set,
	.p-people-nav__list-item:nth-child(8n+4) .p-people-nav__list-item-set,
	.p-people-nav__list-item:nth-child(8n+5) .p-people-nav__list-item-set,
	.p-people-nav__list-item:nth-child(8n+7) .p-people-nav__list-item-set{
		background: #dadada;
	}
	.p-people-nav__list-item-set::before{
		content: '';
		display: block;
		width: 100%;
		height: 0;
		padding-top: calc(497 / 242 * 100%);
	}
	.p-people-nav__list-item-set::after{
		content: '';
		position: absolute;
		display: block;
		width: calc(91 / 242 * 100%);
		height: 0;
		padding-top: calc(91 / 242 * 100%);
		left: calc(-9 / 242 * 100%);
		bottom: calc(-9 / 497 * 100%);
		background: #a22041;
		mask:
			url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_6.svg) no-repeat center center / calc(32 / 91 * 100%) auto,
			linear-gradient(0deg, #000 0%, #000 100%) no-repeat left bottom / calc(9 / 91 * 100%) calc(82 / 91 * 100%),
			linear-gradient(0deg, #000 0%, #000 100%) no-repeat left bottom / calc(82 / 91 * 100%) calc(9 / 91 * 100%);
	}
	.p-people-nav__list-item:nth-child(8n+2) .p-people-nav__list-item-set::after,
	.p-people-nav__list-item:nth-child(8n+4) .p-people-nav__list-item-set::after,
	.p-people-nav__list-item:nth-child(8n+5) .p-people-nav__list-item-set::after,
	.p-people-nav__list-item:nth-child(8n+7) .p-people-nav__list-item-set::after{
		background: #707070;
	}
	.p-people-nav__list-item-name{
		font-weight: 300;
		font-size: calc(1.6 * var(--base-unit));
		line-height: 1;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		display: flex;
		align-items: center;
	}
	.p-people-nav__list-item-name-txt1,
	.p-people-nav__list-item-name-txt2{
		display: block;
		vertical-align: top;
		width: 1em;
		overflow: visible;
		letter-spacing: 0.02em;
	}
	.p-people-nav__list-item-name-txt1{
		height: calc(12 * var(--base-unit));
	}
	.p-people-nav__list-item-name-txt2{
		margin-top: calc(0.8 * var(--base-unit));
		font-size: calc(1.3 * var(--base-unit));
		height: calc(26 * var(--base-unit));
		position: relative;
		padding-top: calc(2.5 * var(--base-unit));
	}
	.p-people-nav__list-item-name-txt2::before{
		content: '';
		width: calc(0.5 * var(--base-unit));
		height: calc(0.5 * var(--base-unit));
		border-radius: 50%;
		background: #a22041;
		display: block;
		position: absolute;
		top: calc(1 * var(--base-unit));
		right: calc(0.5 * var(--base-unit));
	}
	.p-people-nav__list-item-name-set{
		text-orientation: mixed;
		display: inline-block;
		vertical-align:middle;
		transform: rotate(-90deg);
		transform-origin: center center;
		margin: 0.1em 0 -0.1em;
	}
	.p-people-nav__list-item-name-en{
		text-orientation: mixed;
		letter-spacing: 0.1em;
		margin-bottom: 0.1em;
	}
	.p-people-nav__list-item-catch{
		position: absolute;
		left: calc(1.7 * var(--base-unit));
		top: calc(2.2 * var(--base-unit));
		font-weight: 500;
		font-size: calc(2 * var(--base-unit));
		letter-spacing: -0.01em;
		line-height: calc(24 / 20);
		text-align: left;
		color: #a22041;
	}
	.p-people-nav__list-item-catch-note{
		display: block;
		margin-top: calc(0.6 * var(--base-unit));
		font-size: calc(1.2 * var(--base-unit));
		letter-spacing: -0.01em;
		line-height: calc(14 / 12);
	}
	.p-people-nav__list-item:nth-child(8n+2) .p-people-nav__list-item-catch,
	.p-people-nav__list-item:nth-child(8n+4) .p-people-nav__list-item-catch,
	.p-people-nav__list-item:nth-child(8n+5) .p-people-nav__list-item-catch,
	.p-people-nav__list-item:nth-child(8n+7) .p-people-nav__list-item-catch{
		color: #333;
	}
	.p-people-nav__list-item-img{
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--01{
		width: calc(190 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--02{
		width: calc(185 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--03{
		width: calc(180 / 242 * 100%);
		right: calc(-5 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--04{
		width: calc(191 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--05{
		width: calc(205 / 242 * 100%);
		right: calc(-17 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--06{
		width: calc(181 / 242 * 100%);
		right: calc(-4 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--07{
		width: calc(191 / 242 * 100%);
		right: calc(10 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--08{
		width: calc(200 / 242 * 100%);
		right: calc(-11 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--09{
		width: calc(204 / 242 * 100%);
		right: calc(-13 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--10{
		width: calc(202 / 242 * 100%);
		right: calc(-9 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--11{
		width: calc(210 / 242 * 100%);
		right: calc(-3 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--12{
		width: calc(218 / 242 * 100%);
		right: calc(-17 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--13{
		width: calc(200 / 242 * 100%);
		right: calc(-17 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--14{
		width: calc(202 / 242 * 100%);
		right: calc(-12 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--15{
		width: calc(207 / 242 * 100%);
		right: calc(-2 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--16{
		width: calc(170 / 242 * 100%);
		right: calc(-11 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--17{
		width: calc(222 / 242 * 100%);
		right: calc(-15 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--18{
		width: calc(200 / 242 * 100%);
		right: calc(-6 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--19{
		width: calc(180 / 242 * 100%);
	}
	.p-people-nav__list-item-img.p-people-nav__list-item-img--20{
		width: calc(239 / 242 * 100%);
		right: calc(-17 / 242 * 100%);
	}
	.p-people-nav__more{
		margin: calc(13 * var(--base-unit)) auto 0;
	}
	@media screen and (min-width: 1200px){
		.p-people-nav__list-item.js-more-item__pc ~ .p-people-nav__list-item{
			display: none !important;
		}
		.p-people-nav__list-item:nth-child(4n+1){
			padding-top: calc(228 / 242 * 100%);
		}
		.p-people-nav__list-item:nth-child(4n+2),
		.p-people-nav__list-item:nth-child(4n+4){
			padding-top: calc(115 / 242 * 100%);
		}
		.p-people-nav__list-item:nth-child(n+5){
			margin-top: calc(-228 / 242 * 100%);
		}
		.p-people-nav__list-item:nth-child(4n+1){
			animation-delay: 0.5s !important;
		}
		.p-people-nav__list-item:nth-child(4n+2){
			animation-delay: 1s !important;
		}
		.p-people-nav__list-item:nth-child(4n+3){
			animation-delay: 1.5s !important;
		}
		.p-people-nav__list-item:nth-child(4n+4){
			animation-delay: 2s !important;
		}
	}
	@media screen and (min-width: 768px) and (max-width: 1199px){
		.p-people-nav__list-item.js-more-item__tb ~ .p-people-nav__list-item{
			display: none !important;
		}
		.p-people-nav__list-item:nth-child(odd){
			padding-top: calc(114 / 589 * 100%);
		}
		.p-people-nav__list-item:nth-child(n+3){
			margin-top: calc(-114 / 589 * 100%);
		}
		.p-people-nav__list-item:nth-child(odd){
			animation-delay: 0.5s !important;
		}
		.p-people-nav__list-item:nth-child(even){
			animation-delay: 1s !important;
		}
	}
	@media screen and (max-width: 1319px){
		.p-people-nav__list-item-catch{
			left: calc(17 / 1320 * 100vw);
			top: calc(22 / 1320 * 100vw);
			font-size: calc(20 / 1320 * 100vw);
		}
	}
	@media screen and (max-width: 1199px){
		.p-people-nav{
			margin-top: calc(6.7 * var(--base-unit));
			margin-bottom: calc(11.2 * var(--base-unit));
		}
		.p-people-nav.p-people-nav--article{
			margin-top: calc(36 * var(--base-unit));
			padding-top: 0;
		}
		.p-people-nav__head{
			display: block;
		}
		.p-people-nav__lead{
			margin-top: calc(4.5 * var(--base-unit));
			padding: 0;
		}
		.p-people-nav__wrapper{
			margin-top: calc(6.2 * var(--base-unit));
		}
		.p-people-nav__list{
			grid-template-columns: repeat(2, 1fr);
			column-gap: calc(57 / 768 * 100vw);
			width: 100%;
		}
		.p-people-nav__list-item-link{
			grid-template-columns: calc(24 / 768 * 100vw) 1fr;
		}
		.p-people-nav__list-item-name{
			font-size: calc(16 / 768 * 100vw);
		}
		.p-people-nav__list-item-name-txt2{
			margin-top: calc(7 / 768 * 100vw);
		}
		.p-people-nav__list-item-name-txt3{
			margin-top: calc(8 / 768 * 100vw);
			font-size: calc(13 / 768 * 100vw);
		}
		.p-people-nav__list-item-name-txt3::before{
			width: calc(5 / 768 * 100vw);
			height: calc(5 / 768 * 100vw);
			margin-bottom: calc(10 / 768 * 100vw);
		}
		.p-people-nav__list-item-name-txt4{
			margin-top: calc(7 / 768 * 100vw);
			font-size: calc(12 / 768 * 100vw);
		}
		.p-people-nav__list-item-catch{
			left: calc(17 / 768 * 100vw);
			top: calc(22 / 768 * 100vw);
			font-size: calc(20 / 768 * 100vw);
		}
		.p-people-nav__more{
			margin-top: calc(12.4 * var(--base-unit));
		}
	}
	@media screen and (max-width: 767px){
		.p-people-nav{
			margin-top: calc(5.2 * var(--base-unit));
			padding-bottom: calc(9.6 * var(--base-unit));
		}
		.p-people-nav.p-people-nav--article{
			margin-top: calc(13 * var(--base-unit));
			padding-top: 0;
		}
		.p-people-nav__title{
			font-size: calc(2.4 * var(--base-unit));
			line-height: calc(29 / 24);
		}
		.p-people-nav__lead{
			margin-top: calc(2.5 * var(--base-unit));
			font-size: calc(1.3 * var(--base-unit));
			line-height: calc(20 / 13);
			letter-spacing: 0.03em;
		}
		.p-people-nav__wrapper{
			margin-top: calc(4.7 * var(--base-unit));
		}
		.p-people-nav__list{
			grid-template-columns: 1fr;
		}
		.p-people-nav__list-item{
			animation-delay: 0.5s !important;
		}
		.p-people-nav__list-item.js-more-item__sp ~ .p-people-nav__list-item{
			display: none !important;
		}
		.p-people-nav__list-item-link{
			grid-template-columns: calc(24 / 375 * 100vw) 1fr;
		}
		.p-people-nav__list-item-name{
			font-size: calc(16 / 375 * 100vw);
		}
		.p-people-nav__list-item-name-txt2{
			margin-top: calc(7 / 375 * 100vw);
		}
		.p-people-nav__list-item-name-txt3{
			margin-top: calc(8 / 375 * 100vw);
			font-size: calc(13 / 375 * 100vw);
		}
		.p-people-nav__list-item-name-txt3::before{
			width: calc(5 / 375 * 100vw);
			height: calc(5 / 375 * 100vw);
			margin-bottom: calc(10 / 375 * 100vw);
		}
		.p-people-nav__list-item-name-txt4{
			margin-top: calc(7 / 375 * 100vw);
			font-size: calc(12 / 375 * 100vw);
		}
		.p-people-nav__list-item-catch{
			left: calc(17 / 375 * 100vw);
			top: calc(22 / 375 * 100vw);
			font-size: calc(20 / 375 * 100vw);
		}
		.p-people-nav__more{
			margin-top: calc(9.9 * var(--base-unit));
		}
	}
	
	
	/* スクロールバー */
	.p-people-scroll{
		display: none;
		position: sticky;
		right: 0;
		top: calc(2 * var(--base-unit) + var(--header-height));
		align-self: start;
		text-align: center;
	}
	#people_article_wrapper .p-people-scroll{
		display: block;
		grid-column: -2 / -1;
	}
	.p-people-scroll__hd{
		font-weight: 400;
		font-size: calc(1.2 * var(--base-unit));
		letter-spacing: 0.02em;
		writing-mode: vertical-rl;
		line-height: 1;
	}
	.p-people-scroll__bar{
		margin: calc(1.4 * var(--base-unit)) auto 0;
		width: 1px;
		height: calc(26.3 * var(--base-unit));
		overflow: hidden;
		/* background: #ccc; */
		background: #000;
	}
	.p-people-scroll__bar-progress{
		width: 100%;
		height: 0;
		background: #000;
		display: none;
	}
	@media screen and (max-width: 1199px){
		.p-people-scroll{
			top: calc(2 * var(--base-unit));
			display: block;
			padding: 0 calc(30 / 768 * 100vw) 0 calc(57 / 768 * 100vw);
		}
		#people_article_wrapper .p-people-scroll{
			display: none;
		}
		.p-people-scroll__hd{
			font-size: calc(12 / 768 * 100vw);
		}
		.p-people-scroll__bar{
			margin-top: calc(14 / 768 * 100vw);
			height: calc(263 / 768 * 100vw);
		}
	}
	@media screen and (max-width: 767px){
		.p-people-scroll{
			top: calc(2 * var(--base-unit));
			display: block;
			padding: 0 calc(10 / 375 * 100vw) 0 calc(48 / 375 * 100vw);
		}
		#people_article_wrapper .p-people-scroll{
			display: none;
		}
		.p-people-scroll__hd{
			font-size: calc(1 * var(--base-unit));
			letter-spacing: 0.02em;
		}
		.p-people-scroll__bar{
			margin-top: calc(1 * var(--base-unit));
			height: calc(16 * var(--base-unit));
		}
	}
	
	/* 詳細：タイトル */
	.p-people-title{
		position: sticky;
		grid-column: 2 / 3;
		width: fit-content;
		text-align:center;
		align-self: start;
		left: 0;
		top: calc(7.9 * var(--base-unit) + var(--header-height));
		font-size: calc(2.6 * var(--base-unit));
		line-height: calc(32 / 26);
		font-weight: 300;
		letter-spacing: 0.27em;
		white-space: nowrap;
		text-align: center;
	}
	.p-people-title__main,
	.p-people-title__sub{
		display: block;
	}
	.p-people-title__sub{
		color: #e60012;
	}
	@media screen and (max-width: 1199px){
		.p-people-title{
			position: relative;
			grid-column: 2 / -2;
			top: 0;
			margin-top: calc(6.6 * var(--base-unit));
		}
	}
	@media screen and (max-width: 767px){
		.p-people-title{
			margin-top: calc(3.6 * var(--base-unit));
			font-size: calc(1.9 * var(--base-unit));
			line-height: calc(24 / 19);
		}
	}
	
	/* 詳細：キャッチ */
	.p-people-catch{
		margin-top: calc(8.9 * var(--base-unit));
		grid-column: 3 / -1;
		position: relative;
		z-index: 1;
	}
	.p-people-catch__q{
		display: block;
		font-weight: 300;
		font-size: calc(1.8 * var(--base-unit));
		margin-left: calc(4.7 * var(--base-unit));
	}
	.p-people-catch__a{
		margin-top: calc(1 * var(--base-unit));
		margin-left: calc(-10.6 * var(--base-unit));
		margin-bottom: calc(-3.2 * var(--base-unit));
		display: flex;
		align-items: center;
		width: calc(10.4 * var(--base-unit) + 100%);
		min-height: calc(10.4 * var(--base-unit));
		padding: 0.5em 0;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		border-bottom: solid calc(1 * var(--base-unit)) #a22041;
	}
	.p-people-catch__a::before{
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #ebebeb;
		transform: skewX(-40deg);
		transform-origin: left bottom;
	}
	.p-people-catch__a-txt{
		display: block;
		position: relative;
		font-weight: 400;
		font-size: calc(3.2 * var(--base-unit));
		padding-right: 1em;
		padding-left: calc(calc(15 * var(--base-unit)) + 1em);
		letter-spacing: -0.01em;
		line-height: calc(50 / 32);
	}
	@media screen and (max-width: 1199px){
		.p-people-catch{
			margin-top: calc(3.2 * var(--base-unit));
			margin-left: auto;
			grid-column: 2 / -1;
			width: calc(55 * var(--base-unit));
		}
		.p-people-catch__q{
			font-size: calc(1.4 * var(--base-unit));
			font-weight: 400;
			margin-left: calc(10.6 * var(--base-unit));
		}
		.p-people-catch__a{
			margin-top: calc(0.92 * var(--base-unit));
			margin-left: 0;
			margin-bottom: calc(-2.4 * var(--base-unit));
			width: 100%;
			min-height: calc(8.4 * var(--base-unit));
			padding: 0.5em 0;
		}
		.p-people-catch__a-txt{
			font-weight: 400;
			font-size: calc(2.6 * var(--base-unit));
			padding-right: 1em;
			padding-left: calc(calc(10.6 * var(--base-unit)) + 1em);
			letter-spacing: -0.01em;
			line-height: calc(40 / 26);
		}
	}
	@media screen and (max-width: 767px){
		.p-people-catch{
			width: 100%;
		}
		.p-people-catch__q{
			font-size: calc(1 * var(--base-unit));
			margin-left: calc(8 * var(--base-unit));
		}
		.p-people-catch__a{
			margin-top: calc(0.72 * var(--base-unit));
			margin-bottom: 0;
			min-height: calc(6.5 * var(--base-unit));
		}
		.p-people-catch__a-txt{
			font-size: calc(1.8 * var(--base-unit));
			padding-right: 1em;
			padding-left: calc(calc(7.8 * var(--base-unit)) + 1em);
			line-height: calc(50 / 768 * 100vw);
		}
	}
	
	/* 詳細：写真 */
	.p-people-photo{
		position: sticky;
		grid-column: 2 / 3;
		width: calc(550 / 600 * 100%);
		text-align:center;
		align-self: start;
		left: 0;
		top: calc(20 * var(--base-unit) + var(--header-height));
		margin-bottom: calc(10 * var(--base-unit));
	}
	.p-people-photo::before{
		content: '';
		position:absolute;
		width: calc(171 / 550 * 100%);
		height: calc(141 / 550 * 100%);
		left: calc(-10 / 550 * 100%);
		bottom: calc(-10 / 550 * 100%);
		background: #a22041;
	}
	.p-people-photo__img{
		position: relative;
	}
	.p-people-photo__txt{
		position: absolute;
		top: calc(450 / 550 * 100%);
		right: calc(-19 / 550 * 100%);
		background: #fff;
		width: calc(225 / 550 * 100%);
		min-height: calc(143 / 550 * 100%);
		box-sizing: border-box;
		text-align: left;
		padding: calc(27 / 550 * 100%) 0 0 calc(25 / 550 * 100%);
	}
	.p-people-photo__txt-main,
	.p-people-photo__txt-sub{
		display: block;
	}
	.p-people-photo__txt-main{
		font-weight: 500;
		font-size: calc(1.8 * var(--base-unit));
		letter-spacing: 0.01em;
		line-height: calc(22 / 18);
	}
	.p-people-photo__txt-sub{
		margin-top: calc(1.1 * var(--base-unit));
		font-weight: 400;
		font-size: calc(1.2 * var(--base-unit));
		line-height: calc(20 / 12);
	}
	@media screen and (max-width: 1199px){
		.p-people-photo{
			position:relative;
			grid-column: 2 / -2;
			width: calc(56 * var(--base-unit));
			box-sizing:border-box;
			padding: 0 0 calc(1 * var(--base-unit)) calc(1 * var(--base-unit));
			top: 0;
			margin-bottom: 0;
		}
		.p-people-photo::before{
			width: calc(17.1 * var(--base-unit));
			height: calc(14.1 * var(--base-unit));
			left: 0;
			bottom: 0;
		}
		.p-people-photo__txt{
			top: calc(45 * var(--base-unit));
			left: calc(35.4 * var(--base-unit));
			width: calc(22.5 * var(--base-unit));
			min-height: calc(14.3 * var(--base-unit));
			padding: calc(2.7 * var(--base-unit)) calc(2.1 * var(--base-unit)) calc(3.1 * var(--base-unit)) calc(2.5 * var(--base-unit));
		}
	}
	@media screen and (max-width: 767px){
		.p-people-photo{
			margin-top: calc(1.44 * var(--base-unit));
			width: 100%;
			padding: 0 0 calc(0.6 * var(--base-unit)) calc(0.6 * var(--base-unit));
		}
		.p-people-photo::before{
			width: calc(7.7 * var(--base-unit));
			height: calc(7.7 * var(--base-unit));
		}
		.p-people-photo__txt{
			top: calc(28 * var(--base-unit));
			left: calc(16.5 * var(--base-unit));
			width: calc(18.7 * var(--base-unit));
			min-height: calc(10.6 * var(--base-unit));
			padding: calc(2.1 * var(--base-unit)) calc(1.3 * var(--base-unit)) calc(2 * var(--base-unit)) calc(2.2 * var(--base-unit));
		}
		.p-people-photo__txt-main{
			font-weight: 400;
			font-size: calc(1.4 * var(--base-unit));
			line-height: calc(17 / 14);
		}
		.p-people-photo__txt-sub{
			margin-top: calc(0.7 * var(--base-unit));
			font-weight: 400;
			font-size: calc(1 * var(--base-unit));
			line-height: calc(16 / 10);
		}
	}
	
	/* Q＆A */
	.p-people-qa{
		margin-top: calc(10.5 * var(--base-unit));
		margin-left: calc(1.7 * var(--base-unit));
		margin-right: calc(-5.4 * var(--base-unit));
		width: calc(5.4 * var(--base-unit) + 100%);
		grid-column: 3 / -2;
		position:relative;
		display: grid;
		grid-template-columns:1fr calc(4.2 * var(--base-unit)) auto;
	}
	.p-people-qa__list{
		width: 100%;
		grid-column: 1 / 2;
	}
	.p-people-qa__list-q{
		display: grid;
		grid-template-columns: calc(4.4 * var(--base-unit)) calc(1.4 * var(--base-unit)) 1fr;
		align-items: center;
	}
	.p-people-qa__list-q ~ .p-people-qa__list-q{
		margin-top: calc(7.8 * var(--base-unit));
	}
	.p-people-qa__list-q-ico{
		grid-column: 1 / 2;
	}
	.p-people-qa__list-q-txt{
		font-weight: 400;
		font-size: calc(2.4 * var(--base-unit));
		letter-spacing: 0.03em;
		line-height: calc(29 / 24);
		grid-column: 3 / -1;
	}
	.p-people-qa__list-a{
		margin-top: calc(2.8 * var(--base-unit));
		padding-left: calc(5.8 * var(--base-unit));
	}
	.p-people-qa__list-a-txt{
		font-size: calc(1.6 * var(--base-unit));
		font-weight: 300;
		line-height: calc(28.8 / 16);
	}
	.p-people-qa__list-a-txt > p + p{
		margin-top: calc(28.8 / 16 * 1em);
	}
	@media screen and (max-width: 1199px){
		.p-people-qa{
			margin-top: calc(9.5 * var(--base-unit));
			margin-left: 0;
			margin-right: auto;
			width: calc(58 * var(--base-unit));
			grid-column: 2 / -2;
			display: block;
		}
		.p-people-qa__list-q-txt{
			font-weight: 400;
			font-size: calc(2.4 * var(--base-unit));
			letter-spacing: 0.03em;
			line-height: calc(29 / 24);
			grid-column: 3 / -1;
		}
		.p-people-qa__list-a{
			margin-top: calc(2.8 * var(--base-unit));
			padding-left: calc(5.8 * var(--base-unit));
		}
	}
	@media screen and (max-width: 767px){
		.p-people-qa{
			margin-top: calc(13.65 * var(--base-unit));
			margin-right: 0;
			width: 100%;
		}
		.p-people-qa__list-q{
			grid-template-columns: calc(2.75 * var(--base-unit)) calc(1.3 * var(--base-unit)) 1fr;
		}
		.p-people-qa__list-q ~ .p-people-qa__list-q{
			margin-top: calc(5.65 * var(--base-unit));
		}
		.p-people-qa__list-q-txt{
			font-size: calc(1.7 * var(--base-unit));
			letter-spacing: normal;
			line-height: calc(23 / 17);
		}
		.p-people-qa__list-a{
			margin-top: calc(2.7 * var(--base-unit));
			padding-left: calc(3.6 * var(--base-unit));
		}
		.p-people-qa__list-a-txt{
			font-size: calc(1.46 * var(--base-unit));
			letter-spacing: -0.02em;
			line-height: calc(24 / 14.6);
		}
		.p-people-qa__list-a-txt > p + p{
			margin-top: calc(24 / 14.6 * 1em);
		}
	}
	
	/* 略歴 */
	.p-people-biography{
		grid-column: 3 / -1;
		margin-top: calc(13.5 * var(--base-unit));
		margin-left: calc(8.2 * var(--base-unit));
		background: #ebebeb;
		border-bottom: solid calc(0.6 * var(--base-unit)) #a22041;
		position: relative;
		display: grid;
		grid-template-columns: subgrid;
	}
	.p-people-biography__hd{
		position: absolute;
		width: calc(8.1 * var(--base-unit));
		height: calc(8.1 * var(--base-unit));
		display: flex;
		justify-content: center;
		align-items: center;
		background: #a22041;
		color: #fff;
		left: calc(-2.1 * var(--base-unit));
		top: calc(2.7 * var(--base-unit));
		font-weight: 400;
		font-size: calc(1.8 * var(--base-unit));
		letter-spacing: 0.03em;
		line-height: 1;
	}
	.p-people-biography__txt{
		grid-column: 1 / -2;
		padding: calc(2.8 * var(--base-unit)) 0 calc(2.8 * var(--base-unit)) calc(9.4 * var(--base-unit));
		font-weight: 300;
		font-size: calc(1.5 * var(--base-unit));
		line-height: calc(25.8 / 15);
	}
	@media screen and (max-width: 1199px){
		.p-people-biography{
			grid-column: 2 / -2;
			margin-top: calc(7 * var(--base-unit));
			margin-left: calc(2.1 * var(--base-unit));
			display: block;
		}
		.p-people-biography__txt{
			padding: calc(2.8 * var(--base-unit)) calc(3.1 * var(--base-unit)) calc(3 * var(--base-unit)) calc(9.4 * var(--base-unit));
			font-weight: 300;
		}
	}
	@media screen and (max-width: 767px){
		.p-people-biography{
			margin-top: calc(8 * var(--base-unit));
			margin-left: 0;
		}
		.p-people-biography__hd{
			width: calc(5.4 * var(--base-unit));
			height: calc(5.4 * var(--base-unit));
			left: calc(1.92 * var(--base-unit));
			top: calc(-2.7 * var(--base-unit));
			font-size: calc(1.5 * var(--base-unit));
		}
		.p-people-biography__txt{
			padding: calc(4.4 * var(--base-unit)) calc(1.9 * var(--base-unit)) calc(2 * var(--base-unit)) calc(1.9 * var(--base-unit));
			font-size: calc(1.2 * var(--base-unit));
			line-height: calc(19 / 12);
		}
	}
	
	/* スクロールで非表示 */
	.js-scroll-show{
		transform-origin: left top;
		opacity: 0;
	}
	.js-scroll-show.is-show{
		animation: showItem 0.5s ease 0.5s forwards;
	}
	@keyframes showItem {
		0%{
			opacity: 0;
			transform: skewY(-30deg) translateY(30em);
		}
		100%{
			opacity: 1;
			transform: skewY(0) translateY(0);
		}
	}
	

	@media screen and (min-width: 1200px) {
		.u-hide--pc {
			display: none !important;
		}
	}
	@media print, screen and (min-width: 768px) and (max-width: 1199px) {
		.u-hide--tb {
			display: none !important;
		}
	}
	@media screen and (max-width: 767px) {
		.u-hide--sp {
			display: none !important;
		}
	}
}


@layer component {
	.p-people-biography__txt--small {
		font-size: calc(1.2* var(--base-unit));
	}
}