@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP:wght@400;500&display=swap');

div.saana_so {
  color: #5f5f5f;
  font-family: Yu Gothic Pr6N M;
  line-height: 1.0;
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures;
}

div.saana_so a {
  color: #5f5f5f;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
}

div.saana-comment_so {
  margin: 0 auto 40px;
  text-align: center;
}

div.saana-comment_so h3 {
  color: #000;
  font-family: Yu Gothic Pr6N B;
  font-size: 176%;
  letter-spacing: 0.3em;
  margin: 45px 0 25px;
}

div.saana-comment_so p {
  font-family: Yu Gothic Pr6N M;
  font-size: 0.9375rem;
  line-height: 2.0;
  letter-spacing: 0.2em;
}

.bubbles_so {
  position: relative;
}

.bubbles_so {
  border: 1px solid #231815;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 28px 0 0;
  padding: 16px 24px;
}

.bubbles_so::before {
  content: '';
  margin: auto;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  top: -15px;
  border-right: 1px solid transparent;
  border-bottom: 15px solid #000;
  border-left: 15px solid transparent;
}

.bubbles_so::after {
  content: '';
  margin: auto;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  top: -16px;
  border-bottom: 18px solid #fff;
  border-left: 18px solid transparent;
}

div.saana-btn_so {
  margin: 50px auto 0;
  width: 325px;
}

div.saana-btn_so a {
  border: 1px solid #000;
  display: block;
  padding: 15px 0;
  text-align: center;
}

div.saana-instagram_so {
  text-align: center;
}

p.new_so {
  position: absolute;
  left: 50%;
  top: -65px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.slick-prev,
.slick-next {
  border: none;
  background: none;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  outline: none;
  z-index: 1;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-prev::after {
  content: "";
  width: 12px;
  height: 12px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  vertical-align: middle;
}

.slick-next::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  vertical-align: middle;
}

@media not all and (min-width: 768px) {
  div.saana-comment_so {
    margin: 0 auto 20px;
  }

  div.saana-comment_so p {
    font-size: 0.875rem;
    line-height: 1.8;
  }

  .slick-prev,
  .slick-next {
    top: 35%;
  }
}