@charset "UTF-8";
/* reset:start */
#mainCont *,
#mainCont *::before,
#mainCont *::after {
  box-sizing: border-box;
}
#mainCont * {
  margin: 0;
  padding: 0;
}
#mainCont img,
#mainCont picture,
#mainCont video,
#mainCont canvas,
#mainCont svg {
  display: block;
  max-width: 100%;
  height: auto;
}
#mainCont img {
  width: 100%;
}
#mainCont input,
#mainCont button,
#mainCont textarea,
#mainCont select {
  font: inherit;
}
#mainCont p,
#mainCont h1,
#mainCont h2,
#mainCont h3,
#mainCont h4,
#mainCont h5,
#mainCont h6 {
  overflow-wrap: break-word;
}
#mainCont ul,
#mainCont ol {
  list-style: none;
}
#mainCont [hidden] {
  display: none;
}

:root {
  --sec-color: red;
}

.about {
  --sec-color: #169ee6;
}

.janps {
  --sec-color: #189b41;
}

.mark {
  --sec-color: #f2bcd4;
}

.recipe {
  --sec-color: #e7651f;
}

#mainCont .menu__container, #mainCont .menu__slide, #mainCont .menu__recommend-name, #mainCont .recipe-modal__bg, #mainCont .select__container, #mainCont .select__category, #mainCont .thinking__catch, #mainCont .cont__frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mainCont .menu__container > *, #mainCont .menu__slide > *, #mainCont .menu__recommend-name > *, #mainCont .recipe-modal__bg > *, #mainCont .select__container > *, #mainCont .select__category > *, #mainCont .thinking__catch > *, #mainCont .cont__frame > * {
  min-height: 0%;
}

#mainCont .more__contents, #mainCont .recipe-modal__contents, #mainCont .mv__container, #mainCont .cont__container {
  box-sizing: content-box !important;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  #mainCont .more__contents, #mainCont .recipe-modal__contents, #mainCont .mv__container, #mainCont .cont__container {
    max-width: 94.6666666667vw;
    padding-left: 0;
    padding-right: 0;
  }
}

#mainCont .select__category, #mainCont .recipe__contents, #mainCont .qa__contents, #mainCont .janps__contents, #mainCont .about__contents, #mainCont .navi__contents, #mainCont .mark__contents, #mainCont .janps__qa-frame {
  width: 81.9964349376%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #mainCont .select__category, #mainCont .recipe__contents, #mainCont .qa__contents, #mainCont .janps__contents, #mainCont .about__contents, #mainCont .navi__contents, #mainCont .mark__contents, #mainCont .janps__qa-frame {
    width: 89.3333333333vw;
  }
}

#mainCont .mark__contents, #mainCont .janps__qa-frame {
  width: 89.1265597148%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__contents, #mainCont .janps__qa-frame {
    width: 89.3333333333vw;
  }
}

#mainCont .more__btn, #mainCont .menu__recommend-link, #mainCont .navi__link, .js-accordion__trigger, #mainCont .styles__note a, #mainCont .styles__note--en a, #mainCont .qa__annotation li a, #mainCont .eiyo__annotation > li a {
  color: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainCont .more__btn:hover, #mainCont .menu__recommend-link:hover, #mainCont .navi__link:hover, .js-accordion__trigger:hover, #mainCont .styles__note a:hover, #mainCont .styles__note--en a:hover, #mainCont .qa__annotation li a:hover, #mainCont .eiyo__annotation > li a:hover {
  opacity: 0.7;
}

#mainCont .recipe__lead-text, #mainCont .mark__lead-text, #mainCont .mark__conclusion, #mainCont .janps__lead-text, #mainCont .about__lead-text, #mainCont .about__tsujitsumashiawase-text {
  font-size: 20px;
  line-height: 1.9;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1170px) {
  #mainCont .recipe__lead-text, #mainCont .mark__lead-text, #mainCont .mark__conclusion, #mainCont .janps__lead-text, #mainCont .about__lead-text, #mainCont .about__tsujitsumashiawase-text {
    font-size: 1.7094017094vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__lead-text, #mainCont .mark__lead-text, #mainCont .mark__conclusion, #mainCont .janps__lead-text, #mainCont .about__lead-text, #mainCont .about__tsujitsumashiawase-text {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    letter-spacing: 0.025em;
  }
}
#mainCont .recipe__lead-text:not(:last-of-type), #mainCont .mark__lead-text:not(:last-of-type), #mainCont .mark__conclusion:not(:last-of-type), #mainCont .janps__lead-text:not(:last-of-type), #mainCont .about__lead-text:not(:last-of-type), #mainCont .about__tsujitsumashiawase-text:not(:last-of-type) {
  margin-bottom: 1.9em;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__lead-text:not(:last-of-type), #mainCont .mark__lead-text:not(:last-of-type), #mainCont .mark__conclusion:not(:last-of-type), #mainCont .janps__lead-text:not(:last-of-type), #mainCont .about__lead-text:not(:last-of-type), #mainCont .about__tsujitsumashiawase-text:not(:last-of-type) {
    margin-bottom: 1.75em;
  }
}

#mainCont .thinking__lead, #mainCont .eiyo__lead, #mainCont .eiyo__list-text {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1170px) {
  #mainCont .thinking__lead, #mainCont .eiyo__lead, #mainCont .eiyo__list-text {
    font-size: 1.3675213675vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__lead, #mainCont .eiyo__lead, #mainCont .eiyo__list-text {
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
    letter-spacing: 0.075em;
  }
}

#mainCont .styles__note, #mainCont .styles__note--en, #mainCont .qa__annotation li, #mainCont .eiyo__annotation > li {
  font-size: 10px;
}
#mainCont .styles__note a, #mainCont .styles__note--en a, #mainCont .qa__annotation li a, #mainCont .eiyo__annotation > li a {
  text-decoration: underline;
  color: #169ee6;
}

/* common:start */
[v-cloak] {
  display: none;
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .spOnly {
    display: none !important;
  }
}

#mainCont {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #fffbcd;
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 400;
  color: #201002;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root #mainCont {
  -webkit-font-smoothing: auto;
}

#mainCont * {
  font-weight: inherit;
}
#mainCont cite {
  font-style: normal;
}
#mainCont .cont__section {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 108px;
  padding-bottom: 108px;
  border-image-slice: 0 fill;
  border-image-outset: 0 50vw 0 50vw;
}
#mainCont .cont__section.about {
  border-image-source: linear-gradient(#eaf8ff, #eaf8ff);
}
#mainCont .cont__section.janps {
  border-image-source: linear-gradient(#eaffe3, #eaffe3);
}
#mainCont .cont__section.mark {
  border-image-source: linear-gradient(#fff1f7, #fff1f7);
}
#mainCont .cont__section.recipe {
  border-image-source: linear-gradient(#fff4e5, #fff4e5);
}
@media screen and (max-width: 1170px) {
  #mainCont .cont__section {
    padding-top: 9.2307692308vw;
    padding-bottom: 9.2307692308vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .cont__section {
    padding-top: 23.4666666667vw;
    padding-bottom: 23.4666666667vw;
  }
}
#mainCont .cont__section::before, #mainCont .cont__section::after {
  display: block;
  width: 100vw;
  height: 208px;
  background-color: #fffbcd;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
}
@media screen and (max-width: 1170px) {
  #mainCont .cont__section::before, #mainCont .cont__section::after {
    height: 17.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .cont__section::before, #mainCont .cont__section::after {
    height: 36.8vw;
  }
}
#mainCont .cont__section::before {
  top: 0;
}
#mainCont .cont__section::after {
  bottom: 0;
}
#mainCont .cont__frame {
  position: relative;
  z-index: 3;
  width: 100%;
  border: 4px solid var(--sec-color);
  border-radius: 100px;
  background-color: #fff;
}
@media screen and (max-width: 1170px) {
  #mainCont .cont__frame {
    border-radius: 8.547008547vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .cont__frame {
    border: 0.5333333333vw solid var(--sec-color);
    border-radius: 8vw;
  }
}
#mainCont .cont__frame::before, #mainCont .cont__frame::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  position: absolute;
  z-index: 1;
}
#mainCont .cont__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  #mainCont .cont__title {
    transform: translateY(-80%);
  }
}
#mainCont .about .innerlink-target, #mainCont .janps .innerlink-target, #mainCont .mark .innerlink-target, #mainCont .recipe .innerlink-target {
  position: absolute;
  width: 1px;
  height: 50px;
  top: -50px;
  z-index: -1;
}
@media screen and (max-width: 1170px) {
  #mainCont .about .innerlink-target, #mainCont .janps .innerlink-target, #mainCont .mark .innerlink-target, #mainCont .recipe .innerlink-target {
    height: 4.2735042735vw;
    top: -4.2735042735vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .about .innerlink-target, #mainCont .janps .innerlink-target, #mainCont .mark .innerlink-target, #mainCont .recipe .innerlink-target {
    height: 0;
    top: 0;
  }
}

