.goodsArea {
  padding-bottom: 190px;
  background-color: #fefbf5;
}
@media screen and (max-width: 767px) {
  .goodsArea {
    padding-bottom: calc( 130/780 * 100vw);
  }
}

.goodsList {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3.08%;
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  .goodsList {
    margin-top: calc( 100/780 * 100vw);
    grid-template-columns: 1fr;
    gap: calc( 50/780 * 100vw);
  }
}

.arrowbtnArea {
  margin-top: 100px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .arrowbtnArea {
    margin-top: calc( 100/780 * 100vw);
  }
}
.arrowbtnArea .arrowbtn {
  display: inline-block;
  font-size: 5rem;
  font-weight: 700;
  color: #005f30;
  line-height: 1;
}
@media screen and (max-width: 1280px) {
  .arrowbtnArea .arrowbtn {
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .arrowbtnArea .arrowbtn {
    font-size: calc( 50/780 * 100vw);
  }
}
.arrowbtnArea .arrowbtn .arrowIcon {
  position: relative;
  padding-right: 86px;
}
@media screen and (max-width: 1280px) {
  .arrowbtnArea .arrowbtn .arrowIcon {
    padding-right: calc( 86/1280 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .arrowbtnArea .arrowbtn .arrowIcon {
    padding-right: calc( 86/780 * 100vw);
  }
}
.arrowbtnArea .arrowbtn .arrowIcon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 38px;
  background: url("/assets/img/icon_triangle.png") no-repeat center center/contain;
}
@media screen and (max-width: 1280px) {
  .arrowbtnArea .arrowbtn .arrowIcon::after {
    width: calc( 38/1280 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .arrowbtnArea .arrowbtn .arrowIcon::after {
    width: calc( 38/780 * 100vw);
  }
}
.arrowbtnArea .arrowbtn:hover {
  opacity: 1;
}
.arrowbtnArea .arrowbtn:hover .arrowIcon::after {
  background: url("/assets/img/icon_triangle_hover.png") no-repeat center center/contain;
}