@charset "utf-8";

/* =================================================

	page style
	 
----------------------------------------------------
*
	sectionNormal
	sectionReach
*
================================================= */








/* =================================================

	sectionNormal

================================================= */

#sectionNormal .secInr {
  height: 2922px;
  height: 0;
  padding-top: 389.6%;
  background-image: url(../img/normal_bg.jpg);
}

#sectionNormal .img01 {
  position: absolute;
  left: -26px;
  left: -3.466666666666667%;
  top: 0;
  width: 803px;
  width: 107.0666666666667%;
  margin-top: 312px;
  margin-top: 41.6%;
}
#sectionNormal .img02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 1329px;
  margin-top: 177.2%;
}
#sectionNormal .img03 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 2105px;
  margin-top: 280.6666666666667%;
}







/* =================================================

	sectionReach

================================================= */

#sectionReach .secInr {
  height: 2090px;
  height: 0;
  padding-top: 278.6666666666667%;
  background-image: url(../img/reach_bg.jpg);
}

#sectionReach .img01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 211px;
  margin-top: 28.13333333333333%;
}
#sectionReach .img02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 375px;
  width: 50%;
  margin-top: 1593px;
  margin-top: 212.4%;
}
#sectionReach .img03 {
  position: absolute;
  left: 375px;
  left: 50%;
  top: 0;
  width: 375px;
  width: 50%;
  margin-top: 1593px;
  margin-top: 212.4%;
}



/* =================================================
	js animate
================================================= */

/* NORMAL */

#contents #sectionNormal .secTtl{

    width: 200%;
    left: -49%;
    top: -8%;
    opacity:0;
}


#sectionNormal .img01 {
  left: -3.466666666666667%;
  width: 107.0666666666667%;
  margin-top: 41.6%;
  
    width: 5%;
    left: 48%;
    opacity:0;
}


#sectionNormal .img02 {
  left: 0;
  width: 100%;
  margin-top: 177.2%;
  
    width: 5%;
    left: 48%;
    opacity:0;
}


#sectionNormal .img03 {
  left: 0;
  width: 100%;
  margin-top: 280.6666666666667%;
  
    width: 5%;
    left: 48%;
    opacity:0;
}







/* REACH */

#contents #sectionReach .secTtl{

    width: 200%;
    left: -49%;
    top: -6.5%;
    opacity:0;
}

#sectionReach .img01 {
  left: 0;
  width: 100%;
  margin-top: 28.13333333333333%;

    width: 5%;
    left: 47%;
    margin-top: 113%;
    opacity:0;
}

#sectionReach .img02 {
  left: 0;
  width: 50%;
  margin-top: 212.4%;
  
    width: 3%;
    left: 25%;
    margin-top: 241%;
    opacity:0;
}



#sectionReach .img03 {
  left: 50%;
  width: 50%;
  margin-top: 212.4%;
  
    width: 3%;
    left: 72%;
    margin-top: 241%;
    opacity:0;
}