/* common:end */
/* js-fade:start */
:root {
  --fade-translate-x: 0px;
  --fade-translate-y: 0px;
  --fade-duration: 500ms;
}

/* 表示方向 */
.up {
  --fade-translate-y: 50px;
}

.down {
  --fade-translate-y: -50px;
}

.fromLeft {
  --fade-translate-x: -50px;
}

.fromRight {
  --fade-translate-x: 50px;
}

.jsScroll {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
  transition-delay: 0ms;
  transition-timing-function: ease-out;
  transform: translate(var(--fade-translate-x), var(--fade-translate-y));
}

.jsScrollIn {
  opacity: 1;
  transform: translate(0, 0);
}

.jsFvHide {
  opacity: 0;
  transition-duration: 1.5s;
  transition-property: opacity, transform;
  transition-delay: 0s;
}
.jsFvHide.jsFvShow {
  opacity: 1;
}

.fade-enter-active {
  transition: opacity 0.5s;
}
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* js-fade:end */
.js-accordion__trigger {
  position: relative;
}
.js-accordion__target {
  overflow: hidden;
}
.js-accordion__target-enter-active {
  transition: all 0.5s ease-in-out;
}
.js-accordion__target-leave-active {
  transition: all 0.5s ease-in-out;
}
.js-accordion__target-enter, .js-accordion__target-leave-to {
  opacity: 0;
}
.js-accordion__icon {
  position: absolute;
  right: 3.2608695652%;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .js-accordion__icon {
    right: 10px;
    width: 23px;
    height: 23px;
  }
}
.js-accordion__icon span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  transition-delay: 0.3s;
}
.js-accordion__icon span::before, .js-accordion__icon span::after {
  display: block;
  width: 100%;
  height: 6px;
  background-color: #ffffff;
  border-radius: 10px;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .js-accordion__icon span::before, .js-accordion__icon span::after {
    height: 4px;
  }
}
.js-accordion--close .js-accordion__icon span::after {
  transform: translateY(-50%) rotate(90deg);
}

/* mv:start */
#mainCont .mv__container {
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  #mainCont .mv__container {
    max-width: 100%;
  }
}
#mainCont .mv__contents {
  position: relative;
  border-radius: 0 0 100px 100px;
  overflow: hidden;
}
@media screen and (max-width: 1170px) {
  #mainCont .mv__contents {
    border-radius: 0 0 8.547008547vw 8.547008547vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .mv__contents {
    border-radius: 0 0 8vw 8vw;
  }
}
#mainCont .mv__photo {
  position: relative;
  z-index: 1;
}
#mainCont .mv__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
#mainCont .mv__text--day {
  width: 37.5%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .mv__text--day {
    width: 100%;
  }
}
#mainCont .mv__text--food {
  width: 62.5%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .mv__text--food {
    width: 100%;
  }
}
#mainCont .mv__text--tsujitsumashiawase {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .mv__text--tsujitsumashiawase {
    width: 100%;
  }
}
#mainCont .mv__text--maa {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .mv__text--maa {
    width: 100%;
  }
}

.mv__contents,
.mv__text--day,
.mv__text--food,
.mv__text--tsujitsumashiawase,
.mv__text--maa {
  opacity: 0;
}

.jsFvShow .mv__contents {
  animation: fade-in 0.5s ease both;
  animation-delay: 0s;
}
.jsFvShow .mv__text--day {
  animation: slide-scale-up 0.8s ease both;
  animation-delay: 0.2s;
}
.jsFvShow .mv__text--food {
  animation: slide-scale-up 0.8s ease both;
  animation-delay: 0.6s;
}
.jsFvShow .mv__text--tsujitsumashiawase {
  animation: slide-scale-up 0.8s ease both;
  animation-delay: 1s;
}
.jsFvShow .mv__text--maa {
  animation: bounce-in 0.5s ease both;
  animation-delay: 1.5s;
}

/**
 * ----------------------------------------
 * animation slide-scale-up
 * ----------------------------------------
 */
@keyframes slide-scale-up {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(0.7);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation bounce-in
 * ----------------------------------------
 */
@keyframes bounce-in {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* mv:end */
/* navi:start */
#mainCont .navi__contents {
  width: 81.4159292035%;
  padding-top: 7.0796460177%;
  padding-bottom: 14.1592920354%;
}
@media screen and (max-width: 768px) {
  #mainCont .navi__contents {
    width: 89.3333333333vw;
    padding-top: 10.6666666667vw;
    padding-bottom: 23.3333333333vw;
  }
}
#mainCont .navi__list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
#mainCont .navi__list > li {
  width: 25%;
}
@media screen and (max-width: 768px) {
  #mainCont .navi__list > li {
    width: 50%;
  }
}
#mainCont .navi__link {
  display: block;
}

/* navi:end */
/* about:start */
#mainCont .about__contents {
  padding-top: 8.0213903743%;
  padding-bottom: 8.9126559715%;
}
@media screen and (max-width: 768px) {
  #mainCont .about__contents {
    width: 84vw;
    padding-top: 13.5327635328%;
    padding-bottom: 8.547008547%;
  }
}
#mainCont .about__lead {
  margin-bottom: 9.7826086957%;
}
@media screen and (max-width: 768px) {
  #mainCont .about__lead {
    margin-bottom: 15.0793650794%;
  }
}
#mainCont .about__lead-text {
  color: #169ee6;
}
#mainCont .about__tsujitsumashiawase-title {
  width: 100%;
  margin-bottom: 4.347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .about__tsujitsumashiawase-title {
    margin-bottom: 7.9365079365%;
  }
}
#mainCont .about__tsujitsumashiawase-images {
  position: relative;
}
#mainCont .about__tsujitsumashiawase-images::after {
  content: "";
  display: block;
  width: 14.1304347826%;
  height: 2.905982906vw;
  max-height: 34px;
  background-image: url(/recipe/products/tsujitsumashiawase/img/about_icon_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1170px) {
  #mainCont .about__tsujitsumashiawase-images::after {
    bottom: 1.8803418803vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .about__tsujitsumashiawase-images::after {
    width: 42.8571428571%;
    height: 8.6666666667vw;
    max-height: none;
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/about_icon_arrow.png);
    bottom: 5.3333333333vw;
  }
}
#mainCont .about__tsujitsumashiawase-text {
  color: #169ee6;
  padding-top: 3.2608695652%;
  padding-bottom: 3.2608695652%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #mainCont .about__tsujitsumashiawase-text {
    padding-top: 8.5714285714%;
    padding-bottom: 8.5714285714%;
  }
}
#mainCont .about__tsujitsumashiawase-text::after {
  content: "";
  width: 21.7391304348%;
  height: 12.1367521368vw;
  max-height: 142px;
  background-image: url(/recipe/products/tsujitsumashiawase/img/about_bg_circle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #mainCont .about__tsujitsumashiawase-text::after {
    width: 40.4vw;
    height: 28.4vw;
    max-height: none;
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/about_bg_circle.png);
    top: 0;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .about .cont__frame::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/about_icon_beans.png);
    width: 280px;
    height: 291px;
    top: -37px;
    right: -16.2831858407%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .about .cont__frame::before {
    width: 23.9316239316vw;
    height: 24.8717948718vw;
    top: -3.2743362832vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .about .cont__frame::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/about_icon_fish.png);
    width: 327px;
    height: 159px;
    top: 717px;
    left: -21.1504424779%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .about .cont__frame::after {
    width: 27.9487179487vw;
    height: 24.8717948718vw;
    top: 61.2820512821vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .about__bg::before, #mainCont .about__bg::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
  }
  #mainCont .about__bg::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/about_icon_beans.png);
    width: 32.9333333333vw;
    height: 38vw;
    top: -7.3333333333vw;
    right: -2.6666666667vw;
  }
  #mainCont .about__bg::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/about_icon_fish.png);
    width: 33.2vw;
    height: 27.8666666667vw;
    bottom: 4.9333333333vw;
    left: -2.6666666667vw;
  }
}

