@charset "UTF-8";
.productcategory-detail {
  -webkit-font-smoothing: antialiased;
}
.productcategory-detail img {
  display: block;
}

.product-contents-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padded-content {
  padding-left: 2.4vw;
  padding-right: 2.4vw;
}
@media screen and (min-width: 768px) {
  .padded-content {
    padding-left: 0;
    padding-right: 0;
  }
}

.A1MinchoStd-Bold {
  font-family: "A1明朝", serif;
}

.block {
  display: block;
}

._bolder {
  text-shadow: 0.5px 0.5px 0, 0.5px -0.5px 0px, -0.5px 0.5px 0, -0.5px -0.5px 0px, 0.5px 0px 0px, 0px 0.5px 0px, -0.5px 0px 0px, 0px -0.5px 0px;
}
@media screen and (min-width: 768px) {
  ._bolder {
    text-shadow: 1px 1px 0, 1px -1px 0px, -1px 1px 0, -1px -1px 0px, 1px 0px 0px, 0px 1px 0px, -1px 0px 0px, 0px -1px 0px;
  }
}

.ShueiMinPro-B {
  font-family: "秀英明朝 B", serif;
}

.absolute {
  position: absolute;
}

.section-1 {
  color: #fff;
  position: relative;
}
.section-1 .text {
  font-size: 38.5px;
  font-size: 9.0588235294vw;
  letter-spacing: 0.9411764706vw;
  line-height: 1.2;
  left: 31.7647058824vw;
  top: 5.6470588235vw;
}
@media screen and (min-width: 768px) {
  .section-1 .text {
    font-size: 77px;
    left: 270px;
    letter-spacing: 8px;
    top: 48px;
  }
}

.section-3 {
  color: #41210d;
  position: relative;
  padding: 8vw 0 4.9411764706vw 0;
}
@media screen and (min-width: 768px) {
  .section-3 {
    padding: 68px 0 42px 0;
  }
}
.section-3 .text1 {
  color: #41210d;
  line-height: 1.83;
  text-align: center;
  font-size: 26.1px;
  font-size: 6.1411764706vw;
  letter-spacing: 0.7058823529vw;
  -webkit-text-stroke: 0.3vw #45200d;
}
@media screen and (min-width: 768px) {
  .section-3 .text1 {
    font-size: 52.2px;
    letter-spacing: 6px;
    -webkit-text-stroke: 1.6px #45200d;
  }
}
.section-3 .text1 span {
  position: relative;
}
.section-3 .text1 span::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-3-1.svg") no-repeat bottom;
  content: "";
  display: block;
  position: absolute;
  bottom: -2vw;
  height: 1.1529411765vw;
  left: -2vw;
  width: 74.1176470588vw;
}
@media screen and (min-width: 768px) {
  .section-3 .text1 span::after {
    bottom: -17px;
    height: 9.8px;
    left: -17px;
    width: 630px;
  }
}
.section-3 .text2 {
  color: #005737;
  text-align: center;
  font-size: 46.35px;
  font-size: 10.9058823529vw;
  letter-spacing: 1.8823529412vw;
  line-height: 1.32;
  margin-top: 2.4705882353vw;
  -webkit-text-stroke: 0.5vw #005737;
}
@media screen and (min-width: 768px) {
  .section-3 .text2 {
    font-size: 92.7px;
    letter-spacing: 16px;
    margin-top: 21px;
    -webkit-text-stroke: 2.5px #005737;
  }
}
.section-3 .text2 span {
  position: relative;
}
.section-3 .text2 span::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-3-2.svg") no-repeat bottom;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  z-index: -1;
  width: 55.0470588235vw;
  height: 1.7764705882vw;
  bottom: -0.4705882353vw;
}
@media screen and (min-width: 768px) {
  .section-3 .text2 span::after {
    width: 467.9px;
    height: 15.1px;
    bottom: -4px;
  }
}

.section-4 {
  color: #fff;
  position: relative;
  text-align: center;
}
.section-4 .text1 {
  width: 100%;
  -webkit-text-stroke: 1px #fff;
  line-height: 1.43;
  color: #fff;
  top: 5.8823529412vw;
  font-size: 24.2px;
  font-size: 5.6941176471vw;
  letter-spacing: 1.1764705882vw;
}
@media screen and (min-width: 768px) {
  .section-4 .text1 {
    top: 50px;
    font-size: 48.4px;
    letter-spacing: 10px;
  }
}
.section-4 .text2 {
  -webkit-text-stroke: 1px #fff;
  line-height: 1.2;
  width: 100%;
  top: 4.5882352941vw;
  font-size: 45px;
  font-size: 10.5882352941vw;
  letter-spacing: 0.7058823529vw;
}
@media screen and (min-width: 768px) {
  .section-4 .text2 {
    top: 39px;
    font-size: 90px;
    letter-spacing: 6px;
  }
}
.section-4 .text2 span {
  font-size: 10.1176470588vw;
}
@media screen and (min-width: 768px) {
  .section-4 .text2 span {
    font-size: 86px;
  }
}
.section-4 .text3 {
  line-height: 1.75;
  width: 100%;
  font-size: 15px;
  font-size: 3.5294117647vw;
  bottom: 16.4705882353vw;
  -webkit-text-stroke: 0.2vw #ffffff;
}
@media screen and (min-width: 768px) {
  .section-4 .text3 {
    font-size: 30px;
    bottom: 140px;
    -webkit-text-stroke: 0.3px #ffffff;
  }
}
.section-4 .text4 {
  width: 100%;
  line-height: 2.42;
  font-size: 22.6px;
  font-size: 5.3176470588vw;
  bottom: 7.5294117647vw;
  -webkit-text-stroke: 0.2vw #ffffff;
}
@media screen and (min-width: 768px) {
  .section-4 .text4 {
    font-size: 45.2px;
    bottom: 64px;
    -webkit-text-stroke: 0.5px #ffffff;
  }
}
.section-4 .text5 {
  width: 100%;
  line-height: 1.83;
  font-size: 15px;
  font-size: 3.5294117647vw;
  bottom: 5.4117647059vw;
  -webkit-text-stroke: 0.1vw #ffffff;
}
@media screen and (min-width: 768px) {
  .section-4 .text5 {
    font-size: 30px;
    bottom: 46px;
    -webkit-text-stroke: 0.3px #ffffff;
  }
}

