@keyframes swiper-preloader-spin{
  0%{
    transform: rotate(0);
  }
  to{
    transform: rotate(360deg);
  }}
@keyframes scrollline{
  0%{
    transform: scale(1,0);
    transform-origin: 0 0;
  }
  50%{
    transform: scale(1,1);
    transform-origin: 0 0;
  }
  51%{
    transform: scale(1,1);
    transform-origin: 0 100%;
  }
  to{
    transform: scale(1,0);
    transform-origin: 0 100%;
  }}
@font-face{
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root{
  --swiper-theme-color: #007aff;
}
.swiper,swiper-container{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical>.swiper-wrapper{
  flex-direction: column;
}
.swiper-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,.swiper-wrapper{
  transform: translate3d(0,0,0);
}
.swiper-horizontal{
  touch-action: pan-y;
}
.swiper-vertical{
  touch-action: pan-x;
}
.swiper-slide,swiper-slide{
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank{
  visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
  height: auto;
}
.swiper-autoheight .swiper-wrapper{
  align-items: flex-start;
  transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide{
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow{
  background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left{
  background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent);
}
.swiper-3d .swiper-slide-shadow-right{
  background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent);
}
.swiper-3d .swiper-slide-shadow-top{
  background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent);
}
.swiper-3d .swiper-slide-shadow-bottom{
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent);
}
.swiper-css-mode>.swiper-wrapper{
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align: none;
}
.swiper-centered>.swiper-wrapper::before{
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader{
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white{
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black{
  --swiper-preloader-color: #000;
}
.swiper-virtual .swiper-slide{
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root{
  --swiper-navigation-size: 44px;
}
.swiper-button-next,.swiper-button-prev{
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
  display: none!important;
}
.swiper-button-next:after,.swiper-button-prev:after{
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
  content: "prev";
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
  content: "next";
}
.swiper-button-lock{
  display: none;
}
.swiper-pagination{
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden{
  opacity: 0;
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
  display: none!important;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic{
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  transform: scale(.33);
}
.swiper-pagination-bullet{
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet{
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor: pointer;
}
.swiper-pagination-bullet:only-child{
  display: none!important;
}
.swiper-pagination-bullet-active{
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0,-50%,0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display: inline-block;
  transition: .2s transform,.2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition: .2s transform,.2s right;
}
.swiper-pagination-fraction{
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar{
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock{
  display: none;
}
.swiper-scrollbar,.swiper-scrollbar-drag{
  position: relative;
  border-radius: var(--swiper-scrollbar-border-radius,10px);
}
.swiper-scrollbar{
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
  display: none!important;
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar-drag{
  height: 100%;
  width: 100%;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag{
  cursor: move;
}
.swiper-scrollbar-lock{
  display: none;
}
.swiper-zoom-container{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed{
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification,swiper-container .swiper-notification{
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode>.swiper-wrapper{
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid>.swiper-wrapper{
  flex-wrap: wrap;
}
.swiper-grid-column>.swiper-wrapper{
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide{
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide{
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide{
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
  pointer-events: auto;
}
.swiper-cards,.swiper-cube,.swiper-flip{
  overflow: visible;
}
.swiper-cube .swiper-slide{
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide{
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide{
  transform-origin: 100%0;
}
.swiper-cube .swiper-slide-active .swiper-slide-active{
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before{
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip .swiper-slide{
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide{
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cards .swiper-slide,.swiper-creative .swiper-slide{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.swiper-creative .swiper-slide{
  transition-property: transform,opacity,height;
}
.swiper-cards .swiper-slide{
  transform-origin: center bottom;
}
.p-brand{
  --container-width: 1100px;
  --color-blue: #3793b2;
  background-color: #fefff8;
  color: #434343;
  font-style: normal;
  font-weight: 400;
  font-family: "Zen Kaku Gothic New",sans-serif;
}
.p-brand img{
  width: 100%;
}
.font-outfit{
  font-family: Outfit,sans-serif;
}
.p-header{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  padding: 12px 20px;
}
@media (max-width:48em){
  .p-header{
    padding: 2.1333333333vw 5.3333333333vw;
  }}
.p-header__container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  width: 100%;
  max-width: 1320px;
}
@media (max-width:63.9375em){
  .p-header__container{
    max-width: 100%;
  }}
.p-header__logo-karadayogurt{
  width: 112px;
}
@media (max-width:48em){
  .p-header__logo-karadayogurt{
    width: 24vw;
  }}
.p-header__group{
  display: flex;
  align-items: center;
  gap: 0 53px;
}
@media (max-width:63.9375em){
  .p-header__group{
    gap: 0 33px;
  }}
@media (max-width:48em){
  .p-header__group{
    gap: 0 4.8vw;
  }
  .p-header__nav{
    display: none;
  }}
.p-header__nav-lists{
  display: flex;
  gap: 0 60px;
}
@media (max-width:63.9375em){
  .p-header__nav-lists{
    gap: 0 30px;
  }}
.p-header__nav-list{
  transition: color .3s;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width:63.9375em){
  .p-header__nav-list{
    font-size: 1.5rem;
  }}
@media not all and (max-width:73.75em){
  .p-header__nav-list:hover{
    color: var(--color-blue);
  }}
.p-header__logo-morinaga{
  width: 64px;
}
@media (max-width:48em){
  .p-header__logo-morinaga{
    width: 11.4666666667vw;
  }}
.p-header-sp__menu-button{
  display: none;
  position: relative;
  width: 8vw;
  height: 5.3333333333vw;
}
@media (max-width:48em){
  .p-header-sp__menu-button{
    display: block;
  }}
.p-header-sp__menu-button span{
  display: block;
  position: absolute;
  left: 0;
  transition: .3s;
  background-color: var(--color-blue);
  width: 100%;
  height: 2px;
}
.p-header-sp__menu-button span:first-child{
  top: 0;
}
.p-header-sp__menu-button span:nth-child(2){
  top: 50%;
  transform: translateY(-50%);
}
.p-header-sp__menu-button span:nth-child(3){
  bottom: 0;
}
.p-header-sp__menu-button.is-close span:first-child{
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.p-header-sp__menu-button.is-close span:nth-child(2){
  opacity: 0%;
}
.p-header-sp__menu-button.is-close span:nth-child(3){
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
.p-header-sp__menu{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  transition: opacity .3s;
  background-color: #48abcc;
  padding: 36.5333333333vw 5.3333333333vw 26.6666666667vw;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
@media (max-width:48em){
  .p-header-sp__menu{
    display: block;
  }}
.p-header-sp__menu .p-button__note{
  color: #fff;
}
.p-header-sp__menu[aria-hidden=true]{
  visibility: hidden;
  opacity: 0%;
  transition: visibility 0s .3s,opacity .3s;
  pointer-events: none;
}
.p-header-sp__menu-lists{
  display: flex;
  flex-direction: column;
  gap: 12.2666666667vw;
  text-align: center;
}
.p-header-sp__menu-list a{
  color: #fff;
  font-weight: 500;
  font-size: 5.3333333333vw;
}
.p-header-sp__menu-cta{
  margin-top: 25.8666666667vw;
}
.p-footer{
  background-color: #fff;
  padding: 76px 10px 34px;
}
@media (max-width:48em){
  .p-footer{
    padding: 6.4vw 5.3333333333vw;
  }}
.p-footer__container{
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px 40px;
  margin-inline: auto;
  width: 100%;
  max-width: 1390px;
}
@media (max-width:48em){
  .p-footer__container{
    flex-direction: column;
    max-width: 100%;
  }}
.p-footer__lists{
  display: flex;
  align-items: center;
  gap: 0 30px;
}
@media (max-width:48em){
  .p-footer__lists{
    flex-wrap: wrap;
    gap: 1.8666666667vw 5.3333333333vw;
  }}
.p-footer__list{
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width:48em){
  .p-footer__list{
    font-size: 3.7333333333vw;
  }}
.p-footer__list a{
  display: inline-block;
  position: relative;
  transition: opacity .4s;
}
@media not all and (max-width:73.75em){
  .p-footer__list a:hover{
    opacity: 70%;
  }}
.p-footer__list a[target=_blank]{
  padding-left: 18px;
}
@media (max-width:48em){
  .p-footer__list a[target=_blank]{
    padding-left: 3.4666666667vw;
  }}
.p-footer__list a[target=_blank]::before{
  position: absolute;
  top: 51%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(/assets/img/common/icon_outside.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  content: "";
}
@media (max-width:48em){
  .p-footer__list a[target=_blank]::before{
    width: 2.4vw;
    height: 2.4vw;
  }}
.p-footer__list:not(:has([target=_blank])) a{
  padding-left: 15px;
}
@media (max-width:48em){
  .p-footer__list:not(:has([target=_blank])) a{
    padding-left: 2.6666666667vw;
  }}
.p-footer__list:not(:has([target=_blank])) a::before{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #434343;
  border-right: 1px solid #434343;
  width: 7px;
  height: 7px;
  content: "";
}
@media (max-width:48em){
  .p-footer__list:not(:has([target=_blank])) a::before{
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }}
.p-footer__group{
  display: flex;
  align-items: center;
  gap: 0 50px;
}
@media (max-width:48em){
  .p-footer__group{
    flex-direction: column-reverse;
    gap: 6.6666666667vw 0;
  }}
.p-footer__logo a{
  display: grid;
  grid-template-columns: 44px 140px;
  gap: 0 15px;
  transition: opacity .4s;
}
@media (max-width:48em){
  .p-footer__logo a{
    grid-template-columns: 13.3333333333vw 44.5333333333vw;
    gap: 0 3.7333333333vw;
  }}
@media not all and (max-width:73.75em){
  .p-footer__logo a:hover{
    opacity: 70%;
  }}
.p-footer__sns{
  display: flex;
  align-items: center;
  gap: 0 20px;
}
@media (max-width:48em){
  .p-footer__sns{
    gap: 5.3333333333vw;
  }}
.p-footer__sns-item{
  width: 40px;
}
@media (max-width:48em){
  .p-footer__sns-item{
    width: 10.6666666667vw;
  }}
.p-mv{
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/mv_bg.svg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  padding-inline: 20px;
}
@media (max-width:48em){
  .p-mv{
    background-image: url(/assets/img/products/brand/karada-yoghurt/index/mv_bg_sp.svg);
    padding-inline: 5.3333333333vw;
  }}
.p-mv__container{
  container-type: inline-size;
  margin-inline: auto;
  width: 100%;
  max-width: 1320px;
}
@media (max-width:48em){
  .p-mv__container{
    max-width: 100%;
  }}
.p-mv__main{
  padding-block: calc(130/1320*100cqw) 328px;
}
@media (max-width:48em){
  .p-mv__main{
    padding-block: 21.8666666667vw 22.6666666667vw;
  }}
.p-mv__content{
  position: relative;
}
.p-mv__heading{
  position: absolute;
  top: calc(47/1320*100cqw);
  right: calc(89/1320*100cqw);
  opacity: 0%;
  width: calc(200/1320*100cqw);
}
@media (max-width:48em){
  .p-mv__heading{
    top: -4vw;
    right: 4.2666666667vw;
    width: 29.8666666667vw;
  }}
.p-mv__scroll{
  display: flex;
  position: absolute;
  top: calc(416/1320*100cqw);
  right: calc(24/1320*100cqw);
  flex-direction: column;
  align-items: center;
  gap: calc(6/1320*100cqw);
  opacity: 0%;
}
@media (max-width:48em){
  .p-mv__scroll{
    display: none;
  }}
.p-mv__scroll-item{
  color: #fff;
  font-weight: 500;
  font-size: calc(11/1320*100cqw);
  letter-spacing: .1em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.p-mv__scroll-line{
  position: relative;
  background-color: rgba(255,255,255,.3);
  width: 1px;
  height: calc(174/1320*100cqw);
  overflow: hidden;
}
.p-mv__scroll-line::before{
  position: absolute;
  right: 0;
  left: 0;
  animation: scrollline 2s infinite;
  margin: auto;
  background-color: #fff;
  width: 1px;
  height: calc(174/1320*100cqw);
  content: "";
}
.p-mv__img{
  opacity: 0%;
  border-radius: 30px;
  aspect-ratio: 1322/715;
  overflow: hidden;
}
@media (max-width:48em){
  .p-mv__img{
    aspect-ratio: 335/533;
  }}
.p-mv__en{
  margin-top: calc(12/1320*100cqw);
  color: var(--color-blue);
  font-weight: 400;
  font-size: calc(12/1320*100cqw);
  letter-spacing: .23em;
}
@media (max-width:48em){
  .p-mv__en{
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
  }}
.p-heading{
  color: #1e7998;
  font-weight: 500;
  font-size: calc(36/1100*100cqw);
  letter-spacing: .04em;
  text-align: center;
}
@media (max-width:48em){
  .p-heading{
    font-size: 6.4vw;
    letter-spacing: .06em;
  }}
.p-heading__sub{
  display: block;
  padding-bottom: calc(5/1100*100cqw);
  font-weight: 500;
  font-size: calc(18/1100*100cqw);
  letter-spacing: 0;
}
@media (max-width:48em){
  .p-heading__sub{
    font-size: 3.7333333333vw;
  }}
.p-button{
  display: block;
  position: relative;
  z-index: 1;
  transition: transform .3s;
  margin-inline: auto;
  max-width: calc(570/1100*100cqw);
  font-weight: 500;
  font-size: calc(22/1100*100cqw);
  letter-spacing: .16em;
  text-decoration: none;
}
@media (max-width:48em){
  .p-button{
    width: calc(100% - 5px);
    max-width: 100%;
    font-size: 4.2666666667vw;
  }}
.p-button::before{
  position: absolute;
  right: calc(-7/1100*100cqw);
  bottom: calc(-10/1100*100cqw);
  z-index: -1;
  transition: right .3s,bottom .3s;
  width: 100%;
  height: 100%;
  content: "";
}
@media (max-width:48em){
  .p-button::before{
    right: -1.0666666667vw;
    bottom: -1.6vw;
  }}
@media not all and (max-width:73.75em){
  .p-button:hover{
    transform: translate(7px,10px);
  }
  .p-button:hover::before{
    right: 0;
    bottom: 0;
  }
  .p-button:hover .p-button__arrow{
    margin-right: calc(-51/1100*100cqw);
    width: calc(103/1100*100cqw);
  }}
.p-button--blue{
  color: #fff;
}
.p-button--blue .p-button__inner{
  background-color: #7ec4db;
}
.p-button--blue .p-button__arrow::before{
  background-color: #fff;
}
.p-button--blue .p-button__arrow::after{
  border-top-color: #fff;
}
.p-button--blue::before{
  background-color: #3fa6c7;
}
.p-button--cream,.p-button--white{
  color: var(--color-blue);
}
.p-button--cream .p-button__inner{
  background-color: #f9fde4;
}
.p-button--cream .p-button__arrow::before{
  background-color: var(--color-blue);
}
.p-button--cream .p-button__arrow::after{
  border-top-color: var(--color-blue);
}
.p-button--cream::before{
  background-color: rgba(230,225,204,.24);
}
.p-button--white .p-button__inner{
  background-color: #fff;
}
.p-button--white .p-button__arrow::before{
  background-color: var(--color-blue);
}
.p-button--white .p-button__arrow::after{
  border-top-color: var(--color-blue);
}
.p-button--white::before{
  background-color: #3793b2;
}
.p-button__inner{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(27/1100*100cqw);
  padding: calc(35/1100*100cqw) calc(50/1100*100cqw) calc(35/1100*100cqw) calc(120/1100*100cqw);
}
@media (max-width:48em){
  .p-button__inner{
    padding: 4.8vw 8vw 4.8vw 13.3333333333vw;
  }}
.p-button__arrow{
  display: block;
  position: relative;
  transform: translateY(2px);
  transition: width .3s,margin-right .3s;
  width: calc(52/1100*100cqw);
  height: calc(9/1100*100cqw);
}
@media (max-width:48em){
  .p-button__arrow{
    transform: translateY(2px);
    width: 8vw;
    height: 1.3333333333vw;
  }}
.p-button__arrow::before{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transform-origin: left center;
  transition: transform .3s;
  width: 100%;
  height: 2px;
  content: "";
}
.p-button__arrow::after{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  transition: right .3s;
  border-top: 2px solid;
  width: calc(9/1100*100cqw);
  height: calc(9/1100*100cqw);
  content: "";
}
@media (max-width:48em){
  .p-button__arrow::after{
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }}
.p-button__note{
  margin-top: calc(20/1100*100cqw);
  font-weight: 300;
  font-size: 1rem;
  text-align: center;
}
@media (max-width:48em){
  .p-button__note{
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }}
.p-about,.p-check::before{
  background-repeat: no-repeat;
}
.p-about{
  position: relative;
  margin-top: -232px;
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/about_bg_obj.png);
  background-position: -15% 100%;
  background-size: 919px;
  padding-bottom: 344px;
  overflow: hidden;
}
@media (max-width:48em){
  .p-about{
    margin-top: -13.3333333333vw;
    background-size: a,vws(480);
    padding-bottom: 12vw;
  }}
.p-about_bg-obj{
  position: absolute;
  bottom: 0;
  left: -130px;
  width: 919px;
}
@media (max-width:48em){
  .p-about_bg-obj{
    bottom: 128vw;
    left: -22.6666666667vw;
    z-index: 1;
    width: 128vw;
  }}
.p-about__container{
  container-type: inline-size;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-about__container{
    position: relative;
    z-index: 2;
    padding-inline: 4vw;
    max-width: 100%;
  }}
.p-about__main{
  position: relative;
  z-index: 3;
  margin: calc(15/1100*100cqw) calc(110/1100*100cqw) 0 0;
}
@media not all and (max-width:48em){
  .p-about__main{
    display: flex;
    justify-content: flex-end;
  }}
@media (max-width:48em){
  .p-about__main{
    margin: 0;
  }}
.p-about__heading{
  font-size: calc(33/1100*100cqw);
  line-height: 2.0606060606;
  text-align: left;
}
@media (max-width:48em){
  .p-about__heading{
    font-feature-settings: "palt";
    font-size: 5.8666666667vw;
    line-height: 2;
    letter-spacing: 0;
  }}
.p-about__heading-line{
  display: block;
  margin-top: calc(13/1100*100cqw);
}
@media (max-width:48em){
  .p-about__heading-line{
    margin-top: 5.3333333333vw;
  }}
.p-about__heading-line>span{
  border-bottom: 1px solid var(--color-blue);
  padding-bottom: calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-about__heading-line>span{
    padding-bottom: 1.6vw;
  }
  .p-about__heading-line .kakko{
    margin-inline: -.2em;
  }}
.p-about__heading-line+.p-about__heading-line{
  margin-top: calc(33/1100*100cqw);
}
@media (max-width:48em){
  .p-about__heading-line+.p-about__heading-line{
    margin-top: 6.6666666667vw;
  }}
.p-about__heading+.p-about__text{
  margin-top: calc(80/1100*100cqw);
}
@media (max-width:48em){
  .p-about__heading+.p-about__text{
    margin-top: 8vw;
  }}
.p-about__text{
  color: var(--color-blue);
  font-weight: 500;
  letter-spacing: -.01em;
}
.p-about__text+.p-about__text{
  margin-top: calc(23/1100*100cqw);
}
@media (max-width:48em){
  .p-about__text+.p-about__text{
    margin-top: 6.6666666667vw;
  }}
.p-about__text--normal{
  font-size: calc(24/1100*100cqw);
  line-height: 2.25;
}
@media (max-width:48em){
  .p-about__text--normal{
    font-size: 5.0666666667vw;
    line-height: 1.8947368421;
    letter-spacing: -.01em;
  }}
.p-about__text--middle{
  font-size: calc(29/1100*100cqw);
  line-height: 2;
}
@media (max-width:48em){
  .p-about__text--middle{
    font-size: 4.2666666667vw;
    line-height: 2;
  }}
.p-about__text--large{
  transform: translateX(10px);
  font-size: calc(55/1100*100cqw);
  line-height: 1.9636363636;
}
@media (max-width:48em){
  .p-about__text--large{
    transform: translateX(0);
    font-size: 8vw;
    line-height: 2.0333333333;
  }}
.p-about__bottom{
  position: relative;
  z-index: 3;
  margin-top: calc(78/1100*100cqw);
  text-align: center;
}
@media (max-width:48em){
  .p-about__bottom{
    margin-top: 8.8vw;
  }}
.p-about__bottom .p-about__text+.p-about__text{
  margin-top: 0;
}
.p-about__img-left,.p-about__img-right{
  position: absolute;
  z-index: 2;
  width: 100%;
}
.p-about__img-right{
  display: flex;
  top: 26.7361111111%;
  right: 0;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width:48em){
  .p-about__img-right{
    display: none;
  }}
.p-about__img-left{
  top: 0;
  left: 0;
}
@media (max-width:48em){
  .p-about__img-left{
    display: none;
  }}
.p-about__img{
  position: relative;
  transition: border-radius .3s;
  overflow: hidden;
}
@media (max-width:48em){
  .p-about__img{
    position: relative;
    top: unset;
  }}
.p-about__img-sp{
  display: none;
}
@media (max-width:48em){
  .p-about__img-sp{
    display: block;
    position: relative;
    z-index: 2;
    margin-top: 16.8vw;
    aspect-ratio: 375/512;
  }}
.p-about__img--01{
  left: -5.8333333333%;
  border-radius: 0 100px 100px 0;
  width: 41.7361111111%;
}
.p-about__img--02{
  right: -5.9722222222%;
  border-radius: 70px;
  width: 33.8888888889%;
}
.p-about__img--03{
  left: -.3472222222%;
  margin-top: 4.5138888889%;
  border-radius: 0 50px 50px 0;
  width: 28.125%;
}
.p-about__img--04{
  right: 4.7222222222%;
  margin-top: -2.7777777778%;
  border-radius: 40px;
  width: 14.7916666667%;
}
.p-check{
  position: relative;
  margin-top: -205px;
  padding-top: 7.7777777778%;
  overflow: hidden;
}
@media (max-width:48em){
  .p-check{
    margin-top: 0;
    padding-top: 7.4666666667vw;
  }}
.p-check .p-heading__sub{
  padding-bottom: calc(5/1100*100cqw);
}
.p-check::before{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/check_bg_head.png);
  background-position: center top;
  background-size: 100%;
  height: 7.7777777778%;
  content: "";
}
@media (max-width:48em){
  .p-check::before{
    background-image: url(/assets/img/products/brand/karada-yoghurt/index/check_bg_head_sp.png);
    height: 8vw;
  }}
.p-check__wrapper{
  position: relative;
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/content_bg.jpg);
  background-size: 1440px;
  background-repeat: repeat;
  padding: 73px 20px 0;
}
@media (max-width:48em){
  .p-check__wrapper{
    background-size: 100%;
    padding: 8vw 5.3333333333vw 0;
  }}
.p-check__container{
  container-type: inline-size;
  margin-inline: auto;
  padding-bottom: 60px;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-check__container{
    padding-bottom: 8vw;
    max-width: 100%;
  }}
.p-check__heading+.p-check__body{
  margin-top: calc(28/1100*100cqw);
}
@media (max-width:48em){
  .p-check__heading+.p-check__body{
    margin-top: 6.4vw;
  }}
.p-check__body{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: calc(15/1100*100cqw);
}
@media (max-width:48em){
  .p-check__body{
    flex-direction: column-reverse;
    gap: 5.8666666667vw 0;
  }}
.p-check__list{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(8/1100*100cqw) calc(40/1100*100cqw);
  border-radius: 15px;
  background-color: #fff;
  padding: calc(25/1100*100cqw) calc(48/1100*100cqw) calc(23/1100*100cqw) calc(34/1100*100cqw);
}
@media (max-width:48em){
  .p-check__list{
    grid-template-columns: 16vw 1fr;
    gap: 0;
    margin-top: a,vws(22);
    border-radius: 10px;
    padding: 4.5333333333vw 5.3333333333vw 4vw;
    min-height: 168px;
  }}
.p-check__list+.p-check__list{
  margin-top: calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-check__list+.p-check__list{
    margin-top: 2.6666666667vw;
  }}
.p-check__num{
  padding-top: calc(5/1100*100cqw);
  color: var(--color-blue);
  font-weight: 500;
  font-size: calc(15/1100*100cqw);
}
@media not all and (max-width:48em){
  .p-check__num{
    grid-row: 1/3;
    grid-column: 1;
  }}
@media (max-width:48em){
  .p-check__num{
    padding-top: .5333333333vw;
    font-size: 3.7333333333vw;
  }}
.p-check__item{
  border-bottom: 1px solid var(--color-blue);
  padding-bottom: calc(3/1100*100cqw);
  color: var(--color-blue);
  font-weight: 500;
  font-size: calc(18/1100*100cqw);
  letter-spacing: .03em;
}
@media not all and (max-width:48em){
  .p-check__item{
    grid-row: 1;
    grid-column: 2;
  }}
@media (max-width:48em){
  .p-check__item{
    border-bottom: none;
    padding-bottom: 0;
    font-size: 4.5333333333vw;
    line-height: math,div(24,17);
  }}
.p-check__text{
  font-size: calc(16/1100*100cqw);
  line-height: 1.5;
}
@media not all and (max-width:48em){
  .p-check__text{
    grid-row: 2;
    grid-column: 2;
  }}
@media (max-width:48em){
  .p-check__text{
    grid-column: span 2;
    margin-top: 3.2vw;
    border-top: 1px solid var(--color-blue);
    padding-top: 3.2vw;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }}
.p-check__img{
  flex-shrink: 0;
  border-radius: 30px;
  aspect-ratio: 446/582;
  width: calc(446/1100*100cqw);
  overflow: hidden;
}
@media (max-width:48em){
  .p-check__img{
    border-radius: 20px;
    aspect-ratio: 335/212;
    width: 100%;
  }}
.p-check__arrow{
  position: relative;
  z-index: 2;
  margin-top: calc(26/1100*100cqw);
  margin-inline: auto;
  aspect-ratio: 104/95;
  width: calc(104/1100*100cqw);
}
@media (max-width:48em){
  .p-check__arrow{
    margin-top: 6.6666666667vw;
    aspect-ratio: 70/65;
    width: 18.6666666667vw;
  }}
.p-check__en{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 35%;
  width: 100%;
  color: #fff;
  font-weight: 100;
  font-size: 12.5rem;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
@media (max-width:48em){
  .p-check__en{
    bottom: 1.3333333333vw;
    font-size: 12.8vw;
    line-height: 1.0208333333;
  }}
.p-check__bottom-img{
  aspect-ratio: 1440/736;
}
@media (max-width:48em){
  .p-check__bottom-img{
    aspect-ratio: 375/450;
  }}
.p-check__bottom-container{
  container-type: inline-size;
  position: relative;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-check__bottom-container{
    max-width: 100%;
  }}
.p-check__bottom-text,.p-point::before{
  position: absolute;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
}
.p-check__bottom-text{
  top: calc(60/1100*100cqw);
  margin-left: calc(20/1100*100cqw);
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/check_line.svg);
  background-position: 45%bottom;
  background-size: calc(870/1100*100cqw);
  padding-bottom: calc(30/1100*100cqw);
  color: #fff;
  font-size: calc(38/1100*100cqw);
  letter-spacing: .02em;
  text-align: center;
}
@media (max-width:48em){
  .p-check__bottom-text{
    top: 10.6666666667vw;
    margin-left: 0;
    background-image: url(/assets/img/products/brand/karada-yoghurt/index/check_line_sp.svg);
    background-size: 80vw;
    font-size: 5.8666666667vw;
    line-height: 1.7272727273;
  }}
.p-manager{
  position: relative;
  margin-bottom: -55px;
  padding: 60px 20px 150px;
  overflow: hidden;
}
@media (max-width:48em){
  .p-manager{
    padding: 8vw 5.3333333333vw 34.6666666667vw;
  }}
.p-manager__container{
  container-type: inline-size;
  position: relative;
  z-index: 2;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-manager__container{
    max-width: 100%;
  }}
.p-manager__main{
  display: grid;
  grid-template-columns: 242px 1fr;
  align-items: flex-start;
  gap: calc(54/1100*100cqw);
  margin-top: calc(57/1100*100cqw);
  box-shadow: 10px 16px 0#e3e5d5;
  border: 1px solid #cad0a4;
  border-radius: 10px;
  background-color: #fff;
  padding: calc(57/1100*100cqw) calc(30/1100*100cqw) calc(23/1100*100cqw) calc(50/1100*100cqw);
}
@media (max-width:48em){
  .p-manager__main{
    grid-template-columns: 1fr;
    gap: 4vw 0;
    margin-top: 13.3333333333vw;
    box-shadow: 5px 5px 0#e3e5d5;
    padding: 5.3333333333vw 4.8vw 6.1333333333vw;
  }}
.p-manager__head{
  display: flex;
  align-items: flex-end;
  gap: calc(16/1100*100cqw);
  margin-right: calc(50/1100*100cqw);
  border-bottom: 1px solid #434343;
  padding: 0 calc(5/1100*100cqw) calc(5/1100*100cqw);
}
@media (max-width:48em){
  .p-manager__head{
    gap: 0;
    margin-right: 0;
    padding: 0 0 2.6666666667vw;
  }}
.p-manager__img{
  border-radius: 30px;
  aspect-ratio: 242/244;
  overflow: hidden;
}
@media (max-width:48em){
  .p-manager__img{
    margin-inline: auto;
    border-radius: 20px;
    aspect-ratio: 198/199;
    width: 52.8vw;
  }}
.p-manager__item{
  font-weight: 500;
  font-size: calc(20/1100*100cqw);
  letter-spacing: .09em;
}
@media (max-width:48em){
  .p-manager__item{
    display: none;
  }}
.p-manager__item-sp{
  display: none;
}
@media (max-width:48em){
  .p-manager__item-sp{
    display: block;
    font-weight: 500;
    font-size: 4.2666666667vw;
    letter-spacing: .09em;
    text-align: center;
  }}
.p-manager__meta{
  font-size: calc(14/1100*100cqw);
  letter-spacing: 0;
}
@media (max-width:48em){
  .p-manager__meta{
    font-size: 3.7333333333vw;
  }}
.p-manager__text{
  margin-top: calc(18/1100*100cqw);
  margin-right: calc(70/1100*100cqw);
  font-size: calc(16/1100*100cqw);
  line-height: 2.125;
  letter-spacing: .04em;
}
@media (max-width:48em){
  .p-manager__text{
    margin-top: 4.8vw;
    margin-right: 0;
    font-size: 3.7333333333vw;
    line-height: 1.5714285714;
  }}
.p-manager__date{
  margin-top: calc(24/1100*100cqw);
  font-size: calc(13/1100*100cqw);
  text-align: right;
}
@media (max-width:48em){
  .p-manager__date{
    margin-top: 1.3333333333vw;
    font-size: 3.2vw;
  }}
.p-manager__bg-obj{
  position: absolute;
  right: -70px;
  bottom: 0;
  mix-blend-mode: multiply;
  width: 492px;
  height: 428px;
}
@media (max-width:48em){
  .p-manager__bg-obj{
    right: -26.6666666667vw;
    bottom: 25.6vw;
    width: 132.8vw;
    height: 101.3333333333vw;
  }}
.p-point{
  position: relative;
  padding-top: 7.6388888889%;
  overflow: hidden;
}
@media (max-width:48em){
  .p-point{
    padding-top: 7.4666666667vw;
  }}
.p-point .p-heading__sub{
  padding-bottom: calc(15/1100*100cqw);
}
@media (max-width:48em){
  .p-point .p-heading__sub{
    padding-bottom: 2.1333333333vw;
  }}
.p-point::before{
  top: 0;
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/point_bg_head.png);
  background-position: center top;
  background-size: 100%;
  height: 7.6388888889%;
  content: "";
}
@media (max-width:48em){
  .p-point::before{
    background-image: url(/assets/img/products/brand/karada-yoghurt/index/point_bg_head_sp.png);
    height: 8vw;
  }}
.p-point__wrapper{
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/content_bg.jpg);
  background-size: 1440px;
  background-repeat: repeat;
  padding: 35px 20px 143px;
}
@media (max-width:48em){
  .p-point__wrapper{
    padding: 10.6666666667vw 5.3333333333vw 22.6666666667vw;
  }}
.p-point__container{
  container-type: inline-size;
  position: relative;
  z-index: 2;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-point__container{
    max-width: 100%;
  }}
.p-point__lead{
  margin-top: calc(17/1100*100cqw);
  color: var(--color-blue);
  font-size: calc(24/1100*100cqw);
  letter-spacing: .024em;
  text-align: center;
}
@media (max-width:48em){
  .p-point__lead{
    margin-top: 3.2vw;
    font-size: 4.8vw;
    line-height: 1.4444444444;
    letter-spacing: .02em;
  }}
.p-point__note{
  margin-top: calc(5/1100*100cqw);
  color: var(--color-blue);
  font-size: calc(14/1100*100cqw);
  text-align: center;
}
@media (max-width:48em){
  .p-point__note{
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }}
.p-point__lists{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: calc(16/1100*100cqw);
  margin-top: calc(33/1100*100cqw);
}
@media (max-width:48em){
  .p-point__lists{
    grid-template-columns: 1fr;
    gap: 4vw;
    margin-top: 4.5333333333vw;
  }}
.p-point__list{
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  border-radius: 10px;
  background-color: #fff;
  padding: calc(30/1100*100cqw) calc(20/1100*100cqw) calc(16/1100*100cqw);
  min-height: 788px;
}
@media (max-width:48em){
  .p-point__list{
    grid-template-rows: unset;
    padding: 5.3333333333vw 5.3333333333vw 4vw;
    min-height: 715px;
  }}
.p-point__img{
  margin-inline: auto;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
  border-radius: 10px;
  width: calc(296/1100*100cqw);
  overflow: hidden;
}
@media (max-width:48em){
  .p-point__img{
    aspect-ratio: 295/216;
    width: 100%;
  }}
.p-point__item{
  margin-top: calc(22/1100*100cqw);
  font-weight: 500;
  font-size: calc(22/1100*100cqw);
  text-align: center;
}
@media (max-width:48em){
  .p-point__item{
    margin-top: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }}
.p-point__item sup{
  display: inline-block;
  vertical-align: text-top;
}
.p-point__text{
  margin-block: calc(6/1100*100cqw) calc(20/1100*100cqw);
  padding-inline: calc(20/1100*100cqw);
  font-size: calc(16/1100*100cqw);
  line-height: 1.5;
}
@media (max-width:48em){
  .p-point__text{
    margin-block: 2.6666666667vw 6.6666666667vw;
    padding-inline: 0;
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
  }}
.p-point__img-bottom{
  margin-inline: auto;
}
.p-point__img-bottom--01{
  transform: translateX(5px);
  max-width: calc(304/1100*100cqw);
}
@media (max-width:48em){
  .p-point__img-bottom--01{
    width: 76.5333333333vw;
    max-width: 100%;
  }}
.p-point__img-bottom--02{
  max-width: calc(201/1100*100cqw);
}
@media (max-width:48em){
  .p-point__img-bottom--02{
    width: 58.1333333333vw;
    max-width: 100%;
  }}
.p-point__img-bottom--03{
  max-width: calc(274/1100*100cqw);
}
@media (max-width:48em){
  .p-point__img-bottom--03{
    width: 73.0666666667vw;
    max-width: 100%;
  }}
.p-point__list-note{
  margin-top: calc(10/1100*100cqw);
  margin-inline: calc(-15/1100*100cqw);
  font-size: calc(12/1100*100cqw);
  letter-spacing: -.03em;
  text-align: center;
}
@media (max-width:48em){
  .p-point__list-note{
    margin: 3.2vw calc(-20/1100*100cqw) 0;
    font-size: 3.2vw;
  }}
.p-point__graph-heading{
  margin-bottom: calc(10/1100*100cqw);
  font-size: calc(16/1100*100cqw);
  text-align: center;
}
@media (max-width:48em){
  .p-point__graph-heading{
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }}
.p-point__banner{
  margin-top: calc(98/1100*100cqw);
  margin-inline: auto;
  max-width: calc(867/1100*100cqw);
}
@media (max-width:48em){
  .p-point__banner{
    margin-top: 13.3333333333vw;
    max-width: 100%;
  }}
.p-point__benner-img{
  aspect-ratio: 867/383;
}
@media (max-width:48em){
  .p-point__benner-img{
    aspect-ratio: 335/306;
  }}
.p-point__benner-note{
  font-weight: 300;
  font-size: calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-point__benner-note{
    font-size: 3.2vw;
  }}
.p-point__benner-img+.p-point__benner-note{
  margin-top: calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-point__benner-img+.p-point__benner-note{
    margin-top: 3.2vw;
  }}
.p-point__products{
  margin-top: calc(70/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products{
    margin-top: 10.6666666667vw;
  }}
.p-point__products-group{
  box-shadow: 0 3px 6px rgba(103,99,4,.16);
  border-radius: 60px;
  background-color: #fff;
  padding: calc(40/1100*100cqw) calc(75/1100*100cqw) calc(70/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-group{
    border-radius: 20px;
    padding: 6.9333333333vw 5.3333333333vw 9.8666666667vw;
  }}
.p-point__products-group+.p-point__products-group{
  margin-top: calc(30/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-group+.p-point__products-group{
    margin-top: 4vw;
  }}
.p-point__products-item{
  border-bottom: 1px solid #2a3c65;
  padding-bottom: calc(8/1100*100cqw);
  color: #2a3c65;
  font-weight: 700;
  font-size: calc(30/1100*100cqw);
  letter-spacing: .06em;
}
@media (max-width:48em){
  .p-point__products-item{
    padding-bottom: 3.2vw;
    font-size: 5.3333333333vw;
    letter-spacing: .05em;
  }}
.p-point__products-img{
  margin-inline: auto;
  text-align: center;
}
.p-point__products-img--01{
  transform: translateX(-20px);
  margin-top: calc(28/1100*100cqw);
  aspect-ratio: 197/222;
  width: calc(197/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-img--01{
    transform: translateX(0);
    margin-top: 6.1333333333vw;
    width: 48.5333333333vw;
  }}
.p-point__products-img--02{
  transform: translateX(-10px);
  margin-top: calc(30/1100*100cqw);
  aspect-ratio: 162/304;
  width: calc(162/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-img--02{
    transform: translateX(0);
    margin-top: 0;
    width: 35.2vw;
  }}
.p-point__products-spec{
  display: grid;
  grid-template-columns: calc(294/1100*100cqw) 1fr;
  align-items: center;
  margin-top: calc(17/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-spec{
    grid-template-columns: 1fr;
    margin-top: 0;
  }}
.p-point__products-list--detail .p-point__products-info{
  grid-template-columns: calc(130/1100*100cqw) 1fr;
}
@media (max-width:48em){
  .p-point__products-list--detail .p-point__products-info{
    grid-template-columns: 28vw 1fr;
  }}
.p-point__products-list--nutr{
  margin-top: calc(45/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-list--nutr{
    margin-top: 13.3333333333vw;
  }}
.p-point__products-list--nutr .p-point__products-list-body{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 0 calc(58/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-list--nutr .p-point__products-list-body{
    grid-template-columns: 1fr;
    gap: 0;
  }}
.p-point__products-list--nutr .p-point__products-info{
  grid-template-columns: 200px 1fr;
}
@media (max-width:48em){
  .p-point__products-list--nutr .p-point__products-info{
    grid-template-columns: 53.3333333333vw 1fr;
  }}
.p-point__products-list--nutr .p-point__products-value{
  text-align: right;
}
.p-point__products-info{
  display: grid;
  gap: 0 10px;
  border-bottom: 1px solid #2a3c65;
  padding-block: calc(19/1100*100cqw);
  color: #2a3c65;
  font-size: calc(18/1100*100cqw);
  letter-spacing: .06em;
}
@media (max-width:48em){
  .p-point__products-info{
    padding-block: 3.2vw;
    font-size: 4.2666666667vw;
  }}
.p-point__products-label{
  padding-block: 2px;
  font-weight: 700;
}
@media (max-width:48em){
  .p-point__products-label{
    padding-block: 0;
    font-size: 3.7333333333vw;
  }}
.p-point__products-label sup{
  font-size: 70%;
}
.p-point__products-value{
  font-weight: 500;
}
@media (max-width:48em){
  .p-point__products-value.material{
    letter-spacing: -.03em;
  }}
.p-point__products-note{
  display: inline-block;
  font-weight: 400;
  font-size: calc(14/1100*100cqw);
  letter-spacing: -.01em;
}
@media (max-width:48em){
  .p-point__products-note{
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }}
.p-point__products-list-heading{
  border-bottom: 1px solid #2a3c65;
  padding-bottom: calc(9/1100*100cqw);
  color: #2a3c65;
  font-weight: 700;
  font-size: calc(24/1100*100cqw);
  letter-spacing: .06em;
}
@media (max-width:48em){
  .p-point__products-list-heading{
    padding-bottom: 4.2666666667vw;
    font-size: 5.3333333333vw;
  }}
.p-point__products-list-heading .small{
  font-size: calc(18/1100*100cqw);
}
@media (max-width:48em){
  .p-point__products-list-heading .small{
    font-size: 3.7333333333vw;
  }}
.p-point__button{
  margin-top: calc(88/1100*100cqw);
}
@media (max-width:48em){
  .p-point__button{
    margin-top: 11.7333333333vw;
  }}
.p-point__bg-obj{
  position: absolute;
  mix-blend-mode: multiply;
  content: "";
}
@media (max-width:48em){
  .p-point__bg-obj{
    opacity: 50%;
  }}
.p-point__bg-obj--01{
  top: 470px;
  right: -630px;
  width: 2309px;
  height: 2009px;
}
@media (max-width:48em){
  .p-point__bg-obj--01{
    top: 280vw;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
  }}
.p-point__bg-obj--02{
  right: -260px;
  bottom: -448px;
  width: 2006px;
  height: 1622px;
}
@media (max-width:48em){
  .p-point__bg-obj--02{
    right: 0;
    bottom: 13.3333333333vw;
    left: 0;
    width: 100%;
    height: auto;
  }}
.p-voice{
  position: relative;
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/voice_bg.jpg);
  background-position: center top;
  background-repeat: repeat;
  background-color: #fefff5;
  padding-bottom: 182px;
  overflow: hidden;
}
@media (max-width:48em){
  .p-voice{
    padding-bottom: 22.6666666667vw;
  }}
.p-voice .p-heading__sub{
  font-size: calc(18/1100*100cqw);
}
@media (max-width:48em){
  .p-voice .p-heading__sub{
    font-size: 3.7333333333vw;
  }}
.p-voice__container{
  container-type: inline-size;
  display: flex;
  position: relative;
  align-items: flex-start;
  gap: 0 55px;
  padding-top: 145px;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-voice__container{
    display: block;
    gap: 10.1333333333vw 0;
    padding-top: 8vw;
    max-width: 100%;
  }}
.p-voice__head{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0 10px;
  padding-right: 10px;
  max-width: 640px;
}
@media screen and (max-width:1315px){
  .p-voice__head{
    max-width: 44.4444444444vw;
  }}
@media screen and (max-width:1200px){
  .p-voice__head{
    max-width: 40.2777777778vw;
  }}
@media (max-width:48em){
  .p-voice__head{
    display: none;
  }}
.p-voice__head-img{
  aspect-ratio: 1440/646;
}
@media (max-width:48em){
  .p-voice__head-img{
    aspect-ratio: 375/379;
  }}
.p-voice__heading{
  margin-top: calc(18/1100*100cqw);
  text-align: left;
}
@media (max-width:48em){
  .p-voice__heading{
    display: none;
  }}
.p-voice__heading-sp{
  display: none;
}
@media (max-width:48em){
  .p-voice__heading-sp{
    display: block;
  }}
.p-voice__main-img{
  position: relative;
  flex-shrink: 0;
  margin-left: calc(-50/1100*100cqw);
  border-radius: 30px;
  background-color: #fff;
  aspect-ratio: 645/663;
  width: calc(645/1100*100cqw);
  overflow: hidden;
}
@media (max-width:48em){
  .p-voice__main-img{
    margin-top: 4.8vw;
    margin-left: 0;
    margin-inline: auto;
    border-radius: 20px;
    aspect-ratio: 335/232;
    width: 89.3333333333vw;
  }}
.p-voice__obj{
  position: absolute;
  bottom: calc(-150/1100*100cqw);
  left: calc(-40/1100*100cqw);
  width: calc(491/1100*100cqw);
  height: calc(427/1100*100cqw);
}
@media (max-width:48em){
  .p-voice__obj{
    top: 41.6vw;
    right: -10.6666666667vw;
    bottom: auto;
    left: auto;
    width: 65.3333333333vw;
    height: 49.8666666667vw;
  }
  .p-voice__body{
    padding-left: 5.3333333333vw;
  }}
.p-voice__nav{
  display: flex;
  align-items: center;
  gap: 0 calc(40/1100*100cqw);
  transform: translateY(-10px);
}
@media screen and (max-width:1200px){
  .p-voice__nav{
    gap: 0 calc(30/1100*100cqw);
  }}
@media (max-width:48em){
  .p-voice__nav{
    display: none;
  }}
.p-voice__nav-sp{
  display: none;
  align-items: center;
  gap: 0 5.3333333333vw;
}
@media (max-width:48em){
  .p-voice__nav-sp{
    display: flex;
  }}
.p-voice__arrow{
  position: relative;
  transition: opquity .3s;
  cursor: pointer;
  width: calc(35/1100*100cqw);
  height: calc(35/1100*100cqw);
}
@media (max-width:48em){
  .p-voice__arrow{
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }}
.p-voice__arrow::after{
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  border-top: 2px solid var(--color-blue);
  border-right: 2px solid var(--color-blue);
  width: calc(25/1100*100cqw);
  height: calc(25/1100*100cqw);
  content: "";
}
@media (max-width:48em){
  .p-voice__arrow::after{
    width: 4vw;
    height: 4vw;
  }}
@media not all and (max-width:73.75em){
  .p-voice__arrow:hover{
    opacity: 70%;
  }}
.p-voice__arrow.swiper-button-disabled{
  opacity: 30%;
  pointer-events: none;
}
.p-voice__arrow--prev::after{
  transform: translate(-30%,-50%) rotate(-135deg);
}
.p-voice__arrow--next::after{
  transform: translate(-70%,-50%) rotate(45deg);
}
.p-voice__slide{
  margin-top: calc(40/1100*100cqw);
  width: 1370px;
}
@media (max-width:48em){
  .p-voice__slide{
    margin-top: 10.1333333333vw;
    width: 100%;
  }}
.p-voice__item{
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  border-radius: 10px;
  background-color: #76bed6;
  padding: calc(37/1100*100cqw) calc(28/1100*100cqw) calc(20/1100*100cqw);
  width: calc(325/1100*100cqw);
  height: auto;
  color: #fff;
}
@media (max-width:48em){
  .p-voice__item{
    padding: 5.8666666667vw 5.3333333333vw 4.5333333333vw;
    width: 84vw;
  }}
.p-voice__item:has(.small) .p-voice__title{
  margin-top: calc(12/1100*100cqw);
}
@media (max-width:48em){
  .p-voice__item:has(.small) .p-voice__title{
    margin-top: 2.1333333333vw;
  }}
.p-voice__item:has(.small) .p-voice__text{
  margin-top: calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-voice__item:has(.small) .p-voice__text{
    margin-top: 1.3333333333vw;
  }}
.p-voice__img{
  margin-inline: auto;
  border-radius: 10px;
  width: calc(238/1100*100cqw);
  overflow: hidden;
}
@media (max-width:48em){
  .p-voice__img{
    width: 47.4666666667vw;
  }}
.p-voice__title{
  margin-top: calc(23/1100*100cqw);
  font-weight: 700;
  font-size: calc(20/1100*100cqw);
  text-align: center;
}
@media (max-width:48em){
  .p-voice__title{
    margin-top: 5.3333333333vw;
    font-size: 4.8vw;
  }}
.p-voice__text{
  margin-top: calc(14/1100*100cqw);
  font-size: calc(16/1100*100cqw);
  line-height: 1.5;
}
@media (max-width:48em){
  .p-voice__text{
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.6428571429;
  }}
.p-voice__text.small{
  margin-inline: -5px;
  font-size: calc(15/1100*100cqw);
  line-height: 1.5333333333;
  letter-spacing: -.036em;
}
@media (max-width:48em){
  .p-voice__text.small{
    margin-inline: 0;
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }}
.p-voice__name{
  margin-top: calc(16/1100*100cqw);
  font-weight: 500;
  font-size: calc(16/1100*100cqw);
}
@media (max-width:48em){
  .p-voice__name{
    margin-top: 0;
    font-size: 3.7333333333vw;
  }}
.p-voice__bottom{
  margin-top: calc(16/1100*100cqw);
}
@media (max-width:48em){
  .p-voice__bottom{
    display: flex;
    gap: 4vw;
    margin-top: 4vw;
  }}
.p-voice__note{
  font-size: calc(12/1100*100cqw);
  letter-spacing: -.03em;
}
@media (max-width:48em){
  .p-voice__note{
    width: 64.8vw;
    font-size: 3.2vw;
  }}
.p-reason{
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/reason_img_pkg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 20px;
}
@media (max-width:48em){
  .p-reason{
    background-image: url(/assets/img/products/brand/karada-yoghurt/index/reason_img_pkg_sp.jpg);
    background-size: 100%;
    padding: 90.6666666667vw 5.3333333333vw 17.0666666667vw;
  }}
.p-reason__container{
  container-type: inline-size;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
.p-reason__main{
  margin-left: calc(-52/1100*100cqw);
  width: calc(564/1100*100cqw);
}
@media screen and (max-width:1200px){
  .p-reason__main{
    margin-left: -20px;
  }}
@media (max-width:73.75em){
  .p-reason__main{
    margin-left: 0;
  }}
@media (max-width:48em){
  .p-reason__main{
    width: 100%;
  }}
.p-reason__block{
  border-radius: 50px;
  background-color: rgba(254,255,248,.85);
  padding: calc(52/1100*100cqw) calc(60/1100*100cqw) calc(30/1100*100cqw) calc(55/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__block{
    border-radius: 0;
    background-color: transparent;
    padding: 0;
  }}
.p-reason__heading{
  color: var(--color-blue);
  font-weight: 500;
  font-size: calc(27/1100*100cqw);
  line-height: 1.5925925926;
  letter-spacing: .03em;
}
@media (max-width:48em){
  .p-reason__heading{
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }}
.p-reason__heading span{
  display: block;
}
.p-reason__heading span+span{
  margin-top: calc(15/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__heading span+span{
    margin-top: 4.8vw;
  }}
.p-reason__list{
  margin-top: calc(5/1100*100cqw);
  color: #26579a;
}
@media (max-width:48em){
  .p-reason__list{
    margin-top: 4vw;
  }}
.p-reason__label{
  display: block;
  margin-top: calc(32/1100*100cqw);
  border-radius: 999px;
  background-color: var(--color-blue);
  padding: calc(11/1100*100cqw) calc(20/1100*100cqw);
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: 500;
  font-size: calc(17/1100*100cqw);
  line-height: .7391304348;
  text-align: center;
}
@media (max-width:48em){
  .p-reason__label{
    margin-top: 6.9333333333vw;
    padding: 1.6vw 5.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: .9285714286;
  }}
.p-reason__item{
  display: flex;
  align-items: flex-start;
  padding: calc(13/1100*100cqw) calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__item{
    padding: 2.9333333333vw 2.6666666667vw;
  }}
.p-reason__item:first-child .p-reason__num{
  transform: translate(5px,-10px);
}
@media (max-width:48em){
  .p-reason__item:first-child .p-reason__num{
    transform: translate(3px,-5px);
  }}
.p-reason__item+.p-reason__item{
  border-top: 1px solid var(--color-blue);
}
.p-reason__num{
  flex-shrink: 0;
  transform: translateY(-10px);
  width: calc(55/1100*100cqw);
  font-size: calc(42/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__num{
    transform: translateY(-3px);
    width: 8vw;
    font-size: 6.6666666667vw;
  }}
.p-reason__title{
  font-weight: 700;
  font-size: calc(18/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__title{
    margin-right: -1em;
    font-size: 4.2666666667vw;
  }}
.p-reason__text{
  margin-top: 5px;
  font-weight: 500;
  font-size: calc(16/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__text{
    padding-right: 4vw;
    font-size: 3.7333333333vw;
  }}
.p-reason__link{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 0 calc(10/1100*100cqw);
  margin: calc(30/1100*100cqw) auto 0;
  border-radius: 5px;
  background-color: #345f9b;
  padding: calc(12/1100*100cqw) calc(14/1100*100cqw) calc(14/1100*100cqw);
  max-width: calc(509/1100*100cqw);
  color: #fff;
  font-size: calc(17/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__link{
    gap: 0 4vw;
    margin-top: 2.6666666667vw;
    margin-inline: auto;
    padding: 2.1333333333vw 1.3333333333vw;
    width: 88vw;
    max-width: 100%;
    font-size: 4.2666666667vw;
  }}
@media not all and (max-width:73.75em){
  .p-reason__link:hover .p-reason__arrow{
    margin-right: calc(-16/1100*100cqw);
    width: calc(46/1100*100cqw);
  }}
.p-reason__arrow{
  display: block;
  position: relative;
  transform: translateY(2px);
  transition: width .3s,margin-right .3s;
  width: calc(30/1100*100cqw);
  height: calc(9/1100*100cqw);
}
@media (max-width:48em){
  .p-reason__arrow{
    width: 9.0666666667vw;
    height: 1.0666666667vw;
  }}
.p-reason__arrow::before{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transform-origin: left center;
  transition: transform .3s;
  background-color: #fff;
  width: 100%;
  height: 2px;
  content: "";
}
.p-reason__arrow::after{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  transition: right .3s;
  border-top: 2px solid;
  border-top-color: #fff;
  width: calc(9/1100*100cqw);
  height: calc(9/1100*100cqw);
  content: "";
}
@media (max-width:48em){
  .p-reason__arrow::after{
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }}
.p-faq{
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/faq_bg.jpg);
  background-position: center top;
  background-size: contain;
  background-repeat: repeat;
  padding: 90px 20px 120px;
}
@media (max-width:48em){
  .p-faq{
    padding: 11.7333333333vw 5.3333333333vw 18.6666666667vw;
  }}
.p-faq__container{
  container-type: inline-size;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
@media (max-width:48em){
  .p-faq__container{
    max-width: 100%;
  }}
.p-faq__heading{
  color: #fff;
  font-size: calc(51/1100*100cqw);
  text-align: center;
}
@media (max-width:48em){
  .p-faq__heading{
    font-size: 10.6666666667vw;
  }}
.p-faq__list{
  margin-top: calc(25/1100*100cqw);
}
@media (max-width:48em){
  .p-faq__list{
    margin-top: 3.4666666667vw;
  }}
.p-faq__item{
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width:48em){
  .p-faq__item{
    border-radius: 7px;
  }}
.p-faq__item+.p-faq__item{
  margin-top: calc(10/1100*100cqw);
}
@media (max-width:48em){
  .p-faq__item+.p-faq__item{
    margin-top: 1.6vw;
  }}
.p-faq__head{
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: calc(33/1100*100cqw) calc(80/1100*100cqw) calc(33/1100*100cqw) calc(40/1100*100cqw);
  width: 100%;
  font-weight: 500;
  font-size: calc(22/1100*100cqw);
  letter-spacing: .1em;
  text-align: left;
}
@media (max-width:48em){
  .p-faq__head{
    padding: 4.2666666667vw 10.6666666667vw 4.2666666667vw 5.3333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0;
  }}
.p-faq__head.is-active .p-faq__head-icon::after{
  transform: translate(-50%,-50%) rotate(0);
}
.p-faq__head-label{
  flex-shrink: 0;
  width: calc(35/1100*100cqw);
}
@media (max-width:48em){
  .p-faq__head-label{
    width: 5.3333333333vw;
  }}
.p-faq__head-text{
  display: block;
}
.p-faq__head-icon{
  position: absolute;
  top: 50%;
  right: calc(48/1100*100cqw);
  transform: translateY(-50%);
  width: calc(32/1100*100cqw);
  height: calc(32/1100*100cqw);
}
@media (max-width:48em){
  .p-faq__head-icon{
    right: 4vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
  }}
.p-faq__head-icon::after,.p-faq__head-icon::before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: transform .3s ease;
  background-color: #707070;
  width: 100%;
  height: 1px;
  content: "";
}
.p-faq__head-icon::after{
  transform: translate(-50%,-50%) rotate(90deg);
}
.p-faq__detail{
  display: flex;
  visibility: hidden;
  opacity: 0%;
  transition: opacity .1s,padding .4s,height .4s,visibility .4s;
  padding-inline: calc(44/1100*100cqw) calc(116/1100*100cqw);
  height: 0;
  color: var(--color-blue);
  font-weight: 500;
  font-size: calc(22/1100*100cqw);
  line-height: 1.8181818182;
  letter-spacing: .01em;
}
@media (max-width:48em){
  .p-faq__detail{
    padding-inline: 5.3333333333vw 14.4vw;
    font-size: 3.7333333333vw;
    line-height: 1.5714285714;
  }}
.p-faq__detail sup{
  display: inline-block;
  vertical-align: text-bottom;
}
.p-faq__detail.is-open{
  visibility: visible;
  opacity: 100%;
  padding-block: calc(5/1100*100cqw) calc(36/1100*100cqw);
  height: auto;
}
.p-faq__detail-label{
  flex-shrink: 0;
  width: calc(35/1100*100cqw);
}
@media (max-width:48em){
  .p-faq__detail-label{
    width: 5.3333333333vw;
  }}
.p-sample{
  background-image: url(/assets/img/products/brand/karada-yoghurt/index/sample_bg_pkg.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: repeat;
  padding: 160px 20px 130px;
}
@media (max-width:48em){
  .p-sample{
    padding: 14.4vw 5.3333333333vw 16vw;
  }}
.p-sample .p-button__note{
  color: #fff;
}
.p-sample__container{
  container-type: inline-size;
  margin-inline: auto;
  width: 100%;
  max-width: var(--container-width);
}
.p-sample__heading{
  margin-bottom: calc(22/1100*100cqw);
  color: #fff;
  font-weight: 500;
  font-size: calc(30/1100*100cqw);
  letter-spacing: .09em;
  text-align: center;
}
@media (max-width:48em){
  .p-sample__heading{
    margin-bottom: 4vw;
    font-size: 5.3333333333vw;
    letter-spacing: .06em;
  }}
.p-sample__button+.p-sample__button{
  margin-top: calc(45/1100*100cqw);
}
@media (max-width:48em){
  .p-sample__button+.p-sample__button{
    margin-top: 9.3333333333vw;
  }}