/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!///////////////////////////////////////////*/
/*!//////////// ↓↓↓reset↓↓↓ ////////////*/
/*!///////////////////////////////////////////*/
*, *::before, *::after { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0; color: #231815;}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
p {font-size: 14px; line-height: 1.75;}
@media screen and (min-width: 768px) { p { font-size: 16px;}}
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "Noto Serif JP", sans-serif; color: #231815; background-color: #231815;}
.font-serif { font-family: "Noto Serif JP", serif;}
@media screen and (max-width: 767px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 768px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:hidden;} /* overflowは適宜hiddenに変更 */
.container {
  position: relative;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 767px) {
  .container {
    padding-left: min(calc(20vw / 3.75),20px);
    padding-right: min(calc(20vw / 3.75),20px);
  }
}

body * { min-height: 0vw;} /* clamp用 */

a { transition: .3s; }
a * {pointer-events: none; transition: .3s;} /* サイト計測用 */

img ,svg { width: 100%; height: auto; object-fit: contain; }

/* img {　画像コピー禁止用の場合使用
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
} */

section { position: relative; }

h2 { text-align: center; }

/* 可変改行指定、<wbr>と併用 */
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

.Grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 20px;
}

@media screen and (min-width: 769px) {
  a[href^="tel:"] {
      pointer-events: none;
  }
}

.header {
  z-index: 1;
  position: absolute;
  top: calc(35vw / 14);
  left: calc(35vw / 14);
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .header {
    top: calc(25vw / 3.75);
    left: calc(25vw / 3.75);
  }
}

.header-logo-a {
  width: calc(259.9096vw / 14);
  display: block;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .header-logo-a {
    width: calc(143.0092vw / 3.75);
  }
}

main {
  background-color: #b0994d;
}

summary {
  cursor: pointer;
	list-style: none;
}
summary::-webkit-details-marker {
	display: none;
}
/* .link-button {display: block; width: 100%;} */

/* background用svgの記述
svgタグ内、viewBoxと内容を変更、カラー変更は#が効かないので%23を記述→fill="%23■■■■■■"
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 8.66.24"><path fill="%23ffffff" d="M7.44,.1l2.44,4.23-2.44,4.23H2.56L.12,4.33,2.56,.1H7.44m.06-.1H2.5L0,4.33l2.5,4.33H7.5l2.5-4.33L7.5,0h0Z"/></svg>') ;
*/
/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/


.curve-wrapper {
  position: relative;
  margin-top: -300px;
  padding-bottom: 300px;
  padding-top: 300px;
}
.curve-wrapper--ingredients {
  padding-top: min(calc(250vw / 11.6),250px);
}
.curve-wrapper--delivery {
  padding-bottom: clamp(min(calc(160vw / 3.75),60px),calc(100vw / 11.6),100px);
}
.curve-wrapper--job {
  padding-bottom: 200px;
}
@media screen and (max-width: 767px) {
  .curve-wrapper {
    margin-top: calc(0% - min(calc(80vw / 3.75),80px));
    padding-bottom:  min(calc(80vw / 3.75),80px);
    padding-top: min(calc(80vw / 3.75),80px);
  }
  .curve-wrapper--delivery {
    padding-bottom: clamp(min(calc(160vw / 3.75),60px),calc(100vw / 11.6),100px);
  }
}

.curve {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: 
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1400 300" preserveAspectRatio="none"><path fill="%23ffffff" d="M0,0c65.99,48.78,201.96,132.51,422.75,194.78,201.14,56.72,415.25,71.33,587.57,71.33s313.91-22.95,389.68-39.08V0H0Z"/></svg>'),
  linear-gradient(to bottom, white,white);
  mask-size: 100% min(calc(300vw / 14), 300px), 100% 100%;
  mask-repeat: no-repeat, no-repeat;
  mask-position: center -1px, center;
  mask-composite: exclude;
}
.curve--r {
  mask-image: 
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1400 300" preserveAspectRatio="none"><path fill="%23000000" d="M1400,0c-65.99,48.78-201.96,132.51-422.75,194.78-201.14,56.72-415.25,71.33-587.57,71.33-175.28,0-313.91-22.95-389.68-39.08V0h1400Z"/></svg>'),
  linear-gradient(to bottom, white,white);
}
.curve--Ingredients ,.curve--delivery {
  background-color: #faf5ea;
}
.curve--job {
  background-color: #fff;
  background-image: url('../img/bg_washi.webp');
  background-size: 500px;
}
@media screen and (max-width: 767px) {
  .curve {
    mask-image: 
    url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 375 80" preserveAspectRatio="none"><path fill="%23000000" d="M0,0c127.62,31.24,259.16,43.62,375,46.99V0H0Z"/></svg>'),
    linear-gradient(to bottom, white,white);
    mask-size: 100% min(calc(80vw / 3.75),80px) , 100% 100%;
  }
  .curve--r {
    mask-image: 
    url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 375 80" preserveAspectRatio="none"><path fill="%23000000" d="M375,0C247.38,31.24,115.84,43.62,0,46.99V0h375Z"/></svg>'),
    linear-gradient(to bottom, white,white);
  }
}

