/*About*/
.about-title {
	font-size: clamp(32px, 4vw, 52px);
	line-height: 1.6;
	font-weight: 700;
}
.about-text {
	line-height: 2;
	font-weight: 700;
}
.top-message-image {
	position: relative;
	width: 100%;
	height: 100%;
	/* background-image: url(../image/bg-staff-2.svg); */
	background-image: url(../image/bg-staff-2.svg);
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.top-message-image-name {
	font-size: clamp(18px, 4vw, 28px);
	font-weight: var(--fwbold);
}
.top-message-image-position {
	font-size: clamp(11px, 4vw, 14px);
	font-weight: var(--fwbold);
}
.top-message-box-image {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.top-message-title {
	font-family: var(--ja-font);
	text-align: justify;
	line-height: 2;
}
.top-message-text {
	text-align: justify;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	.top-message-section .smb-section__body {
		width: 90%;
		margin: 0 auto;
	}
	.top-message-box {
		flex-direction: column-reverse;
	}
	.top-message-image {
		max-width: 240px;
	}
	.top-message-image img {
		width: 200px !important;
		height: 200px !important;
	}
	.top-message-name {
		align-items: center !important;
		margin: 0 auto !important;
	}
	.top-message-title {
		font-size: 20px !important;
		margin-bottom: 10px;
	}
	.top-message-title br {
		display: none;
	}
}

.about-top-section-title {
	font-family: var(--ja-font);
	font-size: clamp(22px, 4vw, 56px);
	font-weight: var(--fwbold);
	text-align: center;
	margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
	.about-top-section-inner {
		width: 80%;
		margin: 0 auto;
	}
}
.kazari-01 img,
.kazari-02 img {
	width: 100%;
	height: 100%;
}
.kazari-01 {
	position: absolute;
	width: 18vw;
	max-width: 300px;
	top: calc(50% - 450px);
	left: 0;
	z-index: 1;
}
.kazari-02 {
	width: 18vw;
	max-width: 300px;
	position: absolute;
	bottom: calc(50% - 300px);
	right: 0;
	z-index: 1;
}

.slug-about .l-contents__inner:last-child {
	padding-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
	.about-top-section {
		margin-top: 0 !important;
	}
	.kazari-01 {
		top: calc(50% - 310px);
	}
	.kazari-02 {
		bottom: calc(50% - 150px);
	}
}

.staff-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
}

.staff-card .thumb-bg {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.staff-card .thumb-bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* 背景画像の切り替え */
.staff-card:nth-child(3n + 1) .thumb-bg {
	background-image: url('../image/bg-staff-1.svg');
}

.staff-card:nth-child(3n + 2) .thumb-bg {
	background-image: url('../image/bg-staff-2.svg');
}

.staff-card:nth-child(3n) .thumb-bg {
	background-image: url('../image/bg-staff-3.svg');
}
.staff-position {
	font-size: clamp(12px, 1vw, 18px);
	font-weight: bold;
}
.staff-name {
	font-size: clamp(20px, 1vw, 26px);
	font-weight: bold;
	margin-bottom: 10px;
}
.staff-profile {
	font-size: clamp(13px, 1vw, 16px);
	font-weight: bold;
}
.staff-text {
	max-width: 300px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.staff-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}
	.staff-card .thumb-bg {
		padding-top: 96.25%;
	}
}

@media screen and (max-width: 768px) {
	.member-section .smb-section__body {
		width: 90%;
		margin: 0 auto;
	}
}
/*
RECRUIT
*/
.recruit-title {
	font-weight: var(--fwbold);
	font-family: var(--ja-font);
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.recruit-section img {
		width: 80%;
		display: flex;
		justify-content: right;
		align-items: center;
		margin: 10px 0 0 auto;
	}
	.recruit-section .wp-block-group-is-layout-flex {
		width: 95%;
	}
}