/*
* story.css
*
*/
/* --------------------------------
   story
-------------------------------- */
.story {
  padding-top: 70px;
  padding-bottom: 90px;
}
@media (max-width: 767.98px) {
  .story {
    padding-top: 0;
    padding-bottom: 14.66667vw;
  }
}

.story-list {
  margin: auto;
  max-width: 1000px;
}

.story-item + .story-item {
  margin-top: 45px;
}
@media (max-width: 767.98px) {
  .story-item + .story-item {
    margin-top: 5.33333vw;
  }
}

.story-link {
  display: flex;
  overflow: hidden;
  position: relative;
  transition: opacity ease 0.2s; 
  background: #f3ede8;
}
.story-link:hover {
  opacity: 0.7;
}
@media (max-width: 767.98px) {
  .story-link {
    flex-direction: column;
  }
  .story-link::before,
  .story-link::after {
    content: "";
    display: block;
    position: absolute;
    right: 0; 
    bottom: 0;
  }
  .story-link::before {
    right: 0;
    bottom: 0;
    border-top: transparent solid 6.4vw;
    border-right: #323f6b solid 6.4vw; 
    border-bottom: #323f6b solid 6.4vw;
    border-left: transparent solid 6.4vw;
    width: 0;
    height: 0;
  }
  .story-link::after {
    right: 2.93333vw;
    bottom: 2.93333vw;
    border-right: solid 0.53333vw #fafafa;
    border-bottom: solid 0.53333vw #fafafa;
    width: 2.66667vw;
    height: 2.66667vw;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.story-link_img {
  overflow: hidden;
  position: relative;
  padding-bottom: 26.7%;
  width: 46.5%;
  max-width: 465px; 

  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .story-link_img {
    padding-bottom: 74.615384615%; 
    width: 100%;
    max-width: none;
  }
}
.story-link_img img {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  margin: auto;
  width: auto !important;
  max-width: none; 
  height: 100% !important;
}

.story-link_container {
  padding: 40px;
}
@media (max-width: 767.98px) {
  .story-link_container {
    padding: 5.33333vw 5.33333vw 8vw;
  }
}

.story-link_index {
  letter-spacing: 1.65px;
  color: #c0a177; 
  font-family: "Ubuntu", sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.7;
}
@media (max-width: 767.98px) {
  .story-link_index {
    font-size: 2.66667vw;
    line-height: 1.6;
  }
}

.story-link_heading {
  margin-top: 10px;
  letter-spacing: 1.02px; 
  font-size: 23px;
  font-weight: bold;
  line-height: 1.41;
}
@media (max-width: 767.98px) {
  .story-link_heading {
    margin-top: 2px;
    font-size: 4.26667vw;
    line-height: 1.38;
  }
}

.story-link_txt {
  margin-top: 10px;
  letter-spacing: 1.2px;
  color: #453e3e; 
  font-size: 15px;
  line-height: 1.73;
}
@media (max-width: 767.98px) {
  .story-link_txt {
    margin-top: 1.6vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }
}