*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden="until-found"])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  tab-size: 2;
  scrollbar-gutter: stable;
  interpolate-size: allow-keywords;
  line-height: 1.5;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

:where(body) {
  line-height: inherit;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer;
}

:where(:disabled, label:has(> :disabled, + disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(dialog, [popover]) {
  border: none;
  background: none;
  color: inherit;
  inset: unset;
  max-width: unset;
  max-height: unset;
  overflow: unset;
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  display: none !important;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

:root,
:host {
  --spacing: 0.25rem;
  --space-1: calc(var(--spacing) * 1);
  --space-2: calc(var(--spacing) * 2);
  --space-3: calc(var(--spacing) * 4);
  --space-4: calc(var(--spacing) * 6);
  --space-5: calc(var(--spacing) * 8);
  --space-6: calc(var(--spacing) * 10);
  --space-7: calc(var(--spacing) * 12);
  --space-8: calc(var(--spacing) * 16);
  --font-jp: "Noto Serif JP", serif;
  --font-gothic: "Noto Sans JP", sans-serif;
  --font-en: "";
  --default-font-family: var(--font-jp);
  --default-font-family-en: var(--font-en);
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --side-spacing: 40px;
  --nav-bar-color: #000;
}

body {
  font-family: var(--default-font-family);
  line-height: 2.3571428571;
  background: #fff;
  color: #000000;
}
body:not(.is-fv-hidden):has(.fv__slide-full.swiper-slide-active) {
  --nav-bar-color: #fff;
}

[tabindex="-1"]:focus-visible {
  outline: none !important;
}

h1 {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
  font-weight: 500;
}

h2 {
  font-size: var(--text-xl);
  line-height: var(--text-lg--line-height);
  font-weight: 500;
}

h3 {
  font-size: var(--text-xl);
  line-height: var(--text-lg--line-height);
  font-weight: 500;
}

h4 {
  font-size: var(--text-xl);
  line-height: var(--text-lg--line-height);
  font-weight: 500;
}

h5 {
  font-size: var(--text-xl);
  line-height: var(--text-lg--line-height);
  font-weight: 500;
}

h6 {
  font-size: var(--text-xl);
  line-height: var(--text-lg--line-height);
  font-weight: 500;
}

#main {
  overflow: clip;
}

.container {
  padding: 0 var(--side-spacing);
}

.layout-header {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}
.layout-header__button {
  position: absolute;
  z-index: 11;
  aspect-ratio: 1/1;
  width: 50px;
  right: 30px;
  top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-header__button-icon {
  width: 20px;
  height: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.layout-header__button-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--nav-bar-color);
  transition:
    transform 0.3s,
    background 0.3s;
}
.is-nav-open .layout-header__button-icon::before {
  transform: translateY(6px) rotate(45deg);
  background: #fff;
}
.layout-header__button-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--nav-bar-color);
  transition:
    transform 0.3s,
    background 0.3s;
}
.is-nav-open .layout-header__button-icon::after {
  transform: translateY(-5px) rotate(-45deg);
  background: #fff;
}

.local-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: #4c4949;
  max-width: 428px;
  width: 100%;
  z-index: 10;
  transform: translateX(100%);
  visibility: hidden;
  transition:
    transform 0.3s,
    visibility 0.3s;
}
.is-nav-open .local-nav {
  transform: translateX(0);
  visibility: visible;
}
.local-nav__inner {
  --can-scroll: center;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: var(--can-scroll);
  padding: var(--side-spacing);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  animation: detect-scroll;
  animation-timeline: scroll(self);
}
.local-nav__list {
  font-family: var(--font-gothic);
  display: grid;
  gap: 30px 0;
}
.local-nav__list-item {
  text-align: center;
}
.local-nav__list-link {
  color: #fff;
  font-size: 0.9375rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-align: center;
}
.local-nav__list-link:hover {
  text-decoration: underline;
}
.local-nav__sns-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 0 24px;
}

@keyframes detect-scroll {
  from,
  to {
    --can-scroll: unset;
  }
}
.fv {
  position: relative;
  overflow: clip;
}
.fv .swiper-container {
  aspect-ratio: 1280/703;
  width: 100%;
}
.fv .swiper-slide {
  position: relative;
}
.fv__slide-chara .fv__heading {
  top: 50%;
  transform: translate(0, -50%);
  left: 21.5625vw;
}
.fv__slide-chara-bg {
  position: absolute;
  top: calc(50% - 3.125vw);
  left: calc(50% + 6px);
  transform: translate(-50%, -50%);
  width: 24.140625vw;
}
.fv__slide-chara-bg img {
  width: 100%;
}
.fv__slide-full .fv__heading {
  top: 7.03125vw;
  right: 14.6875vw;
}
.fv__slide-full-bg {
  position: absolute;
  inset: 0;
}
.fv__slide-full-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fv__main-logo {
  position: absolute;
  z-index: 1;
  bottom: 5.46875vw;
  left: calc(50% + 0.78125vw);
  transform: translate(-50%, 0);
  width: 31.484375vw;
}
.fv__main-logo img {
  width: 100%;
}
.fv__heading {
  position: absolute;
  z-index: 1;
}
.fv__heading--white {
  filter: invert(1);
}
.fv__name {
  position: absolute;
  z-index: 1;
  bottom: 2.8125vw;
  left: calc(50% + 25.859375vw);
  transform: translate(-50%, 0);
  width: 17.890625vw;
}
.fv__name img {
  width: 100%;
}

