@charset "UTF-8";
/* =========================================================

  TOP

========================================================= */
/* ※TOP ONLY */
[data-id="tonyugurt-top"] .l-container._bg-type01 {
  background-size: contain;
}

/*  mainvisual
----------------------------*/
.p-mainvisual {
  background: url(../img/top/mv_bg.png) no-repeat center/cover;
  position: relative;
  padding: 4.6875em 0 4em;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-mainvisual {
    background: url(../img/top/sp/mv_bg.png) no-repeat center/cover;
  }
}

@media screen and (max-width: 768px) {
  .p-mainvisual:after {
    content: "";
    display: block;
    width: 100%;
    height: 7.9rem;
    background: url(../img/top/sp/mv_bg-bottom.png) no-repeat center/cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
}

@media screen and (max-width: 480px) {
  .p-mainvisual:after {
    height: 3.9rem;
  }
}

@media screen and (max-width: 768px) {
	.p-mainvisual {
	  padding-bottom: 1.2em;
	}
  }

@media screen and (max-width: 480px) {
  .p-mainvisual {
    padding: 6.84615em 0 1.92308em;
  }
}

.p-mainvisual-side {
  position: absolute;
}

.p-mainvisual-side._left {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: opacity 2s, ease-out, -webkit-transform 2s;
  transition: opacity 2s, ease-out, -webkit-transform 2s;
  transition: opacity 2s, transform 2s, ease-out;
  transition: opacity 2s, transform 2s, ease-out, -webkit-transform 2s;
  left: 0;
  top: -8em;
  max-width: 25vw;
}

@media screen and (max-width: 768px) {
  .p-mainvisual-side._left {
    max-width: 35vw;
    z-index: -1;
  }
}

@media screen and (max-width: 480px) {
  .p-mainvisual-side._left {
    top: -3em;
  }
}

.p-mainvisual-side._right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: opacity 2s, ease-out, -webkit-transform 2s;
  transition: opacity 2s, ease-out, -webkit-transform 2s;
  transition: opacity 2s, transform 2s, ease-out;
  transition: opacity 2s, transform 2s, ease-out, -webkit-transform 2s;
  right: -5em;
  bottom: -11em;
  max-width: 40vw;
}

@media screen and (max-width: 768px) {
  .p-mainvisual-side._right {
    max-width: 50vw;
    bottom: -8em;
  }
}

@media screen and (max-width: 480px) {
  .p-mainvisual-side._right {
    right: -3em;
    bottom: -3em;
  }
}

.p-mainvisual__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 958px;
  width: 100%;
  margin: 0 auto 0;
}

@media screen and (min-width: 1430px) {
  .p-mainvisual__inner {
    min-width: 1200px;
  }
}

@media screen and (max-width: 768px) {
  .p-mainvisual__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

.p-mainvisual-container {
  text-align: center;
}

.p-mainvisual-container:first-child {
	flex-basis: 43%;
}
.p-mainvisual-container:nth-child(2) {
	flex-basis: 60%;
	margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.p-mainvisual-container {
		width: 50%;
	}

	.p-mainvisual-container:nth-child(2) {
		margin-top: 0;
	}
  }

@media screen and (max-width: 480px) {
  .p-mainvisual-container {
    width: 85%;
  }
}

.p-mainvisual-container img {
  display: block;
  width: 100% !important;
}

@media screen and (max-width: 480px) {
  .p-mainvisual__image {
    width: 80%;
    margin: 1em auto 0;
  }

  .p-mainvisual__image img {
    margin-bottom: -30px;
  }
}

.p-mainvisual__title {
  padding: 1.1875em 0.8125em;
}

@media screen and (max-width: 768px) {
  .p-mainvisual__title {
    padding: 1.25em 0 1.5em;
  }
}

.p-mainvisual-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 480px) {
  .p-mainvisual-feature {
    padding: 0 2em;
  }
}

.p-mainvisual-feature__item:not(:first-of-type) {
  margin-left: 1em;
}

@media screen and (max-width: 768px) {
  .p-section-container .c-section__inner {
    padding: 0;
  }
}

.is-loaded .p-mainvisual-side._left, .is-loaded .p-mainvisual-side._right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/*  functional
----------------------------*/
.p-functional-section {
  padding: 8rem 0 calc(200 / 16 * 1em);
  padding-top: calc(40 / 1385 * 100%);
  margin: 0 0 calc(-80 / 16 * 1em);
}
.p-functional-section:first-of-type {
  padding-top: calc(46 / 1385 * 100%);
}

