@charset "UTF-8";
#wrapper {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.u-hide-pc {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .u-hide-pc {
    display: block !important;
  }
}
#container {
  font-size: 16px;
}
#lineup {
  position: relative;
  z-index: 30;
}

#footerOnline {
  position: relative;
  z-index: 31;
}

.l-local-nav__trigger {
  z-index: 200;
}

.l-local-nav-menu {
  z-index: 40;
}

.sectionInner {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .sectionInner {
    max-width: 1000px;
  }
}

.pageTitle {
  position: relative;
}

@media all and (min-width: 769px) {
  .pageTitle {
    max-width: 632px;
    width: 46.26vw;
    top: 2vw;
    left: -3vw;
  }
}

@media screen and (max-width: 768px) {
  .pageTitle {
    width: 66.4vw;
  }
}

.mainvisual {
  background-image: url(../img/merit/bg_01_pc.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  height: 25.655vw;
  max-height: 380px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .mainvisual {
    padding-top: 3.25vw;
    padding-left: 8%;
    padding-right: 8%;
    background-image: url(../img/merit/bg_01_sp.png);
    min-height: 40.13vw;
    z-index: 35;
  }
}

.mainvisual-inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .mainvisual-inner {
    max-width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .mainvisual-inner {
    justify-content: flex-start;
  }
}

.merit {
  background-image: url(../img/merit/bg_02_pc.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 11.5vw 0 10.5vw 0;
  margin-top: -9vw;
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 768px) {
  .merit {
    background-image: url(../img/merit/bg_02_sp.jpg);
    padding-bottom: 27.5vw;
    margin-top: -6vw;
  }
}

.merit-section+.merit-section {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .merit-section+.merit-section {
    margin-top: 11vw;
  }
}

.merit-box {
  background-color: #fff;
  padding: 3vw 3vw 3vw 3vw;
  border-radius: 13px;
  box-shadow: 5px 5px 0px 0px rgba(16, 142, 43, 0.5);
}

@media screen and (max-width: 768px) {
  .merit-box {
    padding: 10.5vw 5vw 9.5vw 5vw;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 6.5px;
    box-shadow: 2.5px 2.5px 0px 0px rgba(16, 142, 43, 0.5);
  }
}

.merit-box-title {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .merit-NoMilkIngredients .merit-box-title {
    max-width: 314px;
    width: 31.98vw;
  }
}

@media screen and (max-width: 768px) {
  .merit-NoMilkIngredients .merit-box-title {
    width: 62.31%;
  }
}

@media all and (min-width: 769px) {
  .merit-ZeroCholesterol .merit-box-title {
    max-width: 359px;
    width: 35.28vw;
  }
}

@media screen and (max-width: 768px) {
  .merit-ZeroCholesterol .merit-box-title {
    width: 72.93%;
  }
}

@media all and (min-width: 769px) {
  .merit-SoyIsoflavones .merit-box-title {
    max-width: 374px;
    width: 37.37vw;
  }
}

@media screen and (max-width: 768px) {
  .merit-SoyIsoflavones .merit-box-title {
    width: 89.21%;
    margin-left: 0;
    margin-right: 0;
  }
}

.merit-box-title img {
  width: 100%;
  height: auto;
}

.merit-box-title__02 {
  margin-left: auto;
  margin-right: auto;
}

.merit-box-title__02+.merit-box-textWrap {
  margin-top: 2vw;
}

@media screen and (max-width: 767px) {
  .merit-box-title__02+.merit-box-textWrap {
    margin-top: 7vw;
  }
}

@media all and (min-width: 769px) {
  .merit-box-title__02.title__01 {
    max-width: 575px;
    width: 59%;
  }
}

@media all and (min-width: 769px) {
  .merit-box-title__02.title__02 {
    max-width: 870px;
    width: 95%;
  }
}

.merit-box-title__02 img {
  width: 100%;
  height: auto;
}

.merit-box-contents {
  margin-top: 2vw;
}

@media screen and (max-width: 767px) {
  .merit-box-contents {
    margin-top: 8vw;
  }
}

@media all and (min-width: 769px) {
  .merit-box-contents.is__row {
    display: flex;
  }
}

@media all and (min-width: 769px) {
  .merit-box-contents.is__row .merit-box-textWrap {
    width: 54.77%;
    max-width: 493px;
  }
}

@media all and (min-width: 769px) {
  .merit-box-contents.is__row .merit-box-imageWrap {
    margin-left: 5%;
  }
}

@media all and (min-width: 769px) {
  .merit-box-contents.is__portrait .merit-box-textWrap+.merit-box-imageWrap {
    margin-top: 2.5vw;
  }
}

.merit-box-textWrap+.merit-box-title__02 {
  margin-top: 4vw;
}

@media screen and (max-width: 767px) {
  .merit-box-textWrap+.merit-box-title__02 {
    margin-top: 9vw;
  }
}

.merit-box-text {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .merit-box-text {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 767px) {
  .merit-box-text {
    font-size: 3.75vw;
  }
}

.merit-box-text+.merit-box-text {
  margin-top: 1.75vw;
}

@media screen and (max-width: 767px) {
  .merit-box-text+.merit-box-text {
    margin-top: 3vw;
  }
}

.merit-box-text .strong {
  font-weight: 700;
  color: #039252;
}

.merit-box-text.text__02 {
  font-weight: 500;
}

.merit-box-text--align__right {
  text-align: right;
}

.merit-box-imageWrap+.merit-box-title__02 {
  margin-top: 4.75vw;
}

@media screen and (max-width: 767px) {
  .merit-box-imageWrap+.merit-box-title__02 {
    margin-top: 13vw;
  }
}

.merit-box-imageWrap+.merit-box-textWrap {
  margin-top: 3.75vw;
}

@media screen and (max-width: 767px) {
  .merit-box-imageWrap+.merit-box-textWrap {
    margin-top: 6vw;
  }
}

.merit-box-imageWrap.image__06 {
  margin-top: 3vw !important;
}

.merit-box-imageWrap.image__06+.merit-box-textWrap {
  margin-top: 5vw;
}

@media screen and (max-width: 767px) {
  .merit-box-imageWrap.image__06+.merit-box-textWrap {
    margin-top: 13vw;
  }
}

@media screen and (max-width: 767px) {
  .merit-box-image {
    margin-top: 4vw;
  }
}

.merit-box-image+.merit-box-image {
  margin-top: 2vw;
}

@media screen and (max-width: 767px) {
  .merit-box-image+.merit-box-image {
    margin-top: 6vw;
  }
}

.merit-box-image img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .merit-box-imageWrap {
    position: relative;
  }

  .tonyu-nutrition-btn {
    position: absolute;
    bottom: 3vw;
    left: 50%;
    transform: translateX(-50%);
    width: 360px;
  }
}

@media screen and (max-width: 767px) {
  .merit-box-imageWrap {
    position: relative;
  }

  .tonyu-nutrition-btn {
    position: absolute;
    bottom: 8vw;
    left: 50%;
    transform: translateX(-50%);
    width: 87%;
  }
}

@media all and (min-width: 769px) {
  .merit-box-image.image__01 {
    max-width: 363px;
  }
}

@media screen and (max-width: 767px) {
  .merit-box-image.image__01 {
    margin-left: 1vw;
    margin-right: 1vw;
  }
}

@media all and (min-width: 769px) {
  .merit-box-image.image__02 {
    max-width: 733px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (min-width: 769px) {
  .merit-box-image.image__03 {
    max-width: 900px;
  }
}

@media screen and (max-width: 767px) {
  .merit-box-image.image__03 {
    margin-top: 8vw;
  }
}

@media all and (min-width: 769px) {
  .merit-box-image.image__04 {
    max-width: 900px;
    background: url(../img/merit/img_04_pc_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    padding: 58px 0 35px;
    margin: 0 auto;
  }

  .merit-box-image.image__05 {
    max-width: 900px;
    background: url(../img/merit/img_05_pc_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    padding: 58px 0 35px;
    margin: 0 auto;
  }

  .merit-box-image-inner {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    text-align: center;
    font-weight: bold;
  }

  .merit-box-image-inner p {
    font-size: 14px;
  }

  .image__05 .merit-box-image-inner {
    align-self: flex-start;
  }

  .merit-box-image-inner img {
    width: 200px !important;
  }

  .image__05>div:nth-child(1)>picture>img {
    width: 237px;
  }

  .image__05>div:nth-child(2)>picture>img {
    width: 242px;
  }

  .merit-box-image-inner:nth-of-type(1) {
    margin-right: calc(94 / 900 * 100%);
  }

  .image__04 .merit-box-image-inner:nth-of-type(1) p {
    margin-top: 57px;
  }

  .image__05 .merit-box-image-inner:nth-of-type(1) p {
    margin-top: 18px;
  }

  .merit-box-image-inner:nth-of-type(2) p {
    margin-top: 20px;
  }

  .merit-box-ttl._01 {
    background: #585858;
    border-radius: 50px;
    padding: calc(15 / 900 * 100%) calc(35 / 900 * 100%);
    width: calc(505 / 900 * 100%);
    margin: 0 auto -35px;
    position: relative;
  }

  .merit-box-ttl._02 {
    background: #039252;
    border-radius: 50px;
    padding: calc(15 / 900 * 100%) calc(28 / 900 * 100%);
    width: calc(505 / 900 * 100%);
    margin: 35px auto -35px;
    position: relative;
  }

  .merit-box-ttl img {
    margin: 0 auto;
  }

  .isSp {
    display: none !important;
  }

  .isPc {
    display: block !important;
  }
}


@media screen and (max-width: 767px) {
  .isSp {
    display: block !important;
  }

  .isPc {
    display: none !important;
  }

  .merit-box-image.image__04 {
    margin-top: 8vw;
  }

  .merit-box-ttl._01 {
    background: #585858;
    border-radius: 60px;
    padding: calc(25 / 750 * 100%) calc(60 / 750 * 100%) calc(20 / 750 * 100%);
    margin: calc(80 / 750 * 100%) calc(50 / 750 * 100%) calc(-70 / 750 * 100%);
    position: relative;
  }

  .merit-box-ttl._02 {
    background: #039252;
    border-radius: 60px;
    padding: calc(25 / 750 * 100%) calc(60 / 750 * 100%) calc(20 / 750 * 100%);
    margin: calc(80 / 750 * 100%) calc(50 / 750 * 100%) calc(-70 / 750 * 100%);
    position: relative;
  }

  .merit-box-ttl img {
    margin: 0 auto;
  }

  .merit-box-image.image__04 {
    width: 100%;
    background: url(../img/merit/img_04_sp_bg.png) no-repeat;
    background-size: cover;
    border-radius: 12px;
    padding: calc(55 / 750 * 100vh) 0 calc(33 / 750 * 100vh);
    margin: 0 auto;
    text-align: center;
  }

  .merit-box-image.image__05 {
    width: 100%;
    background: url(../img/merit/img_05_sp_bg.png) no-repeat;
    background-size: cover;
    border-radius: 12px;
    padding: calc(55 / 750 * 100vh) 0 calc(33 / 750 * 100vh);
    margin: 0 auto;
    text-align: center;
  }

  .merit-box-image.image__04>div:nth-child(1) img {
    padding: 0 calc(180 / 750 * 100%);
  }

  .merit-box-image.image__04>div:nth-child(2) img {
    padding: 0 calc(178 / 750 * 100%) 0 calc(195 / 750 * 100%);
  }

  .merit-box-image.image__05>div:nth-child(1) img {
    padding: 0 calc(135 / 750 * 100%) 0 calc(170 / 750 * 100%);
  }

  .merit-box-image.image__05>div:nth-child(2) img {
    padding: 0 calc(150 / 750 * 100%) 0 calc(180 / 750 * 100%);
  }

  .image__04 .merit-box-image-inner p,
  .image__05 .merit-box-image-inner p {
    font-size: calc(26 / 750 * 100vw);
    font-weight: bold;
    margin-top: calc(40 / 750 * 100%);
  }

  .image__04 .merit-box-image-inner:nth-of-type(1),
  .image__05 .merit-box-image-inner:nth-of-type(1) {
    margin-bottom: calc(80 / 750 * 100%);
  }

}

@media all and (min-width: 769px) {
  .merit-box-image.image__05 {
    max-width: 900px;
  }
}

.merit-box-image.image__06 {
  position: relative;
}

@media all and (min-width: 769px) {
  .merit-box-image.image__06 {
    max-width: 817px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .merit-box-image.image__06 {
    margin-top: 14vw;
    left: -2%;
  }
}

.daizukun__image {
  width: 140px;
  position: absolute;
  right: 0.5vw;
  bottom: -0.5vw;
}

@media screen and (max-width: 767px) {
  .daizukun__image {
    width: 18.66vw;
    right: -3.5vw;
    bottom: -1.5vw;
  }
}

.returnButton {
  max-width: 360px;
  width: 38.35vw;
  margin-top: 6vw;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .returnButton {
    width: 60.93%;
    margin-top: 13vw;
  }
}

.productLineup {
  background-image: url(../img/merit/bg_03_pc.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 8vw 0 12vw 0;
  margin-top: -6vw;
  position: relative;
  z-index: 30;
}

@media screen and (max-width: 767px) {
  .productLineup {
    background-image: url(../img/merit/bg_03_sp.png);
    padding-top: 21vw;
    padding-bottom: 19vw;
  }
}

.productLineup-title {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .productLineup-title {
    max-width: 370px;
    width: 30.44vw;
  }
}

@media screen and (max-width: 767px) {
  .productLineup-title {
    width: 61.86%;
  }
}

.productList {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 3.5vw;
}

@media screen and (max-width: 767px) {
  .productList {
    margin-top: 11vw;
  }
}

.productList-item {
  max-width: 260px;
}

.productList-item.item__domesticSoybeans {
  margin-left: 6.5vw;
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .productList-item.item__domesticSoybeans {
    margin-left: 10vw;
  }
}

.productList-item-photo {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .productList-item-photo {
    max-width: 232px;
    max-height: 224px;
  }
}

@media screen and (max-width: 767px) {
  .productList-item-photo {
    width: 32.4vw;
    height: 32vw;
  }
}

.productList-item-photo img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media all and (min-width: 769px) {
  .item__plane .productList-item-photo {
    max-width: 232px;
    width: 16.9838vw;
  }
}

@media screen and (max-width: 767px) {
  .item__plane .productList-item-photo {
    width: 32.4vw;
  }
}

@media all and (min-width: 769px) {
  .item__domesticSoybeans .productList-item-photo {
    max-width: 244px;
    width: 17.8623vw;
  }
}

@media screen and (max-width: 767px) {
  .item__domesticSoybeans .productList-item-photo {
    width: 34vw;
  }
}

.productList-item-productName {
  min-height: 52px;
  position: relative;
  margin-top: 0.5vw;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .productList-item-productName {
    margin-top: 1.5vw;
  }
}

@media all and (min-width: 769px) {
  .item__plane .productList-item-productName {
    max-width: 157px;
    width: 14vw;
  }
}

@media screen and (max-width: 767px) {
  .item__plane .productList-item-productName {
    width: 27.86vw;
  }
}

@media all and (min-width: 769px) {
  .item__domesticSoybeans .productList-item-productName {
    max-width: 222px;
    width: 19vw;
  }
}

@media screen and (max-width: 767px) {
  .item__domesticSoybeans .productList-item-productName {
    width: 39.2vw;
  }
}

@media screen and (max-width: 767px) {
  .productList-item-productName-name {
    height: 9vw;
    display: block;
  }
}

.productList-item-productName-name img {
  width: 100%;
  height: auto;
}

@media all and (min-width: 769px) {
  .productList-item-productName-name-aside {
    max-width: 48px;
    width: 4.5139vw;
    position: absolute;
    top: 0;
    right: -3.5139vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .productList-item-productName-name-aside {
    width: 6.5139vw;
    right: -5.5139vw;
  }
}

@media screen and (max-width: 767px) {
  .productList-item-productName-name-aside {
    display: block;
    width: 17.73vw;
    margin-top: 2vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.productList-item-button {
  max-width: 260px;
  width: 19.033vw;
  margin-top: 1vw;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .productList-item-button {
    width: 38.66vw;
    margin-top: 4vw;
  }
}

.recipeBanner {
  margin-top: 4vw;
}

@media screen and (max-width: 767px) {
  .recipeBanner {
    margin-top: 12vw;
  }
}

.recipeBanner__title {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .recipeBanner__title {
    max-width: 487px;
    width: 35.65vw;
  }
}

@media screen and (max-width: 767px) {
  .recipeBanner__title {
    width: 61.73vw;
  }
}

.recipeBanner-banner {
  margin-top: 1.25vw;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .recipeBanner-banner {
    max-width: 846px;
    width: 61.93vw;
  }
}

@media screen and (max-width: 767px) {
  .recipeBanner-banner {
    width: auto;
    margin-top: 3vw;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.onlineShop {
  background-image: url(../img/merit/bg_04_pc.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 6.25vw 0 5vw 0;
  position: relative;
  z-index: 70;
  margin-top: -6vw;
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .onlineShop {
    padding-top: 7.5vw;
  }
}

@media screen and (max-width: 767px) {
  .onlineShop {
    background-image: url(../img/merit/bg_04_sp.png);
    padding-top: 15vw;
    padding-bottom: 14vw;
  }
}

.onlineShop-title {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 769px) {
  .onlineShop-title {
    width: 353px;
  }
}

@media screen and (max-width: 767px) {
  .onlineShop-title {
    width: 67.86vw;
  }
}

.onlineShop-title .in {
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .onlineShop-title .in {
    padding-bottom: 2vw;
    border-bottom-width: 3px;
  }
}

.onlineShopListWrap {
  max-width: 1004px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 769px) and (max-width: 1260px) {
  .onlineShopListWrap {
    max-width: 84vw;
  }
}

@media screen and (max-width: 767px) {
  .onlineShopListWrap {
    margin-left: 4vw;
    margin-right: 4vw;
  }
}

.onlineShopList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-left: -15px;
}

@media screen and (max-width: 767px) {
  .onlineShopList {
    flex-wrap: wrap;
    margin-top: calc(8vw - 3%);
    margin-left: -3%;
  }
}

.onlineShopList-item {
  width: calc(25% - 15px);
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  .onlineShopList-item {
    width: 47%;
    margin-top: 3%;
    margin-left: 3%;
  }
}



@media screen and (max-width: 768px) {
  .c-lineup-grid .c-lineup-grid__item {
    margin-top: 0;
    padding: 0 3.2vw;
  }
}

/**=========TITLE
========*/
.c-page-heading {
  margin: 0;
  z-index: 30;
}

@media screen and (min-width: 769px) {
  .c-page-heading__title {
    top: 3vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .c-page-heading__title img {
    max-height: 100px;
    height: calc(88 / 1366* 100vw);
  }
}

@media screen and (max-width: 768px) {}