@charset "UTF-8";
html {
  color: #222;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
}

html ::-moz-selection {
  background: rgba(227, 129, 0, 0.3);
}

html ::selection {
  background: rgba(227, 129, 0, 0.3);
}

* {
  box-sizing: border-box;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0;
}

body {
  max-width: 100%;
  line-height: 1.5;
  background: #F5EFDB;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}

p {
  line-height: 1.8;
}

li, ul {
  list-style: none;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  text-decoration: none;
  color: #222;
  transition: all 0.2s ease-out;
}

a:hover {
  transition: all 0.2s ease-out;
}

@media screen and (min-width: 641px) {
  .sp-mode {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .tab-mode {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .pc-mode {
    display: none;
  }
}
/* トップに戻るボタンのCSS */
.return-top {
  position: fixed !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 75px !important; /* PCでのサイズを固定 */
  height: 75px !important; /* PCでのサイズを固定 */
  right: -200px !important; /* 初期位置は画面外 */
  bottom: 20px !important;
  z-index: 10000 !important;
  transition: right 0.5s ease !important;
}

/* 画面が小さい時（スマホ）のサイズ調整 */
@media screen and (max-width: 640px) {
  .return-top {
    width: 50px !important;
    height: 50px !important;
  }
}

.return-top.is-show {
  right: 20px !important; /* スマホでの表示位置 */
}

/* ▼▼▼ PC用の位置調整 ▼▼▼ */
@media screen and (min-width: 769px) {
  .return-top.is-show {
    right: 50px !important; /* PCでの表示位置。この数値を大きくすると左に寄ります */
  }
}

.return-top a {
  background: rgba(255, 255, 255, 0.85) !important; /* 半透明の白に変更 */
  border-radius: 8px !important; /* 円形から角丸に変更 */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important; /* 影を追加 */
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  transition: all 0.2s ease-out !important;
}

/* 矢印のデザイン */
.return-top a:before {
  content: '' !important;
  display: block !important;
  width: 25% !important; /* 矢印のサイズ */
  height: 25% !important; /* 矢印のサイズ */
  border-top: 5px solid #9fc13a !important;   /* 矢印の色と太さ */
  border-right: 5px solid #9fc13a !important;  /* 矢印の色と太さ */
  position: absolute !important;
  top: 55% !important; /* 位置を微調整 */
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  background: none !important; /* 背景は不要 */
}

.return-top a:hover {
  background: rgba(255, 255, 255, 1.0) !important; /* ホバー時は不透明に */
}

.cont {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 641px) {
  .cont {
    max-width: 750px;
  }
}
.cont__inner {
  width: 88%;
  max-width: 650px;
  margin: 0 auto;
  padding: clamp(1.875rem, 0rem + 8vw, 3.75rem) 0;
}

@media screen and (min-width: 769px) {
  .cont__inner {
    width: 100%;
    max-width: 750px;
  }
}
.cont__ttl, .cont__ttl-bar {
  font-size: clamp(1.375rem, 0rem + 5.8666666667vw, 2.75rem);
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
}

.cont__ttl--small {
  font-size: 0.8em;
  line-height: 1.4;
  display: block;
  margin: 0 auto clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
}

.cont__ttl-bar {
  position: relative;
  padding: clamp(1.3125rem, 0rem + 5.6vw, 2.625rem) 0 0;
}

.cont__ttl-bar:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  display: inline-block;
  width: clamp(8.75rem, 0rem + 37.3333333333vw, 17.5rem);
  height: clamp(0.25rem, 0rem + 1.0666666667vw, 0.5rem);
}

.cont__sttl {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
}

.cont__color--red {
  color: #ea5532;
  line-height: inherit;
}

.cont__weight--bold {
  font-weight: bold;
}

.cont__marker--green {
  background: linear-gradient(transparent 75%, rgba(170, 189, 0, 0.2) 75%);
}

.cont__marker--orng {
  background: linear-gradient(transparent 75%, rgba(227, 129, 0, 0.2) 75%);
}

.cont__marker--brown {
  background: linear-gradient(transparent 75%, rgba(120, 77, 0, 0.2) 75%);
}

.cont__marker--yellow {
  background: linear-gradient(transparent 75%, rgba(252, 228, 65, 0.8) 75%);
}

.cont__video {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.cont__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kv {
  background: #fff;
}

@media screen and (min-width: 769px) {
  .kv {
    background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/kv_bg.jpg") no-repeat center top/auto 838px;
    padding: 0;
    height: 838px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .kv {
    background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/kv_bg.jpg") no-repeat center top/auto 100%;
    height: 108.984375vw;
    max-height: 838px;
  }
}
.kv__inner {
  margin: 0 auto;
}

@media screen and (min-width: 641px) {
  .kv__inner {
    max-width: 750px;
  }
}
@media screen and (max-width: 768px) {
  .kv__copy--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .kv__copy--sp {
    display: none;
  }
}
.nayami {
  position: relative;
}

.nayami__inner {
  z-index: 1;
  /* 重複していたpaddingを整理（下の値が優先されるため1つに統合） */
  padding: clamp(2.5rem, 0rem + 10.6666666667vw, 5rem) 0 clamp(4.375rem, 0rem + 18.6666666667vw, 8.75rem);

  /* 【重要】PNGから軽量なJPG（またはWebP）へ変更 */
  /* center/cover を維持しつつ、まずは背景色（#fff）を先に読み込ませる記述 */
  background-color: #fff;
  background-image: url("https://gigaplus.makeshop.jp/renshop/lp02/images/bg_moya.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  /* clip-pathなどの装飾 */
  position: relative;
  -webkit-clip-path: polygon(0 0, 0 90%, 50% 100%, 100% 90%, 100% 0, 0 0);
  clip-path: polygon(0 0, 0 90%, 50% 100%, 100% 90%, 100% 0, 0 0);
}

.nayami__ttl {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  margin: 0 auto clamp(3rem, 0rem + 12.8vw, 6rem);
  position: relative;
  line-height: 1.5;
  font-size: clamp(1.1875rem, 0rem + 5.0666666667vw, 2.375rem);
}

.nayami__ttl:before {
  content: "";
  display: inline-block;
  width: clamp(17.125rem, 0rem + 73.0666666667vw, 34.25rem);
  height: clamp(2.625rem, 0rem + 11.2vw, 5.25rem);
  background: #222;
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/nayami_bubble.svg) no-repeat center/contain;
  position: absolute;
}

.nayami__ttl:before {
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}

.nayami__txtarea {
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/nayami_bg.png") no-repeat center bottom/contain;
}

.nayami__txt {
  width: 87.6%;
  margin: 0 auto;
  margin-top: clamp(-2.5rem, 0rem - 10.6666666667vw, -5rem);
}

.nayami__push {
  margin-top: clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem);
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #784D00;
  text-align: center;
  background: linear-gradient(transparent 0%, #FCE441 0%);
  position: relative;
  font-weight: bold;
}

.nayami__push:after, .nayami__push:before {
  content: "";
  display: inline-block;
  width: clamp(0.125rem, 0rem + 0.4vw, 0.1875rem);
  height: clamp(1.75rem, 0rem + 7.4666666667vw, 3.5rem);
  background: #784D00;
  position: absolute;
}

.nayami__push:before {
  left: clamp(0.625rem, 0rem + 2vw, 0.9375rem);
  top: 0.2em;
  transform: rotate(-15deg);
}

.nayami__push:after {
  right: clamp(0.625rem, 0rem + 2vw, 0.9375rem);
  top: 0.2em;
  transform: rotate(15deg);
}

.nayami__push--point {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  text-align: center;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  line-height: 1.2;
  width: clamp(5.9375rem, 0rem + 25.3333333333vw, 11.875rem);
  height: clamp(5.9375rem, 0rem + 25.3333333333vw, 11.875rem);
  border-radius: 100px;
  color: #fff;
  background: #784D00;
  z-index: 1;
  position: absolute;
  bottom: clamp(-2.5rem, 0rem - 10.6666666667vw, -5rem);
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-5deg);
}

.solution {
  margin-top: -11%;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/bg_fukei.jpg") no-repeat center/cover;
  position: relative;
}

@media screen and (max-width: 640px) {
  .solution {
    margin-top: -17%;
  }
}
.solution__inner {
  padding: clamp(9.0625rem, 0rem + 38.6666666667vw, 18.125rem) 0 clamp(3.5rem, 0rem + 14.9333333333vw, 7rem);
}

.solution__txtarea {
  padding: clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem) clamp(1.125rem, 0rem + 4.6666666667vw, 2.1875rem) clamp(1.5625rem, -0.0625rem + 6.9333333333vw, 3.1875rem);
  background: linear-gradient(180deg, #F5EFDB, white 15%, white 65%, #F5EFDB);
}

.solution__ttl {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  text-align: center;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #784D00;
  margin-bottom: clamp(1.75rem, 0.0625rem + 7.2vw, 3.4375rem);
  text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
}

.solution__ttl--marker {
  display: inline-block;
  background-image: repeating-linear-gradient(-45deg, #CBB494, #CBB494 1px, transparent 0, transparent 4px);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: bottom;
  padding-bottom: clamp(0.25rem, 0rem + 1.0666666667vw, 0.5rem);
}

.solution__txt {
  width: 90%;
  margin: 0 auto;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  font-weight: 500;
  padding: clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem) 0 clamp(1.5625rem, -0.0625rem + 6.9333333333vw, 3.1875rem);
  background-size: 8px 100%, 100% 2.5em;
  line-height: 1.7;
  padding-bottom: 1px;
}

.solution__push--point {
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/solution_push.png") no-repeat center bottom/clamp(12.8125rem, 0rem + 57.8666666667vw, 27.125rem) auto;
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  line-height: 1.2;
  width: clamp(13.5625rem, 0rem + 57.8666666667vw, 27.125rem);
  height: clamp(3.375rem, 0rem + 14.5333333333vw, 6.8125rem);
  color: #623716;
  z-index: 1;
  position: absolute;
  bottom: clamp(-3.5rem, 0rem - 14.9333333333vw, -7rem);
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-5deg);
}

.nutrients {
  position: relative;
  background: #F5EFDB;
}

.nutrients__inner {
  padding: clamp(3.5rem, 0rem + 14.9333333333vw, 7rem) 0 clamp(0.9375rem, 0rem + 4vw, 1.875rem);
}

.nutrients__ttl {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  line-height: 1.3;
  padding: 0 0 clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
  margin: 0 auto clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  position: relative;
}

.nutrients__ttl:after, .nutrients__ttl:before {
  content: "";
  display: inline-block;
  width: clamp(0.0625rem, 0rem + 0.2666666667vw, 0.125rem);
  height: clamp(2.5rem, 0rem + 10.6666666667vw, 5rem);
  background: #222;
  position: absolute;
}

.nutrients__ttl:before {
  left: 1em;
  top: 0.2em;
  transform: rotate(-15deg);
}

.nutrients__ttl:after {
  right: 1em;
  top: 0.2em;
  transform: rotate(15deg);
}

.nutrients__ttl--small {
  font-size: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  text-align: center;
  line-height: 1.8;
}

.nutrients__box {
  background: #fff;
  padding: clamp(1.4375rem, 0rem + 6.1333333333vw, 2.875rem) 0;
  text-align: center;
}

.nutrients__sttl {
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  border-bottom: solid 1px #784D00;
  text-align: center;
  line-height: 1.8;
  color: #784D00;
  display: inline-block;
}

.nutrients__imgarea {
  text-align: center;
  padding: clamp(1.75rem, 0.0625rem + 7.2vw, 3.4375rem) 3%;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/nutrients_img.png") no-repeat center bottom/clamp(12.8125rem, 0rem + 54.6666666667vw, 25.625rem) auto;
}

.nutrients__txt {
  width: 76%;
  margin: 0 auto;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(90deg, transparent 0%, transparent 25%, #fff 25%, #fff 50%, transparent 50%, transparent 75%, #fff 75%, #fff 100%), linear-gradient(180deg, transparent calc(2.5em - 2px), #808080 calc(2.5em - 1px), #808080 calc(2.5em - 1px));
  background-size: 8px 100%, 100% 2.5em;
  line-height: 2.5em;
  padding-bottom: 1px;
}

.nutrients__push {
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  color: #784D00;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  padding: clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem) 0 clamp(1.125rem, 0.0625rem + 4.5333333333vw, 2.1875rem);
  border-top: solid 1px #784D00;
  border-bottom: solid 1px #784D00;
  margin: clamp(1.375rem, 0rem + 5.8666666667vw, 2.75rem) auto 0;
  position: relative;
}

.nutrients__push:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(100% - clamp(1.875rem, 0rem + 8vw, 3.75rem));
  display: block;
  width: clamp(4.875rem, 0rem + 20.8vw, 9.75rem);
  height: 126px;
  background: url("https://gigaplus.makeshop.jp/renshop/lp03/images/nutrients_img02.png") no-repeat left bottom/contain;
}

.nutrients__push--small {
  display: block;
  line-height: 1.5;
  font-size: 0.9em;
  margin: 0 auto 5px;
}

.nutrients__push--point {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  line-height: 1.2;
  width: clamp(5.9375rem, 0rem + 25.3333333333vw, 11.875rem);
  height: clamp(5.9375rem, 0rem + 25.3333333333vw, 11.875rem);
  border-radius: 100px;
  color: #fff;
  background: #784D00;
  position: absolute;
  top: calc(100% + clamp(1.25rem, 0rem + 8vw, 1.25rem));
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-5deg);
}

.about-history {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_soil.jpg) no-repeat center/cover;
  padding-top: clamp(5rem, 0rem + 21.3333333333vw, 10rem);
  -webkit-clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 20%);
          clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 20%);
  z-index: -1;
  position: relative;
}