@media screen and (max-width: 768px) {
  .p-functional-section:first-of-type,
  .p-functional-section {
    padding: calc(60 / 16 * 1em) 0 calc(160 / 16 * 1em);
  }
}

.p-functional-section__lead {
  margin-bottom: calc(47.9375 / 16 * 1em);
  text-align: center;
  position: relative;
}

.p-functional-section__lead:before {
  content: "";
  display: block;
  width: calc(76 / 16 * 1em);
  height: 6.25em;
  height: calc(81 / 16 * 1em);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/top/badge_foods-with-function-claims.png);
  position: absolute;
  right: 5em;
  top: 0;
}

@media screen and (max-width: 768px) {
  .p-functional-section__lead:before {
    right: 0;
    top: 100%;
  }
}

.p-functional-section__lead > p {
  font-size: 1.25em;
}

@media screen and (max-width: 768px) {
  .p-functional-section__lead > p {
    font-size: calc(19 / 16 * 1em);
  }
}

.p-functional-section-fig {
  border-radius: calc(20 / 16 * 1em);
  padding: 3.28571em 0;
}

@media screen and (max-width: 768px) {
  .p-functional-section-fig {
    padding: calc(37.375 / 16 * 1em) calc(18.57141 / 16 * 1em);
  }
}

.p-functional-section-fig > figure {
  text-align: center;
}
.p-functional-section-fig > figure > img {
  margin: 0 auto;
}

.p-functional-section-notice {
  margin-top: 3.57143em;
}

@media screen and (max-width: 768px) {
  .p-functional-section-notice {
    margin-top: calc(32.5 / 16 * 1em);
  }
}

.p-functional-section-notice > figure {
  text-align: center;
}
.p-functional-section-notice > figure img {
  margin: 0 auto;
}

/*  section-container
----------------------------*/
.p-section-container {
  margin: calc(-104 / 16 * 1em) 0 0;
  padding: 0 0 calc(157.85718 / 16 * 1em);
}

/*  accordion
----------------------------*/
.p-accordion {
  margin: calc(-92.85718 / 16 * 1em) 0 0;
  padding: 0 0 calc(46.42859 / 16 * 1em);
}

.p-accordion-button {
  max-width: 300px;
  width: 90%;
  margin: 0 auto;
  cursor: pointer;
  padding-bottom: calc(80 / 16 * 1em);
}

.p-accordion-button__trigger {
  border-radius: 8rem;
  background-color: #fffdeb;
  border: 3px solid #039252;
  position: relative;
  padding: calc(13 / 16 * 1em);
  color: #039252;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-accordion-button__trigger:before, .p-accordion-button__trigger:after {
  content: "";
  display: block;
  background: #039252;
  position: absolute;
  border-radius: 1rem;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.p-accordion-button__trigger:before {
  width: calc(13 / 16 * 1em);
  height: 3px;
  right: calc(19 / 16 * 1em);
  top: 50%;
  transform: translateY(-50%);
}

.p-accordion-button__trigger:after {
  width: 3px;
  height: calc(13 / 16 * 1em);
  right: calc(24 / 16 * 1em);
  top: 36.5%;
}

@media screen and (max-width: 768px) {
  .p-accordion-button__trigger:after {
    top: calc(16 / 16 * 1em);
  }
}

.p-accordion-button__trigger > svg path {
  fill: currentColor;
}

.p-accordion-button.is-open .p-accordion-button__trigger:before {
  opacity: 0;
}

.p-accordion-button.is-open .p-accordion-button__trigger:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-accordion-inner {
  display: none;
  margin: -2.5em 0 0;
  padding: 5em 0 0;
}

@media screen and (max-width: 768px) {
  .p-accordion-inner {
    margin: calc(-19.5 / 16 * 1em) 0 0;
    padding: calc(39 / 16 * 1em) 0 0;
  }
}

/*  about
----------------------------*/
@media screen and (max-width: 768px) {
  .p-about-header img {
    width: 90% !important;
  }
}
 @media screen and (max-width: 480px) {
  .p-about-header {
    padding-bottom: calc(55 / 16 * 1em);
  }
  .p-about-section {
    padding: calc(40 / 16 * 1em) 0;
  }
}

.p-about-article {
  position: relative;
  height: calc((330 / 1366) * 100vw);
}

@media screen and (min-width: 1367px) {
  .p-about-article {
    height: 16.5vw;
  }
}

@media screen and (max-width: 768px) {
  .p-about-article {
    width: 95%;
    height: 100%;
  }
  .p-about-article:nth-of-type(2n+1) {
    margin-left: auto;
  }
  .p-about-article:nth-of-type(2n) {
    margin-right: auto;
  }
}

.p-about-article:before, .p-about-article:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}