.section-5 {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-5-bg.jpg");
  padding: 7.7647058824vw 0 8.2352941176vw 0;
}
@media screen and (min-width: 768px) {
  .section-5 {
    padding: 66px 0 70px 0;
  }
}
.section-5 .wrap {
  width: 88.2352941176vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .section-5 .wrap {
    width: 750px;
  }
}
.section-5 .wrap > .text1 {
  text-align: center;
  color: #41210d;
  line-height: 1.26;
  margin: 4.4705882353vw 0;
  font-size: 48.05px;
  font-size: 11.3058823529vw;
  -webkit-text-stroke: 0.5vw #41210d;
  letter-spacing: 2.1482352941vw;
}
@media screen and (min-width: 768px) {
  .section-5 .wrap > .text1 {
    margin: 38px 0;
    font-size: 96.1px;
    -webkit-text-stroke: 2px #41210d;
    letter-spacing: 18.26px;
  }
}
.section-5 .wrap > .text2 {
  color: #41210d;
  text-align: center;
  line-height: 1.33;
  margin: 7.1764705882vw 0 3.7647058824vw 0;
  -webkit-text-stroke: 0.4vw #41210d;
  letter-spacing: 0.8235294118vw;
  font-size: 8.9647058824vw;
}
@media screen and (min-width: 768px) {
  .section-5 .wrap > .text2 {
    margin: 61px 0 32px 0;
    -webkit-text-stroke: 2.1px #41210d;
    letter-spacing: 7.62px;
    font-size: 76.2px;
  }
}
.section-5 .wrap > .text2 span {
  text-align: center;
  color: #41210d;
  display: block;
  line-height: 1.14;
  -webkit-text-stroke: 0.1176470588vw #41210d;
  font-size: 6.5176470588vw;
  letter-spacing: 0.5882352941vw;
  margin-bottom: 1.4117647059vw;
}
@media screen and (min-width: 768px) {
  .section-5 .wrap > .text2 span {
    margin-bottom: 12px;
    -webkit-text-stroke: 1px #41210d;
    font-size: 55.4px;
    letter-spacing: 5.54px;
  }
}
.section-5 .wrap > .text3 {
  text-align: center;
  color: #41210d;
  line-height: 1.3;
  margin-top: 8.2352941176vw;
  -webkit-text-stroke: 0.5vw #41210d;
  font-size: 49.5px;
  font-size: 11.6470588235vw;
  letter-spacing: 2.3494117647vw;
}
@media screen and (min-width: 768px) {
  .section-5 .wrap > .text3 {
    margin-top: 70px;
    -webkit-text-stroke: 2.1px #45200d;
    font-size: 99.9px;
    letter-spacing: 19.97px;
  }
}
.section-5 .imageWrap {
  position: relative;
}
.section-5 .imageWrap .text1 {
  text-align: left;
  color: #005737;
  font-family: "游ゴシック体 Pr6N B", sans-serif;
  line-height: 1.38;
  top: 10.9411764706vw;
  left: 5.8823529412vw;
  font-size: 2.9411764706vw;
}
.section-5 .imageWrap .text1 li {
  list-style-type: disc;
}
@media screen and (min-width: 768px) {
  .section-5 .imageWrap .text1 {
    top: 93px;
    left: 41px;
    font-size: 25px;
    letter-spacing: 2px;
  }
}
.section-5 .imageWrap .light {
  display: block;
  font-weight: normal;
  font-size: 9.6px;
  font-size: 2.2588235294vw;
}
@media screen and (min-width: 768px) {
  .section-5 .imageWrap .light {
    font-size: 19.2px;
  }
}
.section-5 .imageWrap .text2 {
  width: max-content;
  line-height: 1.31;
  text-align: center;
  font-family: "游ゴシック体 Pr6N B", sans-serif;
  color: #005737;
  bottom: 2.3529411765vw;
  right: 5.2941176471vw;
  font-size: 15px;
  font-size: 3.5294117647vw;
}
@media screen and (min-width: 768px) {
  .section-5 .imageWrap .text2 {
    bottom: 20px;
    right: 45px;
    font-size: 30px;
  }
}