/* about:end */
#mainCont .qa__item, #mainCont .thinking__catch, #mainCont .eiyo__data {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__item, #mainCont .thinking__catch, #mainCont .eiyo__data {
    border-radius: 2.6666666667vw;
  }
}

#mainCont .qa__item, #mainCont .eiyo__data {
  box-shadow: 3px 3px 14px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  #mainCont .qa__item, #mainCont .eiyo__data {
    box-shadow: 0.4vw 0.4vw 1.8666666667vw 0 rgba(0, 0, 0, 0.2);
  }
}

/* janps:start */
#mainCont .janps__contents {
  padding-top: 8.0213903743%;
  padding-bottom: 5.3475935829%;
}
@media screen and (max-width: 768px) {
  #mainCont .janps__contents {
    padding-top: 12.1082621083%;
    padding-bottom: 11.396011396%;
  }
}
#mainCont .janps .cont__frame {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 90%, #189b41 90%, #189b41 100%);
}
#mainCont .janps__sup {
  font-size: 0.5em;
}
#mainCont .janps__lead {
  margin-bottom: 9.7826086957%;
}
@media screen and (max-width: 768px) {
  #mainCont .janps__lead {
    margin-bottom: 14.9253731343%;
  }
}
#mainCont .janps__lead-text {
  color: #189b41;
  letter-spacing: 0.075em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #mainCont .janps__lead-text {
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .janps__lead-text:not(:last-of-type) {
    margin-bottom: 0.6em;
  }
}
#mainCont .janps__qa {
  width: 100%;
  padding-top: 5.3475935829%;
  padding-bottom: 4.991087344%;
  background-color: #189b41;
  border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1170px) {
  #mainCont .janps__qa {
    border-radius: 0 0 8.547008547vw 8.547008547vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .janps__qa {
    padding-top: 11.396011396%;
    padding-bottom: 10.8262108262%;
    border-radius: 0 0 8vw 8vw;
  }
}
#mainCont .janps__qa-frame {
  background-color: #ffffff;
  border-radius: 60px;
}
@media screen and (max-width: 1170px) {
  #mainCont .janps__qa-frame {
    border-radius: 5.1282051282vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .janps__qa-frame {
    border-radius: 8vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps .cont__frame::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/janps_icon_broccoli.png);
    width: 233px;
    height: 547px;
    top: 651px;
    left: -12.8318584071%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps .cont__frame::before {
    width: 19.9145299145vw;
    height: 46.7521367521vw;
    top: 55.641025641vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps .cont__frame::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/janps_icon_hashi.png);
    width: 432px;
    height: 296px;
    top: 1724px;
    right: -31.592920354%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps .cont__frame::after {
    width: 36.9230769231vw;
    height: 25.2991452991vw;
    top: 147.3504273504vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps__frame-bg::before, #mainCont .janps__frame-bg::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
  }
  #mainCont .janps__frame-bg::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/janps_icon_shitake.png);
    width: 417px;
    height: 417px;
    top: 2432px;
    left: -29.5575221239%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps__frame-bg::before {
    width: 35.641025641vw;
    height: 35.641025641vw;
    top: 207.8632478632vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps__qa {
    position: relative;
  }
  #mainCont .janps__qa::before, #mainCont .janps__qa::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
  }
  #mainCont .janps__qa::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/janps_icon_broccoli.png);
    width: 233px;
    height: 547px;
    bottom: 255px;
    left: -12.8318584071%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps__qa::before {
    width: 19.9145299145vw;
    height: 46.7521367521vw;
    bottom: 21.7948717949vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps__qa::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/janps_icon_kinoko.png);
    width: 187px;
    height: 349px;
    top: -253px;
    right: -12.5663716814%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps__qa::after {
    width: 15.9829059829vw;
    height: 29.8290598291vw;
    top: -21.6239316239vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps__bg::before, #mainCont .janps__bg::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
  }
  #mainCont .janps__bg::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/bg_icon_wakame.png);
    width: 246px;
    height: 206px;
    top: 2px;
    right: -200px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps__bg::before {
    width: 21.0256410256vw;
    height: 17.6068376068vw;
    top: 0.1709401709vw;
    right: -17.094017094vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .janps__bg::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/bg_icon_salt_01.png);
    width: 385px;
    height: 208px;
    bottom: 0;
    left: -261px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .janps__bg::after {
    width: 32.905982906vw;
    height: 17.7777777778vw;
    left: -22.3076923077vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .janps__bg::before, #mainCont .janps__bg::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
  }
  #mainCont .janps__bg::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/bg_icon_wakame.png);
    width: 32.8vw;
    height: 32.4vw;
    top: -16vw;
    right: 0;
  }
  #mainCont .janps__bg::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/janps_icon_broccoli.png);
    width: 37.3333333333vw;
    height: 32.9333333333vw;
    bottom: 0.4vw;
    left: -0.9333333333vw;
  }
}

/* janps:end */
#mainCont .eiyo__data-item--enbun, #mainCont .eiyo__data-item--shibousan, #mainCont .eiyo__data-item--tanpaku, #mainCont .eiyo__data-item--yasai {
  width: 100%;
  height: 20.2564102564vw;
  max-height: 237px;
  display: flex;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--enbun, #mainCont .eiyo__data-item--shibousan, #mainCont .eiyo__data-item--tanpaku, #mainCont .eiyo__data-item--yasai {
    height: 49.3333333333vw;
    max-height: none;
  }
}
#mainCont .eiyo__data-item--enbun dt, #mainCont .eiyo__data-item--shibousan dt, #mainCont .eiyo__data-item--tanpaku dt, #mainCont .eiyo__data-item--yasai dt {
  width: 27.5%;
  padding-top: 2%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--enbun dt, #mainCont .eiyo__data-item--shibousan dt, #mainCont .eiyo__data-item--tanpaku dt, #mainCont .eiyo__data-item--yasai dt {
    width: 31.9327731092%;
    padding-top: 2.6890756303%;
  }
}
#mainCont .eiyo__data-item--enbun dd, #mainCont .eiyo__data-item--shibousan dd, #mainCont .eiyo__data-item--tanpaku dd, #mainCont .eiyo__data-item--yasai dd {
  width: 67.5%;
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 1170px) {
  #mainCont .eiyo__data-item--enbun dd, #mainCont .eiyo__data-item--shibousan dd, #mainCont .eiyo__data-item--tanpaku dd, #mainCont .eiyo__data-item--yasai dd {
    font-size: 1.3675213675vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--enbun dd, #mainCont .eiyo__data-item--shibousan dd, #mainCont .eiyo__data-item--tanpaku dd, #mainCont .eiyo__data-item--yasai dd {
    width: 62.1848739496%;
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
  }
}

