.gnm-header__logo {
  margin-left: 35px;
  padding: 12px 0 13px;
  flex-shrink: 0;
}

.gnm-header__logoLink {
  display: block;
  width: 61px;
  aspect-ratio: 61 / 55;
}

.gnm-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gnm-header .rau-st-category_list {
  justify-content: center;
  column-gap: calc((60 / 1280 * 100vw) - 20px);
}

.cat-gnm {
  margin-top: 150px;
}

.cat-gnm.--pickup {
  margin-top: 130px;
}

.gnm-slider.rau-slider.fs-c-slick .slick-dots {
  margin-top: 20px;
}

/* カテゴリー
------------------------------*/
.gnm-category {
  margin-top: 118px;
  padding: 95px 0;
  position: relative;
  z-index: 0;
}

.gnm-category img {
  max-width: 100%;
  height: auto;
  display: block;
}

.gnm-category__bg {
  border-radius: 0 184px 0 0;
  background-color: #F7F5EE;
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}

.gnm-category__bg::before {
  content: '';
  display: block;
  width: calc(752 / 1288 * 100%);
  aspect-ratio: 752 / 784;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(https://goodnature.itembox.design/item/gnm/img/gnm_category_bg.png);
  position: absolute;
  top: 88px;
  left: calc(759 / 1288 * 100%);
}

.gnm-category__bgIllust {
  width: 206px;
  aspect-ratio: 206 / 206;
  position: absolute;
  top: -118px;
  right: 29px;
}

.gnm-category__bgIllust picture,
.gnm-category__bgIllust img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gnm-category__section {
  margin-top: 90px;
}

.gnm-category__section+.gnm-category__section {
  margin-top: 50px;
}

.gnm-category__title {
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 16px;
}

.gnm-category__title::before {
  content: '';
  display: inline-block;
  width: 13px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.gnm-category__title.--cacao::before {
  background: #C8A067;
}

.gnm-category__title.--nature::before {
  background: #2D7A49;
}

.gnm-category__title a {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}

.gnm-category__title a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.gnm-category__title a::after {
  content: '';
  display: inline-block;
  width: 94px;
  aspect-ratio: 94 / 21;
  background-image: url('data:image/svg+xml;utf8,<svg width="94" height="21" viewBox="0 0 94 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.172852 0.21875C0.419731 -0.0527943 0.840749 -0.0730437 1.1123 0.173828L11.5957 9.7041C11.6038 9.71142 11.6096 9.7209 11.6172 9.72852C11.6244 9.73577 11.6337 9.74137 11.6406 9.74902C11.648 9.75716 11.6533 9.767 11.6602 9.77539C11.6755 9.79397 11.6892 9.8132 11.7021 9.83301C11.7137 9.85066 11.7246 9.8683 11.7344 9.88672C11.745 9.90686 11.7543 9.92729 11.7627 9.94824C11.7706 9.96789 11.7773 9.98766 11.7832 10.0078C11.7888 10.0266 11.794 10.0453 11.7979 10.0645C11.8025 10.0878 11.8055 10.1111 11.8076 10.1348C11.8095 10.155 11.8105 10.175 11.8105 10.1953C11.8105 10.2156 11.8095 10.2357 11.8076 10.2559C11.8055 10.2799 11.8016 10.3034 11.7969 10.3271C11.7932 10.3452 11.7893 10.3631 11.7842 10.3809C11.7777 10.4031 11.7696 10.4246 11.7607 10.4463C11.7534 10.4642 11.7453 10.4817 11.7363 10.499C11.7246 10.5218 11.7118 10.5438 11.6973 10.5654C11.6878 10.5795 11.6777 10.593 11.667 10.6064C11.6576 10.6182 11.6509 10.6323 11.6406 10.6436C11.6322 10.6528 11.6211 10.6593 11.6123 10.668C11.6063 10.6739 11.602 10.6817 11.5957 10.6875L1.1123 20.2188C0.840793 20.4655 0.419719 20.4452 0.172852 20.1738C-0.0739298 19.9023 -0.0537548 19.4812 0.217773 19.2344L10.1592 10.1953L0.217773 1.15723C-0.0534885 0.910411 -0.073684 0.490249 0.172852 0.21875Z" fill="%23333333"/><path d="M10.6885 0.217773C10.9354 -0.0537708 11.3564 -0.0740206 11.6279 0.172852L22.1113 9.70312C22.1194 9.71045 22.1252 9.71992 22.1328 9.72754C22.14 9.73479 22.1493 9.7404 22.1562 9.74805C22.1636 9.75618 22.1689 9.76602 22.1758 9.77441C22.1911 9.793 22.2048 9.81222 22.2178 9.83203C22.2294 9.84969 22.2403 9.86733 22.25 9.88574C22.2606 9.90589 22.2699 9.92632 22.2783 9.94727C22.2862 9.96692 22.2929 9.98668 22.2988 10.0068C22.3044 10.0256 22.3096 10.0443 22.3135 10.0635C22.3182 10.0868 22.3211 10.1102 22.3232 10.1338C22.3251 10.154 22.3261 10.174 22.3262 10.1943C22.3262 10.2146 22.3251 10.2347 22.3232 10.2549C22.3211 10.2789 22.3173 10.3024 22.3125 10.3262C22.3088 10.3443 22.305 10.3621 22.2998 10.3799C22.2934 10.4022 22.2852 10.4236 22.2764 10.4453C22.269 10.4633 22.2609 10.4807 22.252 10.498C22.2402 10.5208 22.2275 10.5428 22.2129 10.5645C22.2034 10.5785 22.1933 10.592 22.1826 10.6055C22.1733 10.6173 22.1665 10.6313 22.1562 10.6426C22.1478 10.6518 22.1367 10.6583 22.1279 10.667C22.1219 10.6729 22.1176 10.6808 22.1113 10.6865L11.6279 20.2178C11.3564 20.4645 10.9353 20.4442 10.6885 20.1729C10.4417 19.9013 10.4619 19.4802 10.7334 19.2334L20.6748 10.1943L10.7334 1.15625C10.4621 0.909434 10.4419 0.489273 10.6885 0.217773Z" fill="%23333333"/><path d="M37.1729 0.217773C37.4197 -0.0537708 37.8407 -0.0740206 38.1123 0.172852L48.5957 9.70312C48.6038 9.71045 48.6096 9.71992 48.6172 9.72754C48.6244 9.73479 48.6337 9.7404 48.6406 9.74805C48.648 9.75618 48.6533 9.76602 48.6602 9.77441C48.6755 9.793 48.6892 9.81222 48.7021 9.83203C48.7137 9.84969 48.7246 9.86733 48.7344 9.88574C48.745 9.90589 48.7543 9.92632 48.7627 9.94727C48.7706 9.96692 48.7773 9.98668 48.7832 10.0068C48.7888 10.0256 48.794 10.0443 48.7979 10.0635C48.8025 10.0868 48.8055 10.1102 48.8076 10.1338C48.8095 10.154 48.8105 10.174 48.8105 10.1943C48.8105 10.2146 48.8095 10.2347 48.8076 10.2549C48.8055 10.2789 48.8016 10.3024 48.7969 10.3262C48.7932 10.3443 48.7893 10.3621 48.7842 10.3799C48.7777 10.4022 48.7696 10.4236 48.7607 10.4453C48.7534 10.4633 48.7453 10.4807 48.7363 10.498C48.7246 10.5208 48.7118 10.5428 48.6973 10.5645C48.6878 10.5785 48.6777 10.592 48.667 10.6055C48.6576 10.6173 48.6509 10.6313 48.6406 10.6426C48.6322 10.6518 48.6211 10.6583 48.6123 10.667C48.6063 10.6729 48.602 10.6808 48.5957 10.6865L38.1123 20.2178C37.8408 20.4645 37.4197 20.4442 37.1729 20.1729C36.9261 19.9013 36.9462 19.4802 37.2178 19.2334L47.1592 10.1943L37.2178 1.15625C36.9465 0.909434 36.9263 0.489273 37.1729 0.217773Z" fill="%23333333"/><path d="M71.1729 0.217773C71.4197 -0.0537708 71.8407 -0.0740206 72.1123 0.172852L82.5957 9.70312C82.6038 9.71045 82.6096 9.71992 82.6172 9.72754C82.6244 9.73479 82.6337 9.7404 82.6406 9.74805C82.648 9.75618 82.6533 9.76602 82.6602 9.77441C82.6755 9.793 82.6892 9.81222 82.7021 9.83203C82.7137 9.84969 82.7246 9.86733 82.7344 9.88574C82.745 9.90589 82.7543 9.92632 82.7627 9.94727C82.7706 9.96692 82.7773 9.98668 82.7832 10.0068C82.7888 10.0256 82.794 10.0443 82.7979 10.0635C82.8025 10.0868 82.8055 10.1102 82.8076 10.1338C82.8095 10.154 82.8105 10.174 82.8105 10.1943C82.8105 10.2146 82.8095 10.2347 82.8076 10.2549C82.8055 10.2789 82.8016 10.3024 82.7969 10.3262C82.7932 10.3443 82.7893 10.3621 82.7842 10.3799C82.7777 10.4022 82.7696 10.4236 82.7607 10.4453C82.7534 10.4633 82.7453 10.4807 82.7363 10.498C82.7246 10.5208 82.7118 10.5428 82.6973 10.5645C82.6878 10.5785 82.6777 10.592 82.667 10.6055C82.6576 10.6173 82.6509 10.6313 82.6406 10.6426C82.6322 10.6518 82.6211 10.6583 82.6123 10.667C82.6063 10.6729 82.602 10.6808 82.5957 10.6865L72.1123 20.2178C71.8408 20.4645 71.4197 20.4442 71.1729 20.1729C70.9261 19.9013 70.9462 19.4802 71.2178 19.2334L81.1592 10.1943L71.2178 1.15625C70.9465 0.909434 70.9263 0.489273 71.1729 0.217773Z" fill="%23333333"/><path d="M47.6885 0.217773C47.9354 -0.0537708 48.3564 -0.0740206 48.6279 0.172852L59.1113 9.70312C59.1194 9.71045 59.1252 9.71992 59.1328 9.72754C59.14 9.73479 59.1493 9.7404 59.1562 9.74805C59.1636 9.75618 59.1689 9.76602 59.1758 9.77441C59.1911 9.793 59.2048 9.81222 59.2178 9.83203C59.2294 9.84969 59.2403 9.86733 59.25 9.88574C59.2606 9.90589 59.2699 9.92632 59.2783 9.94727C59.2862 9.96692 59.2929 9.98668 59.2988 10.0068C59.3044 10.0256 59.3096 10.0443 59.3135 10.0635C59.3182 10.0868 59.3211 10.1102 59.3232 10.1338C59.3251 10.154 59.3261 10.174 59.3262 10.1943C59.3262 10.2146 59.3251 10.2347 59.3232 10.2549C59.3211 10.2789 59.3173 10.3024 59.3125 10.3262C59.3088 10.3443 59.305 10.3621 59.2998 10.3799C59.2934 10.4022 59.2852 10.4236 59.2764 10.4453C59.269 10.4633 59.2609 10.4807 59.252 10.498C59.2402 10.5208 59.2275 10.5428 59.2129 10.5645C59.2034 10.5785 59.1933 10.592 59.1826 10.6055C59.1733 10.6173 59.1665 10.6313 59.1562 10.6426C59.1478 10.6518 59.1367 10.6583 59.1279 10.667C59.1219 10.6729 59.1176 10.6808 59.1113 10.6865L48.6279 20.2178C48.3564 20.4645 47.9353 20.4442 47.6885 20.1729C47.4417 19.9013 47.4619 19.4802 47.7334 19.2334L57.6748 10.1943L47.7334 1.15625C47.4621 0.909434 47.4419 0.489273 47.6885 0.217773Z" fill="%23333333"/><path d="M81.6885 0.217773C81.9354 -0.0537708 82.3564 -0.0740206 82.6279 0.172852L93.1113 9.70312C93.1194 9.71045 93.1252 9.71992 93.1328 9.72754C93.14 9.73479 93.1493 9.7404 93.1562 9.74805C93.1636 9.75618 93.1689 9.76602 93.1758 9.77441C93.1911 9.793 93.2048 9.81222 93.2178 9.83203C93.2294 9.84969 93.2403 9.86733 93.25 9.88574C93.2606 9.90589 93.2699 9.92632 93.2783 9.94727C93.2862 9.96692 93.2929 9.98668 93.2988 10.0068C93.3044 10.0256 93.3096 10.0443 93.3135 10.0635C93.3182 10.0868 93.3211 10.1102 93.3232 10.1338C93.3251 10.154 93.3261 10.174 93.3262 10.1943C93.3262 10.2146 93.3251 10.2347 93.3232 10.2549C93.3211 10.2789 93.3173 10.3024 93.3125 10.3262C93.3088 10.3443 93.305 10.3621 93.2998 10.3799C93.2934 10.4022 93.2852 10.4236 93.2764 10.4453C93.269 10.4633 93.2609 10.4807 93.252 10.498C93.2402 10.5208 93.2275 10.5428 93.2129 10.5645C93.2034 10.5785 93.1933 10.592 93.1826 10.6055C93.1733 10.6173 93.1665 10.6313 93.1562 10.6426C93.1478 10.6518 93.1367 10.6583 93.1279 10.667C93.1219 10.6729 93.1176 10.6808 93.1113 10.6865L82.6279 20.2178C82.3564 20.4645 81.9353 20.4442 81.6885 20.1729C81.4417 19.9013 81.4619 19.4802 81.7334 19.2334L91.6748 10.1943L81.7334 1.15625C81.4621 0.909434 81.4419 0.489273 81.6885 0.217773Z" fill="%23333333"/></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (hover:hover) {
  .gnm-category__title a:hover {
    opacity: 1;
  }

  .gnm-category__title a:hover::before {
    opacity: 1;
  }
}

.gnm-category__itemList {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px 63px;
  overflow: hidden;
}

.gnm-category__item {
  padding-bottom: 2px;
}

.gnm-category__itemImg {
  --image-width: 270;
  --image-height: 221;
  position: relative;
  z-index: 0;
}

.gnm-category__itemIllust {
  --illust-size: 100;
  width: calc(var(--illust-size) / var(--image-width) * 100%);
  aspect-ratio: 1 / 1;
  position: absolute;
  opacity: 0;
  z-index: -1;
  transition-duration: 0.3s;
  transition-property: top, left, rotate, opacity, width;
  transition-timing-function: ease-out;
}

.gnm-category__itemIllust img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gnm-category__item:hover .gnm-category__itemIllust {
  opacity: 1;
}

.gnm-category__item.--syrup .gnm-category__itemIllust {
  --illust-size: 199;
  top: calc(28 / var(--image-height) * 100%);
  left: calc(61 / var(--image-width) * 100%);
  rotate: -17.67deg;
}

.gnm-category__item.--curry .gnm-category__itemIllust {
  --illust-size: 142;
  top: calc(45 / var(--image-height) * 100%);
  left: calc(134 / var(--image-width) * 100%);
  rotate: 0deg;
}

.gnm-category__item.--bake .gnm-category__itemIllust {
  --illust-size: 248;
  top: calc(-30 / var(--image-height) * 100%);
  left: calc(84 / var(--image-width) * 100%);
  rotate: 16.23deg;
}

.gnm-category__item.--seasoning .gnm-category__itemIllust {
  --illust-size: 236;
  top: calc(8 / var(--image-height) * 100%);
  left: calc(-35 / var(--image-width) * 100%);
  rotate: -14.27deg;
}

.gnm-category__item.--syrup .gnm-category__itemIllust {
  --illust-size: 199;
  top: calc(28 / var(--image-height) * 100%);
  left: calc(61 / var(--image-width) * 100%);
  rotate: -17.67deg;
}

.gnm-category__item.--curry .gnm-category__itemIllust {
  --illust-size: 142;
  top: calc(45 / var(--image-height) * 100%);
  left: calc(134 / var(--image-width) * 100%);
  rotate: 0deg;
}

.gnm-category__item.--bake .gnm-category__itemIllust {
  --illust-size: 248;
  top: calc(-30 / var(--image-height) * 100%);
  left: calc(84 / var(--image-width) * 100%);
  rotate: 16.23deg;
}

.gnm-category__item.--seasoning .gnm-category__itemIllust {
  --illust-size: 236;
  top: calc(8 / var(--image-height) * 100%);
  left: calc(-35 / var(--image-width) * 100%);
  rotate: -14.27deg;
}

@media (hover:hover) {
  .gnm-category__item.--syrup:hover .gnm-category__itemIllust {
    top: calc(-38 / var(--image-height) * 100%);
    left: calc(51 / var(--image-width) * 100%);
    rotate: 14deg;
  }

  .gnm-category__item.--curry:hover .gnm-category__itemIllust {
    --illust-size: 195;
    top: calc(-36 / var(--image-height) * 100%);
    left: calc(131 / var(--image-width) * 100%);
    rotate: 21.77deg;
  }

  .gnm-category__item.--bake:hover .gnm-category__itemIllust {
    top: calc(-66 / var(--image-height) * 100%);
    left: calc(37 / var(--image-width) * 100%);
    rotate: -15.42deg;
  }

  .gnm-category__item.--seasoning:hover .gnm-category__itemIllust {
    top: calc(8 / var(--image-height) * 100%);
    left: calc(-86 / var(--image-width) * 100%);
    rotate: -40.39deg;
  }
}

.gnm-category__itemText {
  margin-top: 8px;
  font-size: 20px;
  text-align: center;
  position: relative;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

.gnm-category__itemText::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: opacity 0.3s ease-out;
}

@media (hover:hover) {
  .gnm-category__item:hover {
    opacity: 1;
  }

  .gnm-category__item:hover .gnm-category__itemText::after {
    opacity: 1;
  }
}

/* GOOD NATURE MARKET について
------------------------------*/
.about-market {
  padding: 31px 0 75px;
  position: relative;
  z-index: 0;
}

.about-market::before,
.about-market::after {
  content: '';
  display: block;
  background-color: #7FCDA6;
  opacity: 0.12;
  position: absolute;
  z-index: -1;
}

.about-market::before {
  width: calc(473 / 1280 * 100%);
  aspect-ratio: 473 / 178;
  top: 0;
  left: 0;
}

.about-market::after {
  width: calc(458 / 1280 * 100%);
  aspect-ratio: 458 / 178;
  bottom: 0;
  right: 0;
}

.about-market__inner {
  display: grid;
  grid-template-columns: 47.5% 1fr;
  gap: 54px;
}

.about-market__img {
  width: 100%;
  aspect-ratio: 521 / 340;
}

.about-market__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-market__contents {
  margin-top: 24px;
}

.about-market__title {
  font-size: 18px;
  font-weight: 500;
}

.about-market__text {
  margin-top: 37px;
  font-size: 16px;
  line-height: calc(45 / 16);
}

/* GOOD CACAO について
------------------------------*/
.about-cacao {
  overflow-x: hidden;
}

.about-cacao__inner {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-left: min(233px, calc(233 / 1280 * 100%));
  padding-right: min(62px, calc(62 / 1280 * 100%));
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  position: relative;
  z-index: 0;
}

.about-cacao__inner::before {
  content: '';
  display: block;
  background-color: #F7F5EE;
  position: absolute;
  z-index: -1;
  width: calc(310 / 1280 * 100%);
  aspect-ratio: 310 / 232;
  bottom: 14px;
  left: 0;
}

/* イラスト */
.about-cacao__contents {
  position: relative;
  padding-top: 30px;
}

.about-cacao__contents::after {
  content: '';
  display: block;
  width: 283px;
  aspect-ratio: 283 / 282;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(https://goodnature.itembox.design/item/gnm/img/gnm_sbout_hello.png);
  position: absolute;
  left: -14px;
  bottom: 14px;
  translate: -100% 0;
}

.about-cacao__text {
  font-size: 16px;
  line-height: calc(45 / 16);
}

.about-cacao__img {
  width: 100%;
  aspect-ratio: 487 / 389;
}

.about-cacao__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Instagram
------------------------------*/
.gnm-instagram {}

.gnm-instagram__title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 36px;
}

.gnm-instagram__title .icon {
  width: 64px;
  aspect-ratio: 64 / 64;
}

.gnm-instagram__title .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gnm-instagram__title .txt {
  font-size: 39px;
  font-weight: 500;
}

.gnm-instagram__slider {
  margin-top: 56px;
}

.gnm-instagram__slider .splide__pagination {
  bottom: -30px;
}

@media screen and (min-width:769px) {
  .splide.is-initialized:not(.is-active) .splide__list.gnm-instagram__itemList {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
  }
}

.gnm-instagram__item {}

.gnm-instagram__itemLink {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.gnm-instagram__itemLink img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease-out;
}

@media (hover:hover) {
  .gnm-instagram__itemLink:hover {
    opacity: 1;
  }

  .gnm-instagram__itemLink:hover img {
    transform: scale(1.05);
  }
}


/* フッター
------------------------------*/
.gnm-footer {
  padding-top: 280px;
  padding-bottom: 260px;
}

/* 下層カテゴリ向け */
.fs-l-main+.gnm-footer {
  padding-top: 80px;
}

.gnm-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 65px;
}

.gnm-footer__logo {
  margin-right: auto;
  margin-left: auto;
  width: 120px;
  aspect-ratio: 158 / 143;
}

.gnm-footer__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gnm-footer__button .rau-st__btn {
  margin-top: 0;
}

.gnm-footer__sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}

.gnm-footer__snsItem {
  width: 50px;
  aspect-ratio: 50 / 50;
}

.gnm-footer__snsItem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


@media screen and (max-width:768px) {

  /* SP 共通パーツ 上書き
------------------------------*/
  .c-title {
    font-size: 18px;
  }

  .cat-rau__item-block.--btn {
    margin-top: 20px;
  }

  /* ヘッダー SP
------------------------------*/
  .gnm-header__logo {
    margin-left: 18px;
    padding: 10px 0 7px;
  }

  .gnm-header__logoLink {
    width: 45px;
  }

  .cat-gnm {
    margin-top: 80px;
  }

  .cat-gnm.--pickup {
    margin-top: 55px;
  }

  /* カテゴリー SP
------------------------------*/
  .gnm-category {
    margin-top: 88px;
    padding: 28px 0;
  }

  .gnm-category__bg {
    border-radius: 0 54px 0 0;
    background-color: #F7F5EE;
  }

  .gnm-category__bg::before {
    content: '';
    display: block;
    width: calc(510 / 430 * 100%);
    top: 139px;
    left: calc(65 / 430 * 100%);
  }

  .gnm-category__bgIllust {
    width: 155px;
    position: absolute;
    top: -77px;
    left: 0;
    right: initial;
    z-index: -2;
  }

  .gnm-category__section,
  .gnm-category__section+.gnm-category__section {
    margin-top: 45px;
  }

  .gnm-category__title {
    font-size: 16px;
    gap: 10px;
  }

  .gnm-category__title .txt-pc-only {
    display: none;
  }

  .gnm-category__title a {
    gap: 14px;
  }

  .gnm-category__title a::after {
    width: 64px;
  }

  .gnm-category__itemList {
    margin-top: 20px;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 10px;
  }

  .gnm-category__itemText {
    margin-top: 6px;
    font-size: 15px;
  }

  /* GOOD NATURE MARKET について SP
------------------------------*/
  .about-market {
    padding: 13px 0 0;
  }

  .about-market::before {
    width: calc(136 / 430 * 100%);
    top: 0;
    left: initial;
    right: 0;
  }

  .about-market::after {
    display: none;
  }

  .about-market__inner.rau-st__inner {
    display: block;
    max-width: 100%;
  }

  .about-market__img {
    width: calc(100% - 30px);
    aspect-ratio: 402 / 187;
  }

  .about-market__contents {
    margin-top: -32px;
  }

  .about-market__title {
    width: fit-content;
    font-size: 14px;
    padding: 10px 46px 10px 36px;
    background: #ddefe6;
    position: relative;
    z-index: 1;
  }

  .about-market__text {
    margin-top: 11px;
    font-size: 14px;
    line-height: calc(30 / 14);
    padding: 0 30px 0 36px;
  }

  /* GOOD CACAO について SP
------------------------------*/
  .about-cacao__inner {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 28px;
    position: relative;
  }

  .about-cacao__inner::before {
    display: none;
  }

  .about-cacao__contents {
    position: initial;
  }

  .about-cacao__contents::after {
    content: '';
    display: block;
    width: calc(100 / 430 * 100%);
    max-width: 130px;
    left: -19px;
    bottom: initial;
    top: 7px;
    translate: 0 0;
  }

  .about-cacao__text {
    font-size: 14px;
    line-height: calc(30 / 14);
    padding: 28px 35px 25px;
    background: #f7f5ee;
  }

  .about-cacao__img {
    width: calc(376 / 430 * 100%);
    margin-right: auto;
    margin-left: auto;
  }

  /* Instagram SP
------------------------------*/
  .gnm-instagram__title {
    gap: 20px;
  }

  .gnm-instagram__title .icon {
    width: 34px;
  }

  .gnm-instagram__title .txt {
    font-size: 22px;
  }

  .gnm-instagram__slider {
    margin-top: 17px;
  }

  /* フッター SP
------------------------------*/
  .gnm-footer {
    padding-top: 136px;
    padding-bottom: 85px;
  }

  /* 下層カテゴリ向け */
  .fs-l-main+.gnm-footer {
    padding-top: 0;
  }

  .gnm-footer__inner {
    gap: 25px;
  }

  .gnm-footer__logo {
    width: 79px;
  }

  .gnm-footer__button .rau-st__btn {
    margin-top: 13px;
  }

  .gnm-footer__sns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }

  .gnm-footer__snsItem {
    width: 33px;
  }
}

