@charset "UTF-8";
/*  mixin
-------------------------------------------------- */
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("/pc/about/fonts/icomoon.eot?9pd7ow");
  src: url("/pc/about/fonts/icomoon.eot?9pd7ow#iefix") format("embedded-opentype"), url("/pc/about/fonts/icomoon.ttf?9pd7ow") format("truetype"), url("/pc/about/fonts/icomoon.woff?9pd7ow") format("woff"), url("/pc/about/fonts/icomoon.svg?9pd7ow#icomoon") format("svg");
}
/*  トップ
-------------------------------------------------- */
/*  mixin
-------------------------------------------------- */
.about-top main {
  padding-top: 18.75%;
  overflow: hidden;
}
.about-top main p {
  line-height: 1.7;
  font-size: 14px;
  font-size: 4.375vw;
}
@media screen and (orientation: landscape) {
  .about-top main {
    padding-top: 8.5%;
  }
}
.about-top .inner {
  margin: 0 auto;
  width: 90%;
}
.about-top .detail_box {
  padding: 48.4375% 0 67.1875%;
  background: url(/sp/about/images/bg-mainvisual.jpg) no-repeat center center;
  background-size: cover;
}
.about-top .detail_box img {
  width: 51.5625%;
}
.about-top .headline-h3 {
  margin: 0 0 21.875%;
  line-height: 0;
  text-align: center;
}
.about-top .lead {
  padding: 24.21875% 0 9.375%;
  position: relative;
  background: #f3f3f3;
}
.about-top .lead p {
  color: #333;
}
.about-top .lead .img-pkg {
  position: absolute;
  top: -70%;
  left: 53%;
  transform: translate(-50%, 0);
  width: 50%;
}
.about-top .yogurtbook-block, .about-top .bulgariabook-block {
  padding: 25% 0 6.25%;
  display: block;
  text-decoration: none;
}
.about-top .yogurtbook-block .head-list, .about-top .bulgariabook-block .head-list {
  margin: 0 0 12.5%;
  position: relative;
  font-size: 13px;
  font-size: 4.0625vw;
}
.about-top .yogurtbook-block .head-list li, .about-top .bulgariabook-block .head-list li {
  padding-left: 5%;
  position: relative;
  line-height: 1;
}
.about-top .yogurtbook-block .head-list li:not(:last-child), .about-top .bulgariabook-block .head-list li:not(:last-child) {
  margin: 0 0 0.6em;
}
.about-top .yogurtbook-block .head-list li:before, .about-top .bulgariabook-block .head-list li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 0.6em;
  height: 0.6em;
  background: url(/sp/about/images/dot.png) no-repeat center center;
  background-size: cover;
  content: "";
}
.about-top .yogurtbook-block .head-list:before, .about-top .bulgariabook-block .head-list:before {
  display: block;
  position: absolute;
  top: 3%;
  left: 1.2%;
  width: 2px;
  height: 94%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
}
.about-top .yogurtbook-block .btn, .about-top .bulgariabook-block .btn {
  padding: 3.125% 0;
  border: 3px solid #000;
  position: relative;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 4.375vw;
}
.about-top .yogurtbook-block .btn:after, .about-top .bulgariabook-block .btn:after {
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  content: "";
}
.about-top .yogurtbook-block {
  color: #000;
  background: url(/sp/about/images/bg-yogurtbook.png), #eeece7;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, auto;
}
.about-top .bulgariabook-block {
  position: relative;
  color: #FFF;
  background: linear-gradient(to bottom, #021957 0%, #217bcb 85%, #217bcb 100%);
}
.about-top .bulgariabook-block .inner {
  position: relative;
  z-index: 2;
}
.about-top .bulgariabook-block .headline-h3 {
  position: relative;
}
.about-top .bulgariabook-block .headline-h3 > img {
  position: relative;
  z-index: 3;
}
.about-top .bulgariabook-block .headline-h3 .bg-line-map {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 100%;
}
.about-top .bulgariabook-block .head-list {
  position: relative;
  font-size: 13px;
  font-size: 4.0625vw;
}
.about-top .bulgariabook-block .head-list li {
  padding-left: 5%;
  position: relative;
  line-height: 1;
}
.about-top .bulgariabook-block .head-list li:not(:last-child) {
  margin: 0 0 0.6em;
}
.about-top .bulgariabook-block .head-list li:before {
  background: url(/sp/about/images/dot-white.png) no-repeat center center;
  background-size: cover;
}
.about-top .bulgariabook-block .head-list:before {
  background: rgba(255, 255, 255, 0.2);
}
.about-top .bulgariabook-block .btn {
  border: 3px solid #FFF;
  background: rgba(0, 0, 0, 0.6);
}
.about-top .bulgariabook-block .btn:after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}
.about-top .bulgariabook-block .bg-bulgaria {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 31.25%;
}
.about-top .bulgariabook-block .bg-bulgaria img {
  position: absolute;
  top: -21.875%;
  width: 100%;
  max-width: none;
}