/* eiyo:start */
#mainCont .eiyo {
  margin-bottom: 8.6956521739%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo {
    margin-bottom: 17.9104477612%;
  }
}
#mainCont .eiyo__title {
  width: 100%;
  margin-bottom: 5.4347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__title {
    margin-bottom: 9.7014925373%;
  }
}
#mainCont .eiyo__lead {
  color: #189b41;
  white-space: nowrap;
  letter-spacing: 0.075em;
  line-height: 1;
  margin-bottom: 5.4347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__lead {
    line-height: 1.7142857143;
    margin-bottom: 10.447761194%;
  }
}
#mainCont .eiyo__datas {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.2608695652%;
}
#mainCont .eiyo__data {
  width: 47.8260869565%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3.2608695652%;
  padding-bottom: 3.2608695652%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data {
    width: 100%;
    padding-top: 8.3582089552%;
    padding-bottom: 7.4626865672%;
  }
  #mainCont .eiyo__data:not(:last-child) {
    margin-bottom: 7.4626865672%;
  }
}
#mainCont .eiyo__data-title {
  width: 90.9090909091%;
  margin-bottom: 9.0909090909%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-title {
    width: 94.0298507463%;
    margin-bottom: 9.7014925373%;
  }
}
#mainCont .eiyo__data-list {
  width: 90.9090909091%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-list {
    width: 88.8059701493%;
  }
}
#mainCont .eiyo__data-item--yasai {
  background-image: url(/recipe/products/tsujitsumashiawase/img/janps_eiyo_img_data01-01.png);
  margin-bottom: 7.5%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--yasai {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/janps_eiyo_img_data01-01.png);
    margin-bottom: 7.5630252101%;
  }
}
#mainCont .eiyo__data-item--tanpaku {
  background-image: url(/recipe/products/tsujitsumashiawase/img/janps_eiyo_img_data01-02.png);
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--tanpaku {
    height: 50vw;
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/janps_eiyo_img_data01-02.png);
  }
}
#mainCont .eiyo__data-item--shibousan {
  background-image: url(/recipe/products/tsujitsumashiawase/img/janps_eiyo_img_data02-01.png);
  margin-bottom: 7.5%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--shibousan {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/janps_eiyo_img_data02-01.png);
    margin-bottom: 8.4033613445%;
  }
}
#mainCont .eiyo__data-item--enbun {
  background-image: url(/recipe/products/tsujitsumashiawase/img/janps_eiyo_img_data02-02.png);
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__data-item--enbun {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/janps_eiyo_img_data02-02.png);
  }
}
#mainCont .eiyo__annotation-area {
  margin-top: 30px;
  margin-bottom: 8.152173913%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__annotation-area {
    margin-top: 20px;
    margin-bottom: 17.9104477612%;
    padding-left: 2.9850746269%;
    padding-right: 2.9850746269%;
  }
}
#mainCont .eiyo__annotation > li {
  position: relative;
  padding-left: 1em;
  font-size: 16px;
  line-height: 1.875;
  text-indent: -1em;
  letter-spacing: 0.075em;
}
#mainCont .eiyo__annotation > li::before {
  position: absolute;
  content: "・";
  top: 1em;
  left: 1.25em;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__annotation > li {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
#mainCont .eiyo__annotation-txt {
  margin-bottom: 10px;
}
#mainCont .eiyo__txt-lh {
  display: block;
  line-height: 1;
}
#mainCont .eiyo__target-value {
  width: 100%;
}
#mainCont .eiyo__target-value-ttl {
  width: 100%;
  margin-bottom: 3.2608695652%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__target-value-ttl {
    margin-bottom: 6.7164179104%;
  }
}
#mainCont .eiyo__list-text {
  color: #189b41;
  text-align: left;
  padding-left: 0.25em;
  margin-bottom: 2.3913043478%;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__list-text {
    width: 94.0298507463%;
    margin: 0 auto;
    margin-bottom: 10.447761194%;
    padding: 0;
  }
}
#mainCont .eiyo__list-text > li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
#mainCont .eiyo__table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table {
    table-layout: fixed;
    margin-bottom: 7.0422535211%;
    border-spacing: 3px;
  }
}
#mainCont .eiyo__table td,
#mainCont .eiyo__table th {
  border-top: 5px solid #ffffff;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table td,
  #mainCont .eiyo__table th {
    border-width: 3px;
  }
}
#mainCont .eiyo__table td:not(:last-child),
#mainCont .eiyo__table th:not(:last-child) {
  border-right: 5px solid #ffffff;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table td:not(:last-child),
  #mainCont .eiyo__table th:not(:last-child) {
    border-width: 3px;
  }
}
#mainCont .eiyo__table-hdg > th {
  background-color: #189b41;
  border-top: none;
  padding-top: 11px;
  padding-bottom: 13px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2222222222;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1170px) {
  #mainCont .eiyo__table-hdg > th {
    font-size: 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-hdg > th {
    padding: 15px 0;
    font-size: 16px;
    line-height: 1.1875;
  }
}
#mainCont .eiyo__table-hdg > th.hdg-label {
  width: 168px;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-hdg > th.hdg-label {
    width: 135px;
  }
}
#mainCont .eiyo__table-hdg > th.hdg-day, #mainCont .eiyo__table-hdg > th.hdg-meal {
  width: 155px;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-hdg > th.hdg-day, #mainCont .eiyo__table-hdg > th.hdg-meal {
    width: 155px;
  }
}
#mainCont .eiyo__table-hdg > th.hdg-source {
  width: 427px;
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-hdg > th.hdg-source {
    width: 330px;
  }
}
#mainCont .eiyo__body-ttl {
  background-color: #b8e6c6;
  font-size: 18px;
  line-height: 1.2222222222;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1170px) {
  #mainCont .eiyo__body-ttl {
    font-size: 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__body-ttl {
    font-size: 16px;
    line-height: 1.1875;
  }
}
#mainCont .eiyo__table-body > td {
  background-color: #f4f4f4;
  font-size: 18px;
}
@media screen and (max-width: 1170px) {
  #mainCont .eiyo__table-body > td {
    font-size: 1.7094017094vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-body > td {
    font-size: 16px;
    line-height: 1.1875;
  }
}
#mainCont .eiyo__table-body > td:last-child {
  font-size: 14px;
  line-height: 1.7142857143;
  text-align: left;
  padding: 10px 2.7173913043%;
}
@media screen and (max-width: 1170px) {
  #mainCont .eiyo__table-body > td:last-child {
    font-size: 1.1965811966vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .eiyo__table-body > td:last-child {
    font-size: 14px;
    line-height: 1.3571428571;
    padding: 5px 15px;
  }
}

