/*--== slug ======================-- */
/*カテゴリIDとかの色指定ここ*/

/*-- hints --*/
.info-hint {
  --color-slug: #334184;
}
.info-trend {
  --color-slug: #df1d1d;
}
.info-dl {
  --color-slug: #7d929e;
}
.info-tech {
  --color-slug: #c1b93f;
}
/*-- product --*/
.products-frozen {
  --color-slug: #2e8208;
}
.products-chilled {
  --color-slug: #2e8208;
}
.products-deli {
  --color-slug: #2e8208;
}
.products-retort {
  --color-slug: #2e8208;
}
.products-rice {
  --color-slug: #2e8208;
}
.products-noodle {
  --color-slug: #2e8208;
}
.products-bread {
  --color-slug: #2e8208;
}
.products-sweets {
  --color-slug: #2e8208;
}
.products-dairy {
  --color-slug: #2e8208;
}
.products-beverage {
  --color-slug: #2e8208;
}
.products-condiments {
  --color-slug: #2e8208;
}

/*--== slug-list =====================--*/
.slug-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.slug-list .slug {
  display: inline-block;
  color: var(--color-white);
  font-size: var(--font-size-14);
  text-decoration: none;
  padding: 0.1em 0.5em 0.2em;
  background-color: var(--color-slug);
  border-radius: 4px;
  transition: all 0.4s ease;
}
.slug-list a.slug {
  cursor: pointer;
}
.slug-list a.slug-other {
  display: inline-block;
  color: var(--color-text);
  font-size: var(--font-size-14);
  text-decoration: none;
  padding-inline: 0.5em;
  background-color: var(--color-light-green);
  border: var(--color-text) 1px solid;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.slug-list a.slug:hover {
  text-decoration: none;
  opacity: 0.8;
}
.slug-list a.slug-other:visited {
  color: var(--color-text);
}
.slug-list a.slug-other:hover {
  text-decoration: none;
  color: var(--color-white);
  background-color: var(--color-main-green);
}
/*--== slug-list =====================--*/

/*--== ヘッダー＆フッター以外の共通 ======================-- */
/*-single-contents --*/
.single-contents h2 {
  color: var(--color-main-green);
  font-size: var(--font-size-24-18);
  padding-left: 20px;
  margin-bottom: 32px;
  border-left: var(--color-light-green) 3px solid;
}
.single-contents h3 {
  margin-bottom: 24px;
}
.single-contents h4 {
  margin-bottom: 0.5rem;
}
.single-contents p {
  margin-bottom: 1.5rem;
}
.single-contents .wp-block-separator {
  margin-block: 48px 60px;
  border: none;
  color: var(--color-line-01);
  background-color: var(--color-line-01);
  border-top: 1px solid;
}
.single-contents .lab-contents a {
  color: var(--color-main-green);
}
.single-contents .lab-contents a:hover {
  text-decoration: underline;
}
/*--目次--*/
#ez-toc-container {
  border: var(--color-main-green) 1px solid;
  border-radius: 4px;
  padding: clamp(38px, calc(38px + 0vw), 38px) clamp(16px, calc(7.085714285714285px + 2.2857142857142856vw), 40px);
  margin-bottom: 60px;
}
#ez-toc-container .ez-toc-box-title {
  color: var(--color-main-green);
  font-size: var(--font-size-18);
  font-weight: 600;
  margin-bottom: clamp(30px, calc(30px + 0vw), 30px);
}
#ez-toc-container nav > ul > li {
  position: relative;
  padding-left: 28px;
  margin-bottom: clamp(21px, calc(19.885714285714286px + 0.2857142857142857vw), 24px);
  transition: all 0.4s ease;
}
#ez-toc-container nav > ul > li:last-child {
  margin-bottom: 0;
}
#ez-toc-container nav > ul > li a {
  color: var(--color-text);
  font-size: var(--font-size-16-14);
  font-weight: 600;
  text-decoration: none;
}
#ez-toc-container nav > ul > li > a::before {
  position: absolute;
  top: 3px;
  left: 0;
  content: "";
  display: inline-block;
  max-width: 20px;
  width: 20px;
  max-height: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(../../assets/images/icons/icon-arrow-w.svg), var(--color-main-green);
  background-size:
    17px 10px,
    100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  border-radius: 15px;
  transform: rotate(90deg);
}
#ez-toc-container nav > ul li:hover {
  opacity: 0.8;
}
#ez-toc-container ul.ez-toc-list-level-3 {
  margin-top: 10px;
}
#ez-toc-container ul.ez-toc-list-level-3 li {
  line-height: 1.8;
}
@media (max-width: 768px) {
  #ez-toc-container .toc_title {
    text-align: center;
  }
}
/*-- splide__arrows --*/
.splide .splide__arrows {
  max-width: 1440px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
  z-index: 5;
}
.splide button.splide__arrow {
  max-width: 60px;
  width: 15.385vw;
  max-height: 60px;
  height: 15.385vw;
  background-color: var(--color-white);
  border: var(--color-main-green) 1px solid;
  pointer-events: auto;
}
.splide button.splide__arrow:hover {
  background-color: var(--color-main-green);
}
.splide .splide__arrow svg {
  display: none;
}
.splide .splide__arrow--prev::after {
  content: "";
  display: block;
  width: 17px;
  height: 13px;
  background-color: var(--color-main-green);
  mask-image: url(../../assets/images/icons/icon-arrow-gr-l.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}
.splide .splide__arrow--next::after {
  content: "";
  display: block;
  width: 17px;
  height: 13px;
  background-color: var(--color-main-green);
  mask-image: url(../../assets/images/icons/icon-arrow-gr-l.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  transform: scaleX(-1);
}
.splide button.splide__arrow:hover::after {
  background-color: var(--color-white);
}
.splide__pagination.lab-class-pagination {
  bottom: -3em;
}
.splide__pagination.lab-class-pagination .splide__pagination__page {
  width: 6px;
  height: 6px;
  margin: 8px;
  background: var(--color-light-green);
}
.splide__pagination.lab-class-pagination .splide__pagination__page.is-active {
  transform: scale(1);
  background: var(--color-main-green);
}
.splide:not(.is-overflow) .splide__pagination {
  display: flex !important;
}
/*--== related-articles =====================--*/
.related-title {
  font-size: var(--font-size-32-24);
  font-weight: 600;
  text-align: center;
  margin-bottom: clamp(32px, calc(26.057142857142857px + 1.5238095238095237vw), 48px);
}
.related-articles {
  padding-top: clamp(60px, calc(52.57142857142857px + 1.9047619047619049vw), 80px);
  margin-top: clamp(60px, calc(52.57142857142857px + 1.9047619047619049vw), 80px);
  border-top: var(--color-main-green) 1px solid;
}
.related-products-group {
  max-width: 736px;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
}
/*--== related-products =====================--*/
.related-products {
  padding-top: clamp(60px, calc(52.57142857142857px + 1.9047619047619049vw), 80px);
  margin-top: clamp(60px, calc(52.57142857142857px + 1.9047619047619049vw), 80px);
  border-top: var(--color-main-green) 1px solid;
}
.related-products-group {
  display: flex;
  gap: 0 36px;
  margin-bottom: clamp(32px, calc(26.057142857142857px + 1.5238095238095237vw), 48px);
}
@media (max-width: 768px) {
  .related-products-group {
    gap: 4.103vw;
  }
}
@media (max-width: 480px) {
  .related-products-group {
    flex-wrap: wrap;
  }
  .related-products-group li {
    width: 47.6%;
  }
}

/*--== lab-sidebar-filter =====================--*/
.lab-sidebar-filter {
  padding-block: 48px;
  padding-inline: 20px;
  background-color: var(--color-light-green);
}
.lab-sidebar-filter > h2 {
  color: var(--color-main-green);
  font-size: var(--font-size-24-18);
  font-weight: 600;
  text-align: center;
  margin-bottom: 48px;
}
.lab-sidebar-filter-group {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: var(--color-main-green) 1px solid;
}
.lab-sidebar-filter-group > h3 {
  font-size: var(--font-size-18);
  margin-bottom: 24px;
}
.lab-sidebar-filter-item {
  display: inline-block;
  margin-bottom: 10px;
}
.lab-sidebar-filter-item input[type="checkbox"] {
  display: none;
}
.lab-sidebar-filter-item span {
  display: inline-block;
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 2;
  padding: 0 10px;
  background-color: var(--color-white);
  border: var(--color-text) 1px solid;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.lab-sidebar-filter-item input[type="checkbox"]:checked + span {
  color: #fff;
  background-color: var(--color-main-green);
}
.cat-info .lab-sidebar-filter-item span {
  display: inline-block;
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 2;
  padding: 0 10px;
  background-color: var(--color-white);
  border: var(--color-slug) 1px solid;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.cat-info .lab-sidebar-filter-item input[type="checkbox"]:checked + span {
  color: #fff;
  background-color: var(--color-slug);
}
.lab-sidebar-filter .btn-filter {
  width: 100%;
  border: none;
  cursor: pointer;
}

/*--== lab-pagination  ===========================--*/
.lab-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 48px;
}
.lab-pagination ul {
  display: flex;
  align-items: center;
}
.lab-pagination ul > li {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: var(--color-white);
  font-size: var(--font-size-16);
  font-weight: 600;
  margin-right: 20px;
}
.lab-pagination ul > li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--color-text);
  text-decoration: none;
  border-radius: 20px;
  transition: all 0.4s ease;
}
.lab-pagination ul > li a:hover {
  opacity: 0.8;
}
.lab-pagination ul > li a.is-prev,
.lab-pagination ul > li a.is-next {
  width: 100%;
  height: 100%;
}
.lab-pagination ul > li a.is-next {
  transform: scaleX(-1);
}
.lab-pagination ul > li.current span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: var(--color-main-green);
  border-radius: 20px;
}
.lab-pagination ul > li span.lab-pagination-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--color-text);
}

