.about__inner .baseTab-body__item>*:not(:last-child) {
	margin-bottom: var(--g-sec--md);
}



/*===============================================================================
企業理念
================================================================================*/
.about-philosophy__head {
	margin-bottom: var(--g-sec--md);
}

.about-philosophy__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--g-sec--xs);
}



/*===============================================================================
使命
================================================================================*/
.about-mission__head {
	margin-bottom: var(--g-sec--md);
}

.about-mission__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--g-sec--xs);
}

.about-mission__secondarTitle {
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
}



/*===============================================================================
目指す未来
================================================================================*/
.about-vision__head {
	margin-bottom: var(--g-sec--md);
}

.about-vision__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--g-sec--xs);
}



/*===============================================================================
私たちが大切にすること
================================================================================*/
.about-value__head {
	margin-bottom: var(--g-sec--md);
}

.about-value__cards {
	--count: 1;
	--gap: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

@media (min-width: 600px) {
	.about-value__cards {
		--count: 2;
	}
}

.about-value__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.25rem 2rem;
	gap: 1.25rem;
	width: calc((100% - var(--gap) * (var(--count) - 1)) / var(--count));
	background: var(--c-light);
	box-shadow: var(--shdw) rgba(0, 0, 0, 0.2);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}

.about-value__card-icon {
	display: inline-block;
	width: 12.5rem;
}

.about-value__card-title {
	display: flex;
	gap: .5rem;
	align-items: center;
	flex-direction: row;
}

.about-value__card-title span {
	color: var(--c-main);
}

.about-value__desc {
	max-width: 460px;
}

/*===============================================================================
代表挨拶
================================================================================*/
.about-message__head {
	margin-bottom: var(--g-sec--md);
}

@media (min-width: 600px) {
	.about-message__body {
		line-height: var(--lh-xxl);
	}
}

.about-message__body>*:not(:last-child) {
	margin-bottom: var(--g-sec--xs);
}

.about-message__name {
	text-align: right;
}



/*===============================================================================
地方の元気が、日本の元気に。
================================================================================*/
.about-genki__container {
	--c-outline: var(--c-light);
	position: relative;
	padding: var(--g-sec--md) 0;
	text-shadow: 1px 1px 0 var(--c-outline), 1px -1px 0 var(--c-outline), -1px 1px 0 var(--c-outline), -1px -1px 0 var(--c-outline);
}

/* 背景画像 */
.about-genki__bgi {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

/* 日本地図 */
.about-genki__deco {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	object-fit: contain;
}

/*===============================
* ヘッド
* =================================*/
.about-genki__head {
	margin-bottom: var(--g-sec--sm);
}

.about-genki__title {
	text-align: center;
	font-size: clamp(1.75rem, 1.572rem + 0.48vw, 2rem) !important;
}

/*===============================
* ボディ
* =================================*/
.about-genki__secondaryTitle {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 1rem;
	margin-bottom: var(--g-sec--xs);
}

.about-genki__secondaryTitle::after {
	content: '';
	width: 5rem;
	height: 1px;
	background: var(--c-dark);
}

.about-genki__content>p:not(:last-of-type) {
	margin-bottom: 1rem;
}



/*===============================================================================
会社概要
================================================================================*/
.about-company__head {
	margin-bottom: var(--g-sec--md);
}

.about-company__table {
	margin-bottom: var(--g-sec--xs);
}

.about-company__map iframe {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 112 / 63;
	object-fit: cover;
	object-position: 50% 50%;
}



/*===============================================================================
代表者プロフィール
================================================================================*/
.about-profile__head {
	margin-bottom: var(--g-sec--md);
	text-align: center;
}

.about-profile__cols {
	--count: 1;
	--gap: var(--g-sec--md);
	--media-width: 65%;
	--body-width: calc(200% - var(--media-width));
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--gap);
}

@media (min-width: 960px) {
	.about-profile__cols {
		--count: 2;
		flex-direction: row-reverse;
	}
}

/* 画像 */
.about-profile__image {
	width: calc((var(--media-width) - var(--gap) * (var(--count) - 1)) / var(--count));
	margin-inline: auto;
}

.about-profile__image img {
	margin-bottom: 1rem;
}

.about-profile__image figcaption {
	text-align: center;
}

/* テーブル */
.about-profile__table {
	flex-grow: 1;
	width: calc((var(--body-width) - var(--gap) * (var(--count) - 1)) / var(--count));
}




/*===============================================================================
パソナグループとしての取り組み
================================================================================*/
.about-active {
	margin-bottom: var(--g-sec--md);
}

.about-active__cols {
	--count: 1;
	--gap: var(--g-sec--md);
	--media-width: 103%;
	--body-width: calc(200% - var(--media-width));
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--g-sec--md);
}

@media (min-width: 960px) {
	.about-active__cols {
		--count: 2;
		flex-direction: row-reverse;
	}
}

/* 画像 */
.about-active__media {
	flex-grow: 1;
	width: calc((var(--media-width) - var(--gap) * (var(--count) - 1)) / var(--count));
}

.about-active__media img {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

/* テキストエリア */
.about-active__content {
	flex-grow: 1;
	width: calc((var(--body-width) - var(--gap) * (var(--count) - 1)) / var(--count));
}

/* タイトル */
.about-active__title {
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}

@media (min-width: 960px) {
	.about-active__title {
		text-align: left;
	}
}

/* 文章 */
.about-active__textArea>*:not(:last-of-type) {
	margin-bottom: 1rem;
}

.about-active__textArea a {
	color: var(--c-dark);
	text-decoration: underline;
	transition: var(--ani-t--normal) ease-out;
}

.about-active__textArea a:is(:hover, :focus) {
	color: var(--color_link);
}

/* ボタン */
.about-active__btn {
	text-align: center;
}