/* eiyo:end */
/* thinking:start */
#mainCont .thinking__title {
  margin-bottom: 5.4347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__title {
    margin-bottom: 11.9402985075%;
  }
}
#mainCont .thinking__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
#mainCont .thinking__content:first-of-type {
  margin-bottom: 8.6956521739%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__content:first-of-type {
    margin-bottom: 11.9402985075%;
  }
}
#mainCont .thinking__sub-title {
  background-color: #189b41;
  width: 100%;
  margin-bottom: 4.347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__sub-title {
    margin-bottom: 8.9552238806%;
  }
}
#mainCont .thinking__lead {
  color: #189b41;
  letter-spacing: 0.075em;
  margin-top: -1.0869565217%;
  margin-bottom: 2.3913043478%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__lead {
    margin-top: -2.2388059701%;
    margin-bottom: 8.9552238806%;
  }
}
#mainCont .thinking__graph {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mainCont .thinking__graph-image--01 {
  width: 31.9565217391%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__graph-image--01 {
    width: 48.6567164179%;
  }
}
#mainCont .thinking__graph-image--02 {
  width: 31.3043478261%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__graph-image--02 {
    width: 48.6567164179%;
  }
}
#mainCont .thinking__graph-image--03 {
  width: 36.7391304348%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__graph-image--03 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#mainCont .thinking__catch {
  margin-top: 3.2608695652%;
  padding: 2.1739130435% 0;
  border: 6px solid #189b41;
  background-color: #fff;
}
@media screen and (max-width: 1170px) {
  #mainCont .thinking__catch {
    border: 0.5128205128vw solid #189b41;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__catch {
    margin-top: 8.9552238806%;
    padding: 3.2835820896% 0;
    border: 1.6vw solid #189b41;
  }
}
#mainCont .thinking__catch-image {
  width: 96.9162995595%;
}
@media screen and (max-width: 768px) {
  #mainCont .thinking__catch-image {
    width: 97.5232198142%;
  }
}

/* thinking:end */
/* qa:start */
#mainCont .qa__contents {
  width: 92%;
  padding-top: 6%;
  padding-bottom: 5.5%;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__contents {
    width: 84vw;
    padding-top: 8.9552238806%;
    padding-bottom: 50px;
  }
}
#mainCont .qa__title {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 5.4347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__title {
    margin-bottom: 9.5238095238%;
  }
}
#mainCont .qa__item {
  overflow: hidden;
}
#mainCont .qa__item:not(:first-child) {
  margin-top: 2.1739130435%;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__item:not(:first-child) {
    margin-top: 3.1746031746%;
  }
}
#mainCont .qa__icon {
  width: 46px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__icon {
    width: 25px;
    margin-right: 8px;
  }
}
#mainCont .qa__question {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1.3043478261%;
  padding-left: 1.6304347826%;
  padding-right: 10.8695652174%;
  background-color: #189b41;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__question {
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .qa__question {
    padding: 10px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .qa__question {
    font-size: 16px;
    line-height: 1.4375;
  }
}
#mainCont .qa__answer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2.1739130435%;
  padding-bottom: 5.7608695652%;
  padding-left: 1.6304347826%;
  padding-right: 4.347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__answer {
    padding-top: 4.4444444444%;
    padding-bottom: 9.5238095238%;
    padding-left: 3.1746031746%;
    padding-right: 3.1746031746%;
  }
}
#mainCont .qa__answer-body {
  flex: 1;
}
#mainCont .qa__answer-text {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__answer-text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
#mainCont .qa__answer-annonation {
  margin-top: 18px;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__answer-annonation {
    margin-top: 4vw;
  }
}
#mainCont .qa__answer-notes {
  font-size: 10px;
  line-height: 1.6;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__answer-notes {
    line-height: 1.5;
    margin-top: 2.6666666667vw;
  }
}
#mainCont .qa__answer-notes span {
  display: block;
  line-height: 1;
  margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__answer-notes span {
    margin-bottom: 0;
  }
}
#mainCont .qa__annotation {
  margin-top: 3.2608695652%;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__annotation {
    margin-top: 40px;
  }
}
#mainCont .qa__annotation li {
  line-height: 1.8;
  letter-spacing: 0;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__annotation li {
    line-height: 1.5;
  }
}
#mainCont .qa__annotation li:not(:first-child) {
  margin-top: 0.8695652174%;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__annotation li:not(:first-child) {
    margin-top: 1.4084507042%;
  }
}
#mainCont .qa__list-txt {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__list-txt {
    margin-bottom: 4.126984127%;
  }
}
#mainCont .qa__txt-lh {
  display: block;
  line-height: 1;
  padding-left: 0.5em;
}
@media screen and (max-width: 768px) {
  #mainCont .qa__txt-lh {
    line-height: 1.45;
  }
}

/* qa:end */
#mainCont .mark__eiyo-content--golden, #mainCont .mark__eiyo-content--enbun, #mainCont .mark__eiyo-content--shibousan, #mainCont .mark__eiyo-content--tanpaku, #mainCont .mark__eiyo-content--yasai {
  width: 50%;
  padding: 3.3% 4%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-content--golden, #mainCont .mark__eiyo-content--enbun, #mainCont .mark__eiyo-content--shibousan, #mainCont .mark__eiyo-content--tanpaku, #mainCont .mark__eiyo-content--yasai {
    width: 100%;
    padding: 8.9552238806% 5.9701492537%;
  }
}

/* mark:start */
#mainCont .mark__contents {
  padding-top: 7.5757575758%;
  padding-bottom: 8.0213903743%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__contents {
    padding-top: 12.8205128205%;
    padding-bottom: 12.1082621083%;
  }
}
#mainCont .mark__lead {
  margin-bottom: 10%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__lead {
    margin-bottom: 14.9253731343%;
  }
}
#mainCont .mark__lead-texts {
  margin-bottom: 9%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__lead-texts {
    margin-bottom: 14.1791044776%;
  }
}
#mainCont .mark__lead-text {
  color: #f195be;
}
#mainCont .mark__lead-images {
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__lead-images {
    margin-bottom: 7.4626865672%;
  }
}
#mainCont .mark__lead-icons {
  width: 61.5%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__lead-icons {
    width: 91.7910447761%;
  }
}
#mainCont .mark__lead-icons li {
  width: 17.3983739837%;
}
#mainCont .mark__eiyo {
  margin-bottom: 12%;
}
#mainCont .mark__eiyo-title {
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-title {
    margin-bottom: 11.9402985075%;
  }
}
#mainCont .mark__eiyo-contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 60px;
  overflow: hidden;
  margin-bottom: 4.5%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-contents {
    border-radius: 8vw;
    margin-bottom: 10.447761194%;
  }
}
#mainCont .mark__eiyo-content--yasai {
  background-color: #36a9e6;
}
#mainCont .mark__eiyo-content--tanpaku {
  background-color: #89b61c;
}
#mainCont .mark__eiyo-content--shibousan {
  background-color: #ffa92d;
}
#mainCont .mark__eiyo-content--enbun {
  background-color: #f995c0;
}
#mainCont .mark__eiyo-content--golden {
  width: 100%;
  padding: 6% 4%;
  background-color: #fff35e;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-content--golden {
    flex-direction: column-reverse;
    padding: 5.9701492537% 2.9850746269% 10.447761194%;
  }
}
#mainCont .mark__eiyo-txt {
  width: 61.4285714286%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-txt {
    width: 72.5423728814%;
  }
}
#mainCont .mark__eiyo-txt-red {
  width: 67.6086956522%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-txt-red {
    width: 100%;
  }
}
#mainCont .mark__eiyo-icon {
  width: 38.5714285714%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-icon {
    width: 27.4576271186%;
  }
}
#mainCont .mark__eiyo-icon-golden {
  width: 32.3913043478%;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__eiyo-icon-golden {
    width: 47.3015873016%;
    margin-bottom: 9.5238095238%;
  }
}
#mainCont .mark__conclusion {
  color: #f195be;
}
@media screen and (max-width: 768px) {
  #mainCont .mark__conclusion {
    letter-spacing: 0.025em;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark .cont__frame::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/mark_icon_winner_01.png);
    width: 456px;
    height: 538px;
    top: 234px;
    right: -35.3982300885%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark .cont__frame::before {
    width: 38.9743589744vw;
    height: 45.9829059829vw;
    top: 20vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark .cont__frame::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/mark_icon_fish.png);
    width: 310px;
    height: 352px;
    top: 1463px;
    left: -23.4513274336%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark .cont__frame::after {
    width: 26.4957264957vw;
    height: 30.0854700855vw;
    top: 125.0427350427vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark__frame-bg::before, #mainCont .mark__frame-bg::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
  }
  #mainCont .mark__frame-bg--middle::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/mark_icon_kinoko.png);
    width: 187px;
    height: 349px;
    top: 2307px;
    right: -12.5663716814%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark__frame-bg--middle::before {
    width: 15.9829059829vw;
    height: 29.8290598291vw;
    top: 197.1794871795vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark__frame-bg--middle::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/mark_icon_winner_02.png);
    width: 434px;
    height: 538px;
    top: 3160px;
    left: -35.3982300885%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark__frame-bg--middle::after {
    width: 37.094017094vw;
    height: 45.9829059829vw;
    top: 270.0854700855vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark__frame-bg--bottom::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/mark_icon_shitake.png);
    width: 417px;
    height: 417px;
    bottom: 693px;
    right: -32.7433628319%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark__frame-bg--bottom::before {
    width: 35.641025641vw;
    height: 35.641025641vw;
    bottom: 59.2307692308vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark__frame-bg--bottom::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/mark_icon_beans.png);
    width: 280px;
    height: 291px;
    bottom: -24px;
    left: -19.9115044248%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark__frame-bg--bottom::after {
    width: 23.9316239316vw;
    height: 24.8717948718vw;
    bottom: -2.0512820513vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .mark__bg::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
  }
  #mainCont .mark__bg::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/bg_icon_salt_02.png);
    width: 385px;
    height: 208px;
    top: 0;
    left: -261px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .mark__bg::before {
    width: 32.905982906vw;
    height: 17.7777777778vw;
    left: -22.3076923077vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .mark__bg::before, #mainCont .mark__bg::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
  }
  #mainCont .mark__bg::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/mark_icon_winner.png);
    width: 40.1333333333vw;
    height: 71.7333333333vw;
    top: -34.6666666667vw;
    right: -2.6666666667vw;
  }
  #mainCont .mark__bg::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/mark_icon_fish.png);
    width: 34.1333333333vw;
    height: 18vw;
    bottom: 5.7333333333vw;
    left: -2.6666666667vw;
  }
}