.section-6 {
  padding-top: 4.7058823529vw;
  padding-bottom: 7.8823529412vw;
}
@media screen and (min-width: 768px) {
  .section-6 {
    padding-top: 40px;
    padding-bottom: 67px;
  }
}
.section-6 .wrap {
  width: 89.2941176471vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .section-6 .wrap {
    width: 759px;
  }
}
.section-6 .box {
  background: #fff;
  padding: 4.7058823529vw 4.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-6 .box {
    padding: 40px 36px;
  }
}
.section-6 .rakuten {
  width: max-content;
  max-width: 100%;
  margin: 0 auto 3.7647058824vw auto;
}
@media screen and (min-width: 768px) {
  .section-6 .rakuten {
    margin: 0 auto 32px auto;
  }
}
.section-6 .date {
  font-weight: normal;
  line-height: 2.63;
  color: #040000;
  letter-spacing: 0.3176470588vw;
  font-size: 8px;
  font-size: 1.8823529412vw;
}
@media screen and (min-width: 768px) {
  .section-6 .date {
    font-size: 16px;
    letter-spacing: 2.71px;
  }
}
.section-6 .note {
  font-size: 6.25px;
  font-size: 1.4705882353vw;
  line-height: 1.5;
  letter-spacing: 0.1764705882vw;
  text-align: left;
  color: #040000;
}
@media screen and (min-width: 768px) {
  .section-6 .note {
    font-size: 12.5px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}
.section-6 .text1 {
  text-align: center;
  color: #005737;
  font-weight: bold;
  line-height: 1.43;
  margin-bottom: 4vw;
  font-size: 32.85px;
  font-size: 7.7294117647vw;
  letter-spacing: 0.7058823529vw;
  -webkit-text-stroke: 0.2vw #005737;
}
@media screen and (min-width: 768px) {
  .section-6 .text1 {
    margin-bottom: 34px;
    -webkit-text-stroke: 0.8px #005737;
    font-size: 65.7px;
    letter-spacing: 9.85px;
  }
}
.section-6 .text1 span {
  text-emphasis: dot #005737;
  -webkit-text-emphasis: dot #005737;
}
.section-6 .text3 {
  text-align: center;
  color: #005737;
  line-height: 1.43;
  -webkit-text-stroke: 0.2vw #005737;
  font-size: 33.95px;
  font-size: 7.9882352941vw;
  letter-spacing: 1.3176470588vw;
  margin-top: 4.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-6 .text3 {
    margin-top: 39px;
    -webkit-text-stroke: 1px #005737;
    font-size: 67.9px;
    letter-spacing: 11.2px;
  }
}
.section-6 .text4 {
  text-align: center;
  color: #41210d;
  line-height: 1.53;
  font-weight: bold;
  font-size: 16px;
  font-size: 3.7647058824vw;
  letter-spacing: 0.5588235294vw;
  font-family: "游ゴシック体 Pr6N B", sans-serif;
}
@media screen and (min-width: 768px) {
  .section-6 .text4 {
    font-size: 33.9px;
    letter-spacing: 4.75px;
  }
}
.section-6 .img1 {
  margin-top: 4.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-6 .img1 {
    margin-top: 36px;
  }
}
.section-6 .img2 {
  margin-top: 3.2941176471vw;
}
@media screen and (min-width: 768px) {
  .section-6 .img2 {
    margin-top: 28px;
  }
}
.section-6 .img3 {
  margin-top: 4.4705882353vw;
}
@media screen and (min-width: 768px) {
  .section-6 .img3 {
    margin-top: 38px;
  }
}
.section-6 .img4 {
  margin-top: 5.2941176471vw;
}
@media screen and (min-width: 768px) {
  .section-6 .img4 {
    margin-top: 45px;
  }
}
.section-6 .text5 {
  text-align: center;
  color: #005737;
  line-height: 1.58;
  margin-top: 3.7647058824vw;
  font-size: 21.5px;
  font-size: 5.0588235294vw;
  letter-spacing: 0.4705882353vw;
  -webkit-text-stroke: 0.2vw #005737;
}
@media screen and (min-width: 768px) {
  .section-6 .text5 {
    margin-top: 32px;
    -webkit-text-stroke: 1px #005737;
    font-size: 43px;
    letter-spacing: 4px;
  }
}

.section-7 {
  padding-bottom: 7.8823529412vw;
}
@media screen and (min-width: 768px) {
  .section-7 {
    padding-bottom: 67px;
  }
}
.section-7 .wrap {
  width: 89.1764705882vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .section-7 .wrap {
    width: 758px;
  }
}
.section-7 .box2 {
  border: solid 0.4235294118vw #005737;
}
@media screen and (min-width: 768px) {
  .section-7 .box2 {
    border: solid 3.6px #005737;
  }
}
.section-7 .title {
  background: #005737;
  color: #fff;
  text-align: center;
  line-height: 0.78;
  font-size: 26px;
  font-size: 6.1176470588vw;
  letter-spacing: 0.9788235294vw;
  padding: 3.5294117647vw 0;
}
@media screen and (min-width: 768px) {
  .section-7 .title {
    font-size: 52px;
    letter-spacing: 8.32px;
    padding: 30px 0;
  }
}
.section-7 .text {
  background: #fff;
  padding: 2.8235294118vw 4.3529411765vw;
}
@media screen and (min-width: 768px) {
  .section-7 .text {
    padding: 24px 37px;
  }
}

.section-8 {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-8-bg.jpg");
}
.section-8 .why {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-8-1.jpg") no-repeat;
  background-size: cover;
  line-height: 1.3;
  text-align: center;
  color: #fdd108;
  -webkit-text-stroke: 1px #fdd108;
  font-size: 35.65px;
  font-size: 8.3882352941vw;
  letter-spacing: 1.0070588235vw;
  padding: 5.4117647059vw 0;
}
@media screen and (min-width: 768px) {
  .section-8 .why {
    -webkit-text-stroke: 1.9px #fdd108;
    font-size: 71.3px;
    letter-spacing: 8.56px;
    padding: 46px 0;
  }
}
.section-8 .wrapper {
  margin: auto;
  color: #41210d;
  line-height: 1.6;
  text-align: justify;
  padding: 5.4117647059vw 0;
  width: 89.1764705882vw;
  letter-spacing: 0.38vw;
  font-size: 17px;
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .section-8 .wrapper {
    padding: 46px 0;
    width: 758px;
    letter-spacing: 3.23px;
    font-size: 34px;
  }
}
.section-8 .hr {
  margin: 12.7058823529vw 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-8 .hr {
    margin: 108px 0;
  }
}
.section-8 .title {
  -webkit-text-stroke: 0.2vw #41210d;
  font-size: 24.35px;
  font-size: 5.7294117647vw;
  line-height: 1.43;
  letter-spacing: 0.3435294118vw;
  display: flex;
  margin-bottom: 4.9411764706vw;
}
@media screen and (min-width: 768px) {
  .section-8 .title {
    -webkit-text-stroke: 1.8px #41210d;
    font-size: 48.7px;
    letter-spacing: 2.92px;
    margin-bottom: 42px;
  }
}
.section-8 .mark {
  flex-shrink: 0;
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-8-icon.svg") no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-stroke: 0;
  font-family: "秀英明朝 B", serif;
  line-height: 0.94;
  text-align: center;
  color: #fdd35c;
  font-size: 44.15px;
  font-size: 10.3882352941vw;
  margin-right: 2.2352941176vw;
  width: 10.4941176471vw;
  height: 15.6470588235vw;
}
@media screen and (min-width: 768px) {
  .section-8 .mark {
    font-size: 88.3px;
    margin-right: 19px;
    width: 89.2px;
    height: 133.1px;
  }
}
.section-8 .photo {
  margin: 4.4705882353vw 0 3.2941176471vw 0;
}
@media screen and (min-width: 768px) {
  .section-8 .photo {
    margin: 38px 0 28px 0;
  }
}
.section-8 .imageWrap {
  position: relative;
  margin-bottom: 5.6470588235vw;
}
@media screen and (min-width: 768px) {
  .section-8 .imageWrap {
    margin-bottom: 48px;
    font-size: 34px;
  }
}
.section-8 .text1 {
  padding: 0 4.7058823529vw;
  color: #fff;
  bottom: 3.7647058824vw;
}
@media screen and (min-width: 768px) {
  .section-8 .text1 {
    padding: 0 40px;
    bottom: 32px;
  }
}
.section-8 .fourPoint {
  margin: 4.8235294118vw 0;
}
@media screen and (min-width: 768px) {
  .section-8 .fourPoint {
    margin: 41px 0;
  }
}
.section-8 small {
  display: inline-block;
  font-size: 10.2px;
  font-size: 2.4vw;
  letter-spacing: 0.18vw;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .section-8 small {
    font-size: 20.4px;
    letter-spacing: 1.53px;
  }
}
.section-8 .text2 {
  display: block;
  line-height: 1.42;
  text-align: center;
  color: #005737;
  -webkit-text-stroke: 1px #005737;
  font-size: 31.15px;
  font-size: 7.3294117647vw;
  letter-spacing: 1.7576470588vw;
}
@media screen and (min-width: 768px) {
  .section-8 .text2 {
    -webkit-text-stroke: 2.1px #005737;
    font-size: 62.3px;
    letter-spacing: 14.94px;
  }
}
.section-8 .text3 {
  display: block;
  line-height: 1.2;
  text-align: center;
  color: #005737;
  -webkit-text-stroke: 1px #005737;
  letter-spacing: 1.5294117647vw;
  font-size: 35px;
  font-size: 8.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-8 .text3 {
    -webkit-text-stroke: 2.1px #005737;
    font-size: 73.6px;
    letter-spacing: 15.08px;
  }
}

.section-9 {
  position: relative;
}
.section-9 .text1 {
  line-height: 1.24;
  text-align: center;
  color: #41210d;
  width: 100%;
  top: 5.1411764706vw;
  font-size: 25.5px;
  font-size: 6vw;
  letter-spacing: 1.4117647059vw;
  -webkit-text-stroke: 0.3vw #41210d;
}
@media screen and (min-width: 768px) {
  .section-9 .text1 {
    top: 43.7px;
    -webkit-text-stroke: 1.5px #41210d;
    font-size: 51.4px;
    letter-spacing: 12.34px;
  }
}
.section-9 .text1 span {
  position: relative;
}
.section-9 .text1 span::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-9-1.svg") no-repeat bottom;
  content: "";
  display: block;
  position: absolute;
  width: 47.4117647059vw;
  height: 1.1529411765vw;
  left: -0.8235294118vw;
  bottom: -2vw;
}
@media screen and (min-width: 768px) {
  .section-9 .text1 span::after {
    width: 403px;
    height: 9.8px;
    left: -7px;
    bottom: -17px;
  }
}
.section-9 .text2 {
  line-height: 1.32;
  text-align: center;
  color: #005737;
  width: 100%;
  font-size: 42px;
  font-size: 9.8823529412vw;
  top: 8.9411764706vw;
  letter-spacing: 2.4705882353vw;
  -webkit-text-stroke: 0.4vw #005737;
}
@media screen and (min-width: 768px) {
  .section-9 .text2 {
    top: 76px;
    -webkit-text-stroke: 2.5px #005737;
    font-size: 84.9px;
    letter-spacing: 21.65px;
  }
}
.section-9 .text2 span {
  position: relative;
}
.section-9 .text2 span::before {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-9-2.svg") no-repeat bottom;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 53.8823529412vw;
  height: 1.7647058824vw;
  left: -0.8235294118vw;
  bottom: -0.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-9 .text2 span::before {
    width: 458px;
    height: 15px;
    left: -7px;
    bottom: -5px;
  }
}
.section-9 .box {
  -webkit-text-stroke: 0.5px #fff;
  text-align: right;
  color: #fff;
  line-height: 1;
  min-width: 19.7647058824vw;
  bottom: 5.2941176471vw;
  left: 7.0588235294vw;
  text-shadow: 0 0 0.7058823529vw #000;
}
@media screen and (min-width: 768px) {
  .section-9 .box {
    min-width: 168px;
    bottom: 45px;
    left: 60px;
    text-shadow: 0 0 6px #000;
  }
}
.section-9 .text3 {
  margin-top: 0;
  display: block;
  line-height: 1;
  font-size: 14px;
  font-size: 3.2941176471vw;
}
@media screen and (min-width: 768px) {
  .section-9 .text3 {
    font-size: 28px;
    -webkit-text-stroke: 0.5px #fff;
  }
}
.section-9 .text4 {
  margin-top: 0;
  display: block;
  -webkit-text-stroke: 0.5px #fff;
  line-height: 1.3;
  font-size: 17.5px;
  font-size: 4.1176470588vw;
}
@media screen and (min-width: 768px) {
  .section-9 .text4 {
    font-size: 35.1px;
    letter-spacing: 0.2em;
  }
}
.section-9 .text5 {
  margin-top: 0;
  display: block;
  font-size: 12px;
  font-size: 2.8235294118vw;
  line-height: 1;
  letter-spacing: 0.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-9 .text5 {
    font-size: 24px;
    letter-spacing: 2.83px;
    -webkit-text-stroke: 0.5px #fff;
  }
}

