@charset "utf-8";

/*top-snap*/
.top-snap {
  width: 100%;
  text-align: right;
  /*margin: 0 0 160px;*/
  margin: 0 0 75px;
  position: relative;
}
.top-snap::before {
  content: '';
  width: 95%;
  height: 38%;
  min-height: 235px;
  display: block;
  background: #f5f5f5;
  position: absolute;
  top: 20.6%;
  left: 0;
}

.top-snap-inr {
  position: absolute;
  top: 31.5%;
  left: 4%;
  z-index: 2;
}
.top-snap h2 {
  font: 400 20px 'Poppins', sans-serif;
  color: #030000;
  letter-spacing: .25em;
  margin: 0 0 5px;
}
.top-snap .view-more {
  background: #fff;
  display: inline-block;
  margin: 0;
}
.top-snap .view-more a {
  width: 160px;
  font: 400 10px 'Poppins', sans-serif;
  padding: 10px 0;
}

.top-snap-list {
  min-height: 619px;
  text-align: right;
}

.top-snap-image-wrap {
  width: 70.91%;
  letter-spacing: -.4em;
  text-align: left;
  display: inline-block;
  position: relative;
}
.top-snap-image-wrap + .top-snap-image-wrap {
  width: 78.36%;
}

.top-snap-image {
  margin: 0 0 1.5%;
}
.top-snap-image + .top-snap-image {
  margin: 0 0 1.5% 2.05%;
}
.top-snap-image-wrap + .top-snap-image-wrap .top-snap-image + .top-snap-image {
  margin: 0 0 1.5% 1.85%;
}

.top-snap-image-wrap:nth-child(1) .top-snap-image {
  display: inline-block;
  vertical-align: bottom;
}
.top-snap-image-wrap:nth-child(2) .top-snap-image {
  display: inline-block;
  vertical-align: top;
}

.top-snap-image01 { width: 33.59%; }
.top-snap-image02 { width: 37.18%; }
.top-snap-image03 { width: 25.13%; }
.top-snap-image04 { width: 30.39%; }
.top-snap-image05 { width: 39.44%; }
.top-snap-image06 { width: 26.45%; }

.top-snap-image a {
  background: #fff;
  display: block;
}
.top-snap-image a img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}



/* コンテンツ100%時 */
.l-main.is-wide .top-snap::before {
  min-height: 332px;
}
.l-main.is-wide .top-snap h2 {
  font: 400 28px 'semplicitapro', sans-serif;
}
/* .l-main.is-wide .view-more a {
  width: 230px;
  font: 400 12px 'Poppins', sans-serif;
  padding: 15px 0;
} */
.l-main.is-wide .top-snap-list {
  min-height: 874px;
}