/*--==========================================--*
#### list block ####
*--==========================================--*/
.is-center {
  justify-content: center;
}
/*--== news-list =======================--*/
.news-list {
  padding-top: clamp(40px, calc(34.05714285714286px + 1.5238095238095237vw), 56px);
  padding-bottom: clamp(60px, calc(52.57142857142857px + 1.9047619047619049vw), 80px);
}
.news-list h2 {
  margin-bottom: clamp(10px, calc(-6.714285714285715px + 4.285714285714286vw), 55px);
}
.news-list h3 {
  font-size: var(--font-size-24-18);
  margin-bottom: 20px;
}
.news-list-group {
  margin-bottom: 60px;
  border-top: var(--color-black) 1px solid;
}
.news-item {
  padding: 19px 20px 17px;
  border-bottom: var(--color-black) 1px solid;
}
.news-item a {
  display: flex;
  align-items: center;
  gap: 0 20px;
  color: var(--color-text);
  font-size: var(--font-size-16-15);
  transition: all 0.4s ease;
}
.news-item a:hover {
  opacity: 0.8;
}
.news-data-group {
  display: flex;
  align-items: center;
  width: 30%;
}
.news-item time {
  color: var(--color-line-01);
  padding-right: 35px;
}
.news-item .news-tag {
  display: flex;
  gap: 10px;
}
.news-item .news-tag li {
  color: var(--color-main-green);
  font-size: var(--font-size-14);
  text-align: center;
  padding-block: 0.2em;
  padding-inline: 0.5em;
  background-color: var(--color-light-green);
  border-radius: 4px;
}
.news-item .news-title {
  flex: 2;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .news-list h3 {
    text-align: center;
    margin-bottom: 32px;
  }
  .news-item a {
    flex-direction: column;
    align-items: flex-start;
  }
  .news-data-group {
    width: 100%;
    margin-bottom: 1.333vw;
  }
  .news-item .news-tag {
    flex-direction: row;
  }
}
@media (max-width: 480px) {
  .news-list h3 {
    margin-bottom: 6.533vw;
  }
}
/*--== hints-list  ===========================--*/
.hints-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); */
  grid-template-rows: repeat(3, auto) 1fr;
  gap: clamp(16px, 3vw, 36px);
  margin-bottom: clamp(55px, calc(54.628571428571426px + 0.09523809523809523vw), 56px);
}
.hints-list h2 {
  margin-bottom: clamp(20px, calc(18.885714285714286px + 0.2857142857142857vw), 23px);
}
.hints-list .btn-hints {
  margin-top: clamp(32px, calc(21.6px + 2.666666666666667vw), 60px);
}
.hints-list .btn-hints .btn-white-border {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 772px;
}
.hints-list-comment {
  font-size: var(--font-size-18);
  text-align: center;
  margin-top: 23px;
}
.hints-list-wrapper {
  margin-top: 32px;
}
.hints-list-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  background-color: var(--color-back-01-light);
}
.hints-list-thum {
  aspect-ratio: 350 / 197;
  overflow: hidden;
}
.hints-list-thum img {
  width: 100%;
  aspect-ratio: 350 / 197;
  object-fit: cover;
  object-position: center center;
  transition: all 0.4s ease;
}
.hints-list-thum img:hover {
  transform: scale(1.3);
}
.hints-list-item a {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  color: var(--color-text);
  text-decoration: none;
  transition: all 0.4s ease;
  overflow: hidden;
}
.hints-list-item a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
.hints-list-item-inner {
  display: flex;
  flex-direction: column;
  padding-top: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
  padding-inline: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
}
.hints-list-item-inner p {
  flex-grow: 1;
  font-size: var(--font-size-18);
  font-weight: 500;
  margin-top: clamp(16px, calc(18.228571428571428px + -0.5714285714285714vw), 10px);
}
.hints-time-data {
  position: relative;
}
.hints-time-data button.btn-favorite {
  position: absolute;
  bottom: 0;
  right: 0;
}
.hints-time-data time {
  color: var(--color-line-01);
}
.hints-member {
  color: var(--color-white);
  font-size: var(--font-size-14);
  padding: 0.1em 0.5em 0.2em;
  margin-left: 8px;
  background-color: var(--color-text);
  border-radius: 4px;
}
.hints-slug {
  align-items: flex-start;
  align-content: flex-start;
  padding-block: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
  margin-inline: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
  margin-top: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
  border-top: var(--color-slug) 1px solid;
}
@media (max-width: 768px) {
  .hints-list {
    grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
  }
  @media (max-width: 480px) {
    .hints-list {
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
    .hints-list-item {
      max-width: initial;
      width: 100%;
    }
    .hints-list-item-inner p a {
      text-decoration: underline;
    }
  }
}
/*-- splide-hints --*/
.splide-hints {
  margin: 0 auto;
}
.splide__list.hints-list {
  gap: 0;
}
.splide-hints .splide__slide {
  max-width: 350px;
  /* width: 24.306vw !important; */
  margin-right: clamp(16px, calc(10.8px + 1.3333333333333335vw), 30px);
}
.splide__list.hints-list .hints-list-item {
  display: flex;
  flex-direction: column;
  gap: 0;
  background-color: var(--color-back-01-light);
}
.splide__list.hints-list .hints-list-item .hints-list-item-inner {
  flex-grow: 1;
}
.splide__list.hints-list .hints-list-item .hints-slug {
  min-height: 50px;
}
@media (max-width: 768px) {
  .splide-hints .splide__slide {
    max-width: 320px;
    width: 82.051vw !important;
  }
}
@media (max-width: 480px) {
  .splide-hints .splide__arrows {
    top: 25%;
  }
}

/*--== products-list  ========================--*/
.products-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 36px;
}
.products-list-item {
  display: block;
  color: var(--color-text);
}
.products-list-item a {
  color: var(--color-text);
  text-decoration: none;
  transition: all 0.4s ease;
}
.products-list-item a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
.products-list-thum {
  aspect-ratio: 246 / 246;
  overflow: hidden;
  border: var(--color-main-green) 1px solid;
  border-radius: 4px;
}
.products-list-thum img {
  width: 100%;
  aspect-ratio: 246 / 246;
  object-fit: cover;
  object-position: center center;
}
.products-list-item-inner p {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  font-size: var(--font-size-14-12);
  font-weight: 400;
  margin-top: 10px;
  overflow: hidden;
}
.products-list-item-inner p.products-name {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  font-size: var(--font-size-18);
  font-weight: 500;
  overflow: hidden;
}
.products-slug {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: flex-end;
  gap: 6px;
  margin-top: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
}
.products-slug a.slug {
  display: inline-block;
  color: var(--color-white);
  font-size: var(--font-size-14);
  text-decoration: none;
  padding: 0.1em 0.5em 0.2em;
  background-color: var(--color-slug);
  border: var(--color-text) 1px solid;
  border-radius: 4px;
  cursor: pointer;
}
/*-- splide-products --*/
.splide__list.products-list {
  gap: 0;
}
.splide-products {
  margin: 0 auto;
}
.splide-products .products-list-item {
  max-width: 246px;
  height: 100%;
}
.splide-products .splide__slide {
  max-width: 246px;
  width: 17.083vw !important;
  margin-right: clamp(16px, calc(10.8px + 1.3333333333333335vw), 30px);
}
.splide-products .splide__arrows {
  max-width: 1440px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
  z-index: 100;
}
.splide-products button.splide__arrow {
  max-width: 60px;
  width: 15.385vw;
  max-height: 60px;
  height: 15.385vw;
  background-color: var(--color-white);
  border: var(--color-main-green) 1px solid;
  pointer-events: auto;
}
.splide-products button.splide__arrow:hover {
  background-color: var(--color-main-green);
}
.splide-products .splide__arrow svg {
  display: none;
}
.splide-products .splide__arrow--prev::after {
  content: "";
  display: block;
  width: 17px;
  height: 13px;
  background-color: var(--color-main-green);
  mask-image: url(../../assets/images/icons/icon-arrow-gr-l.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
}
.splide-products .splide__arrow--next::after {
  content: "";
  display: block;
  width: 17px;
  height: 13px;
  background-color: var(--color-main-green);
  mask-image: url(../../assets/images/icons/icon-arrow-gr-l.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  transform: scaleX(-1);
}
.splide-products button.splide__arrow:hover::after {
  background-color: var(--color-white);
}
@media (max-width: 768px) {
  .products-list .splide__slide {
    max-width: 167px;
    width: 42.821vw !important;
  }
}

/*--== seminar-list  =========================--*/
.seminar-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto) 1fr;
  gap: clamp(15px, 3vw, 36px);
}
.seminar-list-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 1;
  gap: 0;
  background-color: var(--color-back-01-light);
}
.seminar-list-thum {
  aspect-ratio: 350 / 197;
  overflow: hidden;
}
.seminar-list-thum img {
  width: 100%;
  aspect-ratio: 350 / 197;
  object-fit: cover;
  object-position: center center;
  transition: all 0.4s ease;
}
.seminar-list-item-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: clamp(16px, calc(14.514285714285714px + 0.38095238095238093vw), 20px);
}
.seminar-list-item-inner p {
  flex-grow: 1;
  font-size: var(--font-size-18);
  font-weight: 500;
  margin-top: clamp(16px, calc(18.228571428571428px + -0.5714285714285714vw), 10px);
  transition: all 0.4s ease;
}
.seminar-time-data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.seminar-time-data time {
  color: var(--color-text);
  font-size: var(--font-size-14);
  margin-right: 10px;
}
.seminar-time-data .status-entry {
  color: var(--color-main-orange);
  font-size: var(--font-size-14);
  padding: 0.1em 0.5em 0.2em 0.5em;
  background-color: var(--color-white);
  border: var(--color-main-orange) 1px solid;
  border-radius: 4px;
}
.seminar-list-item a {
  position: relative;
  color: var(--color-text);
  text-decoration: none;
  padding-bottom: 40px;
  transition: all 0.4s ease;
}
.seminar-list-item a:hover img,
.seminar-list-item a:hover p,
.seminar-list-item a:hover .btn-entry {
  text-decoration: underline;
  opacity: 0.8;
}
.seminar-list-item .btn-entry {
  position: absolute;
  bottom: 20px;
  color: var(--color-main-orange);
  font-size: var(--font-size-14);
  padding-right: 20px;
  background: url(../../assets/images/icons/icon-arrow-o.svg);
  background-size: 9px 10px;
  background-repeat: no-repeat;
  background-position: right center;
}
@media (max-width: 768px) {
  .seminar-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .seminar-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px 0;
  }
}

