@charset "UTF-8";

/* --KV --*/
.ocean-floor-diamonds-story-kv__title {
  color: #fff;
  line-height:1.5;
  text-align:left;
  text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
.ocean-floor-diamonds-story-kv__title-wrap {
  position: absolute;
  z-index: 1;
  text-shadow: 0px 0px 5px rgba(0,0,0,1);
  text-align:justify;
  opacity:0;
}
.ocean-floor-diamonds-story-kv__title-wrap.is-active {
  opacity:1;
}
@media all and (min-width: 768px) {
    .ocean-floor-diamonds-story-kv__title {
        font-size:44px;
    }
  .ocean-floor-diamonds-story-kv__title-wrap {
    left: 6%;
    top: 55%;
    transform: translateY(-50%);
    text-align:center;
    Width:35%;
  }
  .ocean-floor-diamonds-story-kv__title-wrap p {
    font-size:18px;
  }
}
@media all and (max-width: 767px) {
    .ocean-floor-diamonds-story-kv__title {
        font-size:calc(3px + 7vw);
    }
  .ocean-floor-diamonds-story-kv__title-wrap {
    left: 50%;
    bottom: 25vw;
    transform: translateX(-50%);
    text-align:justify;
    Width:90%;
  }
  .ocean-floor-diamonds-story-kv__title-wrap p {
    font-size:calc(3px + 3vw);
  }
}
/*--/kv--*/

/*-- story --*/
.ocean-floor-diamonds-story {
  padding:12vw 0;
}
.ocean-floor-diamonds-story .ocean-floor-diamonds-contents-wrap {
  position:initial;
  transform:inherit;
  align-items:top;
}
.ocean-floor-diamonds-story .ocean-floor-diamonds-contents-wrap h3 {
  font-size:1.8em;
}
@media all and (max-width: 767px) {
  .ocean-floor-diamonds-story {
    padding:0;
    height:auto;
  }
  .ocean-floor-diamonds-story .ocean-floor-diamonds-contents-wrap h3 {
    font-size:1.35em;
  }
}

/*-- reason --*/
/*icon-size*/
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-earth-africa {
  font-size:70px;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-hands-holding-heart {
  font-size:54px;
  padding-left:5px;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-memo-circle-check {
  font-size:60px;
  padding-left:5px;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap {
  position:initial;
  transform:inherit;
  align-items:top;
}
@media all and (min-width: 1600px) {
  .ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-earth-africa {
  font-size:90px;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-hands-holding-heart {
  font-size:70px;
  padding-left:7px;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-memo-circle-check {
  font-size:80px;
  padding-left:7px;
}
}
@media all and (max-width: 767px) {
.ocean-floor-diamonds-contents.ocean-floor-diamonds-reason {
  height:inherit;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-earth-africa {
  font-size:14vw;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-hands-holding-heart {
  font-size:12vw;
  padding-left:3px;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .fa-memo-circle-check {
  font-size:13vw;
  padding-left:3px;
}
}
/*-- /reason --*/
.ocean-floor-diamonds-reason {
  background:linear-gradient(to right, #254778, #29688F);
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents p {
  border-bottom:1px solid #fff;
  margin-bottom:0;
}
.ocean-floor-diamonds-reason .ocean-floor-diamonds-contents-wrap-rightcontents .row:nth-of-type(3) p {
  border-bottom:none;
}
/*-- collaboration --*/
.ocean-floor-diamonds-collaboration, .ocean-floor-diamonds-reason {
    padding:12vw 0;
}
.ocean-floor-diamonds-collaboration p {
    font-size:16px;
}
.ocean-floor-diamonds-collaboration .ocean-floor-diamonds-contents-wrap {
  position:initial;
  transform:inherit;
  align-items:center;
}
.ocean-floor-diamonds-collaboration .ocean-floor-diamonds-contents-wrap-lefttitle {
  width:50%;
}
.ocean-floor-diamonds-collaboration .ocean-floor-diamonds-contents-wrap-rightcontents {
  width:40%;
}
@media all and (max-width: 767px) { 
.ocean-floor-diamonds-contents.ocean-floor-diamonds-collaboration  {
  height:auto;
}
  .ocean-floor-diamonds-collaboration .ocean-floor-diamonds-contents-wrap-lefttitle {
  width:100%;
  }
  .ocean-floor-diamonds-collaboration .ocean-floor-diamonds-contents-wrap-rightcontents {
    width:100%;
  }
}
/*-- /collaboration --*/


.slick-dots {
  text-align:right!important;
}

.ocean-floor-diamonds-story__image {
  width: 100%;
  aspect-ratio: 375 / 592;
}
@media all and (min-width: 768px) {
  .ocean-floor-diamonds-story__image {
    aspect-ratio: 1015 / 444;
  }
}