@charset "UTF-8";
/*slick*/
.slick-slide {
  text-align: center; }

.slick-slide img {
  width: 95%;
  height: auto;
  display: block;
  margin: 0 auto; }

.slick-arrow {
  width: 60px !important; }

.slick-prev {
  left: -6%; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -6%; }

.slick-prev:before {
  content: url("../images/_common/arrow_left.svg"); }

[dir="rtl"] .slick-prev:before {
  content: url("../images/_common/arrow_right.svg"); }

.slick-next {
  right: -6%; }

[dir="rtl"] .slick-next {
  left: -6%;
  right: auto; }

.slick-next:before {
  content: url("../images/_common/arrow_right.svg"); }

[dir="rtl"] .slick-next:before {
  content: url("../images/_common/arrow_left.svg"); }

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

@media (max-width: 768px) {
  .slick-arrow {
    width: 20px !important; } }
/*arrow color*/
.arrow-type2 .slick-prev:before {
  content: url("../images/_common/arrow_left-2.svg"); }
.arrow-type2 [dir="rtl"] .slick-prev:before {
  content: url("../images/_common/arrow_right-2.svg"); }
.arrow-type2 .slick-next:before {
  content: url("../images/_common/arrow_right-2.svg"); }
.arrow-type2 [dir="rtl"] .slick-next:before {
  content: url("../images/_common/arrow_left-2.svg"); }

/*次矢印のアイコンフォント*/
.sp-next-arrow:before {
  content: ' ' !important;
  display: block;
  background: url(../images/_common/arrow_left.svg) no-repeat left top;
  text-indent: -9999px;
  width: 60px;
  height: 60px; }

/*前矢印のアイコンフォント*/
.sp-previous-arrow:before {
  content: ' ' !important;
  display: block;
  background: url(../images/_common/arrow_left.svg) no-repeat left top;
  text-indent: -9999px;
  width: 60px;
  height: 60px; }

.sp-button {
  display: none !important; }

.sns-icons {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0; }
  .sns-icons li {
    list-style-type: none !important; }
  .sns-icons a {
    font-size: 24px;
    color: #D87374;
    transition: opacity .3s; }
  .sns-icons a:hover {
    opacity: .6; }