/* CSS Document */
/* contents---------------
	 1.Reset
	 2.Base
	 3.Layout
	 4.Common
	 5.Page
	 6.Script
		------------ */
    section#kv1 .lead {
      opacity: 1;
      -webkit-transform: translate(0, 1vh);
              transform: translate(0, 1vh);
    }
    section#kv1 .il_box, section#kv1 .il_family {
      opacity: 1;
    }
    section#kv1 .il_obj01, section#kv1 .il_obj02, section#kv1 .il_obj03, section#kv1 .il_obj04, section#kv1 .il_obj05, section#kv1 .il_obj06, section#kv1 .il_obj07, section#kv1 .il_obj08, section#kv1 .il_obj09 {
      opacity: 1;
    }
    section#kv1 .logo {
      opacity: 1;
    }
    section#kv1 .cmt {
      opacity: 1;
    }
    section#kv1 .cmt.anm_fuwa {
      opacity: 1;
      -webkit-animation: fuwa 1s linear infinite;
              animation: fuwa 1s linear infinite;
    }
    section#kv2 .boy, section#kv2 .lead {
      opacity: 1;
    }
    section#kv2 .il_obj01, section#kv2 .il_obj02, section#kv2 .il_obj03, section#kv2 .il_obj04, section#kv2 .il_obj05, section#kv2 .il_obj06, section#kv2 .il_obj07, section#kv2 .il_obj08, section#kv2 .il_obj09 {
      opacity: 1;
    }
    section#kv2 .logo {
      opacity: 1;
    }
    section#kv2 .cmt {
      opacity: 1;
    }
    section#kv2 .cmt.anm_fuwa {
      opacity: 1;
      -webkit-animation: fuwa 1s linear infinite;
              animation: fuwa 1s linear infinite;
    }
    
    /*----------------------------------------------------------
      animation
    --------------------------------------------------------- */
    @-webkit-keyframes leadanime {
      0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
                transform: rotateX(90deg);
        -webkit-transform: translate(0, 27vh);
                transform: translate(0, 27vh);
      }
      50% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
        opacity: 1;
        -webkit-transform: translate(0, 27vh);
                transform: translate(0, 27vh);
      }
      60% {
        -webkit-transform: translate(0, 27vh);
                transform: translate(0, 27vh);
      }
      100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
    }
    @keyframes leadanime {
      0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
                transform: rotateX(90deg);
        -webkit-transform: translate(0, 27vh);
                transform: translate(0, 27vh);
      }
      50% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
        opacity: 1;
        -webkit-transform: translate(0, 27vh);
                transform: translate(0, 27vh);
      }
      60% {
        -webkit-transform: translate(0, 27vh);
                transform: translate(0, 27vh);
      }
      100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
    }
    @-webkit-keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes fuwa {
      0% {
        -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
      }
      50% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
      100% {
        -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
      }
    }
    @keyframes fuwa {
      0% {
        -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
      }
      50% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
      100% {
        -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
      }
    }