.p-about-article:nth-of-type(1):before {
  background-image: url(../img/top/about_deco01.png);
  bottom: calc(-50 / 16 * 1em);
  left: calc(-100 / 16 * 1em);
  width: calc(217 / 16 * 1em);
  height: calc(217 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(1):before {
    content: none;
  }
}

.p-about-article:nth-of-type(1):after {
  background-image: url(../img/top/about_deco02.png);
  bottom: calc(-100 / 16 * 1em);
  right: calc(100% - (50vw + 50%));
  width: calc(183 / 16 * 1em);
  height: calc(327 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(1):after {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2):before {
    background-image: url(../img/top/sp/about_deco01.png);
    width: calc(142 / 16 * 1em);
    height: calc(206 / 16 * 1em);
    bottom: -25%;
    left: inherit;
    right: -25%;
  }
}

.p-about-article:nth-of-type(2):after {
  background-image: url(../img/top/about_deco04.png);
  bottom: calc(-120 / 16 * 1em);
  right: calc(-100 / 16 * 1em);
  width: calc(246 / 16 * 1em);
  height: calc(192 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2):after {
    content: none;
  }
}

.p-about-article:nth-of-type(3):before {
  background-image: url(../img/top/about_deco05.png);
  bottom: calc(-270 / 16 * 1em);
  left: calc(100% - (50vw + 50%));
  width: calc(172 / 16 * 1em);
  height: calc(431 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(3):before {
    background-image: url(../img/top/sp/about_deco02.png);
    width: calc(120 / 16 * 1em);
    height: calc(170 / 16 * 1em);
    bottom: -25%;
    left: -5%;
  }
}

.p-about-article:nth-of-type(3):after {
  background-image: url(../img/top/about_deco06.png);
  top: 25%;
  right: calc(100% - (50vw + 50%));
  width: calc(161 / 16 * 1em);
  height: calc(253 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(3):after {
    content: none;
  }
}
@media screen and (max-width: 1211px) and (min-width: 769px) {
  .p-about-article:nth-of-type(1):after {
    right: auto;
    left: 1000px;
  }
  .p-about-article:nth-of-type(1):after,
  .p-about-article:nth-of-type(3)::after {
    right: auto;
    left: 1000px;
  }
}
.p-about-article + .p-about-article {
  margin-top: 15%;
}

@media screen and (max-width: 768px) {
  .p-about-article + .p-about-article {
    margin-top: calc(44 / 16 * 1em);
  }
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(3) {
    margin-top: calc(55.25 / 16 * 1em);
  }
}

.p-about-article__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-about-article__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-about-article:nth-of-type(2n) .p-about-article__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.p-about-article__fig {
  width: 88.55%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-about-article__fig {
    width: 90%;
    margin-top: calc(65 / 16 * 1em);
  }
}

.p-about-article__fig:before {
  content: "";
  display: block;
  width: calc(100% + (50vw - 50%));
  height: 100%;
  position: absolute;
  bottom: calc(-17 / 16 * 1em);
  background: #cbe5d7;
  z-index: -1;
  border-radius: calc(6 / 16 * 1em);
  overflow: hidden;
}

.p-about-article__fig img {
  border-radius: calc(6 / 16 * 1em);
}

.p-about-article:nth-of-type(2n+1) .p-about-article__fig:before {
  right: 15%;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n+1) .p-about-article__fig:before {
    right: -35%;
  }
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(1) .p-about-article__fig {
    padding-right: calc(39 / 16 * 1em);
    margin-top: calc(52 / 16 * 1em);
  }
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n) .p-about-article__fig {
    padding-left: calc(29.25 / 16 * 1em);
  }
}

.p-about-article:nth-of-type(2n) .p-about-article__fig:before {
  left: 15%;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n) .p-about-article__fig:before {
    left: -35%;
  }
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(3) .p-about-article__fig {
    margin-top: calc(84.5 / 16 * 1em);
    padding-right: calc(39 / 16 * 1em);
  }
}

.p-about-article:nth-of-type(2n+1) .p-about-article__block {
  width: 80%;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n+1) .p-about-article__block {
    width: 95%;
  }
}