/* mark:end */
#mainCont .styles__lead {
  border-radius: 60px;
  box-shadow: 3px 3px 14px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1170px) {
  #mainCont .styles__lead {
    border-radius: 5.1282051282vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead {
    border-radius: 8vw;
    box-shadow: 0.4vw 0.4vw 1.8666666667vw 0 rgba(0, 0, 0, 0.2);
  }
}

#mainCont .styles__note--en, #mainCont .styles__note {
  width: 92%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__note--en, #mainCont .styles__note {
    width: 100%;
  }
}

#mainCont .styles__note-number {
  padding-top: 1.9565217391%;
  line-height: 1;
}
#mainCont .styles__note-number:first-child {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__note-number {
    line-height: 1.5;
    padding-top: 10px;
  }
}

#mainCont .styles__table-eiyo, #mainCont .styles__table-heading {
  font-size: 18px;
  line-height: 2.1111111111;
  background-color: #efd98a;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 1170px) {
  #mainCont .styles__table-eiyo, #mainCont .styles__table-heading {
    font-size: 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-eiyo, #mainCont .styles__table-heading {
    font-size: 16px;
    line-height: 1;
  }
}

#mainCont .styles__table-data--even, #mainCont .styles__table-data--odd {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 1170px) {
  #mainCont .styles__table-data--even, #mainCont .styles__table-data--odd {
    font-size: 1.5384615385vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-data--even, #mainCont .styles__table-data--odd {
    font-size: 14px;
  }
}
#mainCont .styles__table-data--even:last-child, #mainCont .styles__table-data--odd:last-child {
  text-align: left;
  padding: 1.3131313131% 2.0202020202%;
  line-height: 1.8125;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-data--even:last-child, #mainCont .styles__table-data--odd:last-child {
    padding: 4px 15px 5px;
    line-height: 1.7142857143;
  }
}

/* mark:start */
#mainCont .styles__container:first-of-type {
  margin-bottom: 12%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__container:first-of-type {
    margin-bottom: 17.9104477612%;
  }
}
#mainCont .styles__container:last-of-type {
  margin-bottom: 4%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__container:last-of-type {
    margin-bottom: 8.9552238806%;
  }
}
#mainCont .styles__lead {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6%;
  padding-bottom: 6%;
  margin-bottom: 4%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead {
    padding-top: 8.9552238806%;
    padding-bottom: 11.9402985075%;
    margin-bottom: 25px;
  }
}
#mainCont .styles__lead-title {
  width: 92%;
  margin-bottom: 4%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead-title {
    width: 94.0298507463%;
    margin-bottom: 8.9552238806%;
  }
}
#mainCont .styles__lead-icons {
  width: 64.6%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead-icons {
    width: 88.0597014925%;
    margin-bottom: 8.2089552239%;
  }
}
#mainCont .styles__lead-icons li {
  width: 21.9814241486%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead-icons li {
    width: 22.8813559322%;
  }
}
#mainCont .styles__lead-icons--balance {
  width: 14.2%;
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead-icons--balance {
    width: 25.5223880597%;
    margin-bottom: 8.2089552239%;
  }
}
#mainCont .styles__lead-icons--balance li {
  width: 100%;
}
#mainCont .styles__lead-text {
  width: 92%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__lead-text {
    width: 94.0298507463%;
  }
}
#mainCont .styles__note {
  margin-bottom: 5.5%;
  font-size: 16px;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__note {
    margin-bottom: 40px;
    font-size: 14px;
  }
}
#mainCont .styles__note--en {
  margin-top: 4%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__note--en {
    margin-top: 30px;
  }
}
#mainCont .styles__note-item {
  line-height: 1.8125;
  padding-left: 0.55em;
  text-indent: -0.55em;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__note-item {
    line-height: 1.7142857143;
    padding-top: 5px;
  }
  #mainCont .styles__note-item:first-child {
    padding-top: 0;
  }
}
#mainCont .styles__note-item::before {
  content: "・";
}
#mainCont .styles__note-item--en {
  line-height: 1.8;
  padding-top: 0.8em;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__note-item--en {
    word-wrap: break-word;
    line-height: 1.5;
    padding-top: 0.5em;
  }
}
#mainCont .styles__note-item--en:first-child {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 6.6197183099%;
  }
}
#mainCont .styles__table-cont {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-cont {
    width: 802px;
  }
}
#mainCont .styles__table-cont th,
#mainCont .styles__table-cont td {
  border-top: 5px solid #ffffff;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-cont th,
  #mainCont .styles__table-cont td {
    border-width: 3px;
  }
}
#mainCont .styles__table-cont th:not(:last-child),
#mainCont .styles__table-cont td:not(:last-child) {
  border-right: 5px solid #ffffff;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-cont th:not(:last-child),
  #mainCont .styles__table-cont td:not(:last-child) {
    border-width: 3px;
  }
}
#mainCont .styles__table-heading {
  padding-top: 2.2%;
  padding-bottom: 2.2%;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-heading {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
#mainCont .styles__table-heading.hdg-label {
  width: 172px;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-heading.hdg-label {
    width: 160px;
  }
}
#mainCont .styles__table-heading.hdg-day, #mainCont .styles__table-heading.hdg-meal {
  width: 160px;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-heading.hdg-day, #mainCont .styles__table-heading.hdg-meal {
    width: 160px;
  }
}
#mainCont .styles__table-heading.hdg-source {
  width: 493px;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-heading.hdg-source {
    width: 322px;
  }
}
#mainCont .styles__table-eiyo {
  vertical-align: middle;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #mainCont .styles__table-eiyo {
    padding: 0;
  }
}
#mainCont .styles__table-data--odd {
  background-color: #fff;
}
#mainCont .styles__table-data--even {
  background-color: #fdf0c0;
}

