/* 2026.5 MTL Aki for new about page
---------------------------------------------------------------*/
.sponly {
	display: block;
}

.page.about :is(#message, #staff) .layer {
	padding: 60px min(5.8vw, 50px);
}
.page.about #staff {
	background-color: #fff;
}
.page.about :is(#message, #staff) .inner {
}
.page.about :is(#message, #staff) h2 {
	font-size: 2.4rem;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}
.page.about :is(#message, #staff) h2::first-letter {
	color: #ca4684;
}
.page.about :is(#message, #staff) h2:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/decoration_h2_common.svg) no-repeat center/contain;
	margin: 20px auto 0;
}
.page.about :is(#message, #staff) h2.min {
	text-align: left;
}
.page.about :is(#message, #staff) h2.min:after {
	content: none;
}
.page.about :is(#message, #staff) h2.ls0 {
	letter-spacing: 0;
}

.page.about #message {
}
.page.about #message h3 {
	font-size: 1.8rem;
	text-align: center;
	padding-bottom: 0.9em;
}
.page.about #message .imgonly {
	max-width: 290px;
	margin: 0 auto;
}
.page.about #message .imgonly img {
	max-width: 100%;
}
.page.about #message .message_wrap {
	padding-top: 1em;
}
.page.about #message .message_wrap p {
	line-height: 2;	/* 16/32 */
	letter-spacing: -0.01em;
}
.page.about #message .message_wrap p:not(:first-of-type) {
	padding-top: 32px;
}
.page.about #message p.name {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-align: right;
	padding-top: 35px;
}
.page.about #message p.name span {
	font-size: 1.6rem;
	letter-spacing: normal;
	margin-right: 1em;
}

.page.about #staff {
}
.page.about #staff picture {
	display: block;
}
.page.about #staff ul:not(.license) {
	display: flex;
	flex-direction: column;
	max-width: 61.7647%;	/* 210/340 */
	margin: 0 auto;
}
.page.about #staff ul:not(.license) li {
	font-size: 1.8rem;
	font-weight: 600;
}
.page.about #staff ul li .position {
	display: block;
	color: #00947b;
	font-size: 1.6rem;
	line-height: 1.2;
	border-left: solid 9px;
	padding: 0 8px;
}
.page.about #staff ul.license {
	margin-top: 3px;
}
.page.about #staff ul.license li {
	font-size: 1.4rem;
	font-weight: normal;
}
.page.about #staff ul.license li::before {
	content: "●";
	display: inline-block;
	color: #00947b;
}
.page.about #staff .iwasaki {
}
.page.about #staff .iwasaki .imgonly {
}
.page.about #staff .iwasaki .imgonly img {
	max-width: 100%;
}


/* for PC */
@media screen and (min-width: 1025px) {
	.sponly {
		display: none;
	}

	.page.about #concept .layer {
		padding-bottom: 50px !important;
	}

	.page.about :is(#message, #staff) .layer {
		max-width: 1050px;	/* section width + .layer padding / design is 1010px */
		margin: 0 auto;
	}
	.page.about :is(#message, #staff) .inner {
	}
	.page.about :is(#message, #staff) h2 {
	font-size: 3.4rem;
	}
	.page.about :is(#message, #staff) h2:after {
	width: 16px;
	height: 16px;
	margin: 30px auto 0;
	}
	.page.about :is(#message, #staff) h2.min {
	font-size: 2.8rem;
	}

	.page.about #message {
		padding-bottom: 43px;
	}
	.page.about #message h3 {
		font-size: 2.2rem;
		text-align: left;
		padding-top: 0.3em;
		padding-bottom: 0;
		margin-left: 410px;
	}
	.page.about #message .imgonly {
		float: left;
		max-width: 360px;
		margin-top: -1.5em;
		margin-right: 50px;
	}
	.page.about #message .message_wrap {
		padding-top: 1.3em;
	}
	.page.about #message .message_wrap p:not(:first-of-type) {
		padding-top: 34px;
	}
	.page.about #message p.name {
		font-size: 2.4rem;
		padding-top: 22px;
	}
	.page.about #message p.name span {
		font-size: 1.8rem;
	}

	.page.about #staff {
		padding-top: 20px;
		padding-bottom: 47px;
	}
	.page.about #staff picture {
		max-width: 822px;
		margin: 0 auto;
	}
	.page.about #staff ul:not(.license) {
		max-width: 900px;	/* design is 910px */
		flex-direction: row;
		gap: 0 80px;	/* designではばらついているが統一 */
		margin: 45px auto 0;
	}
	.page.about #staff ul:not(.license) li {
		font-size: 2.4rem;
	}
	.page.about #staff ul li .position {
		font-size: 1.8rem;
		margin-bottom: 10px;
		padding: 2px 15px;
	}
	.page.about #staff ul.license li {
		font-size: 1.6rem;
	}
	.page.about #staff ul.license li::before {
	}
	.page.about #staff .iwasaki {
		display: flex;
		gap: 0 18px;
		max-width: 725px;
		padding-right: 30px;
		margin-top: 80px;
		margin-left: auto;
	}
	.page.about #staff .iwasaki .imgonly {
		max-width: 220px;
	}
	.page.about #staff .iwasaki ul {
		margin: 0;
	}

}