@charset "UTF-8";
br.pcbr {
  display: block !important; }
  @media screen and (max-width: 520px) {
    br.pcbr {
      display: none !important; } }
br.spbr {
  display: none !important; }
  @media screen and (max-width: 520px) {
    br.spbr {
      display: block !important; } }

h2,
h3 {
  font-weight: 500 !important; }

.intro-title_wrap .center {
  text-align: center; }

.tx_center {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .tx_center.sp_nocenter {
      text-align: left; } }

.wrap.type2 {
  padding-bottom: 50px !important; }
@media screen and (max-width: 520px) {
  .wrap.type3 {
    padding-left: 20px;
    padding-right: 20px; } }

.w720 {
  text-align: left;
  max-width: 720px;
  margin: 0 auto; }
  @media screen and (max-width: 740px) {
    .w720 {
      width: 86.6666666667vw; } }

.cmn-title_md_jp.soykkeTx {
  font-size: 2.35625vw; }
  @media screen and (max-width: 767px) {
    .cmn-title_md_jp.soykkeTx {
      font-size: 6.4vw; } }

.cmn-title_eng {
  line-height: 130%; }
  .cmn-title_eng.type2 {
    font-size: 2.03125vw;
    font-weight: 500;
    font-family: "Zen Kaku Gothic New",sans-serif; }
    @media screen and (max-width: 767px) {
      .cmn-title_eng.type2 {
        font-size: 6.0vw; } }
  .cmn-title_eng.type3 {
    text-align: center;
    opacity: 1;
    color: #8cb222;
    font-size: 2.03125vw;
    font-weight: 500;
    font-family: "Zen Kaku Gothic New",sans-serif; }
    @media screen and (max-width: 767px) {
      .cmn-title_eng.type3 {
        font-size: 6.4vw; } }
  .cmn-title_eng.jpTx {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 2.35625vw !important; }
    @media screen and (max-width: 767px) {
      .cmn-title_eng.jpTx {
        font-size: 6.4vw !important; } }

.cmn-title_jp {
  line-height: 160% !important; }

@media screen and (max-width: 520px) {
  .cmn-btn_wrap a {
    font-size: 12px; } }
.cmn-btn_wrap.type2 {
  text-align: center;
  position: relative;
  z-index: 1; }
  .cmn-btn_wrap.type2 a {
    width: auto;
    height: auto;
    padding: 10px 20px;
    display: inline-block; }
    @media screen and (max-width: 520px) {
      .cmn-btn_wrap.type2 a {
        font-size: 12px;
        padding: 10px; } }
.cmn-btn_wrap.type3 {
  position: relative;
  z-index: 1; }
  .cmn-btn_wrap.type3 a {
    width: auto;
    height: auto;
    padding: 10px 20px;
    display: inline-block; }
    @media screen and (max-width: 520px) {
      .cmn-btn_wrap.type3 a {
        font-size: 12px;
        padding: 10px; } }

.ptb30 {
  margin-top: 40px;
  margin-bottom: 40px; }

.pt-ss {
  padding-top: 60px; }
  @media screen and (max-width: 520px) {
    .pt-ss {
      padding-top: 30px; } }

.footer .f-menu_wrap {
  margin-right: 0.90625vw; }

@media screen and (max-width: 520px) {
  .thought-item_title.c {
    text-align: center; } }

/*----------------------------------------

TOP

----------------------------------------*/
@media screen and (max-width: 520px) {
  body.front-page .kv_title-wrap {
    padding-right: 20px; } }
body.front-page a.link {
  color: #8cb222;
  font-weight: 500;
  text-decoration: underline; }
body.front-page .cmn-btn {
  font-family: "Zen Kaku Gothic New", sans-serif !important; }
body.front-page .about .cmn-title_wrap {
  display: block;
  text-align: left; }
  body.front-page .about .cmn-title_wrap h2 {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 2.35625vw; }
    @media screen and (max-width: 767px) {
      body.front-page .about .cmn-title_wrap h2 {
        font-size: 6.4vw; } }
@media screen and (max-width: 520px) {
  body.front-page .about .wrap.type2 {
    margin-top: 0; } }
body.front-page .about .wrap.type2 .inner {
  margin-right: auto;
  margin-left: 0; }
  body.front-page .about .wrap.type2 .inner h3 {
    opacity: 1 !important; }