.about-history__inner {
  position: relative;
  padding: clamp(3.5rem, 0rem + 14.9333333333vw, 7rem) 0 clamp(3.5rem, 0rem + 14.9333333333vw, 7rem);
}

.about-history__inner:after, .about-history__inner:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 3;
}

.about-history__inner:before {
  right: 0;
  top: clamp(-1.4375rem, -0.0625rem - 5.8666666667vw, -2.8125rem);
  width: clamp(6.625rem, 0rem + 28.2666666667vw, 13.25rem);
  height: 215px;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/about_img01.png") no-repeat top right/contain;
}

.about-history__inner:after {
  left: 0;
  bottom: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  width: clamp(5.1875rem, 0rem + 22.1333333333vw, 10.375rem);
  height: 158px;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/about_img02.png") no-repeat left bottom/contain;
}

.about-history__txt {
  width: 90%;
  margin: 0 auto;
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  line-height: 2;
  color: #fff;
  padding-bottom: 1px;
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/about_marker.svg) no-repeat center bottom 2em/clamp(10rem, 0rem + 42.6666666667vw, 20rem);
}

.about-history__txt--strong {
  background: #EA5532;
  color: #fff;
  padding: 0 10px;
}

.kodawari {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi2.jpg) repeat left top/240px 240px, #fff;
}