.follow-btn {
  pointer-events: none;
  z-index: 99;
  position: fixed;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  margin-left: auto;
  width: 58.8583px;
  height: 596.4376px;
  display:grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: min(calc(13vw / 3.75),13px);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.top-600 .follow-btn {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transition: opacity 1s, visibility 1s;
}
.follow-btn .btn  {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
}
@media screen and (min-width: 768px) {
  .follow-btn .btn  {
    transform: translateY(100px);
    opacity: 0;
    transition: opacity .3s, transform .9s;
    writing-mode: vertical-rl;
  }
  .follow-btn .btn--matsuri {
    transition-delay: .1s;
  }
  .top-600 .follow-btn .btn  {
    opacity: 1;
    transform: translateY(0);
  }
  .follow-btn .arrow {
    transform: translateX(50%) rotate(90deg);
    right: 50%;
    top: calc(100% - 35px);
    transform-origin: bottom;
  }
}
@media screen and (max-width: 767px) {
  .follow-btn {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    position: fixed;
    max-width: 353.8px;
    width: calc(353.8% / 3.75);
    height: 45.552px;
    top: auto;
    bottom: -1px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .follow-btn .btn--matsuri {
    filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.6));
  }
  .follow-btn .arrow {
    width: min(calc(11vw / 3.75),11px);
    right: min(calc(10vw / 3.75),10px);
  }
}

.btn {
  pointer-events: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background-color: #a73627;
  border: 1px solid #a73627;
  min-height: calc(58.8583vw / 14);
  font-size: calc(15.8449vw / 14);
  font-weight: 700;
  letter-spacing: calc(1vw / 14);
}
.btn--shop {
  background-color: #fedec8;
  color: #a73627;
}
.btn--shop .arrow {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.28 5"><polygon fill="%23a73627" points="15.28 4.03 15.28 4.03 15.28 3.6 14.55 3.6 9.99 .9 9.99 3.6 0 3.6 0 4.45 15.28 4.45 15.28 4.03 15.28 4.03"/></svg>') ;
}
@media screen and (min-width: 768px) {
  .btn:hover {
    filter: brightness(105%);
    transform: translateY(-2px);
  }
  a.btn--matsuri:hover .arrow {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.28 5"><polygon fill="%23ffffff" points="15.28 4.03 15.28 4.03 15.28 3.6 14.55 3.6 9.99 .9 9.99 3.6 0 3.6 0 4.45 15.28 4.45 15.28 4.03 15.28 4.03"/></svg>') ;
  }
}




.white {
  color: #fff;
}

.top-fv {
  position: relative;
}

.top-fv-btn {
  position: absolute;
  top: calc(613vw / 14);
  right: calc(160vw / 14);
  width: calc(291.1313vw / 14);
  display: flex;
  flex-direction: column;
  gap: calc(20vw / 14);
}


.top-fv-title,.top-fv-text {
  position: absolute;
  top: calc(135vw / 14);
  color: #fff;
  font-weight: 400;
  line-height: 2;
  writing-mode: vertical-rl;
}
.top-fv-title {
  right: calc(165vw / 14);
  font-size: calc(35vw / 14);
  letter-spacing: calc(5vw / 14);
}
.top-fv-text {
  right: calc(330vw / 14);
  font-size: calc(16vw / 14);
  letter-spacing: calc(1vw / 14);
}
@media screen and (max-width: 767px) {
  .top-fv-title {
    line-height: 1;
    top: calc(63vw / 3.75);
    right: calc(25vw / 3.75);
    font-size: calc(22vw / 3.75);
    letter-spacing: calc(3vw / 3.75);
  }
  .top-fv-text {
    writing-mode: horizontal-tb;
    top: calc(90vw / 3.75);
    right: auto;
    left: calc(40vw / 3.75);
    font-size: calc(14vw / 3.75);
    letter-spacing: calc(.3vw / 3.75);
  }
}

