/* mod_.css */
/* ---------- setting ---------- ---------- */

.mod-anim {
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-property: opacity, transform;
}
.mod-anim.is-fade {
  opacity: 0;
}
.mod-anim.is-fade.js-active {
  opacity: 1;
}
.mod-anim.is-top {
  opacity: 0;
  transform: translate(0, -100px);
}
.mod-anim.is-top.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-bottom {
  opacity: 0;
  transform: translate(0, 100px);
}
.mod-anim.is-bottom.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-right {
  opacity: 0;
  transform: translate(100px, 0);
}
.mod-anim.is-right.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-left {
  opacity: 0;
  transform: translate(-100px, 0);
}
.mod-anim.is-left.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-zoom {
  opacity: 0;
  transform: scale(0, 0);
}
.mod-anim.is-zoom.js-active {
  opacity: 1;
  transform: scale(1, 1);
}
.mod-anim.is-zoom2 {
  opacity: 0;
  transform: scale(0, 0);
  transition-timing-function: cubic-bezier(0, 0.75, 0.6, 1.4);
}
.mod-anim.is-zoom2.js-active {
  opacity: 1;
  transform: scale(1, 1);
}
.mod-anim i {
  font-style: normal;
}

.mod-anim-text-wrap.is-bg.is-wh .mod-anim-text.is-chara-wrap:before {
  background: #ee7800;
}
.mod-anim-text-wrap.is-bg .mod-anim-text.is-chara-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  bottom: 0;
  background: #fff;
  background: #0000cd;
  transition-duration: 0.8s;
}
.mod-anim-text-wrap.is-bg .mod-anim-text.is-chara-wrap.js-active:before {
  width: 100%;
}
.mod-anim-text-wrap .mod-anim-text.is-chara {
  font-style: normal;
  display: inline-block;
  transform: scale(0, 0);
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-property: opacity, transform;
}
.mod-anim-text-wrap .mod-anim-text.is-chara.js-active {
  opacity: 1;
  transform: scale(1, 1);
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-0:before {
  transition-delay: 0s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-1:before {
  transition-delay: 0.1s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-2:before {
  transition-delay: 0.2s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-3:before {
  transition-delay: 0.3s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-4:before {
  transition-delay: 0.4s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-5:before {
  transition-delay: 0.5s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-6:before {
  transition-delay: 0.6s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-7:before {
  transition-delay: 0.7s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-8:before {
  transition-delay: 0.8s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-9:before {
  transition-delay: 0.9s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-10:before {
  transition-delay: 1s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-11:before {
  transition-delay: 1.1s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-12:before {
  transition-delay: 1.2s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-13:before {
  transition-delay: 1.3s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-14:before {
  transition-delay: 1.4s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-15:before {
  transition-delay: 1.5s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-16:before {
  transition-delay: 1.6s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-17:before {
  transition-delay: 1.7s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-18:before {
  transition-delay: 1.8s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-19:before {
  transition-delay: 1.9s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-20:before {
  transition-delay: 2s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-21:before {
  transition-delay: 2.1s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-22:before {
  transition-delay: 2.2s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-23:before {
  transition-delay: 2.3s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-24:before {
  transition-delay: 2.4s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-25:before {
  transition-delay: 2.5s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-26:before {
  transition-delay: 2.6s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-27:before {
  transition-delay: 2.7s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-28:before {
  transition-delay: 2.8s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-29:before {
  transition-delay: 2.9s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-30:before {
  transition-delay: 3s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-31:before {
  transition-delay: 3.1s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-32:before {
  transition-delay: 3.2s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-33:before {
  transition-delay: 3.3s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-34:before {
  transition-delay: 3.4s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-35:before {
  transition-delay: 3.5s;
}
.mod-anim-text-wrap .mod-anim-text.is-chara-wrap.is-delay-36:before {
  transition-delay: 3.6s;
}

.mod-anim.is-delay-00 {
  transition-delay: 0s;
}
.mod-anim.is-delay-01 {
  transition-delay: 0.1s;
}
.mod-anim.is-delay-02 {
  transition-delay: 0.2s;
}
.mod-anim.is-delay-03 {
  transition-delay: 0.3s;
}
.mod-anim.is-delay-04 {
  transition-delay: 0.4s;
}
.mod-anim.is-delay-05 {
  transition-delay: 0.5s;
}
.mod-anim.is-delay-06 {
  transition-delay: 0.6s;
}
.mod-anim.is-delay-07 {
  transition-delay: 0.7s;
}
.mod-anim.is-delay-08 {
  transition-delay: 0.8s;
}
.mod-anim.is-delay-09 {
  transition-delay: 0.9s;
}
.mod-anim.is-delay-10 {
  transition-delay: 1s;
}
.mod-anim.is-delay-11 {
  transition-delay: 1.1s;
}
.mod-anim.is-delay-12 {
  transition-delay: 1.2s;
}
.mod-anim.is-delay-13 {
  transition-delay: 1.3s;
}
.mod-anim.is-delay-14 {
  transition-delay: 1.4s;
}
.mod-anim.is-delay-15 {
  transition-delay: 1.5s;
}
.mod-anim.is-delay-16 {
  transition-delay: 1.6s;
}
.mod-anim.is-delay-17 {
  transition-delay: 1.7s;
}
.mod-anim.is-delay-18 {
  transition-delay: 1.8s;
}
.mod-anim.is-delay-19 {
  transition-delay: 1.9s;
}
.mod-anim.is-delay-20 {
  transition-delay: 2s;
}
.mod-anim.is-delay-21 {
  transition-delay: 2.1s;
}
.mod-anim.is-delay-22 {
  transition-delay: 2.2s;
}
.mod-anim.is-delay-23 {
  transition-delay: 2.3s;
}
.mod-anim.is-delay-24 {
  transition-delay: 2.4s;
}
.mod-anim.is-delay-25 {
  transition-delay: 2.5s;
}
.mod-anim.is-delay-26 {
  transition-delay: 2.6s;
}
.mod-anim.is-delay-27 {
  transition-delay: 2.7s;
}
.mod-anim.is-delay-28 {
  transition-delay: 2.8s;
}
.mod-anim.is-delay-29 {
  transition-delay: 2.9s;
}
.mod-anim.is-delay-30 {
  transition-delay: 3s;
}
.mod-anim.is-delay-31 {
  transition-delay: 3.1s;
}
.mod-anim.is-delay-32 {
  transition-delay: 3.2s;
}
.mod-anim.is-delay-33 {
  transition-delay: 3.3s;
}
.mod-anim.is-delay-34 {
  transition-delay: 3.4s;
}
.mod-anim.is-delay-35 {
  transition-delay: 3.5s;
}
.mod-anim.is-delay-36 {
  transition-delay: 3.6s;
}

/* ----------------------------------------------------------
loop
---------------------------------------------------------- */
.mod-anim.is-fadeloop.js-active {
  animation: infinite_loop_opacity 1s ease-in-out 0s infinite alternate;
}
.mod-anim.is-vertical-loop.js-active {
  opacity: 1;
  animation: infinite_loop_bounce 1s ease-in-out 0s infinite alternate;
}
.mod-anim.is-rotate {
  display: block;
  opacity: 1;
  animation: infinite_loop_rotate 1s linear 0s infinite;
}

/* ----------------------------------------------------------
@keyframes
---------------------------------------------------------- */
@keyframes infinite_loop_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes infinite_loop_bounce {
  0% {
    transform: translate3d(0, 0, -5px);
  }
  100% {
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes infinite_loop_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.mod-anim-cloud {
  animation: keyf_anim_cloud 2s ease-in-out 0s infinite;
}

.mod-anim-cloud2 {
  animation: keyf_anim_cloud2 2.5s ease-in-out 0s infinite;
}

@keyframes keyf_anim_cloud {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -1vw, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes keyf_anim_cloud2 {
  0% {
    transform: translate3d(0, -1vw, 0);
  }
  50% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -1vw, 0);
  }
}
@media print, screen and (min-width: 810px) and (min-width: 1281px) {
  .mod-index-people-items {
    display: flex;
  }
  .mod-index-people-items ._item {
    width: 750px;
  }
  .mod-index-people-items ._btn-prev {
    position: absolute;
    top: 20px;
    left: calc(50vw - 400px);
    width: 60px;
    height: 100px;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_prev.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-index-people-items ._btn-prev:hover {
    background-position: -7px center;
  }
  .mod-index-people-items ._btn-next {
    position: absolute;
    top: 20px;
    left: calc(50vw + 340px);
    width: 60px;
    height: 100px;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_next.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-index-people-items ._btn-next:hover {
    background-position: 7px center;
  }
  .mod-slider-people ._btn-prev {
    position: absolute;
    top: 80px;
    left: -150px;
    width: 60px;
    height: 100px;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_prev.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider-people ._btn-prev:hover {
    background-position: -7px center;
  }
  .mod-slider-people ._btn-next {
    position: absolute;
    top: 80px;
    right: -140px;
    width: 60px;
    height: 100px;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_next.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider-people ._btn-next:hover {
    background-position: 7px center;
  }
}
@media screen and (min-width: 810px) and (max-width: 1280px) {
  .mod-index-people-items {
    display: flex;
  }
  .mod-index-people-items ._item {
    width: 750px;
  }
  .mod-index-people-items ._btn-prev {
    position: absolute;
    top: 20px;
    left: calc(50vw - 400px);
    width: 60px;
    height: 100px;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_prev.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-index-people-items ._btn-prev:hover {
    background-position: -7px center;
  }
  .mod-index-people-items ._btn-next {
    position: absolute;
    top: 20px;
    left: calc(50vw + 340px);
    width: 60px;
    height: 100px;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_next.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-index-people-items ._btn-next:hover {
    background-position: 7px center;
  }
  .mod-slider-people ._btn-prev {
    position: absolute;
    top: 6.1538461538vw;
    left: -11.5384615385vw;
    width: 4.6153846154vw;
    height: 7.6923076923vw;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_prev.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider-people ._btn-prev:hover {
    background-position: -7px center;
  }
  .mod-slider-people ._btn-next {
    position: absolute;
    top: 6.1538461538vw;
    right: -10.7692307692vw;
    width: 4.6153846154vw;
    height: 7.6923076923vw;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_next.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider-people ._btn-next:hover {
    background-position: 7px center;
  }
}
@media screen and (max-width: 809px) {
  .mod-index-people-items {
    display: flex;
  }
  .mod-index-people-items ._item {
    width: 100vw;
  }
  .mod-index-people-items ._btn-prev {
    position: absolute;
    top: 10.2564102564vw;
    left: 6.4102564103vw;
    width: 7.6923076923vw;
    height: 12.8205128205vw;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_prev.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-index-people-items ._btn-prev:hover {
    background-position: -1.7948717949vw center;
  }
  .mod-index-people-items ._btn-next {
    position: absolute;
    top: 10.2564102564vw;
    left: 85.8974358974vw;
    width: 7.6923076923vw;
    height: 12.8205128205vw;
    cursor: pointer;
    transition-duration: 0.2s;
    background: url(../images/icon/arrow_next.png) left top no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-index-people-items ._btn-next:hover {
    background-position: 1.7948717949vw center;
  }
  .mod-slider-people ._btn-prev {
    position: absolute;
    top: 23.0769230769vw;
    left: -15.3846153846vw;
    width: 7.6923076923vw;
    height: 12.8205128205vw;
    cursor: pointer;
    background: url(../images/icon/arrow_prev.png) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider-people ._btn-prev:hover {
    opacity: 0.8;
  }
  .mod-slider-people ._btn-next {
    position: absolute;
    top: 23.0769230769vw;
    right: -15.3846153846vw;
    width: 7.6923076923vw;
    height: 12.8205128205vw;
    cursor: pointer;
    background: url(../images/icon/arrow_next.png) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider-people ._btn-next:hover {
    opacity: 0.8;
  }
}