/*--==========================================--*
#### product-cat block ####
*--==========================================--*/
.product-cat-container {
  max-width: 1240px;
  width: 94.444vw;
  margin-top: clamp(32px, calc(26.057142857142857px + 1.5238095238095237vw), 48px);
  margin-inline: auto;
}
.product-cat-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 3vw, 20px);
}
.product-cat-item {
  position: relative;
}
.product-cat-item img {
  width: 100%;
  filter: brightness(0.8);
  border-radius: 4px;
  transition: all 0.4s ease;
}
.product-cat-item:hover img {
  filter: brightness(1);
}
.product-cat-item p.btn-green-border {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 215px;
  width: 90%;
  font-size: var(--font-size-16-12);
}
@media (max-width: 1130px) and (min-width: 769px) {
  .product-cat-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .product-cat-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 480px) {
  .product-cat-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-cat-item p.btn-green-border {
    background-position:
      right 7px center,
      center;
  }
}
/*--==========================================--*
#### membership-info block ####
*--==========================================--*/
.membership-info {
  padding-block: clamp(40px, calc(28.857142857142858px + 2.857142857142857vw), 70px) clamp(60px, calc(52.57142857142857px + 1.9047619047619049vw), 80px);
  background-color: var(--color-back-01);
}
.membership-info h2 {
  width: 45%;
  color: var(--color-main-orange);
  font-size: var(--font-size-46-32);
  font-weight: 700;
  text-align: left;
}
.membership-info h2 span {
  display: block;
  font-size: var(--font-size-16);
  font-weight: 500;
  margin-top: 4px;
}
.membership-info h3 {
  color: var(--color-main-orange);
  font-size: var(--font-size-32-24);
  text-align: center;
}
.membership-info h3 span {
  margin-left: 2rem;
}
.membership-info h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  color: var(--color-main-orange);
  font-size: var(--font-size-24-18);
  text-align: center;
  margin-bottom: 20px;
}
.membership-info .lab-container-l {
  max-width: 1360px !important;
}
.membership-info p.membership-info-copy {
  font-size: var(--font-size-18);
  margin-bottom: 15px;
}
.membership-info .membership-info-header {
  max-width: 1180px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 34px;
}
.membership-info .membership-info-header p {
  width: 52%;
  font-size: var(--font-size-18-15);
  font-weight: 500;
  line-height: 1.8;
}
.membership-info-point {
  color: var(--color-white);
  font-size: var(--font-size-24-18);
  font-weight: 500;
  text-align: center;
  padding: 0.4em 0.5em;
  margin-inline: 93px;
  margin-bottom: clamp(32px, calc(12.517138599105813px + 2.533532041728763vw), 49px);
  background-color: var(--color-main-orange);
  border-radius: 4px;
}
.membership-info-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 clamp(20px, calc(-0.6289120715350229px + 2.682563338301043vw), 38px);
  margin-block: clamp(32px, calc(-6.965722801788374px + 5.067064083457526vw), 66px) clamp(32px, calc(21.6px + 2.666666666666667vw), 60px);
}
.membership-info-item {
  position: relative;
  padding-block: clamp(32px, calc(27.542857142857144px + 1.1428571428571428vw), 44px) clamp(32px, calc(33.857142857142854px + -0.4761904761904762vw), 27px);
  padding-inline: clamp(16px, calc(7.828571428571429px + 2.0952380952380953vw), 38px);
  background-color: var(--color-white);
  border: var(--color-main-orange) 3px solid;
  border-radius: 5px;
  counter-increment: cnt;
}
.membership-info-item::before {
  position: absolute;
  top: -40px;
  left: 20px;
  content: counter(cnt);
  display: flex;
  justify-content: center;
  max-width: 72px;
  width: 10vw;
  max-height: 72px;
  height: 10vw;
  color: var(--color-white);
  font-size: var(--font-size-46-32);
  background-color: var(--color-main-orange);
  border-radius: 50px;
}
.membership-info .btn-orange {
  padding-block: 25px;
}
@media (max-width: 768px) {
  .membership-info h2 {
    width: 100%;
    text-align: center;
  }
  .membership-info h2 span {
    margin-top: clamp(20px, calc(18.142857142857142px + 0.4761904761904762vw), 25px);
    margin-bottom: 32px;
  }
  .membership-info .membership-info-header {
    margin: 0 auto 40px;
  }
  .membership-info .membership-info-header p {
    width: 100%;
  }
  .membership-info-point {
    line-height: 1.5;
    padding: 5.333vw 4.267vw;
    margin-inline: 0;
    border-radius: 4px;
  }
  .membership-info-list {
    grid-template-columns: 1fr;
    gap: 7.769vw 0;
  }
  .membership-info-item {
    max-width: initial;
    width: 100%;
  }
  .membership-info-item::before {
    top: -4vw;
    left: 2vw;
    max-width: 54px;
    width: 13.846vw;
    max-height: 54px;
    height: 13.846vw;
  }
}
@media (max-width: 480px) {
  .membership-info-list {
    gap: 13.769vw 0;
  }
  .membership-info h2 span {
    margin-bottom: 8.533vw;
  }
  .membership-info .membership-info-header {
    margin: 0 auto 16vw;
  }
  .membership-info-item::before {
    top: -8vw;
    left: 3vw;
  }
}

