@charset "UTF-8";
/**************************************************/
/* mixin */
/**************************************************/
/***** font-size ******/
/**例
h1 {
	font-size: rem(24px); // -> 1.5rem
}
**/
/***** clearfix ******/
/***** opacity *****/
/***** placeholder *****/
/*************** 矢印 線タイプ ****************/
/*************** 矢印 線タイプ2重 ****************/
/*************** 矢印 塗りタイプ ****************/
/*************** 吹き出しボックス ****************/
/*************** フロー矢印 ****************/
/* 塗り矢印 */
/* 線矢印 */
/*************** テーブル風リスト ****************/
/*************** アニメーション ***************/
.effect-fade {
  opacity: 0;
}
.effect-fade.effect-scroll.fadein {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.effect-fade.effect-scroll.fadeup {
  -webkit-animation: fadeUp 0.5s ease-out forwards;
          animation: fadeUp 0.5s ease-out forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.effect-fade.effect-scroll.zoom {
  -webkit-animation: zoomUp 0.8s ease-out;
          animation: zoomUp 0.8s ease-out;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  opacity: 1;
}
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomUp {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.effect-fade.effect-scroll.marker {
  -webkit-animation: marker 0.8s ease-out forwards;
          animation: marker 0.8s ease-out forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, #ffc200));
  background: linear-gradient(transparent 65%, #ffc200 0%);
  background-repeat: no-repeat;
}
@-webkit-keyframes marker {
  0% {
    opacity: 0;
    background-size: 0%;
  }
  100% {
    opacity: 1;
    background-size: 100%;
  }
}
@keyframes marker {
  0% {
    opacity: 0;
    background-size: 0%;
  }
  100% {
    opacity: 1;
    background-size: 100%;
  }
}
.effect-fade.effect-scroll.titlefade {
  -webkit-animation: titleFade 0.8s ease-out forwards;
          animation: titleFade 0.8s ease-out forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.effect-fade.effect-scroll.titlefade:before, .effect-fade.effect-scroll.titlefade i {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}
.effect-fade.effect-scroll.titlefade:after {
  width: 30px;
}
@-webkit-keyframes titleFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes titleFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.effect-fade.effect-scroll.delay01 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.effect-fade.effect-scroll.delay02 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.effect-fade.effect-scroll.delay03 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.effect-fade.effect-scroll.delay04 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.effect-fade.effect-scroll.delay05 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.effect-fade.effect-scroll.delay06 {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.effect-fade.effect-scroll.delay07 {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.effect-fade.effect-scroll.delay08 {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.effect-fade.effect-scroll.delay09 {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
.effect-fade.effect-scroll.delay10 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.effect-fade.effect-scroll.delay:nth-child(1) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.effect-fade.effect-scroll.delay:nth-child(2) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.effect-fade.effect-scroll.delay:nth-child(3) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.effect-fade.effect-scroll.delay:nth-child(4) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.effect-fade.effect-scroll.delay:nth-child(5) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.effect-fade.effect-scroll.delay:nth-child(6) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.effect-fade.effect-scroll.delay:nth-child(7) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.effect-fade.effect-scroll.delay:nth-child(8) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.effect-fade.effect-scroll.delay:nth-child(9) {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
.effect-fade.effect-scroll.delay:nth-child(10) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.loadfade {
  -webkit-animation: loadFade 1.5s ease 0s 1 normal;
          animation: loadFade 1.5s ease 0s 1 normal;
}

@-webkit-keyframes loadFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loadFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}