.collection-intro5 {
  background-image: url(../img/main05.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 110px;
  padding-bottom: 60px;
}

@media screen and (max-width: 640px) {
  .collection-intro5 {
    background-image: url(../img/main05-sp.jpg);
    background-position: center center;
    padding-top: 132px;
    padding-bottom: 78px;
  }
}

.collection-intro5-inner {
  text-align: right;
}

@media screen and (max-width: 640px) {
  .collection-intro5-inner {
    text-align: center;
  }
}
/*# sourceMappingURL=page.css.map */

img{
  margin-bottom: 0;
}
figure{
  margin: 0;
}
.collection-mellow-mainVisual{
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .collection-mellow-mainVisual{
    margin-bottom: 30px;
  }
}
.collection-splash-mainVisual{
  padding: 0;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .collection-splash-mainVisual{
    padding: 0;
    margin-bottom: 30px;
  }
}
.collection-items{
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2,1fr);
}
@media screen and (min-width:768px) {
  .collection-items{
    grid-template-columns: 6.7fr 2.9fr;
    gap: 20px;
  }
}
.collection-items figure:first-child{
  grid-column: span 2;
}
@media screen and (min-width:768px) {
  .collection-items figure:first-child{
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .collection-items figure:nth-child(2){
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .collection-items figure:last-child{
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.collection-items-2{
  display: grid;
  gap: 20px;
}
@media screen and (min-width:768px) {
  .collection-items-2{
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (min-width:768px) {
  .collection-items-2 figure:first-child{
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .collection-items-2 figure:nth-child(2){
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .collection-items-2 figure:last-child{
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.collection-splash-mainVisual{
  padding: 0 18px;
}
.collection-splash-mainVisual img{
  margin-bottom: 0;
}
h2 + .collection-splash-mainVisual img{
  margin-top: 20px;
  margin-bottom: 0;
}
.collection-splash-mainVisual.collection-container2.container.container-ovh .row .col-md-6{
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .collection-splash-mainVisual.collection-container2.container.container-ovh .row .col-md-6{
    margin-bottom: 30px;
  }
}
@media screen and (min-width:768px) {
  h2.mh{
    padding: 64px 18px;
  }
}
.style-mb1{
  margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .style-mb1{
    margin-bottom: 80px;
  }
}

.collection-intro6{
  padding: 110px 0 60px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width:767.98px) {
  .collection-intro6{
    padding: 130px 0 80px;
    background-position: 0 0;
  }
}