.kodawari__copy {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #623716;
  text-align: center;
  position: relative;
  margin-bottom: clamp(1.875rem, 0rem + 8vw, 3.75rem);
  line-height: 1.5;
  font-weight: bold;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
}

.kodawari__copy:before {
  content: "";
  display: inline-block;
  width: clamp(13.5rem, 0rem + 57.6vw, 27rem);
  height: clamp(2.25rem, 0rem + 9.6vw, 4.5rem);
  background: #222;
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/kodawari_bubble.svg) no-repeat center/contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 80%;
}

.kodawari__ttl {
  text-align: right;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #623716;
  font-size: clamp(2.6875rem, 0rem + 11.4666666667vw, 5.375rem);
  padding: 0 0 clamp(1.3125rem, 0rem + 5.6vw, 2.625rem);
  letter-spacing: -0.08em;
}

.kodawari__ttl--strong {
  font-size: clamp(3.4375rem, 0rem + 14.6666666667vw, 6.875rem);
  font-weight: bold;
  line-height: 1;
}

.kodawari__ttl--small {
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  border-bottom: 1px solid #222;
  text-align: center;
  line-height: 1.8;
  margin: 0 auto clamp(1.3125rem, 0rem + 5.6vw, 2.625rem);
}

.kodawari__num {
  font-size: clamp(2.75rem, 0rem + 11.7333333333vw, 5.5rem);
  margin-right: clamp(0.3125rem, 0rem + 1.3333333333vw, 0.625rem);
  width: clamp(3.125rem, 0rem + 13.3333333333vw, 6.25rem);
  height: auto;
}