.about {
  padding-bottom: 230px;
}
@media screen and (max-width: 767px) {
  .about {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}

.container--about {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: stretch;
  gap: 57px min(calc(10vw / 11.6),10px);
}
@media screen and (max-width: 767px) {
  .container--about {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.common-title {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
/* @media screen and (max-width: 767px) {
  .common-title {
    margin: auto;
  }
  .common-title--ingredients {
    margin: 0;
  }
} */

.common-title p {
  display: inline-block;
  writing-mode: vertical-rl;
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(33vw / 11.6),33px);
  font-weight: 400;
  font-family: "Noto Serif JP", serif;
  letter-spacing: min(calc(4vw / 11.6),4px);
  text-align: left;
  padding: 0 min(25vw / 14,25px);
  background-image: linear-gradient(to right, #231815, #231815 2px ,transparent 2px,transparent 3px,#231815 3px,#231815 4px,transparent 4px,transparent calc(100% - 4px),#231815 calc(100% - 4px),#231815  calc(100% - 3px),transparent  calc(100% - 3px),transparent calc(100% - 2px),#231815 calc(100% - 2px),#231815 100%);
}
.common-title p.white {
  background-image: linear-gradient(to right, #fff, #fff 2px ,transparent 2px,transparent 3px,#fff 3px,#fff 4px,transparent 4px,transparent calc(100% - 4px),#fff calc(100% - 4px),#fff  calc(100% - 3px),transparent  calc(100% - 3px),transparent calc(100% - 2px),#fff calc(100% - 2px),#fff 100%);
}

.common-title--about p ,.about-text{
  writing-mode: vertical-rl;
  text-align: left;
  color: #fff;
  max-height: min(calc(450vw / 14),450px);
}
.about-text{
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
  letter-spacing: 1px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .common-title--about p ,.about-text{
    min-height: auto;
  }
  .about-text{
    min-height: 306.4666px;
  }
}

@media screen and (max-width: 767px) {
  .about-img img {
    max-width: 300px;
    margin: 0 auto;
  }
}

.about-img img {
  max-height: min(calc(450vw / 14),450px);
}
@media screen and (max-width: 767px) {
  .about-img img {
    max-height: none;
  }
}

.about-deco {
  position: absolute;
  top: 0;
  height: auto;
  left: 50%;
}
.about-deco--1 {
  width: min(calc(501.1626vw / 11.6),501.1626px);
  aspect-ratio: 501.1626 / 322.2341;
  top: calc(0% - min(calc(54vw / 11.6),54px));
  transform: translateX(calc(-50% - min(calc(584.1062vw / 11.6),584.1062px)));
}
.about-deco--2 {
  width: min(calc(492.3008vw / 11.6),492.3008px);
  aspect-ratio: 492.3008 / 176.4646;
  top: min(calc(360.7903vw / 11.6),360.7903px);
  transform: translateX(calc(-50% + min(calc(442.8282vw / 11.6),442.8282px)));
}
@media screen and (max-width: 767px) {
  .about-deco {
    top: auto;
  }
  .about-deco--1 {
    width: min(calc(228.0195vw / 3.75),228.0195px);
    bottom:min( calc(calc(130vw / 3.75) + 10px),130px);
    transform: translateX(calc(-50% - min(calc(126.8472vw / 3.75),126.8472px)));
  }
  .about-deco--2 {
    width: min(calc(249.0522vw / 3.75),249.0522px);
    bottom: calc(0% - min(calc(40vw / 3.75),40px));
    transform: translateX(calc(-50% + min(calc(121.7659vw / 3.75),121.7659px)));
  }
}

.curve--tasty {
  background-image: url('../img/bg_brown.jpg');
  background-size: 88.1481px;
  background-color: #703835;
}

.tasty-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: min(calc(60vw / 3.75),60px);
  padding-right: 250px;
}
@media screen and (max-width: 767px) {
  .tasty-text {
    padding-right: 0;
    flex-direction: column;
    justify-content: center;
  }
}

.tasty-description {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: 2;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .tasty-description {
    text-align: center;
  }
}

.tasty-img {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(min(calc(120vw / 3.75),120px),calc(233vw / 11.6),233px);
  height: auto;
}
@media screen and (max-width: 767px) {
  .tasty-img {
    right: 50%;
    top: min(calc(90vw / 3.75),90px);
    transform: translateX(calc(50% + min(calc(120vw / 3.75),120px)));
  }
}

.tasty-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  gap: 10px 20px;
  margin-top: clamp(min(calc(60vw / 3.75),60px),calc(75vw / 11.6),75px);
}
@media screen and (max-width: 767px) {
  .tasty-list {
    grid-template-columns: 1fr;
    padding-bottom: 50px;
  }
}

.tasty-list-item {
  width: 100%;
  height: 100%;
  mask-image: 
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 39.77 39.28"><path fill="%23ffffff" d="M19.8,19.29C20.19,8.62,29.01,0,39.77,0H0v39.28c0-10.93,8.89-19.88,19.8-19.99Z"/></svg>'),
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 39.77 39.28"><path fill="%23ffffff" d="M0,0c10.76,0,19.58,8.61,19.96,19.28h.27c11,0,20,9,20,20V0H0Z"/></svg>'),
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 39.77 39.28"><path fill="%23ffffff" d="M20.23,20h-.27c-.39,10.66-9.21,19.27-19.96,19.28h40.23V0c0,11-9,20-20,20Z"/></svg>'),
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 39.77 39.28"><path fill="%23ffffff" d="M19.8,19.99C8.89,19.88,0,10.93,0,0v39.28h39.77c-10.76,0-19.58-8.62-19.96-19.29Z"/></svg>'),
  linear-gradient(to bottom, white,white);
  mask-size: 39.77px , 39.77px , 39.77px , 39.77px , calc(100% + 1px) calc(100% + 1px);
  mask-repeat: no-repeat;
  mask-composite: exclude, exclude, exclude, exclude;
  mask-position: top left, top right, bottom right, bottom left,center center;
  background-image: linear-gradient(#faf5ea,#faf5ea);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: calc(100% - 2px) calc(100% - 2px);
  padding: 60px min(calc(30vw / 11.6),30px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 30px min(calc(15vw / 3.75),15px);
}
@media screen and (max-width: 767px) {
  .tasty-list-item {
    height: auto;
    flex-direction: row;
    max-width: 400px;
    margin: 0 auto;
    padding: min(calc(25vw / 3.75),25px);
  }
}

.tasty-list-img {
  padding: clamp(min(calc(3vw / 3.75),3px),calc(7vw / 11.6),7px);
  max-width: clamp(min(calc(120vw / 3.75),120px),calc(245vw / 11.6),245px);
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid #b49200;
  border-radius: 50%;
  flex-shrink: 0;
}

.tasty-list-img img {
  border-radius: 50%;
}

.tasty-list-title {
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(25vw / 11.6),25px);
  font-weight: 400;
  line-height: calc(20 / 15);
  color: #b49200;
  text-align: center;
  padding-bottom: clamp(10px,calc(25vw / 11.6),25px);
}

.tasty-list-text {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: 2;
  color: #231815;
}

.deco {
 width: min(calc(350vw / 14),350px);
  position: absolute;
  top: min(calc(120vw / 14),120px);
  left: 50%;
  transform: translateX(calc(-50% - min(calc(400vw / 14),400px)));
}
@media screen and (max-width: 767px) {
  .deco {
    width:min(calc(150vw / 3.75),150px);
    top: calc(0% - min(calc(15vw / 3.75),15px));
    transform: translateX(calc(-50% - min(calc(98vw / 3.75),98px)));
   }
}

.ingredients-text {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: clamp(min(calc(30vw / 3.75),30px),calc(70vw / 11.6),70px);
}
@media screen and (max-width: 767px) {
  .ingredients-text {
    align-items: flex-start;
    max-width: 320px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}


.ingredients-description {
  text-align: right;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .ingredients-description {
    text-align: center;
    padding-top: 70px;
  }
}

.ingredients-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-top: clamp(50px,calc(70vw / 11.6),70px);
}
@media screen and (max-width: 767px) {
  .ingredients-list {
    max-width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 35px;
    margin: 0 auto;
  }
}

.ingredients-list-item {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.ingredients-list-item:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .ingredients-list-item ,.ingredients-list-item:nth-child(even) {
    flex-direction: column-reverse;
    gap: 20px;
  }
}

.ingredients-list-decoration {
  position: absolute;
  bottom: -25px;
}
.ingredients-list-decoration--1 {
  width: clamp(min(calc(113.4481vw / 3.75),113.4481px),calc(200vw / 11.6),200px);
  left: -70px;
}
.ingredients-list-decoration--2 {
  width: clamp(min(calc(90.4731vw / 3.75),90.4731px),calc(145vw / 11.6),145px);
  right: -70px;
}
.ingredients-list-decoration--3 {
  width: clamp(min(calc(114.7226vw / 3.75),114.7226px),calc(187vw / 11.6),187px);
  left: -70px;
}
.ingredients-list-decoration--4 {
  width: clamp(min(calc(108.9091vw / 3.75),108.9091px),calc(181.4173vw / 11.6),181.4173px);
  right: -50px;
}
.ingredients-list-decoration--5 {
  width: clamp(min(calc(110.7467vw / 3.75),110.7467px),calc(165vw / 11.6),165px);
  left: -50px;
}
@media screen and (max-width: 767px) {
  .ingredients-list-decoration ,  .ingredients-list-decoration--1 , .ingredients-list-decoration--2 , .ingredients-list-decoration--3 , .ingredients-list-decoration--5 {
    bottom: -40px;
    left: auto;
    right: -20px;
  }
  .ingredients-list-decoration--5 {
    transform: scale(-1,1);
  }
}

.ingredients-list-img {
  width: 50%;
  height: auto;
  aspect-ratio: 500 / 313;
}
@media screen and (max-width: 767px) {
  .ingredients-list-img {
    width: 100%;
  }
}

.ingredients-list-img-decoration {
  position: absolute;
}

.ingredients-list-text {
  width: 50%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(20px,calc(30vw / 11.6),30px);
}
@media screen and (max-width: 767px) {
  .ingredients-list-text {
    width: 100%;
  }
}

.ingredients-list-title {
  padding-top: min(calc(30vw / 11.6),30px);
  padding-left: 50px;
  padding-bottom: clamp(10px,calc(15vw / 11.6),15px);
  border-bottom: 1px solid #231815;
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(28vw / 11.6),28px);
  font-weight: 400;
  letter-spacing: 10%;
}
.ingredients-list-item:nth-child(even) .ingredients-list-title {
  padding-left: 0;
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  .ingredients-list-title ,.ingredients-list-item:nth-child(even) .ingredients-list-title {
    padding-left: 0;
    padding-right: 0;
  }
}

.ingredients-list-icons {
  display: flex;
  gap: 10px;
  padding-left: 50px;
}
.ingredients-list-item:nth-child(even) .ingredients-list-icons {
  padding-left: 0;
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  .ingredients-list-icons,.ingredients-list-item:nth-child(even) .ingredients-list-icons {
    padding-left: 0;
    padding-right: 0;
  }
}

.ingredients-list-icons > div {
  height: clamp(min(calc(38vw / 3.75), 38px), calc(54.5629vw / 11.6), 54.5629px);
  width: auto;
}

.ingredients-list-icons > div img {
  height: 100%;
  width: auto;
}

.ingredients-list-description {
  padding-left: 50px;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
}
.ingredients-list-item:nth-child(even) .ingredients-list-description {
  padding-left: 0;
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  .ingredients-list-description,.ingredients-list-item:nth-child(even) .ingredients-list-description {
    padding-left: 0;
    padding-right: 0;
  }
}

.job-contenst {
  display: flex;
  align-items: flex-start;
  gap: 60px 50px;
}
@media screen and (max-width: 767px) {
  .job-contenst {
    flex-direction: column;
    align-items: center;
    gap: 60px 0;
  }
}

.job-list { 
  display: flex;
  flex-direction: column;
  gap: clamp(30px,calc(40vw / 11.6),40px);
}

.job-list-item{ 
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px 28px;
}
.job-list-item:nth-child(even){ 
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .job-list-item,.job-list-item:nth-child(even){ 
    flex-direction: column;
    max-width: 320px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.job-list-img {
  flex: 1;
  height: auto;
  aspect-ratio: 480 / 288;
}

.job-list-text {
  width: 100%;
  max-width: 295px;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .job-list-text {
    max-width: none;
  }
}

.delivery-contents { 
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 30px 50px;
}
@media screen and (max-width: 767px) {
  .delivery-contents { 
    flex-direction: column;
    align-items: center;
    max-width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
  }
}

.delivery-contents-item {
  display: flex;
  flex-direction: column-reverse;
  gap: clamp(30px,calc(50vw / 11.6),50px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .delivery-contents-item {
    flex-direction: column;
    text-align: left;
  }
}

.delivery-contents-item-text {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: 2;
}

.delivery-imgs-list {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .delivery-imgs-list {
    flex-direction: column;
  }
}

.purchase {
  padding: clamp(65px,calc(100vw / 11.6),100px) 0;
  background-image: url(../img/bg_black.webp);
  background-size: 86.1481px;
  background-color: #332a27;
}

.purchase-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(calc(280vw / 3.75),280px),1fr));
  justify-content: center;
  gap: 30px min(calc(25vw / 11.6),13px);
  padding-top: clamp(60px,calc(100vw / 11.6),100px);
}
@media screen and (max-width: 767px) {
  .purchase-list {
    max-width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
  }
}

.purchase-list-item {
  position: relative;
  width: 100%;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 493 308.39" preserveAspectRatio="none"><path fill="%23ffffff" d="M478.5,21.5h-7v-7c0-7.15-5.85-13-13-13H34.5c-7.15,0-13,5.85-13,13v7h-7c-7.15,0-13,5.85-13,13v239.39c0,7.15,5.85,13,13,13h7v7c0,7.15,5.85,13,13,13h424c7.15,0,13-5.85,13-13v-7h7c7.15,0,13-5.85,13-13V34.5c0-7.15-5.85-13-13-13Z"/><path fill="%23ad9226" d="M458.5,308.39H34.5c-8,0-14.5-6.5-14.5-14.5v-5.5h-5.5c-8,0-14.5-6.5-14.5-14.5V34.5c0-8,6.5-14.5,14.5-14.5h5.5v-5.5c0-8,6.5-14.5,14.5-14.5h424c8,0,14.5,6.5,14.5,14.5v5.5h5.5c8,0,14.5,6.5,14.5,14.5v239.39c0,8-6.5,14.5-14.5,14.5h-5.5v5.5c0,8-6.5,14.5-14.5,14.5ZM14.5,23c-6.34,0-11.5,5.16-11.5,11.5v239.39c0,6.34,5.16,11.5,11.5,11.5h8.5v8.5c0,6.34,5.16,11.5,11.5,11.5h424c6.34,0,11.5-5.16,11.5-11.5v-8.5h8.5c6.34,0,11.5-5.16,11.5-11.5V34.5c0-6.34-5.16-11.5-11.5-11.5h-8.5v-8.5c0-6.34-5.16-11.5-11.5-11.5H34.5c-6.34,0-11.5,5.16-11.5,11.5v8.5h-8.5Z"/></svg>') ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.purchase-list-contents {
  margin: auto;
  width: calc(100% - clamp(min(calc(30vw / 3.75),30px),calc(50vw / 11.6),50px));
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: clamp(min(calc(10vw / 3.75),10px),20px,20px);
  padding: min(calc(40vw / 3.75),40px) min(calc(20vw / 3.75),20px);
}

.purchase-list-title {
  text-align: center;
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(28vw / 11.6),28px);
  font-weight: 400;
  line-height: calc(20 / 16);
}

.purchase-list-description {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: calc(23 / 13);
}

.purchase-list-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ad9226;
  max-width: clamp(229px,calc(291.1313vw / 11.6),291.1313px);
  width: 100%;
  min-height: clamp(45px,calc(58.8583vw / 11.6),58.8583px);
  padding: clamp(min(calc(10vw / 3.75),10px),calc(15vw / 11.6),15px);
  color: #fff;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(15vw / 11.6),15px);
  font-weight: 400;
  border: 1px solid #ad9226;
  box-shadow: 0 0 0 rgba(35, 24, 21,0);
  transition: .3s;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .purchase-list-btn:hover {
    color: #ad9226;
    background-color: #fff;
    transform: translateY(-2px);
    box-shadow: 2px 2px 0 rgba(35, 24, 21,.2);
  }
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.28 5"><polygon fill="%23ffffff" points="15.28 4.03 15.28 4.03 15.28 3.6 14.55 3.6 9.99 .9 9.99 3.6 0 3.6 0 4.45 15.28 4.45 15.28 4.03 15.28 4.03"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15.28px;
  height: auto;
  aspect-ratio: 15.28 / 5;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  a:hover .arrow {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.28 5"><polygon fill="%23ad9226" points="15.28 4.03 15.28 4.03 15.28 3.6 14.55 3.6 9.99 .9 9.99 3.6 0 3.6 0 4.45 15.28 4.45 15.28 4.03 15.28 4.03"/></svg>') ;
  }
}

.footer {
  background-image: url(../img/bg_white.webp);
  background-color: #fff;
  text-align: right;
  padding: clamp(73px,calc(95vw / 10),95px) 0 30px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer {
    padding-bottom: 50px;
    text-align: center;
  }
}

.container--footer {
  max-width: 1400px;
}

.footer-contact {
  position: relative;
  max-width: 480.421px;
  width: calc(295% / 3.75);
  min-height: clamp(70px,calc(94vw / 11.6),94px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ad9226;
  color: #fff;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 11.6),16px);
  font-weight: 400;
  line-height: calc(20 / 16);
  border: 1px solid #ad9226;
}
@media screen and (min-width: 768px) {
  .footer-contact:hover {
    background-color: #fff;
    color: #ad9226;
    transform: translateY(-2px);
    box-shadow: 2px 2px 0 rgba(35, 24, 21, .2);
  }
}

.footer-logo-a {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: max-content;
  height: max-content;
  width: clamp(min(calc(211vw / 3.75),211px), calc(300% / 10), 300px);
}

.footer-contact {
  margin-bottom: clamp(60px,calc(100vw / 11.6),100px);
}

.jfsm {
  width: clamp(92px,calc(110vw / 10),110px);
  aspect-ratio: 97.1279 / 87.1341;
  margin: clamp(20px,calc(30vw / 10),30px) auto;
}

a.jfsm-link {
  color: #000;
  text-decoration: none;
  display: block;
  width:100%;
  height: auto;
  aspect-ratio: 97.1279 / 87.1341;
}

footer .copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px , calc(11vw / 10) ,11px);
  height: clamp(47px , calc(55vw / 10) ,55px);
  border-top: #D1D1D1 1px solid;
  margin-top: 20px;
}