@media screen and (max-width:500px) {
  .gnm-category__itemList {
    grid-template-columns: repeat(2, 1fr);
  }
}



.GNM-under-cat__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.GNM-under-cat__title--sub {
  font-size: 20px;
}

.GNM-under-cat__title--main {
  display: flex;
  gap: 20px 30px;
  font-size: 24px;
}

.GNM-under-cat__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 40px;
}

.GNM-under-cat__list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D9D9D9;
  font-size: 14px;
  padding: 6px;
}

.GNM-under-cat__list li a.active {
  background-color: #333;
  color: #fff;
}

.GNM-categorySelect__wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  margin-top: 30px;
}

.GNM-categorySelect {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

.GNM-categorySelect__title {
  padding-top: 11px;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
}

.GNM-categorySelect__wrapper {
  position: relative;
  min-width: 386px;
}

.GNM-categorySelect__container {
  width: 100%;
  padding: 0 18px;
  border: 1px solid #acacac;
  background: #fff;
}

.GNM-categorySelect__head {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: #333;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 40px;
  text-align: center;
}

.GNM-categorySelect__head .icon {
  position: absolute;
  top: 15px;
  right: 18px;
  aspect-ratio: 9/17;
  width: 7px;
  rotate: 90deg;
  transition: rotate 0.3s;
}

.GNM-categorySelect__head .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.GNM-categorySelect__head.is-open .icon {
  rotate: 270deg;
}

.GNM-categorySelect__body {
  display: flex;
  flex-direction: column;
  padding-top: 11px;
  padding-bottom: 15px;
  gap: 11px;
  border-top: 1px solid #BFBEBD;
}

.GNM-categorySelect__link {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 959px) {

  .GNM-under-cat__title--main {
    flex-direction: column;
    align-items: center;
  }

  .GNM-under-cat__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .GNM-categorySelect__wrap {
    height: auto;
    margin-bottom: 40px;
  }

  .GNM-categorySelect {
    position: relative;
    flex-direction: column;
  }

  .GNM-categorySelect__wrapper {
    min-width: auto;
    max-width: 500px;
  }
}