@charset "UTF-8";

#cm_top .cmArea_top {
  width: 100%;
  background: none;
}

#cm_top #contentArea{
  background:none;
  width:100%;
}

#cm_top .sec000,
#cm_top .sec001,
#cm_top .sec002,
#cm_top .sec003,
#cm_top .sec004{
  margin:0 auto;
  padding:0;
  position:relative;
}

#cm_top .sec000 img.baseImg,
#cm_top .sec001 img.baseImg,
#cm_top .sec002 img.baseImg,
#cm_top .sec003 img.baseImg,
#cm_top .sec004 img.baseImg{
  width:100%;
  height:auto;
}

#cm_top .contentWrap{
  margin:0;
  width:100%;
  height:100%;
  text-align: center;
  position:absolute;
  top:0;
  left:0;
}

#cm_top .contentBox{
  margin:0 auto;
  padding:0;
  width:100%;
  height:100%;
  position:relative;
}

#cm_top .contentBoxInner{
  width: 86%;
  height:100%;
  position: absolute;
  top:0;
  left: 7%;
}

#cm_top #site-footer{
  margin-top:0;
}

#cm_top img{
  max-width: 100%;
  height:auto;
}

/*----*/

#cm_top .icon_scroll{
  display: none;
}


/*----*/

#cm_top .img_s2_p1{
  margin:0;
  width: 98%;
  height:auto;
  position:absolute;
  top: 1.5%;
  left:0;
}

#cm_top .img_s2_p2{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 14.5%;
  left:0;
}

#cm_top .img_s2_p3{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 37.8%;
  left: 0;
}

#cm_top .img_s2_p4{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 60.8%;
  left: 0;
}

/*----*/

#cm_top .img_s3_p1{
  margin:0;
  width: 92%;
  height:auto;
  position:absolute;
  top: 1.2%;
  left: 4.3%;
}

#cm_top .img_s3_p2{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 8%;
  left: 0%;
}

#cm_top .img_s3_p3{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 35.3%;
  left: 0;
}

#cm_top .img_s3_p4{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 60.1%;
  left: 0;
}

/*----*/

#cm_top .img_s4_p1{
  margin:0;
  width: 93%;
  height:auto;
  position:absolute;
  top: 0.8%;
  left: 2%;
}

#cm_top .img_s4_p2{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 5.8%;
  left:0;
}

#cm_top .frame01{
  position:absolute;
  top: 12.6%;
  left:0;
}

#cm_top .img_s4_p3{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 37.8%;
  left: 0;
}

#cm_top .img_s4_p4{
  width: 88%;
  position: absolute;
  top: 14.2%;
  left: 6%;
}

#cm_top .img_s4_p5{
  width: 90%;
  position: absolute;
  top: 49%;
  left: 5%;
}

#cm_top .img_s4_p6{
  width: 90%;
  position: absolute;
  top: 71.4%;
  left: 5%;
}

#cm_top .img_s4_p3{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 32.2%;
  left: 0;
}

#cm_top .img_s4_p4{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 60.7%;
  left: 0;
}

.img_bg_sec004{
  padding-top: 40%;
  background-color: white;
  vertical-align: top;
}


/*-------------------------------------------------------------------------
*
*
* RESPONSIVE PC STYLE
*
*
*/
@media screen and (min-width:681px)
{

#cm_top .cmArea_top {
  margin: 100px 0 0 0;
  width: 100%;
  background: none;
}

#cm_top #contentArea{
  background:none;
  width:100%;
}

#cm_top .contentWrap{
  margin:0;
  width:100%;
  height:100%;
  text-align: center;
  position:absolute;
  top:0;
  left:0;
}

#cm_top .contentBox{
  margin:0 auto;
  padding:0;
  width:52.08%;
  height:100%;
  position:relative;
}

#cm_top .contentBoxInner{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}

/*----*/

#cm_top .icon_scroll{
  display: block;
  width: 4.3%;
  height: 12.5%;
  position:absolute;
  left: 48%;
  top: 98%;
  z-index: 1;
}

/*----*/

#cm_top .img_s2_p1{
  margin:0;
  width: 100%;
  height:auto;
  position:absolute;
  top: 9%;
  left:0;
}

#cm_top .img_s2_p2{
  margin:0;
  width: 32%;
  height:auto;
  position:absolute;
  top: 60%;
  left:0;
}

#cm_top .img_s2_p3{
  margin:0;
  width: 32%;
  height:auto;
  position:absolute;
  top: 57.4%;
  left: 34.3%;
}

#cm_top .img_s2_p4{
  margin:0;
  width: 32%;
  height:auto;
  position:absolute;
  top: 55%;
  left: 68%;
}

/*----*/

#cm_top .img_s3_p1{
  margin:0;
  width: 61%;
  height:auto;
  position:absolute;
  top: 0%;
  left: 0%;
}

#cm_top .img_s3_p2{
  margin:0;
  width: 84%;
  height:auto;
  position:absolute;
  top: 18%;
  left: 15.6%;
}

#cm_top .img_s3_p3{
  margin:0;
  width: 84%;
  height:auto;
  position:absolute;
  top: 36.8%;
  left: 15.6%;
}

#cm_top .img_s3_p4{
  margin:0;
  width: 84%;
  height:auto;
  position:absolute;
  top: 64.4%;
  left: 15.6%;
}

/*----*/

#cm_top .img_s4_p1{
  margin:0;
  width: 62%;
  height:auto;
  position:absolute;
  top: -1%;
  left:0;
}

#cm_top .frame01{
  width:100%;
  height: 56%;
  position: absolute;
  top: 29%;
  left:0;
}

#cm_top .img_s4_p2{
  margin:0;
  width: 32%;
  height:auto;
  position:absolute;
  top: 34%;
  left:0;
}

#cm_top .img_s4_p3{
  margin:0;
  width: 32%;
  height:auto;
  position:absolute;
  top: 30.4%;
  left: 34.3%;

}

#cm_top .img_s4_p4{
  margin:0;
  width: 32%;
  height:auto;
  position:absolute;
  top: 26.8%;
  left: 68.6%;
}

#cm_top .img_s4_p5{
  margin:0;
  width: 29%;
  height:auto;
  position:absolute;
  top: 7%;
  left: 68%;
}

#cm_top .img_s4_p6{
  margin:0;
  width: 29%;
  height:auto;
  position:absolute;
  top: 42%;
  left: 68%;
}

#cm_top #site-footer{
  margin-top:0;
  padding-top: 20%;
}

.img_bg_sec004{
  padding-top: 0;
  background-color: white;
  vertical-align: top;
}


}