.beppu-open-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	background:
		radial-gradient(circle at 10% 20%, rgba(255, 190, 92, 0.25), transparent 40%),
		radial-gradient(circle at 85% 15%, rgba(255, 103, 78, 0.2), transparent 45%),
		linear-gradient(140deg, #fff4e7 0%, #ffffff 55%, #fff1ec 100%);
}

.beppu-open-wrap {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	border: 4px solid #f06a2a;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 18px 50px rgba(133, 50, 0, 0.2);
	padding: 30px 22px;
}

.beppu-open-badge {
	display: inline-block;
	margin-bottom: 14px;
	padding: 7px 14px;
	border-radius: 999px;
	font-size: 12px;
	letter-spacing: .12em;
	font-weight: 700;
	color: #ffffff;
	background: linear-gradient(90deg, #d62e00 0%, #ff7a00 100%);
}

.beppu-open-title {
	margin-bottom: 8px;
	font-size: 28px;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: .03em;
	color: #18110b;
}

.beppu-open-date {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .08em;
	color: #d84315;
}

.beppu-open-copy {
	margin: 0 auto 24px;
	max-width: 840px;
	font-size: 15px;
	line-height: 1.9;
	color: #41352d;
}

.beppu-open-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-bottom: 24px;
}

.beppu-open-card {
	padding: 18px 16px;
	border: 1px solid #f2d6c9;
	border-radius: 14px;
	background: #fffaf7;
}

.beppu-open-card h5 {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	color: #b14a1d;
}

.beppu-open-card p,
.beppu-open-card a {
	font-size: 14px;
	line-height: 1.8;
	color: #2a201a;
}

.beppu-open-phone {
	display: inline-block;
	margin-top: 4px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .05em;
	color: #cb3a00;
}

.beppu-open-note {
	margin-top: 8px;
}

.beppu-open-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.beppu-open-links a {
	min-width: 180px;
	padding: 11px 16px;
	border-radius: 999px;
	border: 2px solid #d8562d;
	background: #ffffff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	color: #b43f11;
	transition: all .25s ease;
}

.beppu-open-links a:hover {
	color: #ffffff;
	background: #e15a2c;
}

@media (min-width: 768px) {
	.beppu-open-section {
		padding: 70px 0;
	}

	.beppu-open-wrap {
		padding: 42px;
	}

	.beppu-open-title {
		font-size: 42px;
	}

	.beppu-open-date {
		font-size: 22px;
	}

	.beppu-open-grid {
		grid-template-columns: 1.1fr .9fr;
		gap: 18px;
	}
}