@charset "utf-8";


.content{
  position:relative;
}

/*
  wrapper
*/
#wrapper{
  /*position:absolute;
  top:62px;
  left:0;*/
  position:relative;
  width:100%;
  min-width:1050px;
  overflow:hidden;
  z-index:13;
  padding:62px 0 0 0;
}


/*
  container
*/
.container{
  padding:20px 0 30px 0;
}
.container .container_body{
  margin:auto;
  padding:20px 0;
  width:1200px;
  min-width:1200px;
}
.container .container_inner {
  width: 960px;
  margin: 0 auto;
}

.container .container_inner2 {
  width: 1050px;
  margin: 0 auto;
}

.container .container_body:after{
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}


/*
  container + point_01
*/
#point_block01 {
  width: 100%;
  height: 800px;
  position: relative;
  padding: 0;
  color: #fff;
}
#point_block01 .visual_inner {
  position:  relative;
  width: 100%;
  top: -50px;
}

.container#point_block01 .visual_inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1580px;
  transform: skew(0,0deg) translate(0,-135px);
  z-index: 1;
  overflow: hidden;
}
.container#point_block01 .visual_inner:before {
  content: "";
  display: block;
  height: 2350px;
  background:url(../images/main_img01.jpg) no-repeat center top;
  /*background-size: 100% auto;*/
  background-size: auto 1500px;
  background-position: 50% 0%;
  transform: skew(0,0deg) translate(0,-135px);
}


#point_block01 .container_inner {
  text-align: center;
  position: relative;
  z-index: 10;
}



/*
  container + point_02
*/
#point_block02 {
  width: 100%;
  height: 800px;
  position: relative;
  padding: 0;
  color: #fff;
}
#point_block02 .visual_inner {
  position:  relative;
  width: 100%;
  top: -50px;
}

.container#point_block02 .visual_inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1580px;
  transform: skew(0,4deg) translate(0,-135px);
  z-index: 1;
  overflow: hidden;
}
.container#point_block02 .visual_inner:before {
  content: "";
  display: block;
  height: 2350px;
  background:url(../images/main_img02.jpg) no-repeat center top;
  /*background-size: 100% auto;*/
  background-size: auto 1500px;
  background-position: 50% -52%;
  transform: skew(0,-4deg) translate(0,-135px);
}


#point_block02 .container_inner {
  text-align: center;
  position: relative;
  z-index: 10;
}




/*
  container + point_03
*/
#point_block03 {
  width: 100%;
  height: 800px;
  position: relative;
  padding: 0;
  color: #fff;
}
#point_block03 .visual_inner {
  position:  relative;
  width: 100%;
  top: -50px;
}

.container#point_block03 .visual_inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1580px;
  transform: skew(0,-6deg) translate(0,-135px);
  z-index: 1;
  overflow: hidden;
}
.container#point_block03 .visual_inner:before {
  content: "";
  display: block;
  height: 2350px;
  background:url(../images/main_img03.jpg) no-repeat center top;
  /*background-size: 100% auto;*/
  background-size: auto 1500px;
  background-position: 50% -25%;
  transform: skew(0,5deg) translate(0,-135px);
}


#point_block03 .container_inner {
  text-align: center;
  position: relative;
  z-index: 10;
}


/*
  container + point_04
*/
#point_block04 {
  width: 100%;
  height: 800px;
  position: relative;
  padding: 0;
  color: #fff;
}
#point_block04 .visual_inner {
  position:  relative;
  width: 100%;
  top: -50px;
}

.container#point_block04 .visual_inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1580px;
  transform: skew(0,6deg) translate(0,-135px);
  z-index: 1;
  overflow: hidden;
}
.container#point_block04 .visual_inner:before {
  content: "";
  display: block;
  height: 2350px;
  background:url(../images/main_img04.jpg) no-repeat center top;
  /*background-size: 100% auto;*/
  background-size: auto 1500px;
  background-position: 50% -43%;
  transform: skew(0,-6deg) translate(0,-135px);
}


#point_block04 .container_inner {
  text-align: center;
  position: relative;
  z-index: 10;
}

/*
  container + point_04
*/
#point_block05 {
  width: 100%;
  height: 650px;
  position: relative;
  padding: 0;
  color: #fff;
  border-bottom-color: #fff;
}
#point_block05 .visual_inner {
  position:  relative;
  width: 100%;
  top: -50px;
}

.container#point_block05 .visual_inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 800px;
  transform: skew(0,6deg) translate(0,-135px);
  z-index: 1;
  overflow: hidden;
}
.container#point_block05 .visual_inner:before {
  content: "";
  display: block;
  height: 800px;
  background: #fcfce9;
  /*background-size: 100% auto;*/
  background-size: auto 1500px;
  transform: skew(0,-6deg) translate(0,-135px);
}


#point_block05 .container_inner2 {
  text-align: center;
  position: relative;
  z-index: 10;
}

.txt_bg1{
    position: absolute;
    top: 119px;
    left: 45%;
}

.txt_bg2{
    position: absolute;
    top: 270px;
    left: 0%;
}

.txt_bg3{
    position: absolute;
    top: 175px;
    left: 25%;
}

.txt_bg4{
    position: absolute;
    top: 61px;
    left: 10%;
}

.rice_icon {
    position: relative;
    /* bottom: -55px; */
    /* margin-left: 327px; */
    text-align: left;
    left: 220px;
    top: 39px;
    width: 105px;
}


.rice_icon2 {
    position: relative;
    /* bottom: -55px; */
    /* margin-left: 327px; */
    text-align: left;
    left: 220px;
    top: 39px;
    width: 105px;
}


.check4 ul li {
display: block;
    line-height: 1.2em;
    /* font-weight: bold; */
    padding: 0px 0 0px 25px;
    background: url(../images/pgm_arrow.png) no-repeat left top;
    /* border-bottom: dashed 1px #b9c7d4; */
    margin-top: 5px;
    margin-bottom: 5px;
}