/* A繝壹�繧ｸ */

/* 繝医ャ繝� */

.top-gift-img img {
  width: 100%;
  object-fit: cover;
}

.top-gift-text {
  text-align: center;
  margin: 100px auto;
}

.top-gift-text p {
  line-height: 30px;
  margin-top: 20px;
}


/* 繝舌リ繝ｼ */

.top-banner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.top-banner a {
  padding: 20px 15px;
}



.gift-more-button {
  text-align: center;
  margin: 60px 0px;
}


.gift-more-button a {
  text-decoration: none;
  color: #ffffff !important;
  background-color: black;
  font-size: 16px;
  padding: 10px 50px;
}




@media screen and (max-width:768px) {
  .top-gift-text {
    margin-top: 80px;
    margin-bottom: 100px;
  }

  .top-gift-text p {
    font-size:12px;
    line-height: 2rem;
    margin-top: 1.5rem;
  }

  .gift-more-button {
    text-align: center;
    margin: 30px 0px;
  }

  .gift-more-button a{
    font-size: 12px;
  }
}

@media screen and (min-width:768px){
  .top-gift-text-br{
    display: none;
  }
}


/* B繝壹�繧ｸ */


.top-scene-img img {
  width: 100%;
  object-fit: cover;
}

.scene-link-button {
  display: flex;
  justify-content: space-around;
  padding: 100px 40px;
}


.scene-link-button a {
  text-decoration: none;
  color: #ffffff !important;
  background-color: black;
  font-size: 16px;
  width: 270px;
  text-align: center;
  line-height: 4rem;
  margin: 10px 10px;
}


/* 繝舌リ繝ｼ */

.scene-banner {
  display: flex;
  flex-direction: column;
}

.scene-banner .banner-b02,
.banner-b04 {
  align-self: flex-end;
}

.scene-banner .banner-b05 {
  align-self: center;
}

.scene-banner a {
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 50px;
}

.banner-b03 {
  margin-top: -200px;
}


@media screen and (max-width:1024px) {
  .scene-link-button {
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto;
  }
}

@media screen and (max-width:768px) {
  .scene-link-button {
    padding: 50px 40px;
  }

  .scene-link-button a{
    font-size: 14px;
  }

  .banner-b03 {
    margin-top: 0;
  }

  .scene-banner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  .scene-banner .banner-b02,
  .banner-b03,
  .banner-b04,
  .banner-b05 {
    align-self: center;
  }

  .scene-banner {
    width: 70%;
  }

  .scene-banner a {
    padding: 0 0 30px;
    width: 100%;
  }

  .scene-banner img {
    width: 100%;
  }
}

/* C繝壹�繧ｸ */



.price-top-img img {
  width: 100%;
  object-fit: cover;
}

.price-link-button {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 100px 40px;
  max-width: 900px;
  margin: 0 auto;
}

.price-link-button a {
  text-decoration: none;
  color: #ffffff !important;
  background-color: black;
  font-size: 16px;
  width: 270px;
  text-align: center;
  line-height: 40px;
  margin: 10px 10px;
}


@media screen and (min-width:1024px) {
  .price-link-button {
    max-width: none;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width:768px){
  .price-link-button a{
    font-size: 12px;
    width: 220px;
  }
}




/* D繝壹�繧ｸ */

.material-top-img img {
  width: 100%;
  object-fit: cover;
}

.material-link-button {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 100px 40px;
}

.material-link-button a {
  text-decoration: none;
  color: #ffffff !important;
  background-color: black;
  font-size: 12px;
  width: 200px;
  min-width: 200px;
  text-align: center;
  line-height: 30px;
  margin: 10px 10px;
}


.material-banner {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}




@media screen and (min-width:748px) {
  .material-link-button {
    max-width: 800px;
    margin: 0 auto;
  }

  .material-link-button a {
    font-size: 16px;
    width: 270px;
    line-height: 40px;
  }

  .material-banner {
    gap: 90px;
  }
}

@media screen and (min-width:1024px) {
  .material-link-button {
    max-width: none;
    flex-wrap: nowrap;
  }
}





/* E繝壹�繧ｸ */

.package-top-img img {
  width: 100%;
  object-fit: cover;
}

.package-link-button {
  margin: 60px auto 80px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.package-link-button a {
  text-decoration: none;
  display: inline-block;
  color: #ffffff !important;
  background-color: black;
  font-size: 16px;
  width: 250px;
  flex-shrink: 0;
  text-align: center;
  line-height: 5rem;
  margin: 10px 40px;
}


.package-banner {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}


.package-banner img {
  width: 100%;
}


@media screen and (max-width:768px){
  .package-link-button a{
    font-size: 14px;
    width: 200px;
    line-height: 4rem;
  }
}