.product {
  background: #a64282;
  color: #ffffff;
  position: relative;
  overflow: clip;
  padding: 136px 0 156px;
}
.product::before {
  content: "";
  display: block;
  position: absolute;
  width: 174px;
  aspect-ratio: 174/165;
  background: url(/agreets/assets/images/product_deco.png) no-repeat center center/contain;
  left: -38px;
  top: -13px;
}
.product::after {
  content: "";
  display: block;
  position: absolute;
  width: 159px;
  aspect-ratio: 159/166;
  background: url(/agreets/assets/images/product_deco_2.png) no-repeat center center/contain;
  right: -20px;
  bottom: 0;
}
.product__grid {
  display: grid;
  width: fit-content;
  margin-inline: auto;
  grid-template-columns: 1fr auto;
  max-width: 860px;
  gap: 20px 90px;
}
.product__heading {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.5333333333;
  margin-bottom: 36px;
}
.product__desc {
  font-size: 0.9375rem;
  line-height: 2.6666666667;
}
.product .container {
  position: relative;
  z-index: 10;
}

.product__package {
  margin-top: 110px;
  max-width: 834px;
  margin-inline: auto;
  display: grid;
  gap: 24px 80px;
  grid-template-columns: 1fr 240px;
  align-items: center;
  max-width: 838px;
}
.product__package-heading {
  font-size: 2.5rem;
  font-weight: 600;
}
.product__package-price {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.04em;
  font-family: var(--font-gothic);
}
.product__package-price span {
  font-size: 0.875rem;
}
.product__package-info {
  font-family: var(--font-gothic);
  font-size: 1.125rem;
  display: grid;
  gap: 1em 3rem;
  grid-template-columns: auto 1fr;
  line-height: 1.5;
  width: fit-content;
  margin-inline: auto;
}
.product__package-info .heading {
  font-weight: bold;
  text-align: justify;
  text-justify: inter-ideograph;
  text-align-last: justify;
}
.product__package-info .heading .unit {
  flex-grow: 1;
  text-align: right;
}
.product__package-info .heading .sub {
  display: block;
  text-align: center;
  text-align-last: auto;
}
.product__package-accordion {
  margin-top: 1em;
}
.product__package-accordion__button {
  display: flex;
  justify-content: flex-end;
}
.product__package-accordion__button__inner {
  display: flex;
  align-items: center;
  gap: 1em;
  cursor: pointer;
  transition: 0.3s;
}
.product__package-accordion__button__inner:hover {
  opacity: 0.7;
}
.product__package-accordion__button__inner.is-active .product__package-accordion__button__icon__bar[data-item="2"] {
  opacity: 0;
}
.product__package-accordion__button__text {
  font-family: var(--font-gothic);
  font-size: 1.125rem;
}
.product__package-accordion__button__icon {
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
}
.product__package-accordion__button__icon__bar {
  display: block;
  width: 100%;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product__package-accordion__button__icon__bar[data-item="2"] {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s;
}
.product__package-accordion__content {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}
.product__package-accordion__text {
  font-family: var(--font-gothic);
  font-size: 1.125rem;
}

.concept {
  padding: 100px 0 0;
  background: #f7f7f7;
}
.concept__heading {
  text-align: center;
  font-size: 3.125rem;
  margin-bottom: 34px;
}
.concept__desc {
  line-height: 2.8125;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  letter-spacing: 0.1em;
  padding-right: 18px;
  position: relative;
}
.concept__origin {
  max-width: 1040px;
  margin-inline: auto;
  border: 1px solid #c9a46d;
  border-radius: 9px;
  position: relative;
  padding: 56px clamp(20px, 2.34375vw, 30px) 49px;
  z-index: 1;
}
.concept__origin-heading {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 0;
}
.concept__origin-inner {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 22px clamp(0px, 2.5vw, 42px);
  width: fit-content;
  margin-inline: auto;
}
.concept__origin-inner-heading {
  text-align: center;
  font-weight: 600;
  color: #c9a46d;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.concept__origin-desc {
  text-align: center;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 2;
}
.concept__image {
  position: relative;
  padding-top: 90px;
  padding-bottom: 45.3125vw;
}

.news {
  padding: 70px 0 70px;
}
.news__heading {
  margin-bottom: 18px;
}
.news__heading img {
  margin-inline: auto;
}
.news__list {
  max-width: 600px;
  margin-inline: auto;
  font-family: var(--font-gothic);
  display: grid;
  gap: 20px 0;
}
.news__list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 12px 0;
  overflow-wrap: break-word;
  word-break: break-word;
  line-break: strict;
}
.news__list-item::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
  background: url(/agreets/assets/images/dot_line.svg) repeat-x left center;
}
.news__list-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.news__list-heading__button {
  display: flex;
  justify-content: center;
  width: 100%;
}
.news__list-heading__button__inner {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
  transition: 0.3s;
}
.news__list-heading__button__inner:hover {
  opacity: 0.7;
}
.news__list-heading__button__inner.is-active .news__list-heading__button__icon__bar[data-item="2"] {
  opacity: 0;
}
.news__list-heading__button__icon {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
}
.news__list-heading__button__icon__bar {
  display: block;
  width: 100%;
  border-bottom: 2px solid #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news__list-heading__button__icon__bar[data-item="2"] {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s;
}
.news__list-date {
  font-size: 0.875rem;
}
a.news__list-title {
  text-decoration: none;
}
a.news__list-title:hover {
  text-decoration: underline;
}