.section-10 {
  padding-top: 5.2941176471vw;
}
@media screen and (min-width: 768px) {
  .section-10 {
    padding-top: 45px;
  }
}
.section-10 > .text1 {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.51;
  text-align: center;
  color: #005737;
  letter-spacing: 1.8823529412vw;
  -webkit-text-stroke: 0.2vw #005737;
  font-size: 36.7px;
  font-size: 8.6352941176vw;
}
@media screen and (min-width: 768px) {
  .section-10 > .text1 {
    font-size: 73.4px;
    letter-spacing: 16px;
    -webkit-text-stroke: 2.1px #005737;
  }
}
.section-10 .wrap {
  width: 89.4117647059vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap {
    width: 760px;
  }
}
.section-10 .wrap .recipe1 {
  margin-top: min(5.6470588235vw, 48px);
  position: relative;
  color: #fff;
}
.section-10 .wrap .recipe1 .box1 {
  left: 40vw;
  top: 4.7058823529vw;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipe1 .box1 {
    left: 340px;
    top: 40px;
  }
}
.section-10 .wrap .recipe1 .text1 {
  -webkit-text-stroke: 1px #fff;
  line-height: 1.64;
  position: relative;
  font-size: 26.5px;
  font-size: 6.2352941176vw;
  letter-spacing: 0.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipe1 .text1 {
    font-size: 55.6px;
    letter-spacing: 12.23px;
  }
}
.section-10 .wrap .recipe1 .text1::before {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-10-1.svg") no-repeat bottom;
  content: "";
  display: block;
  position: absolute;
  width: 42.3529411765vw;
  height: 0.7058823529vw;
  left: -10px;
  bottom: 0.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipe1 .text1::before {
    width: 356px;
    height: 6px;
    left: -1px;
    bottom: 5px;
  }
}
.section-10 .wrap .recipe1 .text2 {
  -webkit-text-stroke: 0.2vw #fff;
  line-height: 1.68;
  margin-top: 2.8235294118vw;
  font-size: 12px;
  font-size: 2.8235294118vw;
  letter-spacing: 0.7058823529vw;
  padding-left: 0.7058823529vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipe1 .text2 {
    margin-top: 24px;
    font-size: 28px;
    letter-spacing: 6px;
    padding-left: 6px;
    -webkit-text-stroke: 1px #fff;
  }
}
.section-10 .wrap .recipe1 .text3 {
  text-align: center;
  line-height: 1.26;
  -webkit-text-stroke: 0.3vw #fff;
  letter-spacing: 1vw;
  font-size: 19.35px;
  font-size: 4.5529411765vw;
  bottom: 8.2352941176vw;
  left: 41.4117647059vw;
  width: 28.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipe1 .text3 {
    letter-spacing: 8.5px;
    font-size: 38.7px;
    -webkit-text-stroke: 0.7px #fff;
    bottom: 70px;
    left: 352px;
    width: 240px;
  }
}
.section-10 .wrap > .text2 {
  line-height: 1.32;
  text-align: center;
  margin-top: 1.8823529412vw;
  -webkit-text-stroke: 0.2vw #45200d;
  font-size: 41px;
  font-size: 9.6470588235vw;
  letter-spacing: 1.1764705882vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap > .text2 {
    margin-top: 16px;
    -webkit-text-stroke: 2.1px #45200d;
    font-size: 84.3px;
    letter-spacing: 16.01px;
  }
}
.section-10 .wrap > .text2 span {
  font-size: 26.9px;
  font-size: 6.3294117647vw;
  line-height: 2.07;
  letter-spacing: 1.1764705882vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap > .text2 span {
    -webkit-text-stroke: 1px #45200d;
    font-size: 53.8px;
    letter-spacing: 10.23px;
  }
}
.section-10 .wrap > .text2 span::before {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-10-3.svg") no-repeat bottom;
  content: "";
  display: block;
  position: absolute;
  width: 29.1764705882vw;
  height: 1.1764705882vw;
  left: -0.1176470588vw;
  bottom: -2.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap > .text2 span::before {
    width: 248px;
    height: 10px;
    left: -1px;
    bottom: -19px;
  }
}
.section-10 .wrap .recipeBox {
  background: #fff radial-gradient(#e5edc9 10%, transparent 10%);
  background-size: 1.4117647059vw 1.4117647059vw;
  border-radius: 2.9411764706vw;
  padding: 7.8823529412vw 4vw 3.8823529412vw 4vw;
  position: relative;
  margin-top: 10.1176470588vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox {
    background-size: 12px 12px;
    border-radius: 25px;
    padding: 67px 34px 33px 34px;
    margin-top: 86px;
  }
}
.section-10 .wrap .recipeBox .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.section-10 .wrap .recipeBox .title span {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-10-4.svg") no-repeat;
  background-size: contain;
  line-height: 1.09;
  color: #f6f5ec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.5882352941vw;
  height: 8.8235294118vw;
  -webkit-text-stroke: 0.2vw #f6f5ec;
  font-size: 15px;
  font-size: 3.5294117647vw;
  letter-spacing: 0.4705882353vw;
  padding-left: 9.4117647059vw;
  margin: -3.5294117647vw auto auto auto;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox .title span {
    width: 362px;
    height: 75px;
    -webkit-text-stroke: 0.9px #f6f5ec;
    font-size: 31.8px;
    letter-spacing: 7px;
    padding-left: 80px;
    margin: -30px auto auto auto;
  }
}
.section-10 .wrap .recipeBox .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox .list {
    grid-column-gap: 22px;
  }
}
.section-10 .wrap .recipeBox .sub {
  display: block;
  line-height: 1.64;
  text-align: center;
  color: #41210d;
  margin-top: 1.4117647059vw;
  -webkit-text-stroke: 0.1vw #41210d;
  font-size: 12px;
  font-size: 2.8235294118vw;
  letter-spacing: 0.4705882353vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox .sub {
    margin-top: 12px;
    -webkit-text-stroke: 1px #41210d;
    font-size: 24.9px;
    letter-spacing: 4.98px;
  }
}
.section-10 .wrap .recipeBox .name {
  display: block;
  line-height: 1.33;
  text-align: center;
  color: #005737;
  height: 4.9411764706vw;
  -webkit-text-stroke: 0.2vw #005737;
  font-size: 3.5294117647vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox .name {
    height: 42px;
    -webkit-text-stroke: 1px #005737;
    font-size: 30.6px;
  }
}
.section-10 .wrap .recipeBox .box {
  display: grid;
  grid-row-gap: 2.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox .box {
    grid-row-gap: 22px;
  }
}
.section-10 .wrap .recipeBox .text3 {
  line-height: 1.5;
  text-align: center;
  margin-top: 4.2352941176vw;
  -webkit-text-stroke: 0.2vw #41210d;
  font-size: 6.1176470588vw;
  letter-spacing: 1.1764705882vw;
}
@media screen and (min-width: 768px) {
  .section-10 .wrap .recipeBox .text3 {
    margin-top: 36px;
    -webkit-text-stroke: 2px #41210d;
    font-size: 52.1px;
    letter-spacing: 10.42px;
  }
}

