@charset "UTF-8";
/* ==========================================================
   会社概要（/company-profile）だけで読み込む
   デザイン：Figma betterstandard-v2.0「会社概要」（99:2）
   ========================================================== */

/* 会社情報の表：Figma どおり左寄せ（.cont の左端にそろえる） */
.cp-info .corp-profile { width: auto; max-width: none; margin: 56px 0 48px; }
.cp-info .corp-profile th { width: 120px; padding-right: 1.5em; text-align: left; font-weight: 500; white-space: nowrap; }

/* 代表プロフィール */
.cp-person { padding-top: 72px; padding-bottom: 120px; }
h2.title.cp-person__title { color: #343d62; margin-bottom: 72px; } /* 既存の h2.title（グレー）より優先 */
.cp-person__title .s-jp {
	margin-bottom: 4px;
	font-family: 'Roboto', "Noto Sans JP", sans-serif;
	font-size: 19.2px;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: #343d62;
}

.cp-person__body { display: flex; align-items: flex-start; gap: 56px; }

/* 写真の枠（写真ができたら <img> に差し替え） */
.cp-person__photo {
	flex: 0 0 140px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #343d62;
}
.cp-person__photo span { font: 700 38px/1 'Roboto', sans-serif; letter-spacing: .04em; color: #F5F7FA; }
.cp-person__photo img { width: 100%; height: 100%; object-fit: cover; }

.cp-person__text { max-width: 662px; color: #231815; }
.cp-person__text p { margin: 0 0 1.6em; font-size: 15px; line-height: 2; }
.cp-person__text p.cp-person__name { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.8; }
.cp-person__name span { margin-left: 1em; font-family: 'Roboto', sans-serif; font-weight: 700; }
.cp-person__text p.cp-person__role { margin: 0 0 1.8em; font-size: 14px; font-weight: 500; line-height: 2.2; }

@media screen and (max-width: 780px) {
	.cp-person { padding-top: 48px; padding-bottom: 80px; }
	h2.title.cp-person__title { margin-bottom: 40px; }
	.cp-person__body { flex-direction: column; gap: 32px; }
	.cp-person__photo { flex-basis: auto; width: 96px; height: 96px; }
	.cp-person__photo span { font-size: 26px; }
	.cp-info .corp-profile { margin: 40px 0 32px; }
}