.kodawari__sttl {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  color: #784D00;
  display: flex;
  align-items: center;
  line-height: 1.4;
  border-bottom: solid 1px #784D00;
  padding: 0 0 clamp(0.25rem, 0rem + 1.0666666667vw, 0.5rem);
  margin: 0 auto clamp(1.0625rem, 0rem + 4.5333333333vw, 2.125rem);
}

.kodawari__sttl--main {
  line-height: 1.1;
  font-weight: bold;
}

.kodawari__sttl-small {
  display: block;
  font-size: clamp(0.875rem, 0rem + 3.7333333333vw, 1.75rem);
  font-weight: 500;
  opacity: 0.6;
}

.kodawari__scopy {
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #784D00;
  text-align: center;
}

.kodawari__block {
  background: #F5EFDB;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  padding: clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem) 6% clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem);
}

.kodawari__block:nth-of-type(n+2) {
  margin-top: clamp(1.875rem, 0rem + 8vw, 3.75rem);
}

.kodawari__list-ttl {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  color: #784D00;
  margin: 0 auto clamp(0.9375rem, 0rem + 4vw, 1.875rem);
}

.kodawari__item {
  background: #fff;
  padding: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem) clamp(1.125rem, 0rem + 4.6666666667vw, 2.1875rem) clamp(0.75rem, 0rem + 3.3333333333vw, 1.5625rem);
}

.kodawari__item:nth-of-type(n+2) {
  margin-top: clamp(1.875rem, 0rem + 8vw, 3.75rem);
}

.kodawari__item--last {
  padding: 0 0 clamp(1.875rem, 0rem + 8vw, 3.75rem);
  border-bottom: solid 1px #784D00;
}

.kodawari__img {
  width: 100%;
  height: auto;
  margin: 0 auto clamp(0.9375rem, 0rem + 4vw, 1.875rem);
}

.kodawari__txt {
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  line-height: 1.6;
}

.kodawari__txt--small {
  font-size: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  line-height: 1.6;
}

.kodawari__txt:nth-of-type(n+2) {
  margin-top: clamp(0.75rem, 0rem + 3.3333333333vw, 1.5625rem);
}

.kodawari__txt:last-of-type {
  margin-bottom: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
}

.omoi {
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/bg_field.jpg") no-repeat center/cover;
}

.omoi__inner {
  padding: clamp(2.8125rem, 0rem + 12vw, 5.625rem) 0;
}

.omoi__txtarea {
  background-color: rgba(255, 255, 255, 0.75);
  padding: clamp(1.5625rem, 0rem + 6.6666666667vw, 3.125rem) clamp(1.125rem, 0rem + 4.6666666667vw, 2.1875rem) clamp(1.5625rem, -0.0625rem + 6.9333333333vw, 3.1875rem);
}

.omoi__sttl {
  text-align: center;
  font-size: clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #784D00;
  line-height: 1.5;
  margin-bottom: clamp(0.8125rem, 0rem + 3.4666666667vw, 1.625rem);
}

.omoi__img {
  margin-bottom: clamp(1.0625rem, 0rem + 4.5333333333vw, 2.125rem);
}

.omoi__ttl {
  font-size: clamp(1.1875rem, 0rem + 5.0666666667vw, 2.375rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  color: #784D00;
  background: url("https://gigaplus.makeshop.jp/renshop/lp03/images/ttl_leaf.svg") no-repeat center/contain;
  margin: 0 auto clamp(1.0625rem, 0rem + 4.5333333333vw, 2.125rem);
}

.omoi__scopy {
  font-size: clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
  text-align: center;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #784D00;
  font-weight: 500;
}

.omoi__copy {
  font-size: clamp(1rem, 0rem + 4.5333333333vw, 2.125rem);
  font-weight: bold;
  text-align: center;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  color: #EA5532;
  margin: 0 0 clamp(1.0625rem, 0rem + 4.5333333333vw, 2.125rem);
}

.omoi__txt {
  margin: 0 auto;
  font-size: clamp(0.875rem, 0rem + 3.7333333333vw, 1.75rem);
  font-weight: 500;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/omoi_bg.svg") no-repeat center bottom/clamp(21.25rem, 0rem + 90.6666666667vw, 42.5rem);
  line-height: 2.25;
  padding-bottom: 1px;
}

.voice {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi1.jpg) repeat left top/240px 240px, #fff;
  padding: clamp(2.8125rem, 0rem + 12vw, 5.625rem) 0 0;
}

.voice__ttl {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  margin: 0 auto clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  position: relative;
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
}

.voice__ttl:after, .voice__ttl:before {
  content: "";
  display: inline-block;
  width: clamp(0.0625rem, 0rem + 0.2666666667vw, 0.125rem);
  height: clamp(2.5rem, 0rem + 10.6666666667vw, 5rem);
  background: #222;
  position: absolute;
}

.voice__ttl:before {
  left: 1em;
  top: 40%;
  transform: rotate(-15deg);
}

.voice__ttl:after {
  right: 1em;
  top: 40%;
  transform: rotate(15deg);
}

.voice__ttl--strong {
  font-size: clamp(1.625rem, 0rem + 6.9333333333vw, 3.25rem);
}

.voice__ttl--small {
  font-size: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  text-align: center;
  line-height: 1.8;
  color: #784D00;
}

.voice__cont {
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/voice_bg.png") no-repeat center/contain;
}

.reason {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi1.jpg) repeat left top/240px 240px, #fff;
}

.reason__inner {
  padding: clamp(2.8125rem, 0rem + 12vw, 5.625rem) 0 clamp(2.3125rem, 0rem + 9.8666666667vw, 4.625rem);
}

.reason__ttl {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  margin: 0 auto clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  position: relative;
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
}

