.about {
	position: relative;
	z-index: 1;
	padding: 20px 0 40px;
}

/* 見出し + 左右の青線 */
.about__lead {
	position: relative;
	max-width: var(--inner);
	height: 52px;
	margin: 0 auto;
	font-size: 44px;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 52px;
	text-align: center;
}
.about__lead::before,
.about__lead::after {
	content: "";
	position: absolute;
	top: 26px;
	width: 180px;
	height: 2px;
	background: #1a9eff;
}
.about__lead::before { left: 0; }
.about__lead::after  { right: 0; }

/* 写真 + 青パネル + テキスト(1440px基準で絶対配置) */
.about__main {
	position: relative;
	width: 1440px;
	height: 663px;
	margin: 112px auto 0;
}

.about__panel {
	position: absolute;
	top: 46px;
	left: 522px;
	width: 918px;
	height: 617px;
	background: rgba(10, 122, 192, .28);
}

.about__photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 815px;
	height: 604px;
	object-fit: cover;
}

.about__catch {
	position: absolute;
	left: 754px;
	margin: 0;
	padding: 0 29px;
	background: #050a14;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 83px;
	white-space: nowrap;
}
.about__catch--1 { top: 102px; height: 83px; }
.about__catch--2 { top: 196px; height: 82px; }

.about__body {
	position: absolute;
	top: 294px;
	left: 754px;
	width: 505px;
	height: 278px;
	padding: 28px 44px 0;
	background: #050a14;
}
.about__body p {
	margin: 0;
	font-size: 16px;
	line-height: 2;
	letter-spacing: .03em;
}

.about__btn {
	position: absolute;
	left: 44px;
	bottom: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 239px;
	height: 60px;
	border: 1px solid #fff;
	font-size: 14px;
	letter-spacing: .05em;
}
.about__btn::after {
	content: "";
	width: 5px;
	height: 5px;
	margin-left: 12px;
	border-top: 1px solid var(--color-blue);
	border-right: 1px solid var(--color-blue);
	transform: rotate(45deg);
}

/* 「導入でこのように変わります」 */
.about__change {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 56px 0 0;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4;
}
.about__change img { display: block; }

.about__benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 970px;
	height: 328px;
	margin: 20px auto 0;
	background: #fff;
	color: #111;
	font-size: 24px;
	font-weight: 700;
}