footer .privacy-policy {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: #000;
  font-size: clamp(11px , calc(12vw / 10) ,12px);
  padding-right: 25px;
  margin-top: clamp(34px,calc(46vw / 10),46px);
}
footer .privacy-policy::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 8px;
  margin-right: 3px;
  background-color: #000;
  clip-path: polygon(1px 0, 100% 50%, 1px 100%, 0% 100%, calc(100% - 1px) 50%, 0% 0%);
}
@media screen and (max-width: 767px) {
  footer .privacy-policy {
    padding-right: 0;
  }
}

.top-link {
  position: fixed;
  bottom: 30px;
  right: clamp(20px,calc(60vw / 10),60px);
  display: block;
  width: clamp(35px,calc(40vw / 10),40px);
  height: clamp(35px,calc(40vw / 10),40px);
  opacity: 0;
  transform: translateY(80px);
  transition: 1s;
  pointer-events: none;
  background-color: #fff;
  border-radius: 50%;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40"><path fill="%23231815" d="M24.51,21.51c-.21,0-.41-.08-.57-.23l-3.94-3.94-3.94,3.94c-.31.31-.82.31-1.13,0s-.31-.82,0-1.13l4.51-4.51c.3-.3.83-.3,1.13,0l4.51,4.51c.31.31.31.82,0,1.13-.16.16-.36.23-.57.23Z"/></svg>') ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top-link {
    bottom: 75px;
  }
}
.top-600 .top-link {
  filter: drop-shadow(0px 0px 3.5px rgba(0,0,0,0.1));
  opacity: 1;
  transform: translateY(0);
  pointer-events: visible;
}