@charset "UTF-8";

.lp_wrap .nagara .fk {
  position: absolute;
  top: 7.4%;
  left: 2.5%;
  width: 32.667%;
}
.lp_wrap .nagara .fk.trigger {
  transition: 0.6s;
  transform: scale(0);
  opacity: 0;
  transform-origin: 100% 30%;
}
.lp_wrap .nagara .fk.trigger.move {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .nagara .head {
  position: absolute;
  top: 15.9%;
  left: 64.5%;
  width: 13.467%;
}
.lp_wrap .nagara .head .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1246;
  stroke-dashoffset: 1246;
}
.lp_wrap .nagara .head.trigger .st0 {
  transition: 2s;
  stroke-dashoffset: 1246 !important;
}
.lp_wrap .nagara .head.trigger.move .st0 {
  stroke-dashoffset: 0 !important;
}
.lp_wrap .nagara .slider_wrap {
  position: absolute;
  top: 77%;
  left: 0%;
  width: 162%;
}
.lp_wrap .nagara .cont li {
  position: absolute;
}
.lp_wrap .nagara .cont li:nth-child(1) {
  top: 37.45%;
  left: 0;
  width: 51.333%;
  z-index: 2;
  transition: 0.6s;
  transform: translateX(-101%);
}
.lp_wrap .nagara .cont li:nth-child(2) {
  top: 41.35%;
  right: 0;
  width: 51.333%;
  z-index: 1;
  transition: 0.6s 0.4s;
  transform: translateX(101%);
}
.lp_wrap .nagara .cont li:nth-child(3) {
  top: 61.15%;
  left: 9.4%;
  width: 51.333%;
  transition: 0.6s 0.8s;
  transform: translateX(-120%);
}
.lp_wrap .nagara .cont li.trigger.move,
.lp_wrap .nagara .cont li.trigger.move ~ li {
  transform: translateX(0);
}
.lp_wrap .nagara dl {
  padding: 0% 6.667% 10%;
}
.lp_wrap .nagara dl dt {
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.lp_wrap .nagara dl dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 32%;
  width: 6.154%;
  height: 100%;
  background: url("../image/nagara-open.png") center center/contain no-repeat;
  transition: 0.4s;
  transform: rotate(0deg);
}
.lp_wrap .nagara dl dt.open::after {
  transform: rotate(-180deg);
}
.lp_wrap .nagara dl dd {
  display: none;
  position: relative;
}