.reason__ttl--strong {
  font-size: clamp(1.625rem, 0rem + 6.9333333333vw, 3.25rem);
}

.reason__ttl--small {
  font-size: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  text-align: center;
  line-height: 2.5;
  color: #784D00;
}

.reason__sttl {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  color: #784D00;
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  padding: 0 0 clamp(0.25rem, 0rem + 1.0666666667vw, 0.5rem);
}

.reason__num {
  margin-bottom: clamp(0.3125rem, 0rem + 1.3333333333vw, 0.625rem);
  width: clamp(4.375rem, 0rem + 18.6666666667vw, 8.75rem);
  height: auto;
}

.reason__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reason__item {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  background: rgba(255, 255, 255, 0.8);
  padding: clamp(1.0625rem, 0rem + 4.6666666667vw, 2.1875rem) clamp(1.0625rem, 0rem + 4.6666666667vw, 2.1875rem) clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
}

.reason__item:nth-of-type(n+2) {
  margin-top: clamp(1.75rem, 0rem + 7.4666666667vw, 3.5rem);
}

.reason__item:nth-of-type(even) .reason__flex {
  flex-direction: row-reverse;
}

.reason__item:nth-of-type(even) .reason__sttl {
  align-items: end;
}

.reason__img {
  box-shadow: clamp(0.4375rem, 0rem + 1.8666666667vw, 0.875rem) clamp(0.4375rem, 0rem + 1.8666666667vw, 0.875rem) 0px rgba(0, 0, 0, 0.16);
  margin-right: clamp(0.25rem, 0rem + 3.2vw, 1.5rem);
  width: clamp(7.6875rem, 0rem + 32.8vw, 15.375rem);
}

.reason__txt {
  line-height: 1.7142857143;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  margin-top: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
}

.eat {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi2.jpg) repeat left top/240px 240px, #fff;
  padding-bottom: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
}

.eat__inner {
  position: relative;
  padding: clamp(1.875rem, 0rem + 8vw, 3.75rem) 0 clamp(3.75rem, 0rem + 16vw, 7.5rem);
}

.eat__inner:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: clamp(3.75rem, 0rem + 16vw, 7.5rem);
  height: 93px;
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/section_arrow.svg) no-repeat left bottom/contain;
}

.eat__ttl {
  font-size: clamp(1.625rem, 0rem + 6.9333333333vw, 3.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  padding: clamp(1.3125rem, 0rem + 5.6vw, 2.625rem) 0 clamp(2.1875rem, 0rem + 9.3333333333vw, 4.375rem);
}

.eat__img {
  display: block;
  margin: 0 auto clamp(0.9375rem, 0rem + 4vw, 1.875rem);
}

.eat__img02 {
  display: block;
  width: 100%;
}

.eat__txt {
  margin-bottom: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
}

.eat__push {
  font-size: clamp(1.3125rem, 0rem + 5.6vw, 2.625rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  text-align: center;
}

.eat__push--strong {
  font-weight: bold;
}

.recipe {
  -webkit-clip-path: polygon(0 0, 0 93%, 50% 100%, 100% 93%, 100% 0, 0 0);
          clip-path: polygon(0 0, 0 93%, 50% 100%, 100% 93%, 100% 0, 0 0);
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_wood.jpg) repeat-y center/100%;
}

@media screen and (max-width: 640px) {
  .recipe {
    -webkit-clip-path: polygon(0 0, 0 95%, 50% 100%, 100% 95%, 100% 0, 0 0);
            clip-path: polygon(0 0, 0 95%, 50% 100%, 100% 95%, 100% 0, 0 0);
  }
}
.recipe__ttl {
  font-size: clamp(1.625rem, 0rem + 6.9333333333vw, 3.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  margin: 0 auto clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
}

.recipe__ttl--copy {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
  color: #784D00;
  display: block;
  font-weight: 500;
}

.recipe__point {
  text-align: center;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  color: #623716;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  line-height: 2.5;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.recipe__point:before,
.recipe__point:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #784D00;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.recipe__point:before {
  margin-right: 20px;
}

.recipe__point:after {
  margin-left: 20px;
}

.recipe__point-ttl {
  padding-left: clamp(1.875rem, 0rem + 8vw, 3.75rem);
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/recipe_icon.svg) no-repeat left 0 bottom/clamp(1.375rem, 0rem + 5.8666666667vw, 2.75rem) auto;
}

.recipe__point-txt {
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  text-align: center;
  border-bottom: solid 1px #784D00;
  padding: clamp(0.8125rem, 0rem + 3.4666666667vw, 1.625rem) 0;
}

.recipe__img {
  width: 100%;
  margin: clamp(0.8125rem, 0rem + 3.4666666667vw, 1.625rem) auto clamp(1.0625rem, 0rem + 4.5333333333vw, 2.125rem);
}

.recipe__img:nth-of-type(2) {
  margin: clamp(2.0625rem, 0rem + 8.8vw, 4.125rem) auto clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
}

.recipe__txt {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/recipe_img02.png) no-repeat center bottom/contain;
  font-size: clamp(0.875rem, 0rem + 3.7333333333vw, 1.75rem);
}

.recipe__txt--strong {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  text-align: center;
  font-weight: bold;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  color: #ea5532;
  display: block;
  margin: clamp(0.9375rem, 0rem + 4vw, 1.875rem) auto 0;
  padding-bottom: clamp(2.5rem, 0rem + 10.6666666667vw, 5rem);
}

.push {
  margin-top: -11%;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi2.jpg") repeat left top/240px 240px, #fff;
  padding-bottom: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
}