.about-top.en .detail_box img {
  width: 63.4375%;
}
.about-top.en .headline-h3 img {
  position: relative;
  left: -2.9513888889%;
  width: 105.9027777778%;
  max-width: none;
}

/*  ブルガリア共和国【ヨーグルトの故郷】
-------------------------------------------------- */
/*  mixin
-------------------------------------------------- */
.bulgariabook:not(.yogurtbook) main {
  padding-top: 18.75%;
  overflow: hidden;
}
.bulgariabook:not(.yogurtbook) main p {
  line-height: 1.7;
  font-size: 14px;
  font-size: 4.375vw;
}
.bulgariabook:not(.yogurtbook) main p + p {
  margin: 9.375% 0 0;
}
.bulgariabook:not(.yogurtbook) section > .inner {
  margin: 0 auto;
  width: 90%;
}
.bulgariabook:not(.yogurtbook) .headline-h2 {
  margin: 0 0 25%;
  line-height: 0;
  text-align: center;
}
.bulgariabook:not(.yogurtbook) .headline-h3 {
  margin: 0 0 6.25%;
  padding: 0 0 6.25%;
  border-bottom: 2px solid #000;
}
.bulgariabook:not(.yogurtbook) .bg-blue-wrap {
  padding: 0 0 62.5%;
  position: relative;
  color: #FFF;
  background: url(/sp/about/images/bulgariabook/bg-bulgaria.png) no-repeat center bottom, linear-gradient(to bottom, #021957 0%, #021957 10%, #217bcb 90%, #217bcb 100%);
  background-size: 100%, auto;
}
.bulgariabook:not(.yogurtbook) .bg-blue-wrap .headline-h3 {
  border-bottom-color: #FFF;
}
.bulgariabook:not(.yogurtbook) .bg-blue-wrap:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/sp/about/images/bulgariabook/bg-light.png) no-repeat center top;
  background-size: 100%;
  pointer-events: none;
  content: "";
}
.bulgariabook:not(.yogurtbook) .bg-gray-wrap {
  background: #eeece7;
}
.bulgariabook:not(.yogurtbook) .kv {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 91vh;
}
.bulgariabook:not(.yogurtbook) .kv h1 {
  position: relative;
  z-index: 2;
  width: 75%;
  line-height: 0;
  text-align: center;
}
.bulgariabook:not(.yogurtbook) .kv h1 img {
  width: 100%;
}
.bulgariabook:not(.yogurtbook) .kv .bg-map-line {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 93.75%;
  pointer-events: none;
}
.bulgariabook:not(.yogurtbook) .kv .scroll {
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  display: block;
  position: absolute;
  bottom: 6.25%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 5%;
  font-size: 0;
}
.bulgariabook:not(.yogurtbook) .kv .scroll:before {
  padding-top: 100%;
  display: block;
  content: "";
}
.bulgariabook:not(.yogurtbook) .where {
  padding: 23.4375% 0 69.53125%;
  position: relative;
}
.bulgariabook:not(.yogurtbook) .where p {
  position: relative;
  z-index: 2;
}
.bulgariabook:not(.yogurtbook) .where .bg-world-map {
  position: absolute;
  bottom: -29%;
  width: 100%;
}
.bulgariabook:not(.yogurtbook) .culture {
  padding: 10.9375% 0;
  position: relative;
  z-index: 2;
}
.bulgariabook:not(.yogurtbook) .culture .culture-item {
  margin: 14.0625% 0 0;
  padding: 39.0625% 0 0;
  display: flex;
  position: relative;
}
.bulgariabook:not(.yogurtbook) .culture .culture-item > img {
  position: absolute;
  top: 0;
  width: 106%;
  max-width: none;
}
.bulgariabook:not(.yogurtbook) .culture .culture-item .text-area {
  position: relative;
  z-index: 2;
  width: 90%;
}
.bulgariabook:not(.yogurtbook) .culture .culture-item.img-right {
  justify-content: flex-end;
}
.bulgariabook:not(.yogurtbook) .culture .culture-item.img-right > img {
  right: -10%;
}
.bulgariabook:not(.yogurtbook) .culture .culture-item.img-left > img {
  left: -10%;
}
.bulgariabook:not(.yogurtbook) .heritage {
  padding: 10.9375% 0;
}
.bulgariabook:not(.yogurtbook) .heritage p {
  margin: 0 0 17.1875%;
}
.bulgariabook:not(.yogurtbook) .heritage p:last-child {
  margin: 0;
}
.bulgariabook:not(.yogurtbook) .smolyan {
  padding: 15.625% 0 0;
  position: relative;
}
.bulgariabook:not(.yogurtbook) .smolyan .inner {
  position: relative;
  z-index: 2;
}
.bulgariabook:not(.yogurtbook) .smolyan .full-inner {
  padding: 15.625% 0 46.875%;
  position: relative;
}
.bulgariabook:not(.yogurtbook) .smolyan .full-inner img {
  width: 95.3125%;
}
.bulgariabook:not(.yogurtbook) .smolyan .full-inner .caption {
  padding: 7.8125% 6.25%;
  position: absolute;
  top: 46.875%;
  right: 0;
  width: 95.3125%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.bulgariabook:not(.yogurtbook) .smolyan .bg-smolyan-map {
  position: absolute;
  top: -5%;
  right: 0;
  width: 76%;
}
.bulgariabook:not(.yogurtbook) .meguru {
  padding: 21.875% 0 23.4375%;
}
.bulgariabook:not(.yogurtbook) .meguru .headline-h2 {
  margin: 0 0 12.5%;
}
.bulgariabook:not(.yogurtbook) .meguru .full-inner {
  margin: 10.9375% 0;
  display: flex;
  justify-content: flex-end;
}
.bulgariabook:not(.yogurtbook) .meguru .full-inner .img-area {
  display: block;
  width: 95%;
  text-decoration: none;
}
.bulgariabook:not(.yogurtbook) .meguru .full-inner .img-area img {
  width: 100%;
}
.bulgariabook:not(.yogurtbook) .meguru .full-inner .img-area p {
  margin: 0.5em 0 0;
}
.bulgariabook:not(.yogurtbook) .meguru .full-inner .img-area a.link-block {
  display: block;
}
.bulgariabook:not(.yogurtbook) .meguru .circle-arrow {
  padding-left: 1.5em;
  position: relative;
  color: #000;
  font-size: 12px;
  font-size: 3.75vw;
}
.bulgariabook:not(.yogurtbook) .meguru .circle-arrow:before {
  margin-right: 0.5em;
  position: absolute;
  left: 0;
  font-family: "icomoon";
  vertical-align: middle;
  content: "\ea42";
  font-size: 14px;
  font-size: 4.375vw;
}
.bulgariabook:not(.yogurtbook) .meguru .other-item {
  margin: 14.0625% 0 0;
  display: flex;
  flex-wrap: wrap;
}
.bulgariabook:not(.yogurtbook) .meguru .other-item li {
  width: 50%;
}
.bulgariabook:not(.yogurtbook) .meguru .other-item li a {
  display: block;
  position: relative;
}
.bulgariabook:not(.yogurtbook) .meguru .other-item li img {
  width: 100%;
}
.bulgariabook:not(.yogurtbook) .meguru .other-item li .circle-arrow {
  position: absolute;
  bottom: 5%;
  left: 5%;
  width: 90%;
  color: #FFF;
  line-height: 1.2;
}
.bulgariabook:not(.yogurtbook) .meguru .other-item li .circle-arrow:before {
  margin-right: 0.3em;
}
.bulgariabook:not(.yogurtbook) .first-make {
  padding: 23.4375% 0 25%;
  background: #dedad1;
}
.bulgariabook:not(.yogurtbook) .first-make .headline-h2 {
  margin: 0 0 12.5%;
}
.bulgariabook:not(.yogurtbook) .first-make .full-inner {
  display: flex;
}
.bulgariabook:not(.yogurtbook) .first-make .full-inner.img-right {
  margin: 9.375% 0;
  justify-content: flex-end;
}
.bulgariabook:not(.yogurtbook) .first-make .full-inner.img-left {
  margin: 10.9375% 0 7.8125%;
}
.bulgariabook:not(.yogurtbook) .first-make .full-inner img {
  align-self: flex-start;
  width: 95%;
}
.bulgariabook:not(.yogurtbook) .anniversary {
  padding: 6.25% 0;
  background: #dedad1;
}
.bulgariabook:not(.yogurtbook) .anniversary .full-inner {
  padding: 54.6875% 0 20.3125%;
  position: relative;
}
.bulgariabook:not(.yogurtbook) .anniversary .headline-h2 {
  margin: 0 0 7.8125%;
}
.bulgariabook:not(.yogurtbook) .anniversary .text-area {
  padding: 9.375% 6.25%;
  position: absolute;
  top: 0;
  left: 0;
  width: 93.75%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.bulgariabook:not(.yogurtbook) .anniversary .caption {
  padding: 9.375% 6.25%;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 84.375%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.bulgariabook:not(.yogurtbook) .end-map {
  padding: 17.1875% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dedad1;
}
.bulgariabook:not(.yogurtbook) .end-map img {
  width: 70%;
}
.bulgariabook:not(.yogurtbook) .yogurtbook {
  padding: 4.6875% 0;
  background: url(/sp/about/images/bulgariabook/bg-yogurtbook.png) no-repeat center center;
  background-size: cover;
  box-shadow: 0px -10px 20px -3px rgba(0, 0, 0, 0.1);
}
.bulgariabook:not(.yogurtbook) .yogurtbook .bnr-wrap {
  margin: auto;
  padding: 4.6875% 0;
  border: 3px solid #000;
  display: block;
  width: 90%;
  text-align: center;
}
.bulgariabook:not(.yogurtbook) .yogurtbook .bnr-wrap img {
  width: 65%;
}
@media screen and (orientation: landscape) {
  .bulgariabook:not(.yogurtbook) main {
    padding-top: 8.5%;
  }
  .bulgariabook:not(.yogurtbook) .kv {
    height: 65vw;
  }
  .bulgariabook:not(.yogurtbook) .kv h1 {
    width: 70%;
  }
}

.bulgariabook.en .kv h1 {
  width: 93.75%;
}
.bulgariabook.en .smolyan .bg-smolyan-map {
  top: -3%;
}
.bulgariabook.en .smolyan .full-inner {
  padding-bottom: 82.8125%;
}
.bulgariabook.en .smolyan .full-inner .caption {
  top: 37.5%;
}
.bulgariabook.en .anniversary .full-inner {
  padding: 164.0625% 0 39.0625%;
}
.bulgariabook.en .yogurtbook .bnr-wrap img {
  width: 72%;
}

.bulgariabook.cn .kv h1 {
  width: 93.75%;
}
.bulgariabook.cn .smolyan .bg-smolyan-map {
  top: -3%;
}
.bulgariabook.cn .smolyan .full-inner {
  padding-bottom: 82.8125%;
}
.bulgariabook.cn .smolyan .full-inner .caption {
  top: 37.5%;
}
.bulgariabook.cn .anniversary .full-inner {
  padding: 164.0625% 0 39.0625%;
}
.bulgariabook.cn .yogurtbook .bnr-wrap img {
  width: 72%;
}

/*  明治ブルガリアヨーグルト【ヨーグルトの正統】
-------------------------------------------------- */
/*  mixin
-------------------------------------------------- */
/* CSS Document */
.yogurtbook {
  background: #eeece7;
  /*since2025 - 「+」を「~」に変更*/
}
.yogurtbook section {
  padding: 0 4.6875%;
}
.yogurtbook p {
  font-size: 13px;
  font-size: 4.0625vw;
  line-height: 1.7;
  text-align: justify;
}
.yogurtbook p + p {
  margin-top: 9.4827586207%;
}
.yogurtbook .conspicuous_text {
  font-size: 16px;
  font-size: 5vw;
}
.yogurtbook .text-small {
  font-size: 11px;
  font-size: 3.4375vw;
  line-height: 1.2;
}
.yogurtbook .contentsWap ~ .contentsWap {
  margin-top: 13.7931034483%;
}
.yogurtbook #main {
  background: url(/sp/about/images/yogurtbook/kv-backgroundImg.png) no-repeat;
  background-position: -20% 20%;
  background-size: cover;
}
.yogurtbook #main h1 {
  padding: 81.8965517241% 0px 79.6551724138% 0px;
  text-align: center;
}
.yogurtbook #birth section {
  padding-bottom: 21.09375%;
}
.yogurtbook #birth h2 {
  padding: 25.8620689655% 0px;
}
.yogurtbook #birth .banpaku {
  margin-right: -5.1724137931%;
}
.yogurtbook #birth .birth-img {
  margin-top: 12.0689655172%;
  position: relative;
}
.yogurtbook #birth .birth-img .text-small {
  display: block;
  position: absolute;
  bottom: -2%;
  width: 100%;
  text-align: center;
}
.yogurtbook #slider_box {
  position: relative;
}
.yogurtbook #slider_box section {
  position: relative;
}
.yogurtbook #slider_box section .bx-controls {
  margin-top: 60.9375%;
  position: absolute;
  top: 0;
  left: 4.6875%;
  width: 90.625%;
}
.yogurtbook #slider_box section:first-child {
  margin-top: -2%;
  position: relative;
  overflow: hidden;
}
.yogurtbook #slider_box section:first-child:before {
  background: linear-gradient(#001453, #011d61);
  margin-left: -10%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  width: 120%;
  height: 100%;
  content: "";
}
.yogurtbook #slider_box section:nth-child(n+2) {
  margin-top: -1px;
  padding-bottom: 13.7931034483%;
}
.yogurtbook #slider_box section:nth-child(2) {
  background: linear-gradient(#011d61, #014493);
}
.yogurtbook #slider_box section:nth-child(2) .slider_box-text {
  margin-top: 1.724137931%;
}
.yogurtbook #slider_box section:nth-child(3) {
  background: linear-gradient(#014493, #0075c1);
}
.yogurtbook #slider_box section:nth-child(4) {
  background: linear-gradient(#0075c1, #0075c1);
}
.yogurtbook #slider_box section:nth-child(5) {
  background: linear-gradient(#0075c1, #0099cc);
}
.yogurtbook #slider_box section:nth-child(6) {
  padding-bottom: 27.5862068966%;
  background: #0099cc;
}
.yogurtbook #slider_box section:nth-child(7) {
  padding-bottom: 27.5862068966%;
  background: #0099cc;
}
.yogurtbook #slider_box section:nth-child(8) {
  padding-bottom: 27.5862068966%;
  background: #0099cc;
}
.yogurtbook #slider_box section h2 {
  padding: 31.0344827586% 0px 16.3793103448% 0;
  position: relative;
}
.yogurtbook #slider_box section h3 {
  margin: 0px -5.1724137931%;
}
.yogurtbook #slider_box section p {
  margin: 0px 3.4482758621%;
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  font-size: 14px;
  font-size: 4.375vw;
}
.yogurtbook #slider_box section .description {
  margin-top: 3.4482758621%;
  padding: 4.3103448276%;
  border: 6px solid #fff;
  color: #fff;
  line-height: 1.4;
  text-align: left;
  font-size: 11.5px;
  font-size: 3.59375vw;
}
@media only screen and (max-width: 420px) {
  .yogurtbook #slider_box section .description {
    border: 5px solid #fff;
  }
}
@media only screen and (max-width: 400px) {
  .yogurtbook #slider_box section .description {
    border: 4px solid #fff;
  }
}
.yogurtbook #slider_box section .size-adjust {
  -webkit-text-size-adjust: 100%;
}
.yogurtbook #slider_box .slider {
  margin-top: 11.2068965517%;
  display: flex;
  list-style: none;
}
.yogurtbook #slider_box .slider img {
  width: 100%;
}
.yogurtbook #slider_box .bx-controls-direction {
  position: relative;
}
.yogurtbook #slider_box .bx-viewport {
  height: auto !important;
}
.yogurtbook #slider_box .bx-prev {
  left: 0;
  background: url(/sp/about/images/yogurtbook/prev.png) no-repeat left;
}
.yogurtbook #slider_box .bx-next {
  right: 0;
  background: url(/sp/about/images/yogurtbook/next.png) no-repeat right;
}
.yogurtbook #slider_box .bx-prev, .yogurtbook #slider_box .bx-next {
  position: absolute;
  width: 33px;
  height: 78px;
  text-indent: -9999px;
}
@media only screen and (max-width: 490px) {
  .yogurtbook #slider_box .bx-prev, .yogurtbook #slider_box .bx-next {
    background-size: 70%;
  }
}
.yogurtbook #about_bacteria, .yogurtbook #lb81, .yogurtbook #health_tokuho, .yogurtbook #sound_area {
  padding-bottom: 23.4375%;
}
.yogurtbook #about_bacteria section:first-child {
  margin-top: -10%;
  position: relative;
  overflow: hidden;
}
.yogurtbook #about_bacteria section:first-child:before {
  background: #eeece7;
  margin-left: -10%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  width: 120%;
  height: 100%;
  content: "";
}
.yogurtbook #about_bacteria section h2 {
  padding: 29.3103448276% 0px 12.0689655172% 0;
  position: relative;
}
.yogurtbook #about_bacteria section .imgspace {
  margin: 0px -5.1724137931% 0px -5.1724137931%;
  padding: 17.2413793103% 0px 4.3103448276% 0;
}
.yogurtbook #about_bacteria section .imgspace2 {
  margin-top: 12.0689655172%;
}
.yogurtbook #lb81 h2, .yogurtbook #health_tokuho h2 {
  margin-bottom: 13.7931034483%;
}
.yogurtbook #lb81 .conspicuous_text, .yogurtbook #health_tokuho .conspicuous_text {
  padding-bottom: 4.3103448276%;
  line-height: 1.2;
}
.yogurtbook #lb81 .reason-mark-area, .yogurtbook #health_tokuho .reason-mark-area {
  margin-top: 12.0689655172%;
  text-align: center;
}
.yogurtbook #lb81 .reason-mark-area img, .yogurtbook #health_tokuho .reason-mark-area img {
  margin: auto;
  width: 40%;
}
.yogurtbook #lb81 .reason-mark-area p, .yogurtbook #health_tokuho .reason-mark-area p {
  margin-top: 1rem;
  text-align: center;
  font-size: 10px;
  font-size: 3.125vw;
}
.yogurtbook #lb81 .imgspace {
  margin-top: 10.15625%;
}
.yogurtbook #about_fermentation h2 {
  padding-bottom: 17.2413793103%;
}
.yogurtbook #about_fermentation .WhatIs_maroyaka {
  padding: 19.53125% 4.6875% 46.875% 4.6875%;
  position: relative;
  background: url(/sp/about/images/yogurtbook/about_fermentation-bgImg.png) no-repeat center top;
  background-size: cover;
}
.yogurtbook #about_fermentation .yoghurtZero {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.yogurtbook #about_fermentation .yoghurtZero img {
  width: 77.3333333333%;
}
.yogurtbook #about_fermentation section:last-child {
  padding: 32.03125% 4.6875% 26.5625% 4.6875%;
}
.yogurtbook #about_fermentation section:last-child div + div {
  margin-top: 5.1724137931%;
}
.yogurtbook #about_fermentation .maroyaka {
  padding: 5.1724137931%;
  color: #fff;
  background: #30aad1;
}
.yogurtbook #about_fermentation .maroyaka h3 {
  margin-bottom: 5.7692307692%;
  padding-bottom: 3.4615384615%;
  font-size: 16px;
  font-size: 5vw;
  border-bottom: 2px solid #fff;
}
.yogurtbook #about_fermentation .maroyaka ul {
  font-size: 11px;
  font-size: 3.4375vw;
}
.yogurtbook #about_fermentation .maroyaka ul li + li {
  margin-top: 2.8846153846%;
  padding-top: 2.8846153846%;
  border-top: 1px solid #fff;
}
.yogurtbook #about_fermentation .comparison, .yogurtbook #about_fermentation .change {
  padding: 6.8965517241% 3.4482758621%;
  background: #fff;
}
.yogurtbook #about_fermentation .comparison h3, .yogurtbook #about_fermentation .change h3 {
  margin: 0px 1.8518518519%;
  padding-bottom: 3.7037037037%;
  font-size: 15px;
  font-size: 4.6875vw;
  border-bottom: 1px solid #000;
  line-height: 1.2;
}
.yogurtbook #about_fermentation .comparison p, .yogurtbook #about_fermentation .change p {
  font-size: 11.5px;
  font-size: 3.59375vw;
  line-height: 1.3;
  letter-spacing: -1px;
}
.yogurtbook #about_fermentation .comparison p img, .yogurtbook #about_fermentation .change p img {
  width: 100%;
  height: auto;
}
.yogurtbook #about_fermentation .comparison p:last-child, .yogurtbook #about_fermentation .change p:last-child {
  margin-top: 0;
}
.yogurtbook #sound_area {
  padding: 23.4375% 0px 21.875% 0px;
  background: #f8f8f8;
}
.yogurtbook #sound_area .sound {
  margin-bottom: 10%;
  position: relative;
  text-align: center;
}
.yogurtbook #sound_area .sound audio {
  margin-top: 5.1724137931%;
}
.yogurtbook #sound_area .sound span {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 490px) {
  .yogurtbook #sound_area .sound span {
    top: 26%;
    width: 18%;
  }
}
.yogurtbook #sound_area .sound p img {
  width: 100%;
}
.yogurtbook #sound_area h2 {
  margin-bottom: 11.2068965517%;
}
.yogurtbook #legitimate {
  padding-top: 23.4375%;
  background: #fff;
}
.yogurtbook #legitimate h2 {
  margin-bottom: 12.9310344828%;
}
.yogurtbook #legitimate .imgspace {
  margin: 15.5172413793% 0px 9.3103448276% 0px;
}
.yogurtbook #legitimate .imgspace2 {
  margin-bottom: 16.3793103448%;
}