.p-about-article:nth-of-type(2n) .p-about-article__block {
  width: 75%;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n) .p-about-article__block {
    width: 95%;
  }
}

.p-about-article__title {
  position: relative;
  z-index: 2;
  padding-bottom: calc(28 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article__title {
    position: absolute;
    top: 0;
  }
}

.p-about-article:nth-of-type(2n+1) .p-about-article__title {
  margin-left: calc(-26 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n+1) .p-about-article__title {
    margin-left: calc(-13 / 16 * 1em);
    left: calc(100% - (50vw + 50%));
  }
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(1) .p-about-article__title {
    padding-right: calc(78 / 16 * 1em);
  }
  .p-about-article:nth-of-type(3) .p-about-article__title {
    padding-right: calc(78 / 16 * 1em);
  }
}

.p-about-article:nth-of-type(2n) .p-about-article__title {
  margin-right: -3em;
  padding-left: 3em;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n) .p-about-article__title {
    right: calc(100% - (50vw + 50%));
    margin-right: calc(-13 / 16 * 1em);
    padding-left: calc(65 / 16 * 1em);
  }
}

.p-about-article__text {
  line-height: 1.8;
  letter-spacing: .01em;
}

@media screen and (max-width: 768px) {
  .p-about-article__text {
    width: 100%;
    font-size: 13px;
  }
}

.p-about-article__text > span {
  font-weight: bold;
  color: #039252;
}

.p-about-article:nth-of-type(2n+1) .p-about-article__text {
  padding: 0 2.5em 0 3em;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n+1) .p-about-article__text {
    padding: 0;
    font-size: calc(13 / 16 * 1em);
  }
}

.p-about-article:nth-of-type(2n) .p-about-article__text {
  padding: 0 3.5em 0 3em;
}

@media screen and (max-width: 768px) {
  .p-about-article:nth-of-type(2n) .p-about-article__text {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-about-article__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(52 / 16 * 1em);
  }
}

.p-about-article__button {
  max-width: 320px;
  margin: calc(26 / 16 * 1em) auto 0;
}

.p-about-article.is-merit .p-about-article__button .c-button__text img,
.p-about-article.is-merit .p-about-article__button .c-button__text svg{
  margin-right: 42px;
  /* width: 234px;
  height: 17px; */
}

@media screen and (max-width: 768px) {
  .p-about-article__button {
    width: 80%;
  }
  .p-about-article.is-merit .p-about-article__button .c-button__text img,
  .p-about-article.is-merit .p-about-article__button .c-button__text svg{
    width: 90% !important;
    height: auto;
  }
  .p-about-article__button a {
    padding: calc(13 / 16 * 1em);
  }
  .p-about-article__button a.p-about-article__button--isoflavone {
    padding: calc(10 / 16 * 1em);
  }
  .p-about-article__button a .c-button__arrow {
    width: calc(16 / 16 * 1em);
    height: calc(13 / 16 * 1em);
    right: calc(13 / 16 * 1em);
    top: 40%;
  }
}

.p-about-article__button--isoflavone {
  padding: .75em;
}

/*  what's
----------------------------*/
.p-whats-section {
  margin: 0 0 calc(-80 / 16 * 1em);
  padding: calc(40 / 16 * 1em) 0 calc(80 / 16 * 1em);
}

@media screen and (min-width: 1367px) {
  .p-whats-section {
    margin: 0 0 calc(-100 / 16 * 1em);
  }
}

@media screen and (max-width: 768px) {
  .p-whats-section {
    padding: calc(88.83329 / 16 * 1em) calc(13 / 16 * 1em) calc(97.5 / 16 * 1em);
  }
  .p-whats-section .spHide {
	display: none;
  }
}

@media screen and (max-width: 768px) {
  .p-whats-section-header {
    padding-bottom: calc(21.66671 / 16 * 1em);
  }
}

@media screen and (max-width: 480px) {
  .p-whats-section-header img {
    width: 85% !important;
  }
}