/*--==========================================--*
#### footer-inquiry block ####
*--==========================================--*/
.footer-inquiry {
  padding-block: clamp(40px, calc(25.142857142857142px + 3.8095238095238098vw), 80px);
  background-color: var(--color-light-green);
}
.footer-inquiry .btn-green {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 428px;
  width: 76.722vw;
  font-size: var(--font-size-24-18);
  padding-block: clamp(20px, calc(17.4px + 0.6666666666666667vw), 24px);
  background-position:
    right clamp(20px, calc(17.4px + 0.6666666666666667vw), 27px) center,
    center;
  border-radius: 100px;
  cursor: pointer;
}
.footer-inquiry .icon-inquiry {
  margin-top: 3px;
  margin-right: 6px;
}
.footer-inquiry p {
  color: var(--color-main-green);
  font-size: var(--font-size-18-15);
  font-weight: 500;
  text-align: center;
  margin-top: clamp(20px, calc(12.571428571428571px + 1.9047619047619049vw), 40px);
}
@media (max-width: 768px) {
  .footer-inquiry p {
    font-size: var(--font-size-10);
  }
  .footer-inquiry .btn-green {
    width: 89.744vw;
  }
}

/*--== site map  ==================--*/
/*-- lab-page-header --*/
.sitemap .page-header-inner {
  max-width: 615px;
  text-align: center;
  margin: 0 auto;
}
.sitemap .page-header-inner h1 {
  font-size: var(--font-size-46-32);
}
.sitemap .page-header-inner .page-header-comment {
  font-size: var(--font-size-16);
  font-weight: 300;
}
.sitemap .lab-container {
  margin-bottom: 80px;
}
.sitemap h2 {
  color: var(--color-main-green);
}
.sitemap h3 {
  position: relative;
  padding-left: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.sitemap h3::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  background-color: var(--color-main-orange);
}
.sitemap h4 {
  position: relative;
  padding-left: 15px;
  margin-block: 40px 20px;
}
.sitemap h4::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  background-color: var(--color-back-01);
}
.sitemap .group-layer-01 {
  padding-top: 30px;
  margin-top: 30px;
  border-top: var(--color-text) 1px solid;
}
.sitemap .group-layer-02 {
  padding-top: 10px;
  padding-left: 30px;
  margin-top: 30px;
  border-top: var(--color-text) 1px solid;
}
.sitemap .group-layer-03 {
  padding-left: 30px;
}
.sitemap .sitemap-group .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 15px;
}
.sitemap .group-layer-01 a {
  display: block;
}
.sitemap .group-layer-01 a:hover {
  text-decoration: none;
}
.sitemap .group-layer-01 p {
  margin-left: 30px;
}
.sitemap .group-layer-02 p {
  margin-left: 1rem;
}
.sitemap .group-layer-03 p {
  margin-left: 1rem;
}

/*--== terms ==================--*/
/*-- lab-page-header --*/
.terms .page-header-inner {
  max-width: 615px;
  text-align: center;
  margin: 0 auto;
}
.terms .page-header-inner h1 {
  font-size: var(--font-size-46-32);
}
.terms .page-header-inner .page-header-comment {
  font-size: var(--font-size-16);
  font-weight: 300;
}
.terms .lab-container {
  margin-bottom: 80px;
}
.terms h2 {
  font-size: var(--font-size-18-15);
  margin-bottom: 10px;
}
.terms p {
  font-weight: 400;
}
.terms p.txt-r {
  text-align: right;
  margin-top: 1.5em;
}
.terms-group {
  padding-top: 30px;
  margin-top: 30px;
  border-top: var(--color-text) 1px solid;
}
.terms-group ul {
  margin-left: 1em;
}
.terms-group ul > li {
  text-indent: -0.8em;
  padding-left: 1em;
  margin-bottom: 1em;
}
.terms-group ol {
  margin-left: 1em;
  margin-top: 1em;
}
.terms-group ol > li {
  text-indent: -2.5em;
  padding-left: 1.5em;
  margin-bottom: 0.3em;
}