.section-11 {
  text-align: center;
  mix-blend-mode: multiply;
}
.section-11 .wrapper {
  mix-blend-mode: multiply;
  padding-bottom: 4.7058823529vw;
  padding-top: 4.7058823529vw;
}
@media screen and (min-width: 768px) {
  .section-11 .wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.section-11 img {
  margin: auto;
}
.section-11 .box {
  display: grid;
  margin: auto;
  width: max-content;
  grid-template-columns: 31.7647058824vw 17.0588235294vw 31.7647058824vw;
  align-items: end;
}
@media screen and (min-width: 768px) {
  .section-11 .box {
    grid-template-columns: 270px 145px 270px;
  }
}
.section-11 .box .text {
  line-height: 1.46;
  text-align: center;
  color: #41210d;
  -webkit-text-stroke: 0.1vw #45200d;
  font-size: 13.5px;
  font-size: 3.1764705882vw;
  letter-spacing: 0.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-11 .box .text {
    -webkit-text-stroke: 0.8px #45200d;
    font-size: 27.2px;
    letter-spacing: 5.16px;
  }
}
.section-11 .box .item1 img {
  width: 24.8235294118vw;
}
@media screen and (min-width: 768px) {
  .section-11 .box .item1 img {
    width: 211px;
  }
}
.section-11 .box .item2 {
  align-self: start;
}
.section-11 .box .item2 img {
  margin-top: 11.7647058824vw;
}
@media screen and (min-width: 768px) {
  .section-11 .box .item2 img {
    margin-top: 100px;
  }
}
.section-11 .box .item3 img {
  width: 32vw;
}
@media screen and (min-width: 768px) {
  .section-11 .box .item3 img {
    width: 272px;
  }
}
.section-11 .text1 {
  -webkit-text-stroke: 0.3vw #45200d;
  line-height: 1.48;
  text-align: center;
  color: #41210d;
  font-size: 26px;
  font-size: 6.1176470588vw;
  letter-spacing: 0.5882352941vw;
}
@media screen and (min-width: 768px) {
  .section-11 .text1 {
    -webkit-text-stroke: 1.9px #45200d;
    font-size: 52.7px;
    letter-spacing: 10.53px;
  }
}
.section-11 .text1 span {
  position: relative;
}
.section-11 .text1 span::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-11-1.svg") no-repeat bottom;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 60.3529411765vw;
  height: 1.5294117647vw;
  bottom: -0.4705882353vw;
  left: -4.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-11 .text1 span::after {
    width: 513px;
    height: 13px;
    bottom: -4px;
    left: -36px;
  }
}
.section-11 .text2 {
  margin-top: 3.4117647059vw;
  line-height: 1.48;
  text-align: center;
  color: #41210d;
  -webkit-text-stroke: 0.3vw #45200d;
  font-size: 30.5px;
  font-size: 7.1764705882vw;
  letter-spacing: 1.4117647059vw;
  margin-bottom: 5.8823529412vw;
}
@media screen and (min-width: 768px) {
  .section-11 .text2 {
    margin-top: 29px;
    -webkit-text-stroke: 2.2px #45200d;
    font-size: 61px;
    letter-spacing: 12.2px;
    margin-bottom: 50px;
  }
}
.section-11 .text2 span {
  position: relative;
}
.section-11 .text2 span::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-11-6.png") no-repeat;
  background-size: 38.2352941176vw auto;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 38.2352941176vw;
  height: 1.1764705882vw;
  bottom: -2vw;
  left: 0;
}
@media screen and (min-width: 768px) {
  .section-11 .text2 span::after {
    background-size: 325px auto;
    width: 325px;
    height: 10px;
    bottom: -17px;
    left: 0;
  }
}
.section-11 .text3 {
  background-color: #005737;
  padding: 2.5882352941vw 0;
}
@media screen and (min-width: 768px) {
  .section-11 .text3 {
    padding: 22px 0;
  }
}
.section-11 .text3 p {
  margin: 0;
  -webkit-text-stroke: 0.2vw #fff;
  color: #fff;
  font-size: 19.5px;
  font-size: 4.5882352941vw;
  line-height: 0.86;
  letter-spacing: 0.8235294118vw;
}
@media screen and (min-width: 768px) {
  .section-11 .text3 p {
    -webkit-text-stroke: 1px #fff;
    font-size: 39.6px;
    letter-spacing: 7.53px;
  }
}