@media screen and (max-width: 640px) {
  .push {
    margin-top: -18%;
  }
}
.push__inner {
  position: relative;
  padding: clamp(6.875rem, 0rem + 29.3333333333vw, 13.75rem) 0 clamp(3.75rem, 0rem + 16vw, 7.5rem);
}

.push__inner:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: clamp(3.75rem, 0rem + 16vw, 7.5rem);
  height: 93px;
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/section_arrow.svg") no-repeat left bottom/contain;
}

.push__mv {
  width: 88%;
  margin: 0 auto;
  position: relative;
}

.push__ttl {
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  padding: clamp(0.4375rem, 0rem + 1.8666666667vw, 0.875rem) 0 clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
}

.push__txt {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  font-size: clamp(1rem, 0rem + 4.2666666667vw, 2rem);
  margin: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem) auto 0;
  width: 88%;
  line-height: 2em;
  padding-bottom: 1px;
}

.faq {
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi2.png") repeat left top/240px 240px, #F5EFDB;
  font-size: clamp(1rem, 0.5rem + 2.1333333333vw, 1.5rem);
}

.faq__inner {
  padding: clamp(2.8125rem, 0rem + 12vw, 5.625rem) 0 clamp(2.5rem, 0rem + 10.6666666667vw, 5rem);
}

.faq__ttl {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  padding: clamp(1.0625rem, 0rem + 4.5333333333vw, 2.125rem) 0 clamp(2.125rem, 0rem + 9.0666666667vw, 4.25rem);
}

.faq__list--item {
  margin-bottom: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
}

.faq-ac {
  display: flex;
  position: relative;
  align-items: center;
  min-height: clamp(3.375rem, 1.75rem + 6.9333333333vw, 5rem);
  cursor: pointer;
  background: #fff;
  border: solid 1px #784D00;
}

@media screen and (max-width: 640px) {
  .faq-ac {
    min-height: 50px;
    height: auto;
  }
}
.faq-ac__q {
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  font-weight: 500;
  font-size: clamp(1.25rem, 0.625rem + 2.6666666667vw, 1.875rem);
  color: #ea5532;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: clamp(2rem, 0rem + 8.5333333333vw, 4rem);
  height: 100%;
  line-height: 1;
}

.faq-ac__qtxt {
  padding: 0.8em 20px 0.8em clamp(1.875rem, -0.625rem + 7.3333333334vw, 3.75rem);
  line-height: 1.2;
}

.faq-ac__cont {
  background: #fff;
  position: relative;
  display: none;
  padding: 30px 5% 30px;
  line-height: 1.6;
}

@media screen and (max-width: 640px) {
  .faq-ac__cont {
    padding: 25px 5% 25px;
  }
}
.faq-ac__icon {
  margin: 0 20px 0 auto;
  position: relative;
  display: block;
  width: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  height: clamp(0.4375rem, 0rem + 1.8666666667vw, 0.875rem);
}

@media screen and (max-width: 640px) {
  .faq-ac__icon {
    margin: 0 14px 0 auto;
  }
}
.faq-ac__icon:after {
  content: "";
  display: block;
  transform: rotate(-180deg);
  position: absolute;
  width: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  height: clamp(0.4375rem, 0rem + 1.8666666667vw, 0.875rem);
  background: url("https://gigaplus.makeshop.jp/renshop/lp02/images/icon_arrow.svg") no-repeat center/contain;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.faq-ac__icon.open:after {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}

.faq-ac__cont.open {
  display: block;
}

.ftr__list {
  font-size: 24px;
  font-size: 1.5rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem) 0 clamp(0.9375rem, 0rem + 4vw, 1.875rem);
}

@media screen and (max-width: 768px) {
  .ftr__list {
    font-size: 3.2vw;
  }
}
.ftr__item a {
  display: block;
  line-height: 1.4;
  padding: 0 clamp(1.375rem, 0rem + 5.8666666667vw, 2.75rem);
}

.ftr__item:nth-of-type(n+2) {
  border-left: solid 1px #222;
}

.ftr__copy {
  background: #534741;
  color: #fff;
  font-size: clamp(0.875rem, 0.25rem + 2.6666666667vw, 1.5rem);
  text-align: center;
  padding: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem) 0;
}

.cta {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/bg_washi1.jpg) repeat left top/240px 240px, #fff;
  padding: clamp(1.875rem, 0rem + 8vw, 3.75rem) 0;
}

.cta__img {
  width: 100%;
}

.block-cta._type03 {
  color: #000;
}

.block-cta .block-cta-inner {
  background-color: #fff;
  padding: clamp(0.625rem, 0rem + 4vw, 1.875rem);
  border: 3px solid #D0BC88;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  padding-top: 0;
}

/* カート */
.cta__cvarea {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.3125rem, 0rem + 1.3333333333vw, 0.625rem) 0 0;
}

.cta__selectbox {
  display: flex;
  align-items: center;
}

.cta__select-txt {
  font-size: clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
}

.cta__select-box select {
  display: block;
  color: #222;
  font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  padding: 5px clamp(2.1875rem, 0rem + 9.3333333333vw, 4.375rem) 5px clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  border: solid clamp(0.125rem, 0.0625rem + 0.2666666667vw, 0.1875rem) #aeaeae;
  margin: 0 clamp(0.9375rem, 0rem + 4vw, 1.875rem) 0 clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  background: url("https://gigaplus.makeshop.jp/renshop/lp03/images/cta_arrow.svg") no-repeat right clamp(0.3125rem, 0rem + 1.3333333333vw, 0.625rem) center/clamp(0.5625rem, 0rem + 2.4vw, 1.125rem) auto, #fff;
  cursor: pointer;
}

