@charset 'UTF-8';
/* CSS Document */
img {
  vertical-align: middle;
}

/* loader */
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 50;
}
#loader{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* animation KV */
@keyframes kvAnm-yogurt {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.kvAnm-yogurt {
  animation-name: kvAnm-yogurt;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 1.0s;
  animation-fill-mode: both;
}
@keyframes kvAnm-pointfruits3 {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.kvAnm-pointfruits3 {
  animation-name: kvAnm-pointfruits3;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 1.0s;
  animation-fill-mode: both;
}
@keyframes kvAnm-point1 {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: scale(1.0 , 1.0) translateY(-50%);
  }
}
.kvAnm-point1 {
  animation-name: kvAnm-point1;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}
@keyframes kvAnm-point2 {
  0% {
    opacity: 0;
    transform:/*scale(0.8, 0.8)*/ translateY(-50%);
    transform-origin: top;
  }
  100% {
    opacity: 1;
    transform:/*scale(1.0 , 1.0)*/ translateY(-50%);
    transform-origin: top;
  }
}
.kvAnm-point2 {
  animation-name: kvAnm-point2;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}
@keyframes kvAnm-title1 {
  0% {
    transform:/*scale(0.8, 0.8)*/ translateY(-50%);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform:/*scale(1, 1)*/ translateY(-50%);
    transform-origin: top;
    opacity: 1;
  }
}
.kvAnm-title1 {
  animation-name: kvAnm-title1;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-delay: 2.0s;
  animation-fill-mode: both;
}
@keyframes kvAnm-title2 {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.kvAnm-title2 {
  animation-name: kvAnm-title2;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-delay: 2.0s;
  animation-fill-mode: both;
}
/* animation read */
@keyframes slideUp {
  0% {transform: translateY(15px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}
.slideUp {
  animation-name: slideUp;
  animation-duration: .5s;
  animation-timing-function: ease;
  animation-delay: 0.3s;
  animation-fill-mode: both;
}
/* animation fruits point */
@keyframes fadeIn1 {
	0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadeIn1 {
  animation-name: fadeIn1;
  animation-duration: .5s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
@keyframes fadeIn2 {
	0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadeIn2 {
  animation-name: fadeIn2;
  animation-duration: .5s;
  animation-timing-function: ease;
  animation-delay: 1.0s;
  animation-fill-mode: both;
}
@keyframes point1 {
	0% {
    opacity: 0;
    transform: rotateX(45deg) rotateY(30deg) rotateZ(-20deg) translate(50px, -120px);
  }
  100% {
    opacity: 1;
    transform: rotateX(0) rotateY(0) rotatez(0) translate(0, 0);
  }
}
.fadeIn3 {
  animation-name: point1;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}
@keyframes point2 {
	0% {
    opacity: 0;
    transform: rotateX(-45deg) rotateY(30deg) rotateZ(-20deg) translate(50px, -180px);
  }
  100% {
    opacity: 1;
    transform: rotateX(0) rotateY(0) rotatez(0) translate(0, 0);
  }
}
.fadeIn4 {
  animation-name: point2;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}
@keyframes point3 {
	0% {
    opacity: 0;
    transform: rotateX(45deg) rotateY(-30deg) rotateZ(-20deg) translate(50px, -80px);
  }
  100% {
    opacity: 1;
    transform: rotateX(0) rotateY(0) rotatez(0) translate(0, 0);
  }
}
.fadeIn5 {
  animation-name: point3;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}



@media screen and (max-width: 767px) {
  .sp, .br-sp {
    display: block;
  }
  .pc{
    display: none;
  }
  .key-visual {
    margin: 0;
    width: 100%;
    height: 470px;
    position: relative;
    background-image: url("../img/bg_kv_sp.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .kv-inner{
    margin: 0 auto;
    width: 100%;
    max-width: 1040px;
    height: 100%;
    position: relative;
  }
  .kv-inner .product-overview-title1 {
    display: block;
    margin: auto;
    width: 74vw;
    max-width: 454px;
    position: absolute;
    top: 21%;
    right: 0;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
  }
  .kv-inner .product-overview-title2 {
    display: block;
    margin: auto;
    width: 43vw;
    max-width: 262px;
    position: absolute;
    top: 23.5%;
    right: 0;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
  }
  .kv-inner .product-overview-yogurt {
    width: 58vw;
    max-width: 379px;
    position: absolute;
    top: 63%;
    right: 0;
    z-index: 2;
    transform: translateY(-50%);
  }
  .kv-inner .point1 {
    width: 36vw;
    max-width: 225px;
    position: absolute;
    top: 45%;
    right: 17%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .kv-inner .point2 {
    width: 18vw;
    max-width: 120px;
    position: absolute;
    top: 31%;
    right: 13%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .kv-inner .point-fruits {
    width: 61vw;
    max-width: 375px;
    position: absolute;
    top: 63%;
    left: 0%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .product-overview-description {
    width: 100%;
    height: 450px;
    position: absolute;
    top: 75%;
    background-image: linear-gradient(to bottom, rgba(221,49,48,0.00) 0%, rgba(234,137,117,0.70) 6%, rgba(247,220,192,1.00) 16%, rgba(255,255,255,1.00) 28%);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 1.8;
    font-feature-settings: 'palt';
  }
  .product-overview-description img{
    display: block;
    margin: 60px auto 10px;
    width: 28vw;
    opacity: 0;
  }
  .product-overview-description h2{
    margin-bottom: 12px;
    font-size: 28px;
    letter-spacing: 0.12em;
    color: #dd1604;
    opacity: 0;
  }
  .product-overview-description h3{
    margin-bottom: 25px;
    font-size: 16px;
    
    letter-spacing: 0.1em;
    color: #000;
    opacity: 0;
  }
  .product-overview-description p{
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #000;
    opacity: 0;
  }
  .key-visual .note {
    width: 100px;
    position: absolute;
    right: 5%;
    bottom: 20%;
    z-index: 1;
    text-align: right;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 10px #310000;
  }
  .product-overview-taste {
    width: 100%;
    margin: 350px auto 0;
    overflow: hidden;
  }
  .product-overview-taste-inner {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-feature-settings: 'palt';
  }
  .product-overview-taste .point_fruits1 {
    display: none;
  }
  .product-overview-taste .point_fruits2 {
    display: none;
  }
  .product-overview-taste .point_fruits3 {
    display: block;
    margin: 0 auto 14px;
    width: 80vw;
  }
  .product-overview-taste h3 {
    position: relative;
    margin-bottom: 12px;
    letter-spacing: 0.09em;
    font-size: 20px;
    color: #e61e1e;
    opacity: 0;
  }
  .product-overview-taste p {
    margin-bottom: 40px;
    line-height: 1.8;
    letter-spacing: 0.04em;
    font-size: 14px;
    opacity: 0;
  }
  .material-fruits-wrap {
    width: 100%;
    padding-bottom: 25vw;
    position: relative;
    overflow: hidden;
    background-image: url("../img/bg_base_sp.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
  }
  .material-fruits-wrap .point_ribbon1 img{
    display: block;
    width: 16vw;
    position: absolute;
    bottom: 140vw;
    left: 86vw;
    z-index: 2;
  }
  .material-fruits-wrap .point_ribbon2 img{
    display: block;
    width: 55vw;
    position: absolute;
    bottom: 0;
    right: 52vw;
    z-index: 2;
  }
  .material-fruits-innner {
    margin: 0 auto;
    width: 94%;
    padding-bottom: 15vw;
    position: relative;
    background-image: url("../img/bg_snowFrame_sp.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    text-align: center;
  }
  .material-fruits {
    height: auto;
  }
  .material-fruits .fruits1 {
    width: 100%;
    padding-top: 20%;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-end;
  }
  .fruits1 .fruits_img {
    margin: -61px 0 -68px;
    width: 92%;
    display: block;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    z-index: 1;
  }
  .fruits1 .fruits_img img{
    margin: 0 auto;
    width: 100%;
    max-width: 524px;
  }
  .fruits1 .title_point {
    width: 30vw;
    height: 30vw;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    z-index: 2;
  }
  .fruits1 .title_point_inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .fruits1 .title_point_inner img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  .fruits1 .title_point_inner .point_nam {
    width: 72%;
    top: 34px;
    left: 25px;
    z-index: 3;
  }
  .fruits1 .title_point_inner .point_snow {
    width: 90%;
    top: -45px;
    left: -54px;
    z-index: 2;
  }
  .fruits1 .title_point_inner .point_bg {
    width: 100%;
    right: -42px;
    bottom: -36px;
    z-index: 1;
  }
  .fruits1 .fruits_discription {
    width: 55vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .fruits1 .fruits_discription p:nth-child(1){
    margin-bottom: 8px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    font-size: 12px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits1 .fruits_discription p:nth-child(2){
    margin-bottom: 16px;
    line-height: 1;
    letter-spacing: 0.07em;
    font-feature-settings: 'palt';
    font-size: 24px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits1 .fruits_discription p:nth-child(3){
    display: none;
  }
  .fruits1 .fruits_disc_sp {
    width: 73vw;
    display: block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0.06em;
    font-feature-settings: 'palt';
    font-size: 14px;
  }
  .material-fruits .fruits2 {
    width: 100%;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-end;
  }
  .fruits2 .fruits_img {
    margin: -79px 0 -60px 0;
    width: 98%;
    display: block;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    z-index: 1;
    transform: translateX(5vw);
  }
  .fruits2 .fruits_img img{
    margin: 0 auto;
    width: 100%;
    max-width: 575px;
  }
  .fruits2 .title_point {
    width: 30vw;
    height: 30vw;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    z-index: 2;
  }
  .fruits2 .title_point_inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .fruits2 .title_point_inner img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  .fruits2 .title_point_inner .point_nam {
    width: 64%;
    top: 29px;
    left: 13px;
    z-index: 3;
  }
  .fruits2 .title_point_inner .point_snow {
    width: 90%;
    top: -45px;
    left: -54px;
    z-index: 2;
  }
  .fruits2 .title_point_inner .point_bg {
    width: 100%;
    right: -42px;
    bottom: -36px;
    z-index: 1;
  }
  .fruits2 .fruits_discription {
    width: 55vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .fruits2 .fruits_discription p:nth-child(1){
    margin-bottom: 8px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    font-size: 12px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits2 .fruits_discription p:nth-child(2){
    margin-bottom: 16px;
    line-height: 1;
    letter-spacing: 0.07em;
    font-feature-settings: 'palt';
    font-size: 24px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits2 .fruits_discription p:nth-child(3){
    display: none;
  }  
  .fruits2 .fruits_disc_sp {
    width: 73vw;
    display: block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: left;
    font-size: 14px;
  }
  .material-fruits .fruits3 {
    width: 100%;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-end;
  }
  .fruits3 .fruits_img {
    margin: -53px 0 -30px 0;
    width: 90%;
    display: block;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    z-index: 1;
    transform: translateX(-3vw);
  }
  .fruits3 .fruits_img img{
    margin: 0 auto;
    width: 100%;
    max-width: 575px;
  }
  .fruits3 .title_point {
    width: 30vw;
    height: 30vw;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    z-index: 2;
  }
  .fruits3 .title_point_inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .fruits3 .title_point_inner img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  .fruits3 .title_point_inner .point_nam {
    width: 76%;
    top: 36px;
    left: 10px;
    z-index: 3;
  }
  .fruits3 .title_point_inner .point_snow {
    width: 90%;
    top: -45px;
    left: -54px;
    z-index: 2;
  }
  .fruits3 .title_point_inner .point_bg {
    width: 100%;
    right: -42px;
    bottom: -36px;
    z-index: 1;
  }
  .fruits3 .fruits_discription {
    width: 55vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .fruits3 .fruits_discription p:nth-child(1){
    margin-bottom: 8px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    font-size: 12px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits3 .fruits_discription p:nth-child(2){
    margin-bottom: 16px;
    line-height: 1;
    letter-spacing: 0.07em;
    font-feature-settings: 'palt';
    font-size: 24px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits3 .fruits_discription p:nth-child(3){
    display: none;
  }
  .fruits3 .fruits_disc_sp {
    width: 73vw;
    display: block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: left;
    font-size: 14px;
  }
  .material-fruits-innner .note{
    font-size: 12px;
  }
  .product-detail {
    margin: 0 auto 35px;
    width: 92%;
    padding: 60px 0 50px;
    font-feature-settings: 'palt';
  }
  .product-detail .product-detail-image {
    width: 300px;
    margin: 0 auto 15px;
    display: block;
  }
  .product-detail .product-detail-image img {
    width: 100%;
  }
  .product-detail .product-detail-text {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: 0.02em;
  }
  .product-detail .product-name {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: -.03em;
  }
  .product-detail .product-detail-button{
    text-align: center;
  }
  .product-detail .product-detail-button a {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    background: #154734;
    line-height: 1;
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
  }
  .product-detail .product-note {
    display: block;
    margin: 0 0 10px;
    color: #bda00f;
  }
}

@media screen and (max-width: 374px) {
    .material-fruits-innner {
    background-image: url("../img/bg_snowFrame_sp2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .sp, .br-sp {
    display: none;
  }
  .pc  {
    display: block;
  }
  .key-visual {
    margin: 0;
    width: 100%;
    height: 665px;
    position: relative;
    background-image: url("../img/bg_kv_pc.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .kv-inner{
    margin: 0 auto;
    width: 100%;
    max-width: 1040px;
    height: 100%;
    position: relative;
  }
  .kv-inner .product-overview-title1 {
    display: block;
    width: 44vw;
    max-width: 454px;
    position: absolute;
    top: 26%;
    right: 8%;
    z-index: 2;
    transform: translateY(-50%);
  }
  .kv-inner .product-overview-title2 {
    display: block;
    width: 26vw;
    max-width: 262px;
    position: absolute;
    top: 29%;
    right: 17%;
    z-index: 2;
    transform: translateY(-50%);
  }
  .kv-inner .product-overview-yogurt {
    width: 42vw;
    max-width: 428px;
    position: absolute;
    top: 46%;
    left: 9%;
    z-index: 2;
    transform: translateY(-50%);
  }
  .kv-inner .point1 {
    width: 22vw;
    max-width: 225px;
    position: absolute;
    top: 19%;
    left: 13%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .kv-inner .point2 {
    width: 12vw;
    max-width: 120px;
    position: absolute;
    top: 37%;
    right: 5%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .kv-inner .point-fruits {
    width: 50vw;
    max-width: 516px;
    position: absolute;
    top: 58%;
    right: 7%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .product-overview-description {
    margin: 0 auto;
    width: 100%;
    height: 550px;
    position: absolute;
    top: 75%;
    background-image: linear-gradient(to bottom, rgba(221,49,48,0.00) 0%, rgba(234,137,117,0.70) 9%, rgba(247,220,192,1.00) 30%, rgba(255,255,255,1.00) 60%);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 1.7;
    font-feature-settings: 'palt';
    letter-spacing: 0.1em;
  }
  .product-overview-description img{
    display: block;
    max-width: 194px;
    margin: 130px auto 5px;
    opacity: 0;
  }
  .product-overview-description h2{
    margin-bottom: 20px;
    font-size: 48px;
    letter-spacing: 0.14em;
    text-indent: 0.8em;
    color: #dd1604;
    opacity: 0;
  }
  .product-overview-description h3{
    margin-bottom: 30px;
    font-size: 27px;
    color: #000;
    opacity: 0;
  }
  .product-overview-description p{
    margin: 0 auto;
    width: 90%;
    word-break: keep-all;
    font-size: 20px;
    color: #000;
    opacity: 0;
  }
  .key-visual .note {
    width: 100px;
    position: absolute;
    right: 5%;
    bottom: 22%;
    z-index: 1;
    text-align: right;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 10px #310000;
  }
  .product-overview-taste {
    width: 100%;
    margin: 390px auto 0;
    padding: 100px 0;
    overflow: hidden;
  }
  .product-overview-taste-inner {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
    text-align: center;
  }
  .product-overview-taste .point_fruits1 {
    display: block;
    width: 32vw;
    max-width: 539px;
    position: absolute;
    right: 88%;
    bottom: 46%;
    transform: translateY(50%);
  }
  .product-overview-taste .point_fruits2 {
    display: block;
    width: 33vw;
    max-width: 550px;
    position: absolute;
    bottom: 19%;
    left: 84%;
    transform: translateY(50%);
  }
  .product-overview-taste .point_fruits3 {
    display: none;
  }
  .product-overview-taste h3 {
    position: relative;
    margin-bottom: 40px;
    padding-left: 2%;
    font-size: 37px;
    color: #e61e1e;
    opacity: 0;
  }
  .product-overview-taste p {
    margin: 0 auto;
    width: 75%;
    line-height: 1.8;
    word-break: keep-all;
    font-size: 18px;
    opacity: 0;
  }
  .bg-wrap {
    background-image: url("../img/bg_base_pc.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  }
  .material-fruits-wrap {
    width: 100%;
    padding-bottom: 15vw;
    position: relative;
    overflow: hidden;
  }
  .material-fruits-wrap .point_ribbon1 img{
    display: block;
    width: 9vw;
    max-width: 138px;
    position: absolute;
    bottom: 750px;
    left: 0;
    z-index: 2;
  }
  .material-fruits-wrap .point_ribbon2 img{
    display: block;
    width: 20vw;
    max-width: 323px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
  }
  .material-fruits-innner {
    margin: 0 auto;
    width: 100%;
    max-width: 1112px;
    position: relative;
    background-image: url("../img/bg_snowFrame_pc.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    text-align: center;
  }
  ul .material-fruits {
    height: auto;
  }
  li .fruits1 {
    position: relative;
    width: 100%;
  }
  .fruits1 .fruits_img img{
    width: 484px;
    position: absolute;
    top: 7%;
    left: 57%;
    z-index: 1;
  }
  .fruits1 .title_point {
    width: 200px;
    position: absolute;
    top: 19.5%;
    left: 22.5%;
    z-index: 2;
    transform: translate(-50%,-50%);
  }
  .fruits1 .title_point_inner {
    width: 200px;
    height: 200px;
    position: relative;
  }
  .fruits1 .title_point_inner img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  .fruits1 .title_point_inner .point_nam {
    width: 127px;
    top: 25px;
    left: 8px;
    z-index: 3;
  }
  .fruits1 .title_point_inner .point_snow {
    width: 186px;
    top: -144px;
    left: -138px;
    z-index: 2;
  }
  .fruits1 .title_point_inner .point_bg{ 
    width: 250px;
    z-index: 1;
  }
  .fruits1 .fruits_discription{
    width: 33%;
    padding: 235px 37% 190px 30%;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .fruits1 .fruits_discription p:nth-child(1){
    margin-bottom: 14px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 19px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits1 .fruits_discription p:nth-child(2){
    margin-bottom: 16px;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: 35px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits1 .fruits_discription p:nth-child(3){
    letter-spacing: 0.03em;
    font-size: 20px;
    font-weight: 300;
    z-index: 3;
  }
  .fruits1 .fruits_disc_sp {
    display: none;
  }

  li .fruits2 {
    position: relative;
    width: 100%;
  }
  .fruits2 .fruits_img img{
    width: 403px;
    position: absolute;
    top: 35%;
    right: 58%;
    z-index: 1;
  }
  .fruits2 .title_point {
    width: 200px;
    position: absolute;
    top: 31%;
    right: 55%;
    z-index: 2;
    transform: translate(50%, 50%);
  }
  .fruits2 .title_point_inner {
    width: 200px;
    height: 200px;
    position: relative;
  }
  .fruits2 .title_point_inner img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  .fruits2 .title_point_inner .point_nam {
    width: 117px;
    top: 1px;
    left: 17px;
    z-index: 3;
  }
  .fruits2 .title_point_inner .point_snow {
    width: 186px;
    top: -144px;
    left: -138px;
    z-index: 2;
  }
  .fruits2 .title_point_inner .point_bg{ 
    width: 250px;
    z-index: 1;
  }
  .fruits2 .fruits_discription{
    width: 43%;
    padding: 0 11% 170px 46%;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .fruits2 .fruits_discription p:nth-child(1){
    margin-bottom: 14px;
    margin-left: 70px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 19px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits2 .fruits_discription p:nth-child(2){
    margin-bottom: 16px;
    margin-left: 70px;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: 35px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits2 .fruits_discription p:nth-child(3){
    letter-spacing: 0.03em;
    font-size: 20px;
    font-weight: 300;
    z-index: 3;
  }
  .fruits2 .fruits_disc_sp {
    display: none;
  }

  li .fruits3 {
    position: relative;
    width: 100%;
  }
  .fruits3 .fruits_img img{
    width: 555px;
    position: absolute;
    top: 61%;
    left: 59%;
    z-index: 1;
  }
  .fruits3 .title_point {
    width: 200px;
    position: absolute;
    top: 74%;
    left: 22%;
    z-index: 2;
    transform: translate(-50%, -50%);
  }
  .fruits3 .title_point_inner {
    width: 200px;
    height: 200px;
    position: relative;
  }
  .fruits3 .title_point_inner img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  .fruits3 .title_point_inner .point_nam {
    width: 145px;
    top: 16px;
    left: -6px;
    z-index: 3;
  }
  .fruits3 .title_point_inner .point_snow {
    width: 186px;
    top: -144px;
    left: -138px;
    z-index: 2;
  }
  .fruits3 .title_point_inner .point_bg{ 
    width: 250px;
    z-index: 1;
  }
  .fruits3 .fruits_discription{
    width: 33%;
    padding: 0 37% 222px 30%;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  } 
  .fruits3 .fruits_discription p:nth-child(1){
    margin-bottom: 14px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 19px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits3 .fruits_discription p:nth-child(2){
    margin-bottom: 16px;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: 35px;
    font-weight: 600;
    z-index: 3;
  }
  .fruits3 .fruits_discription p:nth-child(3){
    letter-spacing: 0.03em;
    font-size: 20px;
    font-weight: 300;
    z-index: 3;
  }
  .fruits3 .fruits_disc_sp {
    display: none;
  }
  .material-fruits-innner .note{
    position: absolute;
    bottom: 130px;
    left: 61%;
    font-size: 16px;
  }
  .product-detail {
    margin: 110px auto;
    width: 100%;
    padding-bottom: 80px;
    font-feature-settings: 'palt';
  }
  .product-detail .product-detail-image {
    display: block;
    margin: 0 auto 25px;
    width: 456px;
  }
  .product-detail .product-detail-text {
    margin: 0 auto 25px;
    text-align: center;
    letter-spacing: 0.02em;
  }
  .product-detail .product-name {
    font-size: 1.375rem;
    font-weight: bold;
  }
  .product-detail .product-detail-button{
    text-align: center;
  }
  .product-detail .product-detail-button a {
    display: inline-block;
    margin: 0 auto;
    padding: 15px 45px;
    background: #154734;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    letter-spacing: 0.06em;
  }
  .product-detail .product-note {
    display: block;
    margin: 0 0 10px;
    color: #bda00f;
  }
}