@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);
}