@charset "utf-8";

/*===============================================
enter
===============================================*/

@media screen and (max-width: 767px) {
	main {
		padding-top: 0;
	}
}

/** enterHero **/
#enterHero {
	aspect-ratio: 1920/840;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	#enterHero {
		width: 100%;
		aspect-ratio: 1/1;
	}
}

@media screen and (max-width: 767px) {
	#enterHero .hero-body h1 {
		width: 80%;
		margin-bottom: 0.5rem !important;
	}
}

/*enterButton*/
#enterButton {
	background: linear-gradient(35deg, #8bc4cf, #a89ec9, #af81aa, #db83a2, #f099a2, #f09b5f, #ef7b42, #f05545);
	border-radius: 0;
	border: none;
}

/*enterForeigner*/
#enterForeigner button {
	width: 20%;
	background: #efedee;
}

@media screen and (max-width: 767px) {
	#enterForeigner button {
		width: 45%;
		border: none;
	}
}

/*enterBanner*/
#enterBanner {
	overflow: hidden;
	padding-top: 0;
}

/*バナー個別対応*/
@media screen and (max-width: 767px) {
	#enterBanner .yoru-deli > div {
		width: 100% !important;
	}
	#enterBanner .yoru-deli > div span {
		height: auto !important;
	}
}

/*enterReview*/
#enterReview {
	background: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(239, 237, 238, 1) 3px, rgba(239, 237, 238, 1) 6px);
}