.news__list-content {
  padding-top: 20px;
}
.news__list-content.js-news-accordion-content {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}
.news__list-desc {
  font-size: 0.875rem;
  line-height: 2.1428571429;
}

.materials {
  background: url(/agreets/assets/images/bg_tex.webp) center top/cover;
  padding: 50px 0 0;
}
.materials__heading {
  margin-bottom: 20px;
}
.materials__heading img {
  margin-inline: auto;
}
.materials__sub {
  text-align: center;
  font-size: 1.125rem;
}
.materials__sub-heading {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 34px;
  letter-spacing: 0.08em;
}
.materials__sub-heading span {
  font-size: 1.0625rem;
}
.materials__inner {
  max-width: 624px;
  margin-inline: auto;
  position: relative;
}
.materials__desc {
  font-size: 0.875rem;
  letter-spacing: 0.08em;
}
.materials__map {
  position: absolute;
  right: 40px;
  bottom: -90px;
  transform: translate(100%, 0);
}
.materials__image {
  margin-top: 96px;
}
.materials__image img {
  max-inline-size: unset;
  width: 100%;
}

.story {
  background: url(/agreets/assets/images/bg_tex.webp) center top/cover;
  padding: 50px 0 0;
}
.story__heading {
  margin-bottom: 20px;
}
.story__heading img {
  margin-inline: auto;
}
.story__sub {
  text-align: center;
  font-size: 1.125rem;
}
.story__sub-heading {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 34px;
  letter-spacing: 0.08em;
}
.story__sub-heading span {
  font-size: 1.0625rem;
}
.story__inner {
  max-width: 624px;
  margin-inline: auto;
}
.story__desc {
  font-size: 0.875rem;
  letter-spacing: 0.08em;
}
.story__image {
  margin-top: 60px;
}
.story__image img {
  max-inline-size: unset;
  width: 100%;
}

.farmer {
  padding: 100px 0;
}
.farmer__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  margin-bottom: 30px;
}
.farmer__heading-deco {
  position: absolute;
  left: -68px;
  top: -28px;
  transform: translate(-100%, 0);
}
.farmer__image {
  margin-bottom: 30px;
}
.farmer__image img {
  margin-inline: auto;
}
.farmer__name {
  text-align: center;
  font-size: 1.75rem;
  letter-spacing: 0.08em;
}
.farmer__name span {
  font-size: 1rem;
  color: #37465f;
}
.farmer__team {
  color: #37465f;
  text-align: center;
  font-size: 1.0625rem;
  margin-bottom: 40px;
}
.farmer__desc {
  max-width: 690px;
  margin-inline: auto;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
}

.footer {
  background: #4c4949;
  color: #fff;
  font-family: var(--font-gothic);
}
.footer__inner {
  display: grid;
  gap: 50px 0;
  padding: 60px 30px 60px;
}
.footer__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
}
.footer__links-link {
  font-size: 0.875rem;
  text-decoration: none;
}
.footer__links-link:hover {
  text-decoration: underline;
}
.footer__sns {
  display: flex;
  gap: 0 20px;
}
.footer__sns-heading {
  font-size: 0.8125rem;
  line-height: 1;
  align-self: center;
}
.footer__sns-list {
  display: flex;
  align-items: center;
  gap: 0 24px;
}
.footer__sns-link {
  display: block;
}
.footer__copy {
  font-size: 0.75rem;
  display: block;
}

.mb-1 {
  margin-bottom: var(--space-1) !important;
}

.mt-1 {
  margin-top: var(--space-1) !important;
}

.ml-1 {
  margin-left: var(--space-1) !important;
}

.mr-1 {
  margin-right: var(--space-1) !important;
}

.m-1 {
  margin: var(--space-1) !important;
}

.pb-1 {
  padding-bottom: var(--space-1) !important;
}

.pt-1 {
  padding-top: var(--space-1) !important;
}

.pl-1 {
  padding-left: var(--space-1) !important;
}

.pr-1 {
  padding-right: var(--space-1) !important;
}

.p-1 {
  padding: var(--space-1) !important;
}
.mb-2 {
  margin-bottom: var(--space-2) !important;
}