/* mark:end */
/* recipe:start */
#mainCont .recipe__contents {
  padding-top: 7.1301247772%;
  padding-bottom: 13.7254901961%;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__contents {
    padding-top: 12.8205128205%;
    padding-bottom: 22.792022792%;
  }
}
#mainCont .recipe .cont__frame {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 80%, #ecd37b 80%, #ecd37b 100%);
}
#mainCont .recipe__lead-text {
  color: #e7651f;
  letter-spacing: 0.075em;
  margin-bottom: 9.7826086957%;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__lead-text {
    width: 94.0298507463%;
    margin: 0 auto;
    margin-bottom: 13.4328358209%;
  }
}
#mainCont .recipe__lead-howto {
  width: 100%;
  border-radius: 60px;
  background-color: #fff4e5;
  padding: 4.347826087%;
}
@media screen and (max-width: 1170px) {
  #mainCont .recipe__lead-howto {
    border-radius: 5.1282051282vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__lead-howto {
    width: 97.0149253731%;
    border-radius: 8vw;
    padding: 7.4626865672% 1.4925373134%;
    margin: 0 auto;
  }
}
#mainCont .recipe__howto-ttl {
  width: 100%;
  margin-bottom: 4.1666666667%;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__howto-ttl {
    margin-bottom: 4.6153846154%;
  }
}
#mainCont .recipe__howto-steps li {
  width: 100%;
}
#mainCont .recipe__howto-steps li:not(:last-child) {
  margin-bottom: 2.8571428571%;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe__howto-steps li:not(:last-child) {
    margin-bottom: 9.2307692308%;
  }
}
#mainCont .recipe__select {
  width: 100%;
  background-color: #ecd37b;
  border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe.cont__section {
    padding-bottom: 20vw;
  }
  #mainCont .recipe.cont__section::after {
    height: 33.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .recipe .cont__frame::before {
    background-image: url(/recipe/products/tsujitsumashiawase/img/recipe_icon_lemon.png);
    width: 301px;
    height: 300px;
    top: -93px;
    right: -21.5044247788%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .recipe .cont__frame::before {
    width: 25.7264957265vw;
    height: 25.641025641vw;
    top: -7.9487179487vw;
  }
}
@media screen and (min-width: 769px) {
  #mainCont .recipe .cont__frame::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/recipe_icon_broccoli.png);
    width: 434px;
    height: 362px;
    top: 760px;
    left: -34.7787610619%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1170px) {
  #mainCont .recipe .cont__frame::after {
    width: 37.094017094vw;
    height: 30.9401709402vw;
    top: 64.9572649573vw;
  }
}

/* recipe:end */
/* select:start */
#mainCont .select__container {
  padding-top: 5.3475935829%;
  padding-bottom: 7.1301247772%;
  position: relative;
}
@media screen and (max-width: 1170px) {
  #mainCont .select__container {
    border-radius: 5.1282051282vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .select__container {
    padding-top: 20vw;
    padding-bottom: 12.8vw;
  }
}
#mainCont .select__container::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -40.9090909091%);
  z-index: -1;
  display: block;
  width: 220px;
  height: 220px;
  background-color: #ecd37b;
  border-radius: 100%;
  content: "";
}
@media screen and (max-width: 1170px) {
  #mainCont .select__container::before {
    width: 18.8034188034vw;
    height: 18.8034188034vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .select__container::before {
    width: 48.4vw;
    height: 48.4vw;
    transform: translate(-50%, -22.0385674931%);
  }
}
#mainCont .select__step-text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -85.3658536585%);
  width: 4.7863247863%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__step-text {
    width: 12vw;
    transform: translate(-50%, -35.2112676056%);
  }
}
#mainCont .select__title {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -0.8912655971%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__title {
    width: 84vw;
    margin-bottom: -3.0985915493%;
  }
}
#mainCont .select__category {
  margin-top: 5.3097345133%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__category {
    margin-top: 10.6666666667vw;
    width: 73.3333333333vw;
  }
}
#mainCont .select__head-text {
  width: 15.7522123894%;
  margin-bottom: 1.6304347826%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__head-text {
    width: 33.4666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#mainCont .select__shiawase-text {
  width: 22.9347826087%;
  margin-bottom: 1.0869565217%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__shiawase-text {
    width: 38.5333333333vw;
    margin-bottom: 2.1333333333vw;
  }
}
#mainCont .select__sub-title--fly {
  width: 12.6086956522%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__sub-title--fly {
    width: 24vw;
  }
}
#mainCont .select__sub-title--niku {
  width: 12.6086956522%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__sub-title--niku {
    width: 23.6vw;
  }
}
#mainCont .select__sub-title--kome {
  width: 38.5869565217%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__sub-title--kome {
    width: 67.3333333333vw;
  }
}
#mainCont .select__sub-title--fast {
  width: 29.347826087%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__sub-title--fast {
    width: 47.0666666667vw;
  }
}
#mainCont .select__menus {
  width: 100%;
  margin-top: 3.2608695652%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  #mainCont .select__menus {
    margin-top: 5.3333333333vw;
  }
}
#mainCont .select__menu {
  width: 293px;
  height: 293px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 1px 3px 14px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1170px) {
  #mainCont .select__menu {
    width: 25.0427350427vw;
    height: 25.0427350427vw;
    border-radius: 1.7094017094vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .select__menu {
    width: 73.3333333333vw;
    height: 73.3333333333vw;
    border-radius: 2.6666666667vw;
    box-shadow: 0.1333333333vw 0.4vw 1.8666666667vw 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 768px) {
  #mainCont .select__menu:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
#mainCont .select__menu-link {
  display: block;
  position: relative;
  color: inherit;
  transition: opacity 0.3s ease-out;
}
#mainCont .select__menu-link:hover {
  opacity: 0.7;
}
#mainCont .select__menu-link:hover img {
  transform: scale(1.2);
}
#mainCont .select__menu-img {
  position: relative;
  z-index: 1;
}
#mainCont .select__menu-img img {
  transition: transform 0.2s ease-out;
}
#mainCont .select__menu-text {
  padding: 5.1194539249% 4.0955631399%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 0;
  z-index: 2;
  font-size: 16px;
}
@media screen and (max-width: 1170px) {
  #mainCont .select__menu-text {
    font-size: 1.3675213675vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .select__menu-text {
    padding: 2.6666666667vw 4vw;
    font-size: 3.2vw;
  }
}
#mainCont .select__menu-text::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 17px solid rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 100%;
  left: 2.04778157%;
}
@media screen and (max-width: 768px) {
  #mainCont .select__menu-text::after {
    border-left-width: 2.6666666667vw;
    border-right-width: 2.6666666667vw;
    border-bottom-width: 4vw;
    left: 3.3333333333vw;
  }
}
#mainCont .select__menu-copy {
  line-height: 1;
}
#mainCont .select__menu-name {
  margin-top: 0.25em;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #mainCont .select__menu-name {
    font-size: 1.417em;
  }
}