.p-whats-container {
  max-width: 1000px;
  height: 100%;
  margin: 1.6em auto 0;
}

.p-whats-slide-item {
  border-radius: calc(12 / 16 * 1em);
  background: #fffdeb;
  border: 3px solid #84c291;
  padding: 4em 3em 3em .5em;
  position: relative;
  z-index: 1;
}

.p-whats-slide-item._mb {
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .p-whats-slide-item {
    padding: calc(52 / 16 * 1em) calc(19.5 / 16 * 1em) calc(104 / 16 * 1em);
  }
}

.p-whats-slide-item:before {
  content: "";
  -webkit-box-shadow: 5px 5px 0px 0px #86c492;
          box-shadow: 5px 5px 0px 0px #86c492;
  display: block;
  width: 100%;
  height: 102%;
  position: absolute;
  right: 3px;
  bottom: -2px;
  border-radius: calc(15 / 16 * 1em);
  z-index: -1;
}

.p-whats-slide-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: calc(26 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-whats-slide-item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-whats-slide-item__head {
  width: 65%;
  padding: 0 calc(26 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-whats-slide-item__head {
    width: 100%;
    padding: 0 0 calc(26 / 16 * 1em);
  }
}

.p-whats-slide-item__title {
  margin-bottom: calc(22.75 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-whats-slide-item__title {
    width: 65%;
  }
}

.p-whats-slide-item__text {
  font-weight: 500;
  line-height: 2em;
  letter-spacing: -.02em;
}

@media screen and (max-width: 480px) {
  .p-whats-slide-item__text {
    font-size: calc(14 / 16 * 1em);
    line-height: 1.8em;
  }
}

.p-whats-slide-item__text > p span {
  color: #ec5e19;
  font-weight: 600;
}

.p-whats-slide-item__body img {
  margin: 0 auto;
}

.p-whats-slide-item__foot {
  margin: 0 auto 1em;
}

@media screen and (max-width: 768px) {
  .p-whats-slide-item__foot {
    display: block!important;
  }
}

.p-whats-slide__next {
  right: calc(-72 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-whats-slide__next {
    right: 20%;
  }
}

.p-whats-slide__prev {
  left: calc(-72 / 16 * 1em);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
  .p-whats-slide__prev {
    left: 20%;
  }
}

@media screen and (max-width: 768px) {
  .p-whats-slide .slick-arrow {
    top: 81%;
    bottom: auto;
    width: 40px;
    height: 40px;
  }
}

.p-whats-slide__dots {
  position: relative;
  bottom: 6em;
}

@media screen and (max-width: 768px) {
  .p-whats-slide__dots {
	position: absolute;
	top: 70%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, 50%);
  }
}

.p-whats-slide__dots .slick-dots {
  bottom: 0;
  position: relative;
}

.p-whats__button {}

/*  voice
----------------------------*/
.p-voice-section {
  margin: calc(-30 / 16 * 1em) 0 calc(60 / 16 * 1em);
  padding: 8.92857em 0 13.14286em;
  background-image: url(../img/top/bg_stripe02.png);
  background-size: cover;
  min-height: 1157px;
}
@media screen and (min-width: 1367px) {
  .p-voice-section {
    /* background-size: contain; */
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-voice-section {
    background-image: url(../img/top/bg_stripe02_tb.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 0;
    padding: calc(81.25 / 16 * 1em) 0 calc(86.66671 / 16 * 1em);
  }
}
@media screen and (max-width: 480px) {
  .p-voice-section {
    background-image: url(../img/top/sp/bg_stripe02.png);
    background-repeat: no-repeat;
  }
  .p-voice-section-lead {
    padding: 0 calc(20.58329 / 16 * 1em);
  }
}

@media screen and (max-width: 480px) {
  .p-voice-section {
    margin: calc(-39 / 16 * 1em) 0 calc(91 / 16 * 1em);
  }
  .p-voice-section-header img {
    width: 50% !important;
  }
}

.p-customers-voice {
  padding: calc(42 / 16 * 1em) 0 calc(70 / 16 * 1em);
  
}
.c-banner-container img {
margin: auto;
}

@media screen and (max-width: 768px) {
  .p-customers-voice {
    padding: calc(54.6 / 16 * 1em) 0 calc(45.5 / 16 * 1em);
  }
}

.p-customers-voice__title {
  text-align: center;
  margin-bottom: calc(32.5 / 16 * 1em);
}

.p-customers-voice__title img {
  margin: auto;
}
.p-voice-section-lead img {
  margin: auto;
}

@media screen and (max-width: 768px) {
  .p-customers-voice__title {
    padding: 0 calc(35 / 16 * 1em);
  }
}

.p-customers-voice-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
  .p-customers-voice-grid__item:nth-of-type(3) {
    margin-top: 1.42857em;
  }
}

@media screen and (max-width: 768px) {
  .p-customers-voice-grid__item {
    width: 48%;
  }
}

@media screen and (max-width: 480px) {
  .p-customers-voice-grid__item {
    width: 100%;
  }
}

.p-customers-voice-grid__item:nth-of-type(2n) {
  margin-left: 1.5em;
}

@media screen and (max-width: 480px) {
  .p-customers-voice-grid__item:nth-of-type(2n) {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .p-customers-voice-grid__item + .p-customers-voice-grid__item {
    margin-top: calc(19.5 / 16 * 1em);
  }
}

/*  episode
----------------------------*/
.p-episode-section {
  background-size: cover;
  margin: calc(-130 / 16 * 1em) 0 calc(-100 / 16 * 1em);
  padding: calc(130 / 16 * 1em) 0 calc(180 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-episode-section {
    padding: calc(80 / 16 * 1em) 0 calc(120 / 16 * 1em);
  }
}

.p-episode-section__inner {
  max-width: 1042px;
  margin-bottom: calc(50 / 16 * 1em);
}

@media screen and (max-width: 480px) {
  .p-episode-section-header img {
    width: 50% !important;
  }
}

.p-episode__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .p-episode__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-episode__figure {
  position: relative;
  z-index: 1;
  margin-right: 7%;
}

@media screen and (max-width: 768px) {
  .p-episode__figure {
    margin-right: 0;
    margin-top: calc(19.5 / 16 * 1em);
  }
}

@media screen and (max-width: 480px) {
  .p-episode__figure {
    width: 90%;
  }
}

.p-episode__figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(6 / 16 * 1em);
  background: #fffef2;
  position: absolute;
  z-index: -1;
  left: -2em;
  left: calc(-26 / 16 * 1em);
  bottom: calc(-19.5 / 16 * 1em);
}

@media screen and (max-width: 480px) {
  .p-episode__figure:before {
    left: calc(-15.6 / 16 * 1em);
  }
}

.p-episode__figure img {
  border-radius: calc(6 / 16 * 1em);
}

.p-episode-block {
  width: 65%;
}

@media screen and (max-width: 768px) {
  .p-episode-block {
    width: 100%;
  }
}

.p-episode-block__head {
  padding-bottom: calc(28 / 16 * 1em);
}

@media screen and (max-width: 768px) {
  .p-episode-block__head {
    padding: 0 calc(16.25 / 16 * 1em) calc(41.16671 / 16 * 1em);
  }
}

.p-episode-block__body {
  line-height: 1.85;
  letter-spacing: .01em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-episode-block__body {
    font-size: 13px;
  }
}

.p-episode-button {
  margin: calc(62 / 16 * 1em) auto 0;
}

@media screen and (max-width: 768px) {
  .p-episode-button {
    width: 75%;
  }
}



/* cpバナー */
.cp-bnr{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 515px;
  width: calc(515 / 1086 * 100%);
  margin-bottom: calc(65 / 1086 * 100%);
}
.cp-bnr a {
  display: block;
  transition: .15s ease-out;
}
.cp-bnr__ttl {
  text-align: center;
  width: 100%;
}
.cp-bnr__ttl img {
  width: calc(290 / 1086 * 100vw);
  max-width: 290px;
}
.cp-bnr__item {
  margin-top: calc(27 / 1086 * 100vw);
}
@media screen and (min-width: 1087px){
  .cp-bnr__item {
    margin-top: 27px;
  }
}
@media screen and (max-width: 750px) {
  .cp-bnr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    margin: 0;
    max-width: unset;
    width: 100%;
    margin-bottom: calc(110 / 750 * 100%);
  }
  .cp-bnr__ttl img {
    max-width: unset;
    width: calc(350 / 750 * 100vw);
    margin: 0 auto;
  }
  .cp-bnr__item {
    width: 100%;
    margin: calc(27 / 750 * 100%) auto 0;
  }
}