@charset "UTF-8";

/* =========================================================
   Contact page
   Scope: /hp/ja/contact/
   ========================================================= */

/* Hero: BNWASニュースと同じ共通Hero構造を使用 */
.p-contact-hero {
	min-height: 180px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(120deg, rgba(0, 60, 117, .96), rgba(0, 91, 172, .82)),
		linear-gradient(30deg, transparent 0 45%, rgba(255, 255, 255, .08) 45% 55%, transparent 55%);
}

.p-contact-hero .c-hero__title h1 {
	color: #fff;
}

.p-contact__lead {
	margin: 0 0 40px;
	font-size: 1.125rem;
	line-height: 1.9;
}

.p-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.p-contact-card {
	min-height: 230px;
	border: 1px solid #d7e0e8;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 48, 89, 0.08);
	overflow: hidden;
}

.p-contact-card::before {
	content: "";
	display: block;
	height: 8px;
	background: #0068a9;
}

.p-contact-card__body {
	padding: 34px;
}

.p-contact-card__description {
	margin: 0 0 15px;
	color: #36485a;
	font-size: 1rem;
	line-height: 1.7;
}

.p-contact-card__title {
	margin: 0;
	padding: 0;
	font-size: 1.45rem;
	line-height: 1.5;
}

.p-contact-card__title::before,
.p-contact-card__title::after {
	display: none;
}

.p-contact-card__note {
	margin: 18px 0 0;
	color: #536779;
	font-size: 0.875rem;
	line-height: 1.7;
}

.p-contact-card--faq {
	grid-column: 1 / -1;
}

@media screen and (max-width: 767px) {
	.p-contact-hero {
		min-height: 150px;
	}

	.p-contact__lead {
		margin-bottom: 28px;
		font-size: 1rem;
	}

	.p-contact-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.p-contact-card,
	.p-contact-card--faq {
		grid-column: auto;
		min-height: 0;
	}

	.p-contact-card__body {
		padding: 28px 24px;
	}

	.p-contact-card__title {
		font-size: 1.2rem;
	}

	@media (prefers-reduced-motion: reduce) {
	}

/* Common CTA button placement */
.p-contact-card__title .c-btn--nkblue {
	min-width: 240px;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.p-contact-card__title .c-btn--nkblue {
		display: block;
		width: 100%;
		min-width: 0;
		height: auto;
		min-height: 46px;
		line-height: 1.5;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}