.section-12 {
  margin-top: 10.3529411765vw;
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-5-bg.jpg");
  padding-bottom: 9.4117647059vw;
}
@media screen and (min-width: 768px) {
  .section-12 {
    margin-top: 88px;
    padding-bottom: 80px;
  }
}
.section-12 .why {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-8-1.jpg") no-repeat;
  background-size: cover;
  line-height: 1.3;
  text-align: center;
  color: #fdd108;
  -webkit-text-stroke: 1px #fdd108;
  font-size: 35.65px;
  font-size: 8.3882352941vw;
  letter-spacing: 1.1764705882vw;
  padding: 5.4117647059vw 0;
}
@media screen and (min-width: 768px) {
  .section-12 .why {
    -webkit-text-stroke: 1.9px #fdd108;
    font-size: 71.3px;
    letter-spacing: 15.8px;
    padding: 46px 0;
  }
}
.section-12 .why .emphasis {
  text-emphasis: dot #fdd108;
  -webkit-text-emphasis: dot #fdd108;
}
.section-12 .wrapper {
  width: 88.9411764706vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .section-12 .wrapper {
    width: 756px;
  }
}
.section-12 .title {
  margin-top: 7.4117647059vw;
  font-family: "秀英明朝 B", serif;
  text-align: center;
  color: #005737;
  font-size: 20.5px;
  font-size: 4.8235294118vw;
  line-height: 1.68;
  letter-spacing: 0.9411764706vw;
  -webkit-text-stroke: 0.1vw #005737;
}
@media screen and (min-width: 768px) {
  .section-12 .title {
    margin-top: 63px;
    font-size: 41.9px;
    letter-spacing: 8.38px;
    -webkit-text-stroke: 0.8px #005737;
  }
}
.section-12 .text {
  line-height: 1.64;
  text-align: left;
  color: #41210d;
  letter-spacing: 0.3529411765vw;
  font-size: 15px;
  font-size: 3.5294117647vw;
}
@media screen and (min-width: 768px) {
  .section-12 .text {
    font-size: 30px;
    letter-spacing: 3.01px;
  }
}
.section-12 .catch {
  width: 100%;
  margin: 6.2352941176vw 0 11.1764705882vw 0;
}
@media screen and (min-width: 768px) {
  .section-12 .catch {
    margin: 53px 0 95px 0;
  }
}
.section-12 .box1 {
  margin-top: 3.5294117647vw;
  display: grid;
  grid-gap: 4.1176470588vw;
  grid-template-columns: 1fr 34.4705882353vw;
}
@media screen and (min-width: 768px) {
  .section-12 .box1 {
    margin-top: 30px;
    grid-gap: 35px;
    grid-template-columns: 1fr 293px;
  }
}
.section-12 .box1 .text {
  text-align: justify;
}