.cta__btn {
  border-radius: clamp(0.5rem, 0rem + 2.1333333333vw, 1rem);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  width: clamp(13.0625rem, 0rem + 55.7333333333vw, 26.125rem);
  padding: clamp(1rem, 0rem + 3.2vw, 1.5rem);
  font-size: clamp(1rem, 0rem + 3.7333333333vw, 1.75rem);
  color: #fff;
  font-weight: bold;
  background: linear-gradient(180deg, #bd0000 0%, #800000 100%);
  border: solid clamp(0.125rem, 0.0625rem + 0.2666666667vw, 0.1875rem) #bd8d0c;
  cursor: pointer;
  transition: all 0.2s ease;
}

.cta__btn:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: clamp(0.9375rem, 0.3125rem + 2.6666666667vw, 1.5625rem);
  border-style: solid;
  border-width: clamp(0.46875rem, 0rem + 2vw, 0.9375rem) 0 clamp(0.46875rem, 0rem + 2vw, 0.9375rem) clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  border-color: transparent transparent transparent #fff;
}

.cta__btn:hover {
  filter: brightness(120%);
  transition: all 0.2s ease;
}

/* お支払い方法 */
.payment {
  background-color: #F1EDE5;
  padding: clamp(0.625rem, 0rem + 4vw, 1.875rem);
  margin-top: clamp(0.75rem, 0rem + 3.3333333333vw, 1.5625rem);
}

.payment-title {
  font-size: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  font-weight: bold;
  border-bottom: 1px solid #784D00;
  color: #784D00;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
}

.payment-img {
  width: 100%;
  margin: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem) 0;
}

.payment-text {
  font-size: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
}

/* 成分表 */
.detail-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
  margin-top: clamp(0.75rem, 0rem + 3.3333333333vw, 1.5625rem);
}

.detail-table th, .detail-table td {
  border: 2px solid #fff;
  padding: clamp(0.625rem, 0rem + 1.3333333333vw, 0.625rem) clamp(0.3125rem, 0rem + 1.3333333333vw, 0.625rem);
  font-size: clamp(0.8125rem, 0rem + 2.4vw, 1.125rem);
  line-height: 1.3;
}

.detail-table th {
  background-color: #B3B3AB;
  color: #fff;
  text-align: center;
  width: 35%;
  min-width: 4em;
}

.detail-table-seibun {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}

.detail-table-seibun dl {
  display: flex;
}

.detail-table-seibun dt, .detail-table-seibun dd {
  border-bottom: 1px solid #EFEFEF;
  padding: 2px 0;
  font-size: clamp(0.8125rem, 0rem + 2.4vw, 1.125rem);
  text-align: left;
}

.detail-table-seibun dt {
  border-bottom: 1px solid #EFEFEF;
  font-weight: bold;
  width: 45%;
  min-width: 4em;
}

/* お問合せ注文 */
.block-contact {
  margin-top: clamp(1.875rem, 0rem + 8vw, 3.75rem);
  background: linear-gradient(#784d00 0%, #3c2700 100%);
  padding: clamp(1.25rem, 0rem + 5.3333333333vw, 2.5rem);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}

.contact-head a {
  color: #fff;
  text-decoration: underline;
}

.contact-head {
  color: #fff;
  font-weight: bold;
}

.contact-title {
    /* フォントサイズ: クランプ(1.125rem, 0rem + 4.8vw, 2.25rem); */
  font-size: clamp(1rem, 0rem + 2.6666666667vw, 1.25rem);
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
  display: inline-block;
}

.contact-title span {
  font-size: clamp(1.125rem, 0rem + 4.8vw, 2.25rem);
}

.contact-body {
  margin-top: clamp(0.75rem, 0rem + 3.3333333333vw, 1.5625rem);
}

.contact-box {
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  padding: clamp(0.625rem, 0rem + 2.6666666667vw, 1.25rem);
  display: flex;
  justify-content: space-between;
  margin: auto;
}

.contact-box:nth-child(n+2) {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .contact-box-right {
    width: 40%;
  }
}
.contact-box-number {
  color: #000;
  font-weight: bold;
  position: relative;
  display: inline-block;	
  font-size: clamp(1.1875rem, 0rem + 4.8vw, 2.25rem);
  padding-left: clamp(1.5625rem, 0rem + 8vw, 3.75rem);
  white-space: nowrap; /* 改行を防ぐ */
}

.contact-box-number:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: clamp(1.1875rem, 0rem + 5.0666666667vw, 2.375rem);
  height: clamp(1.6875rem, 0rem + 7.2vw, 3.375rem);
}

.contact-box._tell .contact-box-number:before {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/icon_tell.svg) no-repeat center/contain;
}

.contact-box._fax .contact-box-number:before {
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/icon_fax.svg) no-repeat center/contain;
}

.contact-box span {
  display: block;
  font-size: clamp(0.75rem, 0rem + 2.4vw, 1.125rem);
  line-height: 1.3;
}

.contact-box-btn {
  display: inline-block;
  background-color: #BC0711;
  border-radius: 6px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
  padding: 10px 5px;
  line-height: 1.3;
  margin: clamp(0.25rem, 0rem + 1.0666666667vw, 0.5rem) clamp(0.125rem, 0rem + 0.5333333333vw, 0.25rem) 0;
}

.contact-text{
  font-size: clamp(0.75rem, 0rem + 2.6666666667vw, 1.25rem);
  display: inline-block;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
}

