@charset "utf-8";

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

	page style
	 
----------------------------------------------------
*
	sectionAttention
*
================================================= */








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

	sectionAttention

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

#sectionAttention .secInr {
  height: 1955px;
  height: 0;
  padding-top: 260.6666666666667%;
  background-image: url(../img/bg.jpg);
}

#sectionAttention .blk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#sectionAttention .blk .blkBg {
  position: relative;
}
#sectionAttention .blk .blkTtl {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
}

#sectionAttention .blk01 {
  margin-top: 321px;
  margin-top: 42.8%;
}
#sectionAttention .blk02 {
  margin-top: 861px;
  margin-top: 114.8%;
}
#sectionAttention .blk03 {
  margin-top: 1391px;
  margin-top: 185.4666666666667%;
}


#sectionAttention .blk .blkImg01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  margin-top: 126px;
  margin-top: 16.8%;
}
#sectionAttention .blk .blkImg02 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
  margin-top: 126px;
  margin-top: 16.8%;
}
#sectionAttention .blk .blkTxt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 359px;
  margin-top: 47.86666666666667%;
}
#sectionAttention .blk01 .blkTxt {
  margin-top: 369px;
  margin-top: 49.2%;
}

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


#contents #sectionAttention .secTtl{

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

#sectionAttention .blk01 {
    width: 5%;
    top: 11%;
    left: 49%;
    opacity:0;
}

#sectionAttention .blk02 {
    width: 5%;
    top: 11%;
    left: 49%;
    opacity:0;
}

#sectionAttention .blk03 {
    width: 5%;
    top: 12%;
    left: 49%;
    opacity:0;
}


#sectionAttention .blk .blkImg01 {
  left: 0;

	left: -40%;
	opacity:0;
}

#sectionAttention .blk .blkImg02 {
  left: 50%;

	left: 90%;
	opacity:0;
}

#sectionAttention .blk .blkTxt {

	width: 5%;
    left: 47%;
    top: 15%;
    opacity:0;
}