/* /special/new_plain/より移植 - くちどけ芳醇発酵によるヨーグルトの構造の変化 */
#about_fermentation .secret_detail .figure_box {
  margin: 9.1549295775% auto 0;
}
#about_fermentation .secret_detail .figure_box .box_ttl {
  padding: 4.2253521127% 2.8169014085%;
  border-radius: 4vw 4vw 0 0;
  position: relative;
  color: #fff;
  background-color: #2573b8;
  font-size: 4.8vw;
  text-align: center;
  box-shadow: 0px 0px 20px 5px rgba(37, 115, 184, 0.1);
}
#about_fermentation .secret_detail .figure_box .box_ttl::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 8vw;
  background-color: #2573b8;
  content: "";
}
#about_fermentation .secret_detail .figure_box .box_ttl .box_ttl_inner {
  position: relative;
  z-index: 2;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
  font-size: 5vw;
}
#about_fermentation .secret_detail .figure_box .box_detail {
  margin-top: 0;
  padding: 7.0422535211% 2.8169014085%;
  border-radius: 0 0 20px 20px;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 20px 5px rgba(37, 115, 184, 0.1);
}
#about_fermentation .secret_detail .figure_box .box_detail_txt {
  font-size: 4.5333333333vw;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
#about_fermentation .secret_detail .figure_box .box_img {
  text-align: center;
}
#about_fermentation .secret_detail .figure_box .box_img .note {
  margin-top: 4.4776119403%;
  font-size: 4vw;
  text-align: right;
  letter-spacing: 0.05em;
}
#about_fermentation .secret_detail .new_point_ttl {
  margin: 11.7647058824% auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 110.2941176471%;
}
#about_fermentation .secret_detail .new_point_ttl .ribbon {
  margin: 0 0 0 -34.9333333333vw;
  position: absolute;
  top: -9.3333333333vw;
  left: 50%;
  width: 69.8666666667vw;
  height: 14.6666666667vw;
  color: #fff;
  background: url(/pc/special/new_plain/data/images/ribbon_ttl_bg_sp.png) no-repeat center center/contain;
  font-size: 4.8vw;
  letter-spacing: 0.05em;
}
#about_fermentation .secret_detail .new_point_ttl .ribbon_inner {
  margin-top: 4.5801526718%;
  text-align: center;
}
#about_fermentation .secret_detail .new_point_ttl .ttl_txt {
  padding: 7.4666666667% 0 4%;
  color: #fff;
  background: url(/pc/special/new_plain/data/images/new_point_ttl_sp.jpg) no-repeat center center/cover;
  font-size: 7.2vw;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.01em;
}
#about_fermentation .secret_detail .secret_sub_ttl {
  color: #0c277f;
  background: url(/pc/special/new_plain/data/images/ttl_btm_gradation_sp.png) no-repeat bottom center/contain;
  font-size: 6.6666666667vw;
  font-weight: 600;
  text-align: center;
}
#about_fermentation .secret_detail .secret_txt {
  margin-top: 9.8591549296%;
  font-size: 4.5333333333vw;
  line-height: 1.7;
}
#about_fermentation .secret_detail .secret_txt + .secret_txt {
  margin-top: 9.1549295775%;
}
#about_fermentation .secret_detail .figure_box .box_detail {
  padding: 5.3521126761% 2.8169014085% 7.0422535211%;
}
#about_fermentation .secret_detail .figure_box .box_img {
  margin-top: 5.9701492537%;
}
#about_fermentation .secret_detail .mt {
  margin-top: 10.447761194%;
}
#about_fermentation .secret_detail .addition_box .box_detail_txt {
  margin-top: 4.4776119403%;
}
#about_fermentation .secret_detail .addition_box .box_img {
  margin-top: 5.9701492537%;
}
#about_fermentation .mellow_area .secret_detail {
  padding: 8.8% 0 0;
}
#about_fermentation .mellow_area .tds_explan {
  margin-top: 12.676056338%;
}
#about_fermentation .mellow_area .tds_explan_inner {
  position: relative;
  overflow: hidden;
  color: #0c277f;
}
#about_fermentation .mellow_area .tds_explan_inner .left {
  margin: 0 0 0 -31.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -16vw;
  left: 50%;
  width: 62.6666666667vw;
  height: 62.6666666667vw;
  background: url(/pc/special/new_plain/data/images/mellow_circle_bg.png) no-repeat center center/contain;
  text-align: center;
}
#about_fermentation .mellow_area .tds_explan_inner .left p {
  text-align: center;
}
#about_fermentation .mellow_area .tds_explan_inner .left .left_inner {
  margin: 7.4666666667vw 0 0;
  width: 45.3333333333vw;
}
#about_fermentation .mellow_area .tds_explan_inner .left .ttl {
  padding-bottom: 5.8823529412%;
  border-bottom: 1px solid #0c277f;
  font-size: 9.3333333333vw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
}
#about_fermentation .mellow_area .tds_explan_inner .left .name_full {
  margin: 0;
  padding: 5.8823529412% 2.9411764706% 0;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}
#about_fermentation .mellow_area .tds_explan_inner .right {
  padding: 50.1408450704% 2.8169014085% 7.0422535211%;
  background-color: #e5f6fd;
}
#about_fermentation .mellow_area .tds_explan_inner .right .right_inner {
  font-size: 4.5333333333vw;
  line-height: 1.7;
  font-feature-settings: "palt";
}
#about_fermentation .mellow_area .figure_box {
  margin: 11.2676056338% auto 0;
}
#about_fermentation .mellow_area .figure_box .box_detail {
  padding: 5.3521126761% 2.8169014085% 5.6338028169%;
}
#about_fermentation .mellow_area .figure_box .box_img {
  margin-top: 5.9701492537%;
}

.en .yogurtbook p {
  text-align: left;
}
.en .yogurtbook #about_fermentation .yoghurtZero {
  bottom: -17%;
}
.en .yogurtbook #about_fermentation .secret_detail .new_point_ttl .ribbon_inner {
  font-size: 3.7333333333vw;
  letter-spacing: -0.01em;
}

.cn .yogurtbook p {
  text-align: left;
}