.l-container {
  width: 100%;
}

.feature {
  color: #333;
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
  margin-bottom: 142px;
  padding-top: 68px;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 1400px) {
  .feature {
    margin-bottom: 10.1428571429vw;
    padding-top: 4.8571428571vw;
  }
}
.feature a {
  color: #333;
  text-decoration: none;
  transition: all 0.5s ease;
}

.feature a:has(> img) {
  display: block;
}

.feature .js-inview {
  opacity: 0;
  transition: all 0.5s;
}

.feature .js-inview.is-active {
  opacity: 1;
}

.feature img {
  height: auto;
  width: 100%;
}

.feature .hero {
  margin: 0 auto 8.5vw;
  width: 79.2857142857vw;
}

.feature .topics {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 8vw;
  width: 79.2857142857vw;
}

.feature .topics__inner {
  border: solid #333 1px;
  box-sizing: border-box;
  height: 59.1428571429vw;
  padding: 2.5vw 0 0;
  width: calc((100% - 5px) / 2);
}

.feature .topics__inner:first-of-type .topics__lead {
  letter-spacing: 0;
  padding-right: 0.3571428571vw;
}

.feature .topics__inner:last-of-type .topics__number {
  padding-left: 0.9285714286vw;
}

.feature .topics__inner:last-of-type .topics__txt {
  letter-spacing: 0;
  margin-top: -0.0714285714vw;
  padding-left: 0;
}

.feature .topics__number {
  font-size: 2.1428571429vw;
  font-weight: 700;
  margin-bottom: 0.7857142857vw;
  padding-right: 0.9285714286vw;
}

.feature .topics__number span {
  font-style: italic;
  margin-right: 0.3571428571vw;
}

.feature .topics__cap {
  font-size: 2.1428571429vw;
  font-weight: 700;
  letter-spacing: 0.015em;
  margin-bottom: 0.6428571429vw;
}

.feature .topics__lead {
  font-size: 1.2857142857vw;
  letter-spacing: 0.015em;
  margin-bottom: 1.7857142857vw;
}

.feature .topics .img {
  margin: 0 auto 1.7857142857vw 8.2857142857vw;
  width: 22.8571428571vw;
}

.feature .topics__txt {
  font-size: 1vw;
  letter-spacing: 0.015em;
  line-height: 1.6;
  margin: 0 auto;
  padding-left: 0.4285714286vw;
  width: 27.1428571429vw;
}

.feature .topics__item {
  font-size: 1vw;
  margin-top: 1.4285714286vw;
}

.feature .topics__note {
  font-size: 0.8571428571vw;
  margin-top: 1vw;
  padding-left: 0.4285714286vw;
}

.feature .cap {
  font-size: 1.4285714286vw;
  font-weight: 500;
  margin: 0 auto 4.1428571429vw;
  padding-left: 1.4285714286vw;
  text-align: left;
  width: 79.2857142857vw;
}

.feature .item {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: space-between;
  margin: 0 auto 7.1428571429vw;
  width: 79.2857142857vw;
}

.feature .item__img {
  width: calc((100% - 6px) / 2);
}

.feature .btn {
  border-bottom: solid #000 1px;
  font-size: 2.1428571429vw;
  letter-spacing: 0.015em;
  margin: 0 auto 3.5714285714vw;
  padding-bottom: 0.2142857143vw;
  width: 18.4285714286vw;
}

.feature .btn:last-of-type {
  letter-spacing: 0.02em;
  margin-bottom: 0;
}

.l-footer {
  padding-top: 0;
}

.l-footer .pc-footer {
  margin-top: 0;
} /*# sourceMappingURL=style.css.map */