.section-13 {
  mix-blend-mode: multiply;
  padding-top: 7.0588235294vw;
  padding-bottom: 7.0588235294vw;
}
@media screen and (min-width: 768px) {
  .section-13 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.section-13 .wrapper {
  width: 89.4117647059vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  font-size: 3.5294117647vw;
  line-height: 1.61;
  letter-spacing: 0.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-13 .wrapper {
    width: 760px;
    font-size: 30px;
    letter-spacing: 2.54px;
  }
}
.section-13 .text1 {
  text-align: center;
  font-size: 32.5px;
  font-size: 7.6470588235vw;
  letter-spacing: 1.5294117647vw;
  -webkit-text-stroke: 0.3vw #45200d;
}
@media screen and (min-width: 768px) {
  .section-13 .text1 {
    line-height: 1.48;
    letter-spacing: 13px;
    -webkit-text-stroke: 2.1px #45200d;
    font-size: 65.3px;
  }
}
.section-13 .text1 .line1, .section-13 .text1 .line2 {
  color: #005737;
  position: relative;
  -webkit-text-stroke-color: #005737;
}
.section-13 .text1 .line1::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-13-1.svg") no-repeat;
  background-size: 38.2352941176vw auto;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 36.7058823529vw;
  height: 1.6470588235vw;
  bottom: -0.8235294118vw;
  left: -1.1764705882vw;
}
@media screen and (min-width: 768px) {
  .section-13 .text1 .line1::after {
    width: 312px;
    height: 14px;
    bottom: -7px;
    left: -8px;
  }
}
.section-13 .text1 .line2::after {
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-13-2.svg") no-repeat;
  background-size: 38.2352941176vw auto;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 27.1764705882vw;
  height: 1.4117647059vw;
  bottom: -0.4705882353vw;
  left: -1.1764705882vw;
}
@media screen and (min-width: 768px) {
  .section-13 .text1 .line2::after {
    width: 231px;
    height: 11px;
    bottom: -3px;
    left: -8px;
  }
}
.section-13 .heading {
  text-align: left;
  color: #cba600;
  background: url("https://gigaplus.makeshop.jp/hasya710/img/category/kuwanoha/section-13-3.svg") no-repeat left bottom;
  background-size: contain;
  line-height: 1;
  display: flex;
  align-items: center;
  -webkit-text-stroke: 0.2vw #cba600;
  font-size: 17px;
  font-size: 4vw;
  letter-spacing: 1.0588235294vw;
  padding-left: 2.4705882353vw;
  height: 6.1176470588vw;
  margin-top: 7.5294117647vw;
}
@media screen and (min-width: 768px) {
  .section-13 .heading {
    margin-top: 64px;
    -webkit-text-stroke: 0.8px #cba600;
    font-size: 34px;
    letter-spacing: 9.01px;
    padding-left: 21px;
    height: 52px;
  }
}
.section-13 .title {
  margin-top: 5.8823529412vw;
  margin-bottom: 3.5294117647vw;
  -webkit-text-stroke: 0.3vw #00663c;
  font-size: 27px;
  font-size: 6.3529411765vw;
  line-height: 1.5;
  letter-spacing: 0.4705882353vw;
  text-align: center;
  color: #00663c;
}
@media screen and (min-width: 768px) {
  .section-13 .title {
    margin-top: 50px;
    margin-bottom: 30px;
    letter-spacing: 8.16px;
    -webkit-text-stroke: 1.8px #00663c;
    font-size: 54.4px;
  }
}
.section-13 .box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 4vw;
  margin-bottom: 3.7647058824vw;
}
@media screen and (min-width: 768px) {
  .section-13 .box {
    grid-column-gap: 34px;
    margin-bottom: 32px;
  }
}
.section-13 .jas {
  margin-top: 5.8823529412vw;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .section-13 .jas {
    margin-top: 50px;
  }
}