/* select:end */
/* modal:start */
#mainCont .recipe-modal {
  position: fixed;
  z-index: 9999;
}
#mainCont .recipe-modal__bg {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#mainCont .recipe-modal__contents {
  position: relative;
  max-width: 720px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe-modal__contents {
    max-width: 89.3333333333vw;
    transform: translateY(-25px);
  }
}
#mainCont .recipe-modal__menu {
  position: relative;
  z-index: 1;
}
#mainCont .recipe-modal__close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 2.6315789474%;
  transform: translate(40%, -105%) rotate(45deg);
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #mainCont .recipe-modal__close {
    width: 40px;
    height: 40px;
    right: 0;
    transform: translate(10%, -105%) rotate(45deg);
  }
}
#mainCont .recipe-modal__close::before, #mainCont .recipe-modal__close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-color: #d5bb47;
  border-radius: 10px;
  content: "";
}
#mainCont .recipe-modal__close::before {
  width: 100%;
  height: 5px;
}
#mainCont .recipe-modal__close::after {
  width: 5px;
  height: 100%;
}

/* modal:end */
/* menu:start */
#mainCont .menu__container {
  justify-content: flex-start;
  margin-top: 65px;
  padding-top: 30px;
  padding-bottom: 35px;
  background-color: #ffffff;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__container {
    margin-top: 14.6666666667vw;
    padding-top: 2.8169014085%;
    padding-bottom: 2.8169014085%;
    border-radius: 2.6666666667vw;
  }
}
#mainCont .menu__container::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -29.5454545455%);
  z-index: -1;
  display: block;
  width: 220px;
  height: 220px;
  background-color: #ffffff;
  border-radius: 100%;
  content: "";
}
@media screen and (max-width: 768px) {
  #mainCont .menu__container::before {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    transform: translate(-50%, -34.375%);
  }
}
#mainCont .menu__step-text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -70.3125%);
  width: 6.3888888889%;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__step-text {
    width: 12.3943661972%;
    transform: translate(-50%, -91.6666666667%);
  }
}
#mainCont .menu__contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-height: calc(95vh - (65px + 30px + 35px));
  overflow-y: auto;
  padding-top: 6px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__contents {
    max-height: calc(95vh - 20vw - 40px);
    max-height: calc(98svh - 20vw - 40px);
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}
#mainCont .menu__head-text {
  width: 100%;
  margin-top: -0.2em;
  margin-bottom: -0.2em;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4166666667;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__head-text {
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}
#mainCont .menu__name {
  color: #e7651f;
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__name {
    font-size: 5.6vw;
  }
}
#mainCont .menu__swiper {
  width: 91.6666666667%;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__swiper {
    width: 84vw;
  }
}
#mainCont .menu .swiper-outer {
  position: relative;
}
#mainCont .menu .swiper-button-prev,
#mainCont .menu .swiper-button-next {
  margin: 0;
  width: 24px;
  height: 24px;
  right: auto;
  left: auto;
}
@media screen and (max-width: 768px) {
  #mainCont .menu .swiper-button-prev,
  #mainCont .menu .swiper-button-next {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
#mainCont .menu .swiper-button-prev::after,
#mainCont .menu .swiper-button-next::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/recipe/products/tsujitsumashiawase/img/menu_btn-next.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #mainCont .menu .swiper-button-prev::after,
  #mainCont .menu .swiper-button-next::after {
    background-image: url(/recipe/products/tsujitsumashiawase/img/sp/menu_btn-next.png);
  }
}
#mainCont .menu .swiper-button-prev {
  transform: translateY(-50%) scale(-1, 1);
  left: 66px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu .swiper-button-prev {
    left: 0;
  }
}
#mainCont .menu .swiper-button-next {
  transform: translateY(-50%);
  right: 66px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu .swiper-button-next {
    right: 0;
  }
}
#mainCont .menu .swiper-pagination {
  width: 100%;
  bottom: 0;
}
#mainCont .menu .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin-left: 14px;
  margin-right: 14px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu .swiper-pagination-bullet {
    width: 1.4666666667vw;
    height: 1.4666666667vw;
    margin-left: 2.2666666667vw;
    margin-right: 2.2666666667vw;
  }
}
#mainCont .menu .swiper-pagination-bullet-active {
  background: #e7651f;
}
#mainCont .menu__slide {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__slide {
    padding-bottom: 8vw;
  }
}
#mainCont .menu__icons {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__icons {
    margin-top: 4.7619047619%;
  }
}
#mainCont .menu__icons li {
  width: 67px;
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__icons li {
    width: 15.3333333333vw;
    margin-left: 0.9333333333vw;
  }
}
#mainCont .menu__image {
  margin-top: 10px;
  width: 440px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__image {
    margin-top: 4vw;
    margin-top: 4.7619047619%;
    width: 79.3650793651%;
  }
}
#mainCont .menu__recommend-name {
  margin-top: 4px;
  width: 440px;
  background-color: #d7b950;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__recommend-name {
    margin-top: 0.9523809524%;
    width: 79.3650793651%;
    padding-top: 1.2698412698%;
    padding-bottom: 1.2698412698%;
    font-size: 4.2666666667vw;
  }
}
#mainCont .menu__recommend-text {
  margin-top: -7px;
  margin-bottom: -7px;
  padding: 27px 20px 32px;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__recommend-text {
    margin-top: -1.5873015873%;
    margin-bottom: -1.5873015873%;
    padding-top: 7.1428571429%;
    padding-bottom: 7.9365079365%;
    padding-left: 3.1746031746%;
    padding-right: 3.1746031746%;
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
  }
}
#mainCont .menu__recommend-link {
  display: block;
  width: 330px;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__recommend-link {
    width: 70.6666666667vw;
  }
}
#mainCont .menu__seibun-text {
  width: 440px;
  padding: 23px 10px 0;
  font-size: 14px;
  line-height: 1.5714285714;
  font-feature-settings: normal;
}
@media screen and (max-width: 768px) {
  #mainCont .menu__seibun-text {
    width: 87.3015873016%;
    padding-top: 6.3492063492%;
    padding-bottom: 0;
    padding-left: 3.9682539683%;
    padding-right: 3.9682539683%;
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}

/* menu:end */
/* more:start */
#mainCont .more.cont__section {
  padding-top: 40px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #mainCont .more.cont__section {
    padding-top: 0;
  }
}
#mainCont .more__container {
  height: 100%;
  background-color: #fff;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1170px) {
  #mainCont .more__container {
    border-top-left-radius: 8.547008547vw;
    border-top-right-radius: 8.547008547vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .more__container {
    border-top-left-radius: 8vw;
    border-top-right-radius: 8vw;
  }
}
#mainCont .more__contents {
  padding-top: 100px;
  padding-bottom: 40px;
  overflow: hidden;
}
@media screen and (max-width: 1170px) {
  #mainCont .more__contents {
    padding-top: 8.547008547vw;
    padding-bottom: 3.4188034188vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .more__contents {
    padding-top: 10.6666666667vw;
    padding-bottom: 4vw;
  }
}
#mainCont .more__title {
  width: 81.4159292035%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.4247787611%;
}
@media screen and (max-width: 768px) {
  #mainCont .more__title {
    width: 84vw;
    margin-bottom: 8vw;
  }
}
#mainCont .more__btn {
  width: 44.7787610619%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #mainCont .more__btn {
    width: 83.4666666667vw;
  }
}
#mainCont .more__bg {
  position: relative;
}
#mainCont .more__bg::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  position: absolute;
  z-index: 1;
  background-image: url(/recipe/products/tsujitsumashiawase/img/bg_icon_tomato.png);
  width: 213px;
  height: 204px;
  top: -131px;
  right: 14.53125%;
}
@media screen and (max-width: 1170px) {
  #mainCont .more__bg::before {
    width: 18.2051282051vw;
    height: 17.4358974359vw;
    top: -11.1965811966vw;
  }
}
@media screen and (max-width: 768px) {
  #mainCont .more__bg::before {
    width: 28.4vw;
    height: 27.2vw;
    top: -18.4vw;
    right: 5.8666666667%;
  }
}

/* more:end */

body {
  padding-right: 0 !important;
}