.mt-2 {
  margin-top: var(--space-2) !important;
}

.ml-2 {
  margin-left: var(--space-2) !important;
}

.mr-2 {
  margin-right: var(--space-2) !important;
}

.m-2 {
  margin: var(--space-2) !important;
}

.pb-2 {
  padding-bottom: var(--space-2) !important;
}

.pt-2 {
  padding-top: var(--space-2) !important;
}

.pl-2 {
  padding-left: var(--space-2) !important;
}

.pr-2 {
  padding-right: var(--space-2) !important;
}

.p-2 {
  padding: var(--space-2) !important;
}
.mb-3 {
  margin-bottom: var(--space-3) !important;
}

.mt-3 {
  margin-top: var(--space-3) !important;
}

.ml-3 {
  margin-left: var(--space-3) !important;
}

.mr-3 {
  margin-right: var(--space-3) !important;
}

.m-3 {
  margin: var(--space-3) !important;
}

.pb-3 {
  padding-bottom: var(--space-3) !important;
}

.pt-3 {
  padding-top: var(--space-3) !important;
}

.pl-3 {
  padding-left: var(--space-3) !important;
}

.pr-3 {
  padding-right: var(--space-3) !important;
}

.p-3 {
  padding: var(--space-3) !important;
}
.mb-4 {
  margin-bottom: var(--space-4) !important;
}

.mt-4 {
  margin-top: var(--space-4) !important;
}

.ml-4 {
  margin-left: var(--space-4) !important;
}

.mr-4 {
  margin-right: var(--space-4) !important;
}

.m-4 {
  margin: var(--space-4) !important;
}

.pb-4 {
  padding-bottom: var(--space-4) !important;
}

.pt-4 {
  padding-top: var(--space-4) !important;
}

.pl-4 {
  padding-left: var(--space-4) !important;
}

.pr-4 {
  padding-right: var(--space-4) !important;
}

.p-4 {
  padding: var(--space-4) !important;
}
.mb-5 {
  margin-bottom: var(--space-5) !important;
}

.mt-5 {
  margin-top: var(--space-5) !important;
}

.ml-5 {
  margin-left: var(--space-5) !important;
}

.mr-5 {
  margin-right: var(--space-5) !important;
}

.m-5 {
  margin: var(--space-5) !important;
}

.pb-5 {
  padding-bottom: var(--space-5) !important;
}

.pt-5 {
  padding-top: var(--space-5) !important;
}

.pl-5 {
  padding-left: var(--space-5) !important;
}

.pr-5 {
  padding-right: var(--space-5) !important;
}

.p-5 {
  padding: var(--space-5) !important;
}
.mb-6 {
  margin-bottom: var(--space-6) !important;
}

.mt-6 {
  margin-top: var(--space-6) !important;
}

.ml-6 {
  margin-left: var(--space-6) !important;
}

.mr-6 {
  margin-right: var(--space-6) !important;
}

.m-6 {
  margin: var(--space-6) !important;
}

.pb-6 {
  padding-bottom: var(--space-6) !important;
}

.pt-6 {
  padding-top: var(--space-6) !important;
}

.pl-6 {
  padding-left: var(--space-6) !important;
}

.pr-6 {
  padding-right: var(--space-6) !important;
}

.p-6 {
  padding: var(--space-6) !important;
}
.mb-7 {
  margin-bottom: var(--space-7) !important;
}

.mt-7 {
  margin-top: var(--space-7) !important;
}

.ml-7 {
  margin-left: var(--space-7) !important;
}

.mr-7 {
  margin-right: var(--space-7) !important;
}

.m-7 {
  margin: var(--space-7) !important;
}

.pb-7 {
  padding-bottom: var(--space-7) !important;
}

.pt-7 {
  padding-top: var(--space-7) !important;
}

.pl-7 {
  padding-left: var(--space-7) !important;
}

.pr-7 {
  padding-right: var(--space-7) !important;
}

.p-7 {
  padding: var(--space-7) !important;
}
.mb-8 {
  margin-bottom: var(--space-8) !important;
}

.mt-8 {
  margin-top: var(--space-8) !important;
}

.ml-8 {
  margin-left: var(--space-8) !important;
}

.mr-8 {
  margin-right: var(--space-8) !important;
}

.m-8 {
  margin: var(--space-8) !important;
}

.pb-8 {
  padding-bottom: var(--space-8) !important;
}

.pt-8 {
  padding-top: var(--space-8) !important;
}

.pl-8 {
  padding-left: var(--space-8) !important;
}

.pr-8 {
  padding-right: var(--space-8) !important;
}