.section-14 {
  padding-top: 8.2352941176vw;
  padding-bottom: 8.2352941176vw;
}
@media screen and (min-width: 768px) {
  .section-14 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.section-14 .image {
  width: 89.5294117647vw;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .section-14 .image {
    width: 761px;
  }
}
.section-14 .text1 {
  margin-top: 7.0588235294vw;
  -webkit-text-stroke: 0.3vw #005737;
  font-size: 28.5px;
  font-size: 6.7058823529vw;
  line-height: 1.55;
  letter-spacing: 1.2941176471vw;
  text-align: center;
  color: #005737;
}
@media screen and (min-width: 768px) {
  .section-14 .text1 {
    margin-top: 60px;
    -webkit-text-stroke: 2px #005737;
    font-size: 57.8px;
    letter-spacing: 11.56px;
  }
}
.section-14 .text2 {
  width: 89.4117647059vw;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.6;
  text-align: left;
  font-size: 16.5px;
  font-size: 3.8823529412vw;
  letter-spacing: 0.3529411765vw;
}
@media screen and (min-width: 768px) {
  .section-14 .text2 {
    width: 760px;
    font-size: 33px;
    letter-spacing: 3.4px;
  }
}

.section-9.-bottom .text1 span::after {
  width: 43.0588235294vw;
}
@media screen and (min-width: 768px) {
  .section-9.-bottom .text1 span::after {
    width: 366px;
  }
}
.section-9.-bottom .text2 {
  letter-spacing: 1.8823529412vw;
}
@media screen and (min-width: 768px) {
  .section-9.-bottom .text2 {
    letter-spacing: 16.77px;
  }
}

.heading-faq {
  background: transparent;
  color: #005737;
}

.side-padding {
  padding-top: 3.5294117647vw;
}
.product-faqList .question {
  background: #005737;
}
.product-faqList .question::after {
  display: none;
}
.product-faqList > .item {
  border: none;
}
.product-faqList .answer {
  font-size: 15.5px;
  font-size: 3.6470588235vw;
  line-height: 1.61;
}
@media screen and (min-width: 768px) {
  .product-faqList .answer {
    font-size: 31.7px;
  }
}