@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap");
.u-hide-pc {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .u-hide-pc {
    display: block !important;
  }
}
footer .ftTop {
  margin-top: 0;
}

.container-wrap {
  background-color: #fff9f4;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
}

.c-section-title {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.c-sectionInner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 768px) {
  .c-sectionInner {
    max-width: 100em;
  }
}
@media screen and (max-width: 767px) {
  .c-sectionInner {
    width: 88.66vw;
  }
}

.c-sectionInner-02 {
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 768px) {
  .c-sectionInner-02 {
    max-width: 91.667em;
  }
}

.c-taberutonyu-button {
  height: 5em;
  margin-top: 4.333em;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 768px) {
  .c-taberutonyu-button {
    width: 23.333em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .c-taberutonyu-button {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-taberutonyu-button {
    width: 66.66vw;
    height: 4.167em;
    margin-top: 2.75em;
  }
}

.c-taberutonyu-button__link {
  background-color: #e1c5ad;
  border-radius: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 768px) {
  .c-taberutonyu-button__link {
    transition: 0.3s ease;
  }
  .c-taberutonyu-button__link:hover {
    opacity: 1;
    background-color: #04913a;
  }
  .c-taberutonyu-button__link:hover .c-taberutonyu-button__inner {
    color: #fff;
  }
}

.c-taberutonyu-button__inner {
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 0;
  color: #fff;
}
@media all and (min-width: 768px) {
  .c-taberutonyu-button__inner {
    transition: 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  .c-taberutonyu-button__inner {
    font-size: 1.167em;
  }
}

#svg_choice_wrap {
  display: none;
}

.svg_choice {
  width: 9.333em;
  height: 2em;
  fill: #fff;
  margin-bottom: 0.25em;
}

.c-taberutonyu-button__cursor {
  background-image: url(../img/ico_cursor.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.667em;
  margin: auto 0 auto 0.833em;
  margin-left: 0.833em;
}
@media screen and (max-width: 767px) {
  .c-taberutonyu-button__cursor {
    width: 0.917em;
    height: 1.583em;
  }
}

.c-decoration {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}
.c-decoration.decoration-01 {
  background-image: url(../img/ico_decoration.png);
  width: 13.417em;
  height: 16.083em;
  left: -4em;
  bottom: -19.5em;
}
@media screen and (max-width: 767px) {
  .c-decoration.decoration-01 {
    width: 21.466vw;
    height: 25.73vw;
    left: -2vw;
    bottom: -37vw;
  }
}

.hero {
  background-image: url(../img/mv_taberu_01_pc.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media all and (min-width: 768px) {
  .hero {
    height: 50em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .hero {
    height: 43.923vw;
  }
}
@media screen and (max-width: 767px) {
  .hero {
    background-image: url(../img/mv_taberu_01_sp.jpg);
    height: 146.53vw;
  }
}
.hero .c-sectionInner {
  height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hero .c-sectionInner {
    width: auto;
  }
}

.hero__text {
  height: auto;
}
img {
  max-width: 100%;
  width: 100%;
}
@media all and (min-width: 768px) {
  .hero__text {
    width: 51.5em;
    right: -5.167em;
    bottom: 6.5em;
    position: absolute;
  }
}
@media screen and (min-width: 1121px) and (max-width: 1450px) {
  .hero__text {
    width: 45.5em;
    bottom: 10.5em;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .hero__text {
    width: 45.241vw;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .hero__text {
    padding-top: 11vw;
  }
}

@media all and (min-width: 768px) {
  .news {
    padding-bottom: 2.75em;
    margin-top: -2.75em;
  }
}
@media screen and (max-width: 767px) {
  .news {
    background-image: url(../img/bg_taberu_01_sp.png);
    background-size: 100% auto;
    background-position: 0.5vw 0;
    background-repeat: no-repeat;
    margin-top: -5.5vw;
  }
}
@media screen and (max-width: 767px) {
  .news .c-sectionInner {
    width: auto;
  }
}
.news .c-sectionInner-02 {
  position: relative;
}
@media all and (min-width: 768px) {
  .news .c-sectionInner-02 {
    padding: 4.2em 8.083em 3.667em 8.083em;
    height: 26.9em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .news .c-sectionInner-02 {
    padding: 4vw 6vw;
  }
}
@media screen and (max-width: 767px) {
  .news .c-sectionInner-02 {
    padding: 6vw 8vw;
  }
}
.news .c-sectionInner-02:before {
  content: "";
  background-image: url(../img/bg_taberu_01_pc.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: -1.25em;
  z-index: 0;
}
@media all and (min-width: 768px) {
  .news .c-sectionInner-02:before {
    width: 94.667em;
    max-width: calc(100% - 1.25em);
    left: 0;
    height: 29.917em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .news .c-sectionInner-02:before {
    width: calc(100% - 0.5vw);
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .news .c-sectionInner-02:before {
    display: none;
  }
}

.news-contents-wrap {
  position: relative;
  z-index: 10;
}

.news__title {
  width: 10.834em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 701px) and (max-width: 1040px) {
  .news__title {
    width: 9.516vw;
  }
}
@media screen and (max-width: 767px) {
  .news__title {
    width: 20vw;
  }
}

.news-list {
  margin-top: 2.5em;
}
@media screen and (min-width: 701px) and (max-width: 1060px) {
  .news-list {
    margin-top: 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 700px) {
  .news-list {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list {
    margin-top: 5vw;
  }
}

@media all and (min-width: 768px) {
  .news-list__item {
    background-image: url(../img/border_01_pc.svg);
    background-size: 100% auto;
    background-position: top left;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 767px) {
  .news-list__item {
    border-top: 1px dotted #c5c5c5;
  }
}
@media all and (min-width: 768px) {
  .news-list__item:first-child {
    background: none;
  }
}
@media screen and (max-width: 767px) {
  .news-list__item:first-child {
    border-top: 0;
  }
}

.news-list__item__link {
  padding: 1.333em 0.833em;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .news-list__item__link {
    padding: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__item__link {
    padding: 3vw 1vw;
    flex-wrap: wrap;
  }
}

.news-list__item__category {
  padding: 0.5em 0;
  background-color: #04913a;
  border-radius: 1em;
  color: #fff;
  font-size: 1.083em;
  text-align: center;
  line-height: 1;
  width: 9em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .news-list__item__category {
    font-size: 0.917em;
    width: 23.33vw;
  }
}

.news-list__item__date {
  font-size: 1.333em;
  margin-left: 2.25em;
}
@media all and (min-width: 768px) {
  .news-list__item__date {
    width: 6.5em;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .news-list__item__date {
    font-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .news-list__item__date {
    font-size: 1.167em;
    width: 28.33vw;
    margin-left: 2vw;
  }
}

.news-list__item__contents {
  font-size: 1.333em;
  margin-left: 2.25em;
}
@media all and (min-width: 768px) {
  .news-list__item__contents {
    width: 37.063em;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .news-list__item__contents {
    font-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .news-list__item__contents {
    font-size: 14px;
    width: 100%;
    margin-top: 3vw;
    margin-left: 0;
  }
}

.about {
  padding-top: 8.333em;
  padding-bottom: 12em;
}
@media screen and (max-width: 767px) {
  .about {
    padding-top: 4.542em;
    padding-bottom: 7em;
  }
}
@media all and (min-width: 768px) {
  .about .c-section-title {
    width: 45em;
    left: -1.8em;
  }
}

.about-contents {
  margin-top: 4.417em;
}
@media all and (min-width: 768px) {
  .about-contents {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .about-contents {
    margin-top: 3em;
  }
}

@media all and (min-width: 768px) {
  .about-contents__multiLine {
    max-width: 45.667em;
    margin-top: 1.75em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .about-contents__multiLine {
    width: 59.117vw;
  }
}

.about-contents__text {
  font-size: 1.333em;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .about-contents__text {
    font-size: 1.167em;
    letter-spacing: 0.01em;
  }
}
.about-contents__text + .about-contents__text {
  margin-top: 2em;
}

.about-contents__photo {
  position: relative;
}
@media all and (min-width: 768px) {
  .about-contents__photo {
    max-width: 36.417em;
    max-height: 47.083em;
    width: 36.417em;
    height: 47.083em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 767px) {
  .about-contents__photo {
    width: 67.86vw;
    margin-top: 3.25em;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .about-contents__photo {
    width: 31.991vw;
    height: 41.361vw;
  }
}
.about-contents__photo:before {
  content: "";
  background-color: #e1c5ad;
  display: block;
  width: 100%;
  height: 94%;
  z-index: 5;
  position: absolute;
  left: -25px;
  bottom: -25px;
}
@media screen and (max-width: 767px) {
  .about-contents__photo:before {
    left: -15px;
    bottom: -15px;
  }
}
.about-contents__photo img {
  position: relative;
  z-index: 10;
}

.choice {
  background-color: #fff;
  padding-top: 10em;
  padding-bottom: 12em;
}
@media screen and (max-width: 767px) {
  .choice {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}
@media all and (min-width: 768px) {
  .choice .c-section-title {
    width: 47.667em;
    left: 2.8em;
  }
}
@media screen and (max-width: 767px) {
  .choice .c-section-title {
    position: relative;
    left: 3.5vw;
    width: 77.6vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.choice-list {
  margin-top: 5.75em;
}
@media all and (min-width: 768px) {
  .choice-list {
    display: flex;
    justify-content: center;
    column-gap: 50px;
  }
}
@media screen and (max-width: 767px) {
  .choice-list {
    margin-top: 3em;
  }
}

@media all and (min-width: 768px) {
  .choice-list__item {
    width: 31.75em;
  }
}
@media screen and (max-width: 767px) {
  .choice-list__item {
    width: 76vw;
    margin-left: auto;
    margin-right: auto;
  }
  .choice-list__item + .choice-list__item {
    margin-top: 3em;
  }
}
.choice-list__item.is-tonyugurt .choice-product__name {
  width: 25.333em;
  top: 1.3em;
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .choice-list__item.is-tonyugurt .choice-product__name {
    width: 78%;
  }
}
@media screen and (max-width: 767px) {
  .choice-list__item.is-tonyugurt .choice-product__name {
    width: 63.066vw;
    top: 4vw;
  }
}
.choice-list__item.is-soy_cheese .choice-product__name {
  width: 22.333em;
  top: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .choice-list__item.is-soy_cheese .choice-product__name {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .choice-list__item.is-soy_cheese .choice-product__name {
    width: 53.6vw;
    top: 2.75vw;
  }
}
.choice-list__item.is-tonyusoft .choice-product__name {
  width: 21.667em;
  top: 0.25em;
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .choice-list__item.is-tonyusoft .choice-product__name {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .choice-list__item.is-tonyusoft .choice-product__name {
    width: 51.866vw;
    top: 2.5vw;
  }
}

.choice-product {
  padding-top: 6.667em;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1065px) {
  .choice-product {
    padding-top: 6.6vw;
  }
}
@media screen and (max-width: 767px) {
  .choice-product {
    padding-top: 18vw;
  }
}

.choice-product__name {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.choice-product__button .c-taberutonyu-button__inner {
  font-size: 1em;
  color: #393939;
}
@media screen and (max-width: 767px) {
  .choice-product__button .c-taberutonyu-button__inner {
    font-size: 0.917em;
  }
}

.arrange-recipe {
  padding-top: 10em;
  padding-bottom: 16em;
}
@media screen and (max-width: 767px) {
  .arrange-recipe {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}
@media all and (min-width: 768px) {
  .arrange-recipe .c-section-title {
    max-width: calc(65.833em - 2.8em);
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .arrange-recipe .c-section-title {
    width: auto;
    left: 0;
  }
}

.arrange-recipe-list {
  margin-top: 6.083em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1366px) {
  .arrange-recipe-list {
    width: 1366px;
  }
}
@media all and (min-width: 768px) {
  .arrange-recipe-list {
    display: flex;
    justify-content: center;
    column-gap: 50px;
  }
}
@media screen and (max-width: 767px) {
  .arrange-recipe-list {
    margin-top: 2em;
  }
}

@media all and (min-width: 768px) {
  .arrange-recipe-list__item {
    width: 37.083em;
  }
  .arrange-recipe-list__item + .arrange-recipe-list__item {
    margin-left: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .arrange-recipe-list__item {
    width: 88.66vw;
    margin-left: auto;
    margin-right: auto;
  }
  .arrange-recipe-list__item + .arrange-recipe-list__item {
    margin-top: 4.5em;
  }
}
.arrange-recipe-list__item img {
  width: 100%;
  height: auto;
}

@media all and (min-width: 768px) {
  .gfooter__inner {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  body {
    background: #fff9f4;
  }
}