/* 追加推奨 */
@media screen and (max-width: 640px) {
  .contact-box {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  
  .contact-box-right {
    width: 100%; /* 40%から100%に変更 */
  }
  
  .contact-box-number {
    font-size: clamp(1rem, 0rem + 4vw, 1.5rem); /* モバイルでより小さく */
  }
}

.block-ctaSub {
  position: relative;
}

.block-ctaSub:nth-child(n+2)  {
  margin-top: clamp(4.375rem, 0rem + 13.3333333333vw, 6.25rem);
}

.block-ctaSub.teiki .block-ctaSub-inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: clamp(-4.375rem, 0rem - 18.6666666667vw, -8.75rem);
  background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/cta-teiki-label.png) no-repeat center/contain;
  width: clamp(11.5625rem, 0rem + 48.6666666667vw, 22.8125rem);
  height: clamp(3rem, 0rem + 13.2vw, 6.1875rem);
  z-index: 1;
}

@media screen and (max-width: 640px) {
  .block-ctaSub.teiki .block-ctaSub-inner:before {
    top: clamp(-2.8125rem, 0rem - 18.6666666667vw, -8.75rem);
    width: clamp(13.75rem, 0rem + 48.6666666667vw, 22.8125rem);
    height: clamp(3.5rem, 0rem + 13.2vw, 6.1875rem);
  }
}

.block-ctaSub.tokuyou .block-ctaSub-inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: clamp(-4.375rem, 0rem - 18.6666666667vw, -8.75rem);
    background: url(https://gigaplus.makeshop.jp/renshop/lp02/images/cta_tokuyou-label.png) no-repeat center/contain;
    width: clamp(9.5625rem, 0rem + 40.8vw, 19.125rem);
    height: clamp(2.875rem, 0rem + 12.4vw, 5.8125rem);
    z-index: 1;
  }
  @media screen and (max-width: 640px) {
    .block-ctaSub.tokuyou .block-ctaSub-inner:before {
      top: clamp(-2.8125rem, 0rem - 18.6666666667vw, -8.75rem);
      width: clamp(12.5rem, 0rem + 40.8vw, 19.125rem);
      height: clamp(3.75rem, 0rem + 12.4vw, 5.8125rem);
    }
  }


@media screen and (max-width: 640px) {
  .block-ctaSub.hachimitsu .block-ctaSub-inner:before {
    top: clamp(-2.8125rem, 0rem - 18.6666666667vw, -8.75rem);
    width: clamp(12.5rem, 0rem + 40.8vw, 19.125rem);
    height: clamp(3.75rem, 0rem + 12.4vw, 5.8125rem);
  }
}

.block-ctaSub-inner {
  padding: clamp(0.625rem, 0rem + 4vw, 1.875rem);
  background-color: #fff;
  border: 3px solid #D0BC88;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  position: relative;
}

.ctaSub-text {
  font-weight: bold;
  line-height: 1.4;
  font-size: clamp(1rem, 0rem + 3.2vw, 1.5rem);
}

.ctaSub-price {
  text-align: right;
  font-size: clamp(3.125rem, 0rem + 16vw, 7.5rem);
  font-weight: bold;
  color: #C00E00;
  line-height: 1.1;
  font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
}

.ctaSub-price .en {
  font-size: clamp(1.25rem, 0rem + 7.4666666667vw, 3.5rem);
}

.ctaSub-price .tax {
  font-size: clamp(0.75rem, 0rem + 3.2vw, 1.5rem);
  font-weight: normal;
}

.ctaSub-bottom-left {
  display: flex;
  flex-direction: column;
}

.ctaSub-packege {
  text-align: center;
}/*# sourceMappingURL=style.css.map */

/* 価格改定お知らせエリアのベース設定 */
.kakakukaitei {
  background-color: #fcecf2; /* 薄いピンクの背景 */
  padding: clamp(0.625rem, 0rem + 4vw, 1.875rem);
  margin-top: clamp(0.75rem, 0rem + 3.3333333333vw, 1.5625rem);
  border-radius: 8px; /* 少し角を丸くして柔らかく */
}

/* タイトルの設定 */
.kakakukaitei-title {
  font-size: clamp(0.9375rem, 0rem + 4vw, 1.875rem);
  font-weight: bold;
  border-bottom: 1px solid #f51133;
  color: #f51133;
  /* タイトルも柔らかくしたい場合は以下を有効に */
  font-family: "Noto Serif JP", serif;
  margin-bottom: 15px;
}

/* ★ 文章を柔らかい書体にする設定 ★ */
.kakakukaitei__txt {
  /* 既にHTMLで読み込まれている明朝体（Noto Serif JP）を指定 */
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0.875rem, 0rem + 3.7333333333vw, 1.75rem); /* サイズは既存に合わせ調整 */
  line-height: 1.9; /* 行間を少し広げて読みやすく */
  color: #443c39;   /* 真っ黒ではなく少し茶色味のある黒で柔らかい印象に */
  font-weight: 500;
  text-align: justify; /* 両端を揃えて綺麗に */
}

/* スマホ等でリンクが見えにくい場合の調整 */
.kakakukaitei__txt a {
  transition: opacity 0.2s;
}
.kakakukaitei__txt a:hover {
  opacity: 0.7;
}

.other {
  background-color: #fff;
}

.other__inner {
  display: flex;
  justify-content: space-between;
}

.other-item {
  width: 47%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.other-item__img {
  width: 60%;
}

.other-item__btn {
  padding: clamp(1rem, 0rem + 3.2vw, 1.5rem) 0;
  border-radius: 6px;
  background: linear-gradient(#d9bb64 0%, #cb9700 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  font-weight: 600;
  font-size: clamp(0.875rem, 0rem + 3.4666666667vw, 1.625rem);
  text-align: center;
  max-width: 320px;
  width: 100%;
  margin-top: 15px;
  transition: all 0.2s ease;
}

.other-item__btn:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}