.p-8 {
  padding: var(--space-8) !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.text-xs {
  font-size: var(--text-xs) !important;
}
.text-sm {
  font-size: var(--text-sm) !important;
}
.text-base {
  font-size: var(--text-base) !important;
}
.text-lg {
  font-size: var(--text-lg) !important;
}
.text-xl {
  font-size: var(--text-xl) !important;
}
.text-2xl {
  font-size: var(--text-2xl) !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: var(--line-height-sm) !important;
}
.lh-md {
  line-height: var(--line-height-md) !important;
}
.lh-base {
  line-height: var(--line-height-base) !important;
}
@media (min-width: 48rem) {
  .fv__heading {
    aspect-ratio: 87/336;
    width: 6.796875vw;
  }
  .fv__heading .comma {
    margin-bottom: -12px;
    display: inline-block;
  }
  .fv__heading .kana {
    display: inline-block;
    letter-spacing: 0;
  }
  .product__package-image img {
    margin-inline: auto 0;
  }
  .product__package-info-wrapper {
    grid-column: 1/-1;
  }
  .concept__desc::after {
    content: "";
    display: block;
    position: absolute;
    width: 243px;
    aspect-ratio: 243/113;
    background: url(/agreets/assets/images/concept_deco.png) no-repeat center center/contain;
    z-index: 1;
    right: -12px;
    top: -25px;
    transform: translate(100%, 0);
  }
  .concept__image-bg {
    position: absolute;
    height: 100%;
    top: 0;
    left: calc(var(--side-spacing) * -1);
    right: calc(var(--side-spacing) * -1);
  }
  .concept__image-bg img {
    object-fit: cover;
    object-position: center bottom;
    width: 100%;
    height: 100%;
  }
  .footer__links-item + .footer__links-item::before {
    content: "/";
    display: inline-block;
    margin: 0 0.5em;
  }
  .footer__sns {
    align-items: center;
    margin-inline: auto;
    width: fit-content;
  }
  .footer__copy {
    text-align: center;
    font-size: 0.6875rem;
  }
  .mb-md-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mt-md-1 {
    margin-top: var(--space-1) !important;
  }
  .ml-md-1 {
    margin-left: var(--space-1) !important;
  }
  .mr-md-1 {
    margin-right: var(--space-1) !important;
  }
  .m-md-1 {
    margin: var(--space-1) !important;
  }
  .pb-md-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pt-md-1 {
    padding-top: var(--space-1) !important;
  }
  .pl-md-1 {
    padding-left: var(--space-1) !important;
  }
  .pr-md-1 {
    padding-right: var(--space-1) !important;
  }
  .p-md-1 {
    padding: var(--space-1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mt-md-2 {
    margin-top: var(--space-2) !important;
  }
  .ml-md-2 {
    margin-left: var(--space-2) !important;
  }
  .mr-md-2 {
    margin-right: var(--space-2) !important;
  }
  .m-md-2 {
    margin: var(--space-2) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pt-md-2 {
    padding-top: var(--space-2) !important;
  }
  .pl-md-2 {
    padding-left: var(--space-2) !important;
  }
  .pr-md-2 {
    padding-right: var(--space-2) !important;
  }
  .p-md-2 {
    padding: var(--space-2) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mt-md-3 {
    margin-top: var(--space-3) !important;
  }
  .ml-md-3 {
    margin-left: var(--space-3) !important;
  }
  .mr-md-3 {
    margin-right: var(--space-3) !important;
  }
  .m-md-3 {
    margin: var(--space-3) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pt-md-3 {
    padding-top: var(--space-3) !important;
  }
  .pl-md-3 {
    padding-left: var(--space-3) !important;
  }
  .pr-md-3 {
    padding-right: var(--space-3) !important;
  }
  .p-md-3 {
    padding: var(--space-3) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mt-md-4 {
    margin-top: var(--space-4) !important;
  }
  .ml-md-4 {
    margin-left: var(--space-4) !important;
  }
  .mr-md-4 {
    margin-right: var(--space-4) !important;
  }
  .m-md-4 {
    margin: var(--space-4) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pt-md-4 {
    padding-top: var(--space-4) !important;
  }
  .pl-md-4 {
    padding-left: var(--space-4) !important;
  }
  .pr-md-4 {
    padding-right: var(--space-4) !important;
  }
  .p-md-4 {
    padding: var(--space-4) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mt-md-5 {
    margin-top: var(--space-5) !important;
  }
  .ml-md-5 {
    margin-left: var(--space-5) !important;
  }
  .mr-md-5 {
    margin-right: var(--space-5) !important;
  }
  .m-md-5 {
    margin: var(--space-5) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pt-md-5 {
    padding-top: var(--space-5) !important;
  }
  .pl-md-5 {
    padding-left: var(--space-5) !important;
  }
  .pr-md-5 {
    padding-right: var(--space-5) !important;
  }
  .p-md-5 {
    padding: var(--space-5) !important;
  }
  .mb-md-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mt-md-6 {
    margin-top: var(--space-6) !important;
  }
  .ml-md-6 {
    margin-left: var(--space-6) !important;
  }
  .mr-md-6 {
    margin-right: var(--space-6) !important;
  }
  .m-md-6 {
    margin: var(--space-6) !important;
  }
  .pb-md-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pt-md-6 {
    padding-top: var(--space-6) !important;
  }
  .pl-md-6 {
    padding-left: var(--space-6) !important;
  }
  .pr-md-6 {
    padding-right: var(--space-6) !important;
  }
  .p-md-6 {
    padding: var(--space-6) !important;
  }
  .mb-md-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mt-md-7 {
    margin-top: var(--space-7) !important;
  }
  .ml-md-7 {
    margin-left: var(--space-7) !important;
  }
  .mr-md-7 {
    margin-right: var(--space-7) !important;
  }
  .m-md-7 {
    margin: var(--space-7) !important;
  }
  .pb-md-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pt-md-7 {
    padding-top: var(--space-7) !important;
  }
  .pl-md-7 {
    padding-left: var(--space-7) !important;
  }
  .pr-md-7 {
    padding-right: var(--space-7) !important;
  }
  .p-md-7 {
    padding: var(--space-7) !important;
  }
  .mb-md-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mt-md-8 {
    margin-top: var(--space-8) !important;
  }
  .ml-md-8 {
    margin-left: var(--space-8) !important;
  }
  .mr-md-8 {
    margin-right: var(--space-8) !important;
  }
  .m-md-8 {
    margin: var(--space-8) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pt-md-8 {
    padding-top: var(--space-8) !important;
  }
  .pl-md-8 {
    padding-left: var(--space-8) !important;
  }
  .pr-md-8 {
    padding-right: var(--space-8) !important;
  }
  .p-md-8 {
    padding: var(--space-8) !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .mw-md-100 {
    max-width: 100% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .mh-md-100 {
    max-height: 100% !important;
  }
  .text-md-xs {
    font-size: var(--text-xs) !important;
  }
  .text-md-sm {
    font-size: var(--text-sm) !important;
  }
  .text-md-base {
    font-size: var(--text-base) !important;
  }
  .text-md-lg {
    font-size: var(--text-lg) !important;
  }
  .text-md-xl {
    font-size: var(--text-xl) !important;
  }
  .text-md-2xl {
    font-size: var(--text-2xl) !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-start {
    text-align: start !important;
  }
  .text-md-end {
    text-align: end !important;
  }
  .text-md-nowrap {
    white-space: nowrap !important;
  }
  .lh-md-1 {
    line-height: 1 !important;
  }
  .lh-md-sm {
    line-height: var(--line-height-sm) !important;
  }
  .lh-md-md {
    line-height: var(--line-height-md) !important;
  }
  .lh-md-base {
    line-height: var(--line-height-base) !important;
  }
}
@media (min-width: 64rem) {
  .mb-lg-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mt-lg-1 {
    margin-top: var(--space-1) !important;
  }
  .ml-lg-1 {
    margin-left: var(--space-1) !important;
  }
  .mr-lg-1 {
    margin-right: var(--space-1) !important;
  }
  .m-lg-1 {
    margin: var(--space-1) !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pt-lg-1 {
    padding-top: var(--space-1) !important;
  }
  .pl-lg-1 {
    padding-left: var(--space-1) !important;
  }
  .pr-lg-1 {
    padding-right: var(--space-1) !important;
  }
  .p-lg-1 {
    padding: var(--space-1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mt-lg-2 {
    margin-top: var(--space-2) !important;
  }
  .ml-lg-2 {
    margin-left: var(--space-2) !important;
  }
  .mr-lg-2 {
    margin-right: var(--space-2) !important;
  }
  .m-lg-2 {
    margin: var(--space-2) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pt-lg-2 {
    padding-top: var(--space-2) !important;
  }
  .pl-lg-2 {
    padding-left: var(--space-2) !important;
  }
  .pr-lg-2 {
    padding-right: var(--space-2) !important;
  }
  .p-lg-2 {
    padding: var(--space-2) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mt-lg-3 {
    margin-top: var(--space-3) !important;
  }
  .ml-lg-3 {
    margin-left: var(--space-3) !important;
  }
  .mr-lg-3 {
    margin-right: var(--space-3) !important;
  }
  .m-lg-3 {
    margin: var(--space-3) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pt-lg-3 {
    padding-top: var(--space-3) !important;
  }
  .pl-lg-3 {
    padding-left: var(--space-3) !important;
  }
  .pr-lg-3 {
    padding-right: var(--space-3) !important;
  }
  .p-lg-3 {
    padding: var(--space-3) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mt-lg-4 {
    margin-top: var(--space-4) !important;
  }
  .ml-lg-4 {
    margin-left: var(--space-4) !important;
  }
  .mr-lg-4 {
    margin-right: var(--space-4) !important;
  }
  .m-lg-4 {
    margin: var(--space-4) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pt-lg-4 {
    padding-top: var(--space-4) !important;
  }
  .pl-lg-4 {
    padding-left: var(--space-4) !important;
  }
  .pr-lg-4 {
    padding-right: var(--space-4) !important;
  }
  .p-lg-4 {
    padding: var(--space-4) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mt-lg-5 {
    margin-top: var(--space-5) !important;
  }
  .ml-lg-5 {
    margin-left: var(--space-5) !important;
  }
  .mr-lg-5 {
    margin-right: var(--space-5) !important;
  }
  .m-lg-5 {
    margin: var(--space-5) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pt-lg-5 {
    padding-top: var(--space-5) !important;
  }
  .pl-lg-5 {
    padding-left: var(--space-5) !important;
  }
  .pr-lg-5 {
    padding-right: var(--space-5) !important;
  }
  .p-lg-5 {
    padding: var(--space-5) !important;
  }
  .mb-lg-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mt-lg-6 {
    margin-top: var(--space-6) !important;
  }
  .ml-lg-6 {
    margin-left: var(--space-6) !important;
  }
  .mr-lg-6 {
    margin-right: var(--space-6) !important;
  }
  .m-lg-6 {
    margin: var(--space-6) !important;
  }
  .pb-lg-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pt-lg-6 {
    padding-top: var(--space-6) !important;
  }
  .pl-lg-6 {
    padding-left: var(--space-6) !important;
  }
  .pr-lg-6 {
    padding-right: var(--space-6) !important;
  }
  .p-lg-6 {
    padding: var(--space-6) !important;
  }
  .mb-lg-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mt-lg-7 {
    margin-top: var(--space-7) !important;
  }
  .ml-lg-7 {
    margin-left: var(--space-7) !important;
  }
  .mr-lg-7 {
    margin-right: var(--space-7) !important;
  }
  .m-lg-7 {
    margin: var(--space-7) !important;
  }
  .pb-lg-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pt-lg-7 {
    padding-top: var(--space-7) !important;
  }
  .pl-lg-7 {
    padding-left: var(--space-7) !important;
  }
  .pr-lg-7 {
    padding-right: var(--space-7) !important;
  }
  .p-lg-7 {
    padding: var(--space-7) !important;
  }
  .mb-lg-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mt-lg-8 {
    margin-top: var(--space-8) !important;
  }
  .ml-lg-8 {
    margin-left: var(--space-8) !important;
  }
  .mr-lg-8 {
    margin-right: var(--space-8) !important;
  }
  .m-lg-8 {
    margin: var(--space-8) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pt-lg-8 {
    padding-top: var(--space-8) !important;
  }
  .pl-lg-8 {
    padding-left: var(--space-8) !important;
  }
  .pr-lg-8 {
    padding-right: var(--space-8) !important;
  }
  .p-lg-8 {
    padding: var(--space-8) !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .mw-lg-100 {
    max-width: 100% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .mh-lg-100 {
    max-height: 100% !important;
  }
  .text-lg-xs {
    font-size: var(--text-xs) !important;
  }
  .text-lg-sm {
    font-size: var(--text-sm) !important;
  }
  .text-lg-base {
    font-size: var(--text-base) !important;
  }
  .text-lg-lg {
    font-size: var(--text-lg) !important;
  }
  .text-lg-xl {
    font-size: var(--text-xl) !important;
  }
  .text-lg-2xl {
    font-size: var(--text-2xl) !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-start {
    text-align: start !important;
  }
  .text-lg-end {
    text-align: end !important;
  }
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
  .lh-lg-1 {
    line-height: 1 !important;
  }
  .lh-lg-sm {
    line-height: var(--line-height-sm) !important;
  }
  .lh-lg-md {
    line-height: var(--line-height-md) !important;
  }
  .lh-lg-base {
    line-height: var(--line-height-base) !important;
  }
}
@media (max-width: 63.98rem) {
  .product__grid {
    gap: 20px 8.7890625vw;
  }
  .product__heading {
    font-size: max(1.625rem, 2.9296875vw);
  }
  .concept__origin-inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .concept__image {
    padding-bottom: 56.640625vw;
  }
  .materials__map {
    position: static;
    transform: none;
    margin-inline: auto calc(var(--side-spacing) * -1);
    width: fit-content;
  }
  .materials__image {
    margin-top: 60px;
  }
}
@media (max-width: 47.98rem) {
  body.is-nav-open {
    overflow: hidden;
  }
  .layout-header__button {
    top: 0;
    right: 0;
  }
  .layout-header__button-icon {
    width: 12px;
    height: 7px;
  }
  .is-nav-open .layout-header__button-icon::before {
    transform: translateY(3px) rotate(45deg);
  }
  .is-nav-open .layout-header__button-icon::after {
    transform: translateY(-3px) rotate(-45deg);
  }
  .local-nav__list-link {
    font-size: 0.875rem;
  }
  .fv .swiper-container {
    aspect-ratio: 375/686;
  }
  .fv__slide-chara .fv__heading {
    transform: translate(-50%, 0);
    left: 50%;
    top: 10.6666666667vw;
  }
  .fv__slide-chara-bg {
    width: 66.1333333333vw;
    top: 26.6666666667vw;
    transform: translate(-50%, 0);
  }
  .fv__slide-full .fv__heading {
    transform: translate(-50%, 0);
    left: 50%;
    top: 10.6666666667vw;
  }
  .fv__main-logo {
    width: 92.2666666667vw;
    bottom: 45.0666666667vw;
  }
  .fv__heading {
    aspect-ratio: 302/59;
    width: 80.5333333333vw;
  }
  .fv__heading img {
    width: 100%;
  }
  .fv__name {
    width: 49.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4vw;
  }
  .product {
    padding: 60px 0;
  }
  .product::before {
    width: 126px;
    left: -24px;
    top: -8px;
  }
  .product::after {
    width: 115px;
    bottom: -4px;
  }
  .product__grid {
    grid-template-columns: 1fr;
  }
  .product__heading {
    font-size: 1.4375rem;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 40px;
  }
  .product__image img {
    max-width: 68.8vw;
  }
  .product__desc {
    font-size: 0.875rem;
    text-align: center;
    line-height: 2.5714285714;
  }
  .product__package {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }
  .product__package-image img {
    width: 208px;
    margin-inline: auto;
  }
  .product__package-hgroup {
    text-align: center;
  }
  .product__package-heading {
    font-size: 2.25rem;
  }
  .product__package-price {
    font-size: 1.125rem;
  }
  .product__package-price span {
    font-size: 0.75rem;
  }
  .product__package-info {
    font-size: 0.75rem;
    margin-inline: auto;
    gap: 1em 2rem;
    z-index: 1;
    margin-bottom: 24px;
    position: relative;
  }
  .product__package-accordion__button__inner:hover {
    opacity: 1;
  }
  .product__package-accordion__button__text {
    font-size: 0.75rem;
  }
  .product__package-accordion__button__icon {
    width: 0.625rem;
    height: 0.625rem;
  }
  .product__package-accordion__content {
    padding-top: 12px;
  }
  .product__package-accordion__text {
    font-size: 0.75rem;
  }
  .concept {
    padding-top: 76px;
  }
  .concept__heading {
    font-size: 2.25rem;
    position: relative;
    padding-left: 16px;
    line-height: 1.3333333333;
  }
  .concept__heading::after {
    content: "";
    display: block;
    position: absolute;
    width: 158px;
    aspect-ratio: 243/113;
    background: url(/agreets/assets/images/concept_deco.png) no-repeat center center/contain;
    z-index: 1;
    right: 128px;
    top: -52px;
    transform: translate(100%, 0);
  }
  .concept__desc {
    font-size: 0.875rem;
    line-height: 2.7857142857;
    padding-right: 0;
  }
  .concept__origin {
    padding: 44px 20px 32px;
  }
  .concept__origin-heading {
    width: 262px;
  }
  .concept__origin-inner {
    grid-template-columns: 1fr;
  }
  .concept__origin-inner-heading {
    font-size: 1.25rem;
    margin-bottom: 6px;
  }
  .concept__origin-desc {
    font-size: 0.75rem;
    line-height: 2.3333333333;
  }
  .concept__image {
    padding-top: 76px;
    padding-bottom: 0;
  }
  .concept__image-bg {
    margin-inline: calc(var(--side-spacing) * -1);
  }
  .news {
    padding: 30px 0;
  }
  .news .container {
    padding: 0 24px;
  }
  .news__list-heading__button__inner:hover {
    opacity: 1;
  }
  .news__list-heading__button__icon {
    width: 0.625rem;
    height: 0.625rem;
  }
  .news__list-content {
    padding-top: 6px;
  }
  .materials__heading {
    margin-bottom: 10px;
  }
  .materials__sub {
    font-size: 0.9375rem;
    margin-bottom: 10px;
  }
  .materials__sub-heading {
    font-size: 1.625rem;
    margin-bottom: 24px;
  }
  .materials__sub-heading span {
    font-size: 0.875rem;
  }
  .materials__inner {
    max-width: 75.2vw;
  }
  .materials__desc {
    letter-spacing: 0.01em;
  }
  .materials__map {
    margin-top: -28px;
  }
  .materials__image {
    margin-top: 10px;
  }
  .story__heading {
    margin-bottom: 10px;
  }
  .story__desc {
    max-width: 75.2vw;
    margin-inline: auto;
    letter-spacing: 0.01em;
  }
  .story__image {
    margin-top: 40px;
  }
  .farmer {
    padding: 60px 0 80px;
  }
  .farmer__heading-deco {
    width: 73px;
    left: -41px;
    top: 5px;
  }
  .farmer__image {
    margin-bottom: 20px;
  }
  .farmer__name {
    font-size: 1.375rem;
  }
  .farmer__name span {
    font-size: 0.875rem;
  }
  .farmer__team {
    font-size: 0.875rem;
    line-height: 2;
    margin-bottom: 30px;
  }
  .farmer__desc {
    max-width: 75.2vw;
    letter-spacing: 0.01em;
  }
  .footer__inner {
    padding: 26px 28px;
    gap: 0;
  }
  .footer__links {
    justify-content: flex-start;
  }
  .footer__links-item:not(:last-child)::after {
    content: "/";
    display: inline-block;
    margin: 0 0.5em;
  }
  .footer__links-link {
    font-size: 0.8125rem;
  }
  .footer__sns {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}