@charset "UTF-8";

/* simulator hero
----------------------------------------------- */
.simulator-hero {
	width: 100%;
	height: 420px;
	overflow: hidden;
}

.simulator-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* simulator form section
----------------------------------------------- */
.simulator-form-section {
	padding: 80px 40px 100px;
}

.simulator-form-section .income-simulator {
	font-family: inherit;
}

.simulator-btn-list {
	max-width: 800px;
	margin: 40px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.simulator-btn-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.simulator-btn {
	display: inline-block;
	padding: 14px 40px;
	font-size: 15px;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
	transition: opacity 0.2s ease;
}

.simulator-btn:hover {
	opacity: 0.8;
}

.simulator-btn.is-gold {
	background-image: linear-gradient(64deg, rgb(175, 155, 117) 0%, rgb(104, 92, 72) 100%);
}

.simulator-btn.is-red {
	background-image: linear-gradient(64deg, rgb(157, 0, 0) 0%, rgb(119, 2, 4) 100%);
}

/* SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.simulator-hero {
		height: 240px;
	}

	.simulator-form-section {
		padding: 50px 16px 60px;
	}

	.simulator-btn-row {
		flex-direction: column;
		width: 100%;
	}

	.simulator-btn {
		width: 100%;
	}
}