@charset "utf-8";
@import "destyle.css";
@import "import-font.css";
.container {
	font-family: "TsukuhouMincho";
	background-color: #ebeeeb;
}

.top {
	width: 100%;
	height: 250px;
	background-image: url(../assets/gate2024.jpg);
	background-size: cover;
	background-position: 100% 20%;
	text-align: center;
	position: relative;
}

.background-gradation {
	width: 100%;
	height: 250px;
	background: linear-gradient(rgba(167, 167, 167, 0), rgba(0, 0, 0, 0.6) 81%);
}

.title {
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 48px;
	letter-spacing: 0.5vw;
	position: absolute;
	bottom: 10px;
	left: 50vw;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	white-space: nowrap;
}

.main {
	margin: 50px 4vw 20px 4vw;
	font-size: 28px;
	text-align: left;
	letter-spacing: 0.2vw;
}

@media screen and (max-width: 700px) {
	.top {
		height: 150px;
		background-position: 100% 30%;
	}
	.background-gradation {
		height: 150px;
	}
	.main {
		font-size: 20px;
	}
}

.bottom {
	margin: 80px 2vw 50px 2vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.bottom button div {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
}

.arrow-conteiner-left {
	margin-right: 3vw;
}

.arrow-conteiner-right {
	margin-left: 3vw;
}

.arrow-conteiner {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 20px;
	height: 30px;
}

.left-arrow,
.right-arrow {
	width: 20px;
	height: 2px;
	background-color: #000;
	margin: 0;
}

.bottom button:nth-child(2) {
	margin-left: auto;
}

.left-arrow:nth-child(1) {
	transform-origin: left;
	transform: rotate(-25deg) translateY(1px);
}

.left-arrow:nth-child(2) {
	transform-origin: left;
	transform: rotate(25deg) translateY(-1px);
}

.right-arrow:nth-child(1) {
	transform-origin: right;
	transform: rotate(25deg) translateY(1px);
}

.right-arrow:nth-child(2) {
	transform-origin: right;
	transform: rotate(-25deg) translateY(-1px);
}

.bottom button {
	font-weight: bold;
	font-size: 24px;
	border-bottom: solid 2px #000;
}