body.front-page .about .wrap.type2 .clipped-image {
  right: auto;
  left: 48.671875vw;
  -webkit-mask-image: url("../img/top/about-mask2.svg");
  mask-image: url("../img/top/about-mask2.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%; }
  @media screen and (max-width: 767px) {
    body.front-page .about .wrap.type2 .clipped-image {
      position: relative;
      left: 0;
      top: 0;
      width: 72.5333333333vw;
      height: 75.7333333333vw;
      margin: 0 auto;
      margin-top: 7.2vw; } }
body.front-page .product .cmn-title_wrap {
  display: block; }
  body.front-page .product .cmn-title_wrap.pb10 {
    padding-bottom: 0px !important; }
  body.front-page .product .cmn-title_wrap h2 {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 2.35625vw; }
    @media screen and (max-width: 767px) {
      body.front-page .product .cmn-title_wrap h2 {
        font-size: 6.4vw; } }
@media screen and (max-width: 767px) {
  body.front-page .product .product-link {
    margin-bottom: 50px; } }
@media screen and (max-width: 767px) {
  body.front-page .product .product-link.type2 {
    margin-bottom: 0; } }
@media screen and (max-width: 767px) {
  body.front-page .product .recommend .recommend_title-wrap {
    margin-bottom: 4.9333333333vw; } }
body.front-page .product .recommend .point-text {
  padding-left: 0; }
body.front-page .cta_section {
  padding-top: 70px !important; }

.guide .wrap {
  position: relative; }
  @media screen and (max-width: 840px) {
    .guide .wrap {
      padding: 0 20px; } }
  .guide .wrap:after {
    content: "";
    position: absolute;
    top: 100px;
    left: 50%;
    width: 616px;
    height: 393px;
    -webkit-mask-image: url("../img/top/rcm-mask02.svg");
    mask-image: url("../img/top/rcm-mask02.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    background-color: #fffbe9;
    z-index: -1;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    @media screen and (max-width: 767px) {
      .guide .wrap:after {
        width: 95%; } }
  .guide .wrap .cmn-title_wrap .cmn-title_eng {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 2.35625vw; }
    @media screen and (max-width: 767px) {
      .guide .wrap .cmn-title_wrap .cmn-title_eng {
        font-size: 6.4vw; } }
  @media screen and (max-width: 840px) {
    .guide .wrap .tx_center {
      text-align: left; } }

.recipe .wrap .cmn-title_wrap .cmn-title_eng {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-size: 2.35625vw; }
  @media screen and (max-width: 767px) {
    .recipe .wrap .cmn-title_wrap .cmn-title_eng {
      font-size: 6.4vw; } }
@media screen and (max-width: 840px) {
  .recipe .wrap .tx_center {
    text-align: left; } }

.column .wrap .cmn-title_wrap .cmn-title_eng {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-size: 2.35625vw; }
  @media screen and (max-width: 767px) {
    .column .wrap .cmn-title_wrap .cmn-title_eng {
      font-size: 6.4vw; } }
@media screen and (max-width: 840px) {
  .column .wrap .tx_center {
    text-align: left; } }

.csr {
  padding-top: 100px; }
  @media screen and (max-width: 520px) {
    .csr {
      padding-top: 50px; } }
  @media screen and (max-width: 520px) {
    .csr .wrap {
      padding: 0 20px; } }
  .csr .wrap .cmn-title_wrap .cmn-title_eng {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 2.35625vw; }
    @media screen and (max-width: 767px) {
      .csr .wrap .cmn-title_wrap .cmn-title_eng {
        font-size: 6.4vw; } }
  @media screen and (max-width: 840px) {
    .csr .wrap .tx_center {
      text-align: left; } }
  .csr .wrap .inner .flexBox {
    display: flex;
    justify-content: flex-start;
    gap: 30px 20px;
    max-width: 1140px;
    margin: 0 auto; }
    @media screen and (max-width: 1160px) {
      .csr .wrap .inner .flexBox {
        gap: 30px 2%;
        margin: 0 20px; } }
    @media screen and (max-width: 840px) {
      .csr .wrap .inner .flexBox {
        flex-wrap: wrap;
        gap: 30px 0; } }
    @media screen and (max-width: 520px) {
      .csr .wrap .inner .flexBox {
        margin: 0; } }
    .csr .wrap .inner .flexBox .inBox {
      width: 560px; }
      @media screen and (max-width: 1160px) {
        .csr .wrap .inner .flexBox .inBox {
          width: 49%; } }
      @media screen and (max-width: 840px) {
        .csr .wrap .inner .flexBox .inBox {
          width: 100%; } }
      .csr .wrap .inner .flexBox .inBox a {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 20px;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); }
        .csr .wrap .inner .flexBox .inBox a:hover p {
          color: #584134; }
        .csr .wrap .inner .flexBox .inBox a .imgBox {
          width: 140px;
          height: 140px; }
          @media screen and (max-width: 440px) {
            .csr .wrap .inner .flexBox .inBox a .imgBox {
              width: 100%;
              height: 120px; } }
          .csr .wrap .inner .flexBox .inBox a .imgBox:empty {
            background-color: #DFDFDF; }
        .csr .wrap .inner .flexBox .inBox a .txBox {
          width: calc(100% - 160px); }
          @media screen and (max-width: 440px) {
            .csr .wrap .inner .flexBox .inBox a .txBox {
              width: 100%;
              padding: 20px 0 0 0; } }
          .csr .wrap .inner .flexBox .inBox a .txBox p {
            color: #584134 !important; }
            .csr .wrap .inner .flexBox .inBox a .txBox p.title {
              font-size: 20px;
              padding-bottom: 15px; }
            .csr .wrap .inner .flexBox .inBox a .txBox p.tx {
              font-size: 14px;
              padding-bottom: 15px;
              color: #8cb223 !important; }
            .csr .wrap .inner .flexBox .inBox a .txBox p.link {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              gap: 0 5px;
              color: #1277e9 !important;
              padding-top: 15px;
              text-decoration: underline; }
              .csr .wrap .inner .flexBox .inBox a .txBox p.link:after {
                display: block;
                content: "";
                width: 14px;
                height: 14px;
                background: url("../img/top/link_icon.png") no-repeat center;
                background-size: 100%; }

/*----------------------------------------

products

----------------------------------------*/
body.products-page section.aboutsoy .bg-noise.type2 {
  padding-bottom: 7vw; }
body.products-page section.recommend {
  position: relative; }
  body.products-page section.recommend .deco {
    position: absolute;
    top: 0;
    z-index: -1; }
    body.products-page section.recommend .deco.deco1 {
      top: 100px;
      left: 10%; }
      @media screen and (max-width: 1800px) {
        body.products-page section.recommend .deco.deco1 {
          left: 2%; } }
      @media screen and (max-width: 1200px) {
        body.products-page section.recommend .deco.deco1 {
          width: 300px; } }
      @media screen and (max-width: 767px) {
        body.products-page section.recommend .deco.deco1 {
          width: 150px;
          left: 20px; } }
      @media screen and (max-width: 520px) {
        body.products-page section.recommend .deco.deco1 {
          width: 120px;
          top: 20px;
          left: 3px; } }
    body.products-page section.recommend .deco.deco2 {
      top: 20px;
      right: 10%; }
      @media screen and (max-width: 1800px) {
        body.products-page section.recommend .deco.deco2 {
          right: 2%; } }
      @media screen and (max-width: 1200px) {
        body.products-page section.recommend .deco.deco2 {
          width: 300px; } }
      @media screen and (max-width: 767px) {
        body.products-page section.recommend .deco.deco2 {
          width: 150px;
          right: 20px; } }
      @media screen and (max-width: 520px) {
        body.products-page section.recommend .deco.deco2 {
          width: 100px;
          top: 140px; } }
      @media screen and (max-width: 420px) {
        body.products-page section.recommend .deco.deco2 {
          width: 100px;
          top: 120px;
          right: 3px; } }
  body.products-page section.recommend .wrap {
    position: relative;
    z-index: 1; }
    body.products-page section.recommend .wrap .recommend_in {
      background: url("../img/common/bg_noise.jpg");
      background-size: 100px;
      border-radius: 20px;
      overflow: hidden;
      max-width: 620px;
      padding: 30px;
      margin: 0 auto 50px; }
      @media screen and (max-width: 1000px) {
        body.products-page section.recommend .wrap .recommend_in {
          max-width: 500px; } }
      @media screen and (max-width: 520px) {
        body.products-page section.recommend .wrap .recommend_in {
          margin-bottom: 20px;
          padding: 15px; } }
      body.products-page section.recommend .wrap .recommend_in ul li {
        line-height: 200%;
        font-size: 18px;
        position: relative;
        padding-left: 45px; }
        @media screen and (max-width: 1000px) {
          body.products-page section.recommend .wrap .recommend_in ul li {
            font-size: 16px; } }
        @media screen and (max-width: 520px) {
          body.products-page section.recommend .wrap .recommend_in ul li {
            font-size: 14px; } }
        body.products-page section.recommend .wrap .recommend_in ul li:before {
          content: "";
          position: absolute;
          top: 10px;
          left: 0;
          width: 30px;
          height: 20px;
          mask-image: url("../img/top/rcm-mask01.svg");
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: contain;
          -webkit-mask-image: url("../img/top/rcm-mask01.svg");
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-position: center;
          -webkit-mask-size: contain;
          background-color: #FFF; }
    @media screen and (max-width: 520px) {
      body.products-page section.recommend .wrap .cmn-txt {
        text-align: left; } }
  body.products-page section.recommend .inner {
    width: 84.375vw;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      body.products-page section.recommend .inner {
        width: 91.7333333333vw; } }
  body.products-page section.recommend .unit-wrap {
    margin-top: 2.734375vw;
    margin-bottom: 3.125vw; }
  @media screen and (max-width: 767px) {
    body.products-page section.recommend .recipe-unit {
      width: 40.7333333333vw; } }
  @media screen and (max-width: 767px) {
    body.products-page section.recommend .recipe-unit .mask {
      height: 40.7333333333vw; } }
  @media screen and (min-width: 768px) {
    body.products-page section.recommend .unit-wrap {
      overflow: hidden; } }
  @media screen and (max-width: 767px) {
    body.products-page section.recommend .unit-wrap {
      margin-top: 6.4vw;
      margin-bottom: 0vw; } }
  @media screen and (max-width: 520px) {
    body.products-page section.recommend .unit-wrap {
      margin-top: 6.4vw;
      margin-bottom: 6vw; } }
  @media screen and (max-width: 767px) {
    body.products-page section.recommend .recipe-swiper {
      overflow: visible; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next, body.products-page section.recommend .recipe-swiper .swiper-button-prev {
      display: none; }
    body.products-page section.recommend .recipe-swiper .swiper-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 6.4vw 4.2666666667vw; }
    body.products-page section.recommend .recipe-swiper .swiper-wrapper .swiper-slide {
      width: auto;
      height: auto;
      margin: 0 !important; } }
  @media screen and (min-width: 768px) {
    body.products-page section.recommend .recipe-swiper {
      padding: 0 1.5625vw; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next, body.products-page section.recommend .recipe-swiper .swiper-button-prev {
      width: 2.96875vw;
      height: 100%;
      top: 0;
      margin-top: 0;
      color: unset;
      background-color: #fff; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next .ico_next, body.products-page section.recommend .recipe-swiper .swiper-button-prev .ico_next {
      top: 9.5703125vw;
      translate: 0 -50%;
      width: 2.96875vw;
      flex-shrink: 0;
      position: absolute; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next::after, body.products-page section.recommend .recipe-swiper .swiper-button-prev::after {
      content: none; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next.swiper-button-disabled, body.products-page section.recommend .recipe-swiper .swiper-button-prev.swiper-button-disabled {
      opacity: 1; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next.swiper-button-disabled .ico_next, body.products-page section.recommend .recipe-swiper .swiper-button-prev.swiper-button-disabled .ico_next {
      opacity: 0.55; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next {
      right: -1.875vw; }
    body.products-page section.recommend .recipe-swiper .swiper-button-next .ico_next {
      left: -1.953125vw; }
    body.products-page section.recommend .recipe-swiper .swiper-button-prev {
      left: -1.875vw; }
    body.products-page section.recommend .recipe-swiper .swiper-button-prev .ico_next {
      right: -1.953125vw; } }
body.products-page section.type_soykke {
  				/*
  				background: url("../img/products/soykke/bg-img.png") no-repeat center;
  				@include mqNum(1000, max) {
  					background-position: center 30px;
  					background-size: 100%;
  				}
  				@include mqNum(520, max) {
  					background: url("../img/products/soykke/bg-img_sp1.png") no-repeat center;
  					background-position: center 10px;
  					background-size: 95%;
  					position: relative;
  					&:after{
  						content: "";
  						position: absolute;
  						bottom: -100px;
  						left: 0;
  						width: 150px;
  						height: 110px;
  						background: url("../img/products/soykke/bg-img_sp2.png") no-repeat center;
                          background-position: center;
  						background-size: 95%;
  						z-index: -1;
  					}
  				}
  				*/ }
body.products-page section.type_soykakeru {
  /*
  background: url("../img/products/soykakeru/bg-img.png") no-repeat center;
  @include mqNum(1000, max) {
  	background-position: center 30px;
  	background-size: 100%;
  }
  @include mqNum(520, max) {
  	background: url("../img/products/soykakeru/bg-img_sp1.png") no-repeat center;
  	background-position: center 10px;
  	background-size: 95%;
  	position: relative;
  }
  */ }
body.products-page .cta_section {
  padding-top: 30px; }
body.products-page .soykakeru_in {
  background-color: #FFF;
  border-radius: 20px;
  overflow: hidden;
  max-width: 620px;
  padding: 30px;
  margin: 40px auto !important; }
  @media screen and (max-width: 1000px) {
    body.products-page .soykakeru_in {
      max-width: 500px; } }
  @media screen and (max-width: 520px) {
    body.products-page .soykakeru_in {
      margin-bottom: 20px;
      padding: 15px; } }
  body.products-page .soykakeru_in ul li {
    line-height: 200%;
    font-size: 18px;
    position: relative;
    padding-left: 35px; }
    @media screen and (max-width: 1000px) {
      body.products-page .soykakeru_in ul li {
        font-size: 16px; } }
    @media screen and (max-width: 520px) {
      body.products-page .soykakeru_in ul li {
        font-size: 14px; } }
    body.products-page .soykakeru_in ul li:before {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      width: 30px;
      height: 20px;
      mask-image: url("../img/top/rcm-mask01.svg");
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
      -webkit-mask-image: url("../img/top/rcm-mask01.svg");
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      background-color: #e7dac4; }

@media screen and (max-width: 520px) {
  body.products-list-page section.pagehead .wrap {
    padding-left: 0;
    padding-right: 0; } }
body.products-list-page section.diff {
  overflow: hidden; }
  body.products-list-page section.diff .wrap {
    position: relative; }
    @media screen and (max-width: 840px) {
      body.products-list-page section.diff .wrap {
        padding: 0 20px; } }
    body.products-list-page section.diff .wrap .intro-wrap {
      padding-top: 6.25vw;
      padding-bottom: 5.40625vw; }
      @media screen and (max-width: 767px) {
        body.products-list-page section.diff .wrap .intro-wrap {
          padding-top: 5.5333333333vw;
          padding-bottom: 5.2vw;
          margin-top: -1.3333333333vw; } }
      body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap {
        display: flex;
        justify-content: center;
        gap: 3.125vw; }
        @media screen and (max-width: 767px) {
          body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap {
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            gap: 8.5333333333vw; } }
        body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item {
          background-image: url("../img/common/bg_noise.jpg");
          background-repeat: repeat;
          background-size: 100px;
          width: 26.171875vw;
          border-radius: 1.5625vw;
          overflow: hidden;
          padding: 20px; }
          @media screen and (max-width: 767px) {
            body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item {
              width: 86.6666666667vw;
              border-radius: 4.2666666667vw; } }
          body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 330px;
            overflow: hidden; }
            @media screen and (max-width: 1500px) {
              body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox {
                height: 280px; } }
            @media screen and (max-width: 1200px) {
              body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox {
                height: 220px; } }
            @media screen and (max-width: 768px) {
              body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox {
                height: 400px; } }
            @media screen and (max-width: 520px) {
              body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox {
                height: 300px; } }
            @media screen and (max-width: 420px) {
              body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox {
                height: 200px; } }
            body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .imgBox img {
              object-fit: cover;
              height: 100%;
              width: 100%; }
          body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .cmn-txt.title {
            font-family: "Zen Kaku Gothic New", sans-serif !important;
            font-size: 2.35625vw !important;
            font-weight: 500; }
            @media screen and (max-width: 767px) {
              body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .cmn-txt.title {
                font-size: 6.4vw !important; } }
          body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .diff_arrow {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 0 10px; }
            body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .diff_arrow span {
              font-size: 16px; }
              @media screen and (max-width: 767px) {
                body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .diff_arrow span {
                  font-size: 14px; } }
            body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .diff_arrow .arrow {
              box-sizing: border-box;
              width: 70px;
              height: 30px;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: #584134;
              color: #FFF;
              font-size: 12px;
              padding: 5px 20px 5px 5px;
              text-align: center;
              clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); }
              @media screen and (max-width: 767px) {
                body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox .diff_arrow .arrow {
                  font-size: 12px; } }
          body.products-list-page section.diff .wrap .intro-wrap .diff_flex_wrap .diff-item .txBox a {
            display: block;
            text-align: right;
            padding: 15px 0 0 0; }
body.products-list-page section.products-list .intro-wrap {
  padding-top: 4.25vw;
  padding-bottom: 5.40625vw; }
  @media screen and (max-width: 767px) {
    body.products-list-page section.products-list .intro-wrap {
      padding-top: 5.5333333333vw;
      padding-bottom: 12.2vw;
      margin-top: -1.3333333333vw; } }
  body.products-list-page section.products-list .intro-wrap .wrap {
    position: relative; }
    @media screen and (max-width: 840px) {
      body.products-list-page section.products-list .intro-wrap .wrap {
        padding: 0 20px; } }
  @media screen and (max-width: 840px) {
    body.products-list-page section.products-list .intro-wrap .tx_center {
      text-align: left !important; } }
body.products-list-page section.products-list .wrap.pro {
  width: 87.5vw;
  margin: 0 auto;
  margin-bottom: 4.84375vw;
  padding: 4.453125vw 0 4.53125vw;
  position: relative; }
  @media screen and (max-width: 767px) {
    body.products-list-page section.products-list .wrap.pro {
      width: 86.6666666667vw;
      margin-bottom: 15.4666666667vw;
      padding: 0;
      padding-bottom: 9.3333333333vw;
      background-size: 76vw;
      background-position: 2em 37em; } }
  body.products-list-page section.products-list .wrap.pro .inner {
    width: 45.78125vw;
    margin-left: auto; }
    @media screen and (max-width: 767px) {
      body.products-list-page section.products-list .wrap.pro .inner {
        width: 100%; } }
    body.products-list-page section.products-list .wrap.pro .inner .cmn-title_wrap {
      margin-bottom: 30px; }
    body.products-list-page section.products-list .wrap.pro .inner .cmn-title_wrap {
      text-align: left; }
    body.products-list-page section.products-list .wrap.pro .inner .cmn-title_eng {
      text-align: left; }
    body.products-list-page section.products-list .wrap.pro .inner .point {
      background-image: url("../img/common/bg_noise.jpg");
      background-repeat: repeat;
      background-size: 100px;
      border-radius: 20px;
      padding: 20px 40px; }
      @media screen and (max-width: 520px) {
        body.products-list-page section.products-list .wrap.pro .inner .point {
          border-radius: 10px;
          padding: 20px; } }
      body.products-list-page section.products-list .wrap.pro .inner .point p {
        font-weight: 600;
        padding-bottom: 15px; }
      body.products-list-page section.products-list .wrap.pro .inner .point ul li {
        position: relative;
        padding: 0 0 0 1em;
        line-height: 200%; }
        body.products-list-page section.products-list .wrap.pro .inner .point ul li:before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
    body.products-list-page section.products-list .wrap.pro .inner .btnArea {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 30px; }
      @media screen and (max-width: 767px) {
        body.products-list-page section.products-list .wrap.pro .inner .btnArea {
          justify-content: center;
          flex-wrap: wrap;
          gap: 10px 0; } }
      body.products-list-page section.products-list .wrap.pro .inner .btnArea .cmn-btn {
        font-family: "Zen Kaku Gothic New", sans-serif !important;
        margin: 0; }
        @media screen and (max-width: 520px) {
          body.products-list-page section.products-list .wrap.pro .inner .btnArea .cmn-btn {
            width: 95% !important;
            height: 11vw; } }
        body.products-list-page section.products-list .wrap.pro .inner .btnArea .cmn-btn.type2 {
          border: 1px solid #8cb222;
          background-color: #FFF;
          color: #8cb222;
          width: auto;
          padding: 0 40px; }
          @media screen and (max-width: 767px) {
            body.products-list-page section.products-list .wrap.pro .inner .btnArea .cmn-btn.type2 {
              padding: 0 20px; } }
          @media screen and (max-width: 520px) {
            body.products-list-page section.products-list .wrap.pro .inner .btnArea .cmn-btn.type2 {
              padding: 0; } }
          body.products-list-page section.products-list .wrap.pro .inner .btnArea .cmn-btn.type2:hover {
            color: #FFF;
            background-color: #8cb222; }
  body.products-list-page section.products-list .wrap.pro .clipped-image {
    right: auto;
    left: 48.671875vw;
    -webkit-mask-image: url("../img/products/products-mask.svg");
    mask-image: url("../img/products/products-mask.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    position: absolute;
    width: 34.609375vw;
    height: 36.09375vw;
    top: 4.296875vw;
    right: 48.671875vw;
    z-index: -1; }
    @media screen and (max-width: 767px) {
      body.products-list-page section.products-list .wrap.pro .clipped-image {
        position: relative;
        left: 0;
        top: 0;
        width: 72.5333333333vw;
        height: 75.7333333333vw;
        margin: 0 auto;
        margin-top: 7.2vw; } }
    body.products-list-page section.products-list .wrap.pro .clipped-image img {
      aspect-ratio: 462/462;
      height: 100%;
      width: auto;
      transform: translateX(-1.25vw); }
      @media screen and (max-width: 767px) {
        body.products-list-page section.products-list .wrap.pro .clipped-image img {
          transform: translateX(-2.9333333333vw);
          aspect-ratio: 284/284; } }
body.products-list-page section.products-list .wrap.type1 .inner {
  margin-right: auto;
  margin-left: 0; }
  body.products-list-page section.products-list .wrap.type1 .inner h3 {
    opacity: 1 !important; }
body.products-list-page section.products-list .wrap.type2 {
  margin-top: 4.84375vw; }
  @media screen and (max-width: 767px) {
    body.products-list-page section.products-list .wrap.type2 {
      margin-top: 15.4666666667vw; } }
  body.products-list-page section.products-list .wrap.type2 .inner h3 {
    opacity: 1 !important; }
  body.products-list-page section.products-list .wrap.type2 .clipped-image {
    right: auto;
    left: 0;
    -webkit-mask-image: url("../img/products/products-mask2.svg");
    mask-image: url("../img/products/products-mask2.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%; }
    @media screen and (max-width: 767px) {
      body.products-list-page section.products-list .wrap.type2 .clipped-image {
        position: relative;
        left: 0;
        top: 0;
        width: 72.5333333333vw;
        height: 75.7333333333vw;
        margin: 0 auto;
        margin-top: 7.2vw; } }
body.products-list-page section.products-other {
  width: 87.5vw;
  margin: 0 auto;
  margin-top: 1.84375vw;
  padding: 4.453125vw 0 4.53125vw;
  position: relative; }
  @media screen and (max-width: 767px) {
    body.products-list-page section.products-other {
      width: 86.6666666667vw;
      margin-top: 5.4666666667vw;
      padding: 0;
      padding-bottom: 9.3333333333vw;
      background-size: 76vw;
      background-position: 2em 37em; } }
  @media screen and (max-width: 520px) {
    body.products-list-page section.products-other .wrap {
      padding-left: 0;
      padding-right: 0; } }
  body.products-list-page section.products-other .wrap .intro-wrap .inner {
    display: flex;
    justify-content: center;
    gap: 0 80px; }
    @media screen and (max-width: 767px) {
      body.products-list-page section.products-other .wrap .intro-wrap .inner {
        flex-wrap: wrap;
        gap: 30px 0; } }
    body.products-list-page section.products-other .wrap .intro-wrap .inner .box {
      width: 47%; }
      @media screen and (max-width: 767px) {
        body.products-list-page section.products-other .wrap .intro-wrap .inner .box {
          width: 100%; } }
      body.products-list-page section.products-other .wrap .intro-wrap .inner .box .cmn-title_wrap {
        text-align: left; }
        body.products-list-page section.products-other .wrap .intro-wrap .inner .box .cmn-title_wrap .cmn-title_jp {
          text-align: left; }
        body.products-list-page section.products-other .wrap .intro-wrap .inner .box .cmn-title_wrap .cmn-title_eng {
          text-align: left; }
      body.products-list-page section.products-other .wrap .intro-wrap .inner .box .imgBox {
        margin-bottom: 20px; }
      body.products-list-page section.products-other .wrap .intro-wrap .inner .box .cmn-btn {
        font-family: "Zen Kaku Gothic New", sans-serif !important; }

/*----------------------------------------

RECIPE

----------------------------------------*/
body.recipe-archive .recipe .wrap .cmn-txt {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
    body.recipe-archive .recipe .wrap .cmn-txt {
      padding: 30px 20px;
      text-align: left; } }
  body.recipe-archive .recipe .wrap .cmn-txt span.col1 {
    color: #8cb222;
    font-weight: 500; }
body.recipe-archive .recipe .wrap .recipe-inner .recipe-cat-block-wrap .recipe-cat-block .recipe-cat-list .recipe-cat-link.type2 {
  margin-left: 0; }
  body.recipe-archive .recipe .wrap .recipe-inner .recipe-cat-block-wrap .recipe-cat-block .recipe-cat-list .recipe-cat-link.type2 span {
    background-color: #452d20;
    padding: 5px 10px;
    border-radius: 30px;
    color: #FFF; }

/*----------------------------------------

FAQ

----------------------------------------*/
body.faq-page .pagehead {
  padding-bottom: 5.15625vw; }
@media screen and (max-width: 767px) {
  body.faq-page .pagehead {
    padding-bottom: 0vw; } }
body.faq-page .pagehead .pic-main {
  margin-bottom: -11.5625vw;
  width: 67.734375vw;
  margin-left: auto; }
body.faq-page .pagehead .pic-main .pagehead-mask {
  -webkit-mask-image: url("../img/common/mask-main-pc.svg");
  mask-image: url("../img/common/mask-main-pc.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: right top;
  mask-position: right top;
  width: 100%; }
@media screen and (max-width: 767px) {
  body.faq-page .pagehead .pic-main .pagehead-mask {
    -webkit-mask-image: url("../img/common/mask-main-sp.svg");
    mask-image: url("../img/common/mask-main-sp.svg"); } }
@media screen and (max-width: 767px) {
  body.faq-page .pagehead .pic-main {
    margin-bottom: 6.6666666667vw;
    width: 100%; } }
body.faq-page .pagehead .cmn-title_wrap {
  text-align: inherit;
  margin-left: 6.25vw; }
@media screen and (max-width: 767px) {
  body.faq-page .pagehead .cmn-title_wrap {
    margin-left: 0;
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw; } }
body .faq-inner {
  flex-wrap: wrap; }
  body .faq-inner .faq-mark {
    width: 24px; }
    body .faq-inner .faq-mark.type2 {
      color: #bd0909 !important; }
  body .faq-inner .faq-text {
    width: calc(100% - 50px); }
  body .faq-inner img {
    width: 100%; }

/*----------------------------------------

contact

----------------------------------------*/
body.contact-page .form .input-wrap.radio .wpcf7-radio {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item {
    width: 50%;
    margin: 0; }
    @media screen and (max-width: 520px) {
      body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item {
        width: 100%; } }
    body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item label {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      padding-left: 20px; }
      @media screen and (max-width: 520px) {
        body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item label {
          padding: 10px 0 10px 20px; } }
      body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item label:before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #462d1f;
        border-radius: 50%; }
        @media screen and (max-width: 520px) {
          body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item label:before {
            top: 9px; } }
      body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item label input {
        position: relative;
        display: block;
        width: 15px;
        height: 15px;
        display: none; }
        body.contact-page .form .input-wrap.radio .wpcf7-radio .wpcf7-list-item label input:checked + .wpcf7-list-item-label::before {
          content: "";
          position: absolute;
          left: 3px;
          top: 9px;
          transform: translateY(-50%);
          width: 10px;
          height: 10px;
          background-color: #462d1f;
          border-radius: 50%; }

/*----------------------------------------

フッターCTA

----------------------------------------*/
.cta_section {
  padding-top: 170px;
  width: 100%; }
  @media screen and (max-width: 520px) {
    .cta_section {
      padding-top: 50px; } }
  .cta_section .wrap {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .cta_section .cmn-title_wrap {
    margin-bottom: 0 !important; }
  .cta_section .cmn-title_jp {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 1.25vw; }
    @media screen and (max-width: 520px) {
      .cta_section .cmn-title_jp {
        font-size: 3.7333333333vw; } }
  .cta_section .cmn-title_eng {
    font-size: 4.21875vw !important;
    font-family: "Marcellus", serif !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 767px) {
      .cta_section .cmn-title_eng {
        font-size: 6.4vw !important; } }
    .cta_section .cmn-title_eng.jp {
      font-family: "Zen Kaku Gothic New", sans-serif !important;
      font-size: 2.35625vw !important; }
      @media screen and (max-width: 767px) {
        .cta_section .cmn-title_eng.jp {
          font-size: 6.4vw !important; } }
  .cta_section .tx {
    font-size: 18px;
    text-align: center;
    line-height: 37px;
    left: 0.1em;
    padding: 50px 20px; }
    @media screen and (max-width: 520px) {
      .cta_section .tx {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 30px; } }
  .cta_section .cmn-btn_wrap {
    text-align: center; }
    .cta_section .cmn-btn_wrap a {
      width: auto;
      height: auto;
      padding: 10px 20px;
      display: inline-block; }

@media screen and (max-width: 520px) {
  .recipe-archive .footer,
  .column-archive .footer {
    margin-top: 21.3333333333vw; } }

.faqTable caption {
  font-weight: 700;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px; }
.faqTable tr th, .faqTable tr td {
  border: 1px solid #B1B1B1;
  width: auto;
  background-color: #FFF;
  padding: 10px;
  width: 40%;
  vertical-align: middle; }
  .faqTable tr th:first-child, .faqTable tr td:first-child {
    width: 20%; }
.faqTable tr th {
  background-color: #e8e2d9; }
.faqTable tr td:first-child {
  text-align: center; }

.author .author_wrap .authorBox {
  border: 1px solid #8cb222;
  border-radius: 10px;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .author .author_wrap .authorBox {
      padding: 20px 10px;
      position: relative; } }
  .author .author_wrap .authorBox .imgBox {
    width: 20%;
    text-align: center; }
    @media screen and (max-width: 520px) {
      .author .author_wrap .authorBox .imgBox {
        position: absolute;
        top: 5px;
        left: 10px;
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 400px) {
      .author .author_wrap .authorBox .imgBox {
        width: 65px;
        height: 65px; } }
  .author .author_wrap .authorBox .txBox {
    width: 75%; }
    @media screen and (max-width: 520px) {
      .author .author_wrap .authorBox .txBox {
        width: 100%; } }
    .author .author_wrap .authorBox .txBox p {
      font-size: 1.015625vw;
      line-height: 180%; }
      @media screen and (max-width: 767px) {
        .author .author_wrap .authorBox .txBox p {
          font-size: 3.2vw; } }
      .author .author_wrap .authorBox .txBox p.icon {
        padding: 0 0 5px; }
        @media screen and (max-width: 520px) {
          .author .author_wrap .authorBox .txBox p.icon {
            margin: 0 0 0 100px; } }
        @media screen and (max-width: 400px) {
          .author .author_wrap .authorBox .txBox p.icon {
            margin: 0 0 0 75px; } }
        .author .author_wrap .authorBox .txBox p.icon span {
          background-color: #8cb222;
          color: #FFF;
          font-size: 14px;
          padding: 3px 15px;
          border-radius: 5px; }
      .author .author_wrap .authorBox .txBox p.namae {
        padding: 0 0 10px; }
        @media screen and (max-width: 520px) {
          .author .author_wrap .authorBox .txBox p.namae {
            margin: 0 0 0 100px; } }
        @media screen and (max-width: 400px) {
          .author .author_wrap .authorBox .txBox p.namae {
            margin: 0 0 0 75px; } }
        .author .author_wrap .authorBox .txBox p.namae span {
          padding: 0 20px 0 0;
          color: #8cb222; }

.slide01 {
  transform: translateY(-0.3125vw); }

@media screen and (max-width: 767px) {
  .slide01 {
    transform: translateY(-0.8vw); } }
.slide01 .slide-inner {
  transform: rotate(-39.05deg); }

.slide02 {
  transform: translateY(-0.3125vw); }

@media screen and (max-width: 767px) {
  .slide02 {
    transform: translateY(-0.8vw); } }
.slide02 .slide-inner {
  transform: rotate(-61.4deg); }

.slide03 {
  transform: translateY(-0.78125vw); }

@media screen and (max-width: 767px) {
  .slide03 {
    transform: translateY(-1.8666666667vw); } }
.slide03 .slide-inner {
  transform: rotate(-37.13deg); }

.slide04 {
  transform: translateY(0.703125vw); }

@media screen and (max-width: 767px) {
  .slide04 {
    transform: translateY(1.3333333333vw); } }
.slide04 .slide-inner {
  transform: rotate(-26.79deg); }

.slide05 {
  transform: translateY(-0.3125vw); }

@media screen and (max-width: 767px) {
  .slide05 {
    transform: translateY(-0.8vw); } }
.slide06 {
  transform: translateY(0.859375vw); }

@media screen and (max-width: 767px) {
  .slide06 {
    transform: translateY(1.6vw); } }
.slide06 .slide-inner {
  transform: rotate(-117deg); }

.slide07 {
  transform: translateY(-0.78125vw); }

@media screen and (max-width: 767px) {
  .slide07 {
    transform: translateY(-1.8666666667vw); } }
.slide07 .slide-inner {
  transform: rotate(24deg); }

.slide08 {
  transform: translateY(-0.234375vw); }

@media screen and (max-width: 767px) {
  .slide08 {
    transform: translateY(-0.8vw); } }
.slide08 .slide-inner {
  transform: rotate(-145deg); }

.slide09 {
  transform: translateY(-1.015625vw); }

@media screen and (max-width: 767px) {
  .slide09 {
    transform: translateY(-2.4vw); } }
@media screen and (min-width: 768px) {
  @keyframes loop-scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(-36.9140625vw); } } }
@media screen and (max-width: 767px) {
  @keyframes loop-scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(-81.6vw); } } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.bg-loop {
  width: 100vw;
  overflow: hidden;
  height: 4.6875vw;
  align-items: center;
  display: flex; }

@media screen and (max-width: 767px) {
  .bg-loop {
    height: 10.6666666667vw; } }
.sliderloop-block-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: loop-scroll 10s linear infinite;
  will-change: transform; }

.scroll-track-item {
  display: flex;
  gap: 0 1.3671875vw;
  margin: 0 0.68359375vw; }

@media screen and (max-width: 767px) {
  .scroll-track-item {
    gap: 0 2.9333333333vw;
    margin: 0 1.4666666667vw; } }
.scroll-item {
  flex-shrink: 0;
  width: 2.734375vw;
  display: flex;
  align-items: center;
  justify-content: center; }

@media screen and (max-width: 767px) {
  .scroll-item {
    width: 6.1333333333vw; } }
.scroll-item.rotate .random-img {
  animation: spin 1.7s steps(6) 1 forwards; }

.slide-inner {
  width: 100%;
  height: auto;
  max-width: 2.734375vw; }

@media screen and (max-width: 767px) {
  .slide-inner {
    max-width: 6.1333333333vw; } }
.random-img {
  display: block;
  transform-origin: center;
  max-width: 2.734375vw; }

@media screen and (max-width: 767px) {
  .random-img {
    max-width: 6.1333333333vw; } }
.beans-wrapper {
  position: absolute;
  transform-origin: center;
  pointer-events: none; }

.beans-wrapper .bean {
  width: 100%;
  height: 100%;
  transform-origin: center; }

@keyframes anim_shake {
  0% {
    transform: rotate(0); }
  25% {
    transform: rotate(-30deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-30deg); }
  100% {
    transform: rotate(0deg); } }
.anim_shake {
  animation: anim_shake 2s steps(1, start) infinite; }

/*　スペース　*/
.mt100 {
  margin-top: 100px; }

.mb100 {
  margin-bottom: 100px; }

.mr100 {
  margin-right: 100px; }

.ml100 {
  margin-left: 100px; }

.pt100 {
  padding-top: 100px; }

.pb100 {
  padding-bottom: 100px; }

.pr100 {
  padding-right: 100px; }

.pl100 {
  padding-left: 100px; }

@media screen and (max-width: 520px) {
  .mt100 {
    margin-top: 50px; }

  .mb100 {
    margin-bottom: 50px; }

  .mr100 {
    margin-right: 50px; }

  .ml100 {
    margin-left: 50px; }

  .pt100 {
    padding-top: 50px; }

  .pb100 {
    padding-bottom: 50px; }

  .pr100 {
    padding-right: 50px; }

  .pl100 {
    padding-left: 50px; } }
.mt95 {
  margin-top: 95px; }

.mb95 {
  margin-bottom: 95px; }

.mr95 {
  margin-right: 95px; }

.ml95 {
  margin-left: 95px; }

.pt95 {
  padding-top: 95px; }

.pb95 {
  padding-bottom: 95px; }

.pr95 {
  padding-right: 95px; }

.pl95 {
  padding-left: 95px; }

@media screen and (max-width: 520px) {
  .mt95 {
    margin-top: 47.5px; }

  .mb95 {
    margin-bottom: 47.5px; }

  .mr95 {
    margin-right: 47.5px; }

  .ml95 {
    margin-left: 47.5px; }

  .pt95 {
    padding-top: 47.5px; }

  .pb95 {
    padding-bottom: 47.5px; }

  .pr95 {
    padding-right: 47.5px; }

  .pl95 {
    padding-left: 47.5px; } }
.mt90 {
  margin-top: 90px; }

.mb90 {
  margin-bottom: 90px; }

.mr90 {
  margin-right: 90px; }

.ml90 {
  margin-left: 90px; }

.pt90 {
  padding-top: 90px; }

.pb90 {
  padding-bottom: 90px; }

.pr90 {
  padding-right: 90px; }

.pl90 {
  padding-left: 90px; }

@media screen and (max-width: 520px) {
  .mt90 {
    margin-top: 45px; }

  .mb90 {
    margin-bottom: 45px; }

  .mr90 {
    margin-right: 45px; }

  .ml90 {
    margin-left: 45px; }

  .pt90 {
    padding-top: 45px; }

  .pb90 {
    padding-bottom: 45px; }

  .pr90 {
    padding-right: 45px; }

  .pl90 {
    padding-left: 45px; } }
.mt85 {
  margin-top: 85px; }

.mb85 {
  margin-bottom: 85px; }

.mr85 {
  margin-right: 85px; }

.ml85 {
  margin-left: 85px; }

.pt85 {
  padding-top: 85px; }

.pb85 {
  padding-bottom: 85px; }

.pr85 {
  padding-right: 85px; }

.pl85 {
  padding-left: 85px; }

@media screen and (max-width: 520px) {
  .mt85 {
    margin-top: 42.5px; }

  .mb85 {
    margin-bottom: 42.5px; }

  .mr85 {
    margin-right: 42.5px; }

  .ml85 {
    margin-left: 42.5px; }

  .pt85 {
    padding-top: 42.5px; }

  .pb85 {
    padding-bottom: 42.5px; }

  .pr85 {
    padding-right: 42.5px; }

  .pl85 {
    padding-left: 42.5px; } }
.mt80 {
  margin-top: 80px; }

.mb80 {
  margin-bottom: 80px; }

.mr80 {
  margin-right: 80px; }

.ml80 {
  margin-left: 80px; }

.pt80 {
  padding-top: 80px; }

.pb80 {
  padding-bottom: 80px; }

.pr80 {
  padding-right: 80px; }

.pl80 {
  padding-left: 80px; }

@media screen and (max-width: 520px) {
  .mt80 {
    margin-top: 40px; }

  .mb80 {
    margin-bottom: 40px; }

  .mr80 {
    margin-right: 40px; }

  .ml80 {
    margin-left: 40px; }

  .pt80 {
    padding-top: 40px; }

  .pb80 {
    padding-bottom: 40px; }

  .pr80 {
    padding-right: 40px; }

  .pl80 {
    padding-left: 40px; } }
.mt75 {
  margin-top: 75px; }

.mb75 {
  margin-bottom: 75px; }

.mr75 {
  margin-right: 75px; }

.ml75 {
  margin-left: 75px; }

.pt75 {
  padding-top: 75px; }

.pb75 {
  padding-bottom: 75px; }

.pr75 {
  padding-right: 75px; }

.pl75 {
  padding-left: 75px; }

@media screen and (max-width: 520px) {
  .mt75 {
    margin-top: 37.5px; }

  .mb75 {
    margin-bottom: 37.5px; }

  .mr75 {
    margin-right: 37.5px; }

  .ml75 {
    margin-left: 37.5px; }

  .pt75 {
    padding-top: 37.5px; }

  .pb75 {
    padding-bottom: 37.5px; }

  .pr75 {
    padding-right: 37.5px; }

  .pl75 {
    padding-left: 37.5px; } }
.mt70 {
  margin-top: 70px; }

.mb70 {
  margin-bottom: 70px; }

.mr70 {
  margin-right: 70px; }

.ml70 {
  margin-left: 70px; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.pr70 {
  padding-right: 70px; }

.pl70 {
  padding-left: 70px; }

@media screen and (max-width: 520px) {
  .mt70 {
    margin-top: 35px; }

  .mb70 {
    margin-bottom: 35px; }

  .mr70 {
    margin-right: 35px; }

  .ml70 {
    margin-left: 35px; }

  .pt70 {
    padding-top: 35px; }

  .pb70 {
    padding-bottom: 35px; }

  .pr70 {
    padding-right: 35px; }

  .pl70 {
    padding-left: 35px; } }
.mt65 {
  margin-top: 65px; }

.mb65 {
  margin-bottom: 65px; }

.mr65 {
  margin-right: 65px; }

.ml65 {
  margin-left: 65px; }

.pt65 {
  padding-top: 65px; }

.pb65 {
  padding-bottom: 65px; }

.pr65 {
  padding-right: 65px; }

.pl65 {
  padding-left: 65px; }

@media screen and (max-width: 520px) {
  .mt65 {
    margin-top: 32.5px; }

  .mb65 {
    margin-bottom: 32.5px; }

  .mr65 {
    margin-right: 32.5px; }

  .ml65 {
    margin-left: 32.5px; }

  .pt65 {
    padding-top: 32.5px; }

  .pb65 {
    padding-bottom: 32.5px; }

  .pr65 {
    padding-right: 32.5px; }

  .pl65 {
    padding-left: 32.5px; } }
.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.mr60 {
  margin-right: 60px; }

.ml60 {
  margin-left: 60px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.pr60 {
  padding-right: 60px; }

.pl60 {
  padding-left: 60px; }

@media screen and (max-width: 520px) {
  .mt60 {
    margin-top: 30px; }

  .mb60 {
    margin-bottom: 30px; }

  .mr60 {
    margin-right: 30px; }

  .ml60 {
    margin-left: 30px; }

  .pt60 {
    padding-top: 30px; }

  .pb60 {
    padding-bottom: 30px; }

  .pr60 {
    padding-right: 30px; }

  .pl60 {
    padding-left: 30px; } }
.mt55 {
  margin-top: 55px; }

.mb55 {
  margin-bottom: 55px; }

.mr55 {
  margin-right: 55px; }

.ml55 {
  margin-left: 55px; }

.pt55 {
  padding-top: 55px; }

.pb55 {
  padding-bottom: 55px; }

.pr55 {
  padding-right: 55px; }

.pl55 {
  padding-left: 55px; }

@media screen and (max-width: 520px) {
  .mt55 {
    margin-top: 27.5px; }

  .mb55 {
    margin-bottom: 27.5px; }

  .mr55 {
    margin-right: 27.5px; }

  .ml55 {
    margin-left: 27.5px; }

  .pt55 {
    padding-top: 27.5px; }

  .pb55 {
    padding-bottom: 27.5px; }

  .pr55 {
    padding-right: 27.5px; }

  .pl55 {
    padding-left: 27.5px; } }
.mt50 {
  margin-top: 50px; }

.mb50 {
  margin-bottom: 50px; }

.mr50 {
  margin-right: 50px; }

.ml50 {
  margin-left: 50px; }

.pt50 {
  padding-top: 50px; }

.pb50 {
  padding-bottom: 50px; }

.pr50 {
  padding-right: 50px; }

.pl50 {
  padding-left: 50px; }

@media screen and (max-width: 520px) {
  .mt50 {
    margin-top: 25px; }

  .mb50 {
    margin-bottom: 25px; }

  .mr50 {
    margin-right: 25px; }

  .ml50 {
    margin-left: 25px; }

  .pt50 {
    padding-top: 25px; }

  .pb50 {
    padding-bottom: 25px; }

  .pr50 {
    padding-right: 25px; }

  .pl50 {
    padding-left: 25px; } }
.mt45 {
  margin-top: 45px; }

.mb45 {
  margin-bottom: 45px; }

.mr45 {
  margin-right: 45px; }

.ml45 {
  margin-left: 45px; }

.pt45 {
  padding-top: 45px; }

.pb45 {
  padding-bottom: 45px; }

.pr45 {
  padding-right: 45px; }

.pl45 {
  padding-left: 45px; }

@media screen and (max-width: 520px) {
  .mt45 {
    margin-top: 22.5px; }

  .mb45 {
    margin-bottom: 22.5px; }

  .mr45 {
    margin-right: 22.5px; }

  .ml45 {
    margin-left: 22.5px; }

  .pt45 {
    padding-top: 22.5px; }

  .pb45 {
    padding-bottom: 22.5px; }

  .pr45 {
    padding-right: 22.5px; }

  .pl45 {
    padding-left: 22.5px; } }
.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.mr40 {
  margin-right: 40px; }

.ml40 {
  margin-left: 40px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pr40 {
  padding-right: 40px; }

.pl40 {
  padding-left: 40px; }

@media screen and (max-width: 520px) {
  .mt40 {
    margin-top: 20px; }

  .mb40 {
    margin-bottom: 20px; }

  .mr40 {
    margin-right: 20px; }

  .ml40 {
    margin-left: 20px; }

  .pt40 {
    padding-top: 20px; }

  .pb40 {
    padding-bottom: 20px; }

  .pr40 {
    padding-right: 20px; }

  .pl40 {
    padding-left: 20px; } }
.mt35 {
  margin-top: 35px; }

.mb35 {
  margin-bottom: 35px; }

.mr35 {
  margin-right: 35px; }

.ml35 {
  margin-left: 35px; }

.pt35 {
  padding-top: 35px; }

.pb35 {
  padding-bottom: 35px; }

.pr35 {
  padding-right: 35px; }

.pl35 {
  padding-left: 35px; }

@media screen and (max-width: 520px) {
  .mt35 {
    margin-top: 17.5px; }

  .mb35 {
    margin-bottom: 17.5px; }

  .mr35 {
    margin-right: 17.5px; }

  .ml35 {
    margin-left: 17.5px; }

  .pt35 {
    padding-top: 17.5px; }

  .pb35 {
    padding-bottom: 17.5px; }

  .pr35 {
    padding-right: 17.5px; }

  .pl35 {
    padding-left: 17.5px; } }
.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.mr30 {
  margin-right: 30px; }

.ml30 {
  margin-left: 30px; }

.pt30 {
  padding-top: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pr30 {
  padding-right: 30px; }

.pl30 {
  padding-left: 30px; }

@media screen and (max-width: 520px) {
  .mt30 {
    margin-top: 15px; }

  .mb30 {
    margin-bottom: 15px; }

  .mr30 {
    margin-right: 15px; }

  .ml30 {
    margin-left: 15px; }

  .pt30 {
    padding-top: 15px; }

  .pb30 {
    padding-bottom: 15px; }

  .pr30 {
    padding-right: 15px; }

  .pl30 {
    padding-left: 15px; } }
.mt25 {
  margin-top: 25px; }

.mb25 {
  margin-bottom: 25px; }

.mr25 {
  margin-right: 25px; }

.ml25 {
  margin-left: 25px; }

.pt25 {
  padding-top: 25px; }

.pb25 {
  padding-bottom: 25px; }

.pr25 {
  padding-right: 25px; }

.pl25 {
  padding-left: 25px; }

@media screen and (max-width: 520px) {
  .mt25 {
    margin-top: 12.5px; }

  .mb25 {
    margin-bottom: 12.5px; }

  .mr25 {
    margin-right: 12.5px; }

  .ml25 {
    margin-left: 12.5px; }

  .pt25 {
    padding-top: 12.5px; }

  .pb25 {
    padding-bottom: 12.5px; }

  .pr25 {
    padding-right: 12.5px; }

  .pl25 {
    padding-left: 12.5px; } }
.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mr20 {
  margin-right: 20px; }

.ml20 {
  margin-left: 20px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pr20 {
  padding-right: 20px; }

.pl20 {
  padding-left: 20px; }

@media screen and (max-width: 520px) {
  .mt20 {
    margin-top: 10px; }

  .mb20 {
    margin-bottom: 10px; }

  .mr20 {
    margin-right: 10px; }

  .ml20 {
    margin-left: 10px; }

  .pt20 {
    padding-top: 10px; }

  .pb20 {
    padding-bottom: 10px; }

  .pr20 {
    padding-right: 10px; }

  .pl20 {
    padding-left: 10px; } }
.mt15 {
  margin-top: 15px; }

.mb15 {
  margin-bottom: 15px; }

.mr15 {
  margin-right: 15px; }

.ml15 {
  margin-left: 15px; }

.pt15 {
  padding-top: 15px; }

.pb15 {
  padding-bottom: 15px; }

.pr15 {
  padding-right: 15px; }

.pl15 {
  padding-left: 15px; }

@media screen and (max-width: 520px) {
  .mt15 {
    margin-top: 7.5px; }

  .mb15 {
    margin-bottom: 7.5px; }

  .mr15 {
    margin-right: 7.5px; }

  .ml15 {
    margin-left: 7.5px; }

  .pt15 {
    padding-top: 7.5px; }

  .pb15 {
    padding-bottom: 7.5px; }

  .pr15 {
    padding-right: 7.5px; }

  .pl15 {
    padding-left: 7.5px; } }
.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.mr10 {
  margin-right: 10px; }

.ml10 {
  margin-left: 10px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pr10 {
  padding-right: 10px; }

.pl10 {
  padding-left: 10px; }

@media screen and (max-width: 520px) {
  .mt10 {
    margin-top: 5px; }

  .mb10 {
    margin-bottom: 5px; }

  .mr10 {
    margin-right: 5px; }

  .ml10 {
    margin-left: 5px; }

  .pt10 {
    padding-top: 5px; }

  .pb10 {
    padding-bottom: 5px; }

  .pr10 {
    padding-right: 5px; }

  .pl10 {
    padding-left: 5px; } }
.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.mr5 {
  margin-right: 5px; }

.ml5 {
  margin-left: 5px; }

.pt5 {
  padding-top: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pr5 {
  padding-right: 5px; }

.pl5 {
  padding-left: 5px; }

@media screen and (max-width: 520px) {
  .mt5 {
    margin-top: 2.5px; }

  .mb5 {
    margin-bottom: 2.5px; }

  .mr5 {
    margin-right: 2.5px; }

  .ml5 {
    margin-left: 2.5px; }

  .pt5 {
    padding-top: 2.5px; }

  .pb5 {
    padding-bottom: 2.5px; }

  .pr5 {
    padding-right: 2.5px; }

  .pl5 {
    padding-left: 2.5px; } }