@charset "UTF-8";
/************************************************
    GALLERY
*************************************************/
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.section-Gallery {
  font-size: 0.625em;
  background-color: #c99d61;
  position: relative;
}
@media (min-width: 48rem) {
  .section-Gallery {
    font-size: 1em;
  }
}
.section-Gallery__title {
  color: var(--accent-color-01);
  font-family: "Noto Serif JP", serif;
  font-size: 1.875em;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  grid-column: 1;
  grid-row: 1;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--theme-color);
  box-sizing: border-box;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: 100%;
  padding-block: 1lh;
}
@supports not (padding-block: 1lh) {
  .section-Gallery__title {
    padding-block-start: 1lh;
    padding-block-end: 1lh;
  }
}
.section-Gallery__title {
  padding-inline: 1.1em 1em;
}
@supports not (padding-inline: 1.1em 1em) {
  .section-Gallery__title {
    padding-inline-start: 1.1em;
    padding-inline-end: 1em;
  }
}
.section-Gallery__title {
  margin: auto;
  position: absolute;
  inset: 0;
}
@supports not (inset: 0) {
  .section-Gallery__title {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
}
.section-Gallery__title {
  z-index: 2;
}
@media (min-width: 48rem) {
  .section-Gallery__title {
    inline-size: 16.6666666667em;
  }
}
.section-Gallery-gallery {
  -js-display: flex;
  display: flex;
  padding-block: 2.5em;
}
@supports not (padding-block: 2.5em) {
  .section-Gallery-gallery {
    padding-block-start: 2.5em;
    padding-block-end: 2.5em;
  }
}
.section-Gallery-gallery {
  overflow: hidden;
}
@media (min-width: 48rem) {
  .section-Gallery-gallery {
    padding-block: 5em;
  }
  @supports not (padding-block: 5em) {
    .section-Gallery-gallery {
      padding-block-start: 5em;
      padding-block-end: 5em;
    }
  }
}
.section-Gallery-gallery-list {
  -js-display: flex;
  display: flex;
  padding: 0;
  margin: 0;
  animation: slide 20s infinite linear 0s both;
}
@media (min-width: 48rem) {
  .section-Gallery-gallery-list {
    animation-duration: 40s;
  }
}
.section-Gallery-gallery:hover .section-Gallery-gallery-list {
  /* animation-play-state: paused; */
}
.section-Gallery-gallery__item {
  inline-size: 20em;
  margin-inline: 0.625em;
}
@supports not (margin-inline: 0.625em) {
  .section-Gallery-gallery__item {
    margin-inline-start: 0.625em;
    margin-inline-end: 0.625em;
  }
}
@media (min-width: 48rem) {
  .section-Gallery-gallery__item {
    inline-size: 37.5em;
  }
}
.section-Gallery-gallery__item img {
  inline-size: 100%;
  border-radius: 1.25em;
}

/************************************************
    私たちの想い
*************************************************/
.section-OurPhilosophy {
  color: #5d4a3b;
}
@media (min-width: 48rem) {
  .section-OurPhilosophy {
    display: grid;
    grid-template-columns: 1fr 26.25em 6.25em 36.25em 1fr;
    grid-template-rows: repeat(2, auto) 1fr;
  }
}
.section-OurPhilosophy__title {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 48rem) {
  .section-OurPhilosophy__title {
    grid-column: 2;
    grid-row: 1;
  }
}
.section-OurPhilosophy__title .before {
  color: #b70f0f;
  font-size: 1.25em;
  font-weight: 700;
  display: block;
}
.section-OurPhilosophy__title .text {
  font-size: 2.75em;
  font-weight: 700;
  line-height: 1.3636363636;
  display: block;
  margin-block-start: 0.7272727273em;
}
.section-OurPhilosophy__thumbnail {
  display: block;
  margin-block-start: 3em;
}
@media (min-width: 48rem) {
  .section-OurPhilosophy__thumbnail {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / -1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / -1;
    margin-block-start: 10em;
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
@media (min-width: 48rem) {
  .section-OurPhilosophy__thumbnail img {
    border-start-start-radius: 3.75em;
    border-end-end-radius: 3.75em;
  }
}
.section-OurPhilosophy__content {
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.2222222222;
  margin-block-start: 2.5em;
}
@media (min-width: 48rem) {
  .section-OurPhilosophy__content {
    grid-column: 2;
    grid-row: 2;
    margin-block-start: 4.1666666667em;
  }
}
.section-OurPhilosophy__content p {
  margin: 0;
}
.section-OurPhilosophy__button {
  color: white;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  display: block;
  background-color: var(--theme-color);
  box-sizing: border-box;
  inline-size: 13.75em;
  padding-block: 0.9375em;
}
@supports not (padding-block: 0.9375em) {
  .section-OurPhilosophy__button {
    padding-block-start: 0.9375em;
    padding-block-end: 0.9375em;
  }
}
.section-OurPhilosophy__button {
  padding-inline: 1em;
}
@supports not (padding-inline: 1em) {
  .section-OurPhilosophy__button {
    padding-inline-start: 1em;
    padding-inline-end: 1em;
  }
}
.section-OurPhilosophy__button {
  border: 1px solid var(--theme-color);
  border-radius: 999px;
  margin-block-start: 3em;
  margin-inline: auto;
}
@supports not (margin-inline: auto) {
  .section-OurPhilosophy__button {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@media (min-width: 48rem) {
  .section-OurPhilosophy__button {
    grid-column: 2;
    grid-row: 3;
    align-self: start;
    margin-inline-start: 0;
  }
}
.section-OurPhilosophy__button:hover {
  color: var(--theme-color);
  background-color: white;
}

/************************************************
    商品紹介
*************************************************/
.section-OurProducts {
  color: #5d4a3b;
  padding-block-end: 0;
}
@media (min-width: 48rem) {
  .section-OurProducts {
    display: grid;
    grid-template-columns: 1fr repeat(2, minmax(min-content, 34.375em)) 1fr;
    grid-template-rows: repeat(3, auto);
  }
}
.section + .section-OurProducts {
  margin-block-start: -6.25em;
}
.section-OurProducts__title {
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 48rem) {
  .section-OurProducts__title {
    grid-column: 2;
    grid-row: 1;
  }
}
.section-OurProducts__title .before {
  color: #b70f0f;
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: block;
}
.section-OurProducts__title .text {
  font-size: 4.625em;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.125;
  display: block;
  margin-block-start: 0.1081081081em;
}
.section-OurProducts__content {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.6666666667;
  margin-block-start: 2em;
}
@media (min-width: 48rem) {
  .section-OurProducts__content {
    grid-column: 3;
    grid-row: 1;
    margin-block-start: 3.1111111111em;
  }
}
.section-OurProducts__content p {
  margin: 0;
}
.section-OurProducts__thumbnail {
  display: block;
  margin-block-start: 5.125em;
  position: relative;
  z-index: 2;
}
@media (min-width: 48rem) {
  .section-OurProducts__thumbnail {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / -1;
    grid-row: 2;
  }
}
@media (min-width: 48rem) {
  .section-OurProducts__thumbnail img {
    border-start-start-radius: 3.75em;
    border-end-end-radius: 3.75em;
  }
}
.section-OurProducts-navigation {
  background-color: var(--accent-color-01);
  padding-block: 0.625em 5em;
}
@supports not (padding-block: 0.625em 5em) {
  .section-OurProducts-navigation {
    padding-block-start: 0.625em;
    padding-block-end: 5em;
  }
}
.section-OurProducts-navigation {
  padding-inline: var(--gutter);
}
@supports not (padding-inline: var(--gutter)) {
  .section-OurProducts-navigation {
    padding-inline-start: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
.section-OurProducts-navigation {
  margin-block: 0 0;
}
@supports not (margin-block: 0 0) {
  .section-OurProducts-navigation {
    margin-block-start: 0;
    margin-block-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-OurProducts-navigation {
    grid-column: 1 / 4;
    grid-row: 3;
    padding-block: 13em 9.375em;
  }
  @supports not (padding-block: 13em 9.375em) {
    .section-OurProducts-navigation {
      padding-block-start: 13em;
      padding-block-end: 9.375em;
    }
  }
  .section-OurProducts-navigation {
    padding-inline: 4.0625rem;
  }
  @supports not (padding-inline: 4.0625rem) {
    .section-OurProducts-navigation {
      padding-inline-start: 4.0625rem;
      padding-inline-end: 4.0625rem;
    }
  }
  .section-OurProducts-navigation {
    border-start-start-radius: 3.75em;
    border-end-end-radius: 3.75em;
    margin-block-start: -13em;
    margin-inline-start: calc(var(--gutter) * -1);
  }
}
.section-OurProducts-navigation-item {
  max-inline-size: 60.625em;
  border-block-end: 2px solid #707070;
  margin-inline-start: auto;
}
@media (min-width: 48rem) {
  .section-OurProducts-navigation-item {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / -1;
  }
}
.section-OurProducts-navigation-item__permalink {
  text-decoration: none;
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  grid-template-rows: auto 1fr auto;
  grid-column-gap: 1.25rem;
  padding-block: 3.125em 1.25em;
}
@supports not (padding-block: 3.125em 1.25em) {
  .section-OurProducts-navigation-item__permalink {
    padding-block-start: 3.125em;
    padding-block-end: 1.25em;
  }
}
@media (min-width: 48rem) {
  .section-OurProducts-navigation-item__permalink {
    grid-template-columns: 12.5rem 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 3.75rem;
    padding-block: 4.375em;
  }
  @supports not (padding-block: 4.375em) {
    .section-OurProducts-navigation-item__permalink {
      padding-block-start: 4.375em;
      padding-block-end: 4.375em;
    }
  }
  .section-OurProducts-navigation-item__permalink {
    padding-inline-end: 6.75em;
    position: relative;
  }
}
.section-OurProducts-navigation-item__permalink::after {
  content: "\e900";
  color: #5d4a3b;
  font-family: "icomoon";
  font-weight: normal;
  font-size: 1.125em;
  line-height: 2;
  text-align: center;
  grid-column: 2;
  grid-row: 3;
  background-color: white;
  inline-size: 2em;
  padding: 1.1111111111em;
  border: 0.1111111111em solid #5d4a3b;
  border-radius: 50%;
  margin-block-start: 1em;
  margin-inline-start: auto;
}
@media (min-width: 48rem) {
  .section-OurProducts-navigation-item__permalink::after {
    position: absolute;
    inset-block-end: 4.3333333333em;
  }
  @supports not (inset-block-end: 4.3333333333em) {
    .section-OurProducts-navigation-item__permalink::after {
      bottom: 4.3333333333em;
    }
  }
  .section-OurProducts-navigation-item__permalink::after {
    inset-inline-end: 0;
  }
  @supports not (inset-inline-end: 0) {
    .section-OurProducts-navigation-item__permalink::after {
      right: 0;
    }
  }
}
.section-OurProducts-navigation-item__thumbnail {
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / -1;
}
@media (min-width: 48rem) {
  .section-OurProducts-navigation-item__thumbnail {
    -ms-grid-row-span: 2;
  }
}
.section-OurProducts-navigation-item__thumbnail img {
  border-radius: 1.25em;
}
.section-OurProducts-navigation-item__title {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  grid-column: 2;
  grid-row: 1;
  margin-block: 0;
}
@supports not (margin-block: 0) {
  .section-OurProducts-navigation-item__title {
    margin-block-start: 0;
    margin-block-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-OurProducts-navigation-item__title {
    margin-block-start: 1.6071428571em;
  }
}
.section-OurProducts-navigation-item__content {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.75;
  grid-column: 2;
  grid-row: 2;
  margin-block-start: 1.4375em;
}
.section-OurProducts-navigation-item__content p {
  margin: 0;
}

/************************************************
    NEWS
*************************************************/
@media (min-width: 48rem) {
  .section-NEWS {
    display: grid;
    grid-template-columns: 1fr 17.5em 51.25em 1fr;
    grid-template-rows: 1fr auto;
    align-items: start;
    padding-block-start: 5em;
  }
}
.section-NEWS__title {
  font-size: 1em;
  line-height: 1.303030303;
  margin: 0;
}
@media (min-width: 48rem) {
  .section-NEWS__title {
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / -1;
    margin-block-start: 1.875em;
  }
}
.section-NEWS__title .before {
  color: #b70f0f;
  font-weight: 500;
  display: block;
}
.section-NEWS__title .text {
  color: #30150a;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 3.125em;
  font-weight: 700;
  display: block;
  padding-inline-start: 0.05em;
}
.section-NEWS__button {
  color: white;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  background-color: var(--theme-color);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding-block: 0.9375em;
}
@supports not (padding-block: 0.9375em) {
  .section-NEWS__button {
    padding-block-start: 0.9375em;
    padding-block-end: 0.9375em;
  }
}
.section-NEWS__button {
  padding-inline: 2.315em;
}
@supports not (padding-inline: 2.315em) {
  .section-NEWS__button {
    padding-inline-start: 2.315em;
    padding-inline-end: 2.315em;
  }
}
.section-NEWS__button {
  border: 1px solid var(--theme-color);
  border-radius: 999px;
  margin-block-start: 4em;
  margin-inline: auto;
}
@supports not (margin-inline: auto) {
  .section-NEWS__button {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@media (min-width: 48rem) {
  .section-NEWS__button {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / -2;
    grid-row: 2;
    justify-self: center;
  }
}
.section-NEWS__button:hover {
  color: var(--theme-color);
  background-color: white;
}/*# sourceMappingURL=../maps/front-page.css.map */