@charset "UTF-8";
.l-container #feature {
  width: 990px;
  margin: 0 auto 30px;
  padding-top: 35px;
  display: block;
  position: relative;
  background: url(../img/bg.jpg) no-repeat;
  /* a:hover {
      opacity: 0.7;
      text-decoration: none;
  } */
  /* ----- contents ----- */
  /* ----- アニメーション ----- */
}
.l-container #feature *,
.l-container #feature *::after,
.l-container #feature *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-container #feature img {
  max-width: 100%;
}
.l-container #feature a {
  display: block;
  /* transition: opacity 0.2s; */
}
.l-container #feature .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-container #feature .ttl {
  margin: 0 0 32px 151px;
}
.l-container #feature .style {
  width: 198px;
  height: 640px;
  position: relative;
  z-index: 0;
}
.l-container #feature .style .style-img-on {
  position: absolute;
  inset: 0;
  z-index: 20;
}
.l-container #feature .style .style-img-on img {
  position: absolute;
  top: 136px;
  left: 21px;
}
.l-container #feature .style .style-img-on img:nth-child(1) {
  left: 17px;
}
.l-container #feature .style .style-img-on img:nth-child(5) {
  left: 14px;
}
.l-container #feature .style .style-img-on-bg {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #7f9b69;
  mix-blend-mode: multiply;
}
.l-container #feature .btn-block {
  width: 940px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 22px auto 20px;
}
.l-container #feature .fade {
  opacity: 0;
  -webkit-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
.l-container #feature .fade.show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.l-container #feature .delay1 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

/* ----- item-search ----- */
.item-search-contents {
  width: 990px;
  margin: 0 auto;
}