@charset "utf-8";
/* CSS Document */
html{
overflow:auto;
}
body{
overflow: hidden;
min-width:980px;
}

.clearfix:after{
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
ul,li{
  margin: 0;
  list-style: none;
}
p,h1,h2,h3,h4{
  margin: 0;
}
.contentsArea{
  width: 100%;
  margin: 0 auto;
  padding-bottom: 160px;
}
.contentsArea .mv{
  width: 100%;
  height: 640px;
  background: url(../images/index_ttl_01.jpg) no-repeat 50% 0;
  background-size: auto 100%;
}
.contentsArea .mv .logo,.contentsArea .mv .title{
  width: 980px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.contentsArea  .column01{
  width: 100%;
  height: 727px;
  margin: 0 auto;
  background: url(../images/index_bg_01.jpg) top center no-repeat;
  background-size: auto 100%;
}
.contentsArea  .column01 .title{
  width: 100%;
  padding-top: 30px;
  text-align: center;
  background: url(../images/index_ico_01.png) repeat-x 0 59%;
}
.contentsArea  .column01 .text{
  text-align: center;
}

.contentsArea  .column02{
  width: 100%;
  height: 310px;
  margin: 0 auto;
  background: url(../images/index_bg_02.jpg) top center no-repeat;
  background-size: auto 100%;
}
.contentsArea  .column02 .inner{
  width: 980px;
  height: 310px;
  margin: 0 auto;
  position: relative;
}
.contentsArea  .column02 .inner .image01{
  position: absolute;
  bottom: 0;
  left: 360px;
  z-index: 10;
}
.contentsArea  .column02 .inner .image02{
  position: absolute;
  bottom: 0;
  left: 0;
}
.contentsArea  .column02 .inner .image03{
  position: absolute;
  bottom: 0;
  right: -30px;
}

.contentsArea  .column03{
  width: 100%;
  margin: 0 auto;
  background: url(../images/index_bg_03.jpg) top center no-repeat;
  background-size: auto 100%;
}
.contentsArea  .column03 .inner{
  width: 980px;
  margin: 0 auto;
  padding: 120px 0 75px;
  position: relative;
}
.contentsArea  .column03 .inner .text01{
  position: absolute;
  left: 185px;
  top: 65px;
}
.contentsArea  .column03 .inner .title{
  position: absolute;
  right: 40px;
  top: 80px;
}
.contentsArea  .column03 .inner .text02{
  text-align: right;
}

.contentsArea  .column04{
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 90px;
  background: url(../images/index_bg_04.jpg) top center no-repeat;
  background-size: auto 100%;
}
.contentsArea  .column04 .inner{
  width: 980px;
  height: 530px;
  margin: 0 auto;
  display: table;
  background: #fff;
  box-shadow:0px 6px 10px -6px rgba(0,0,0,0.3);
  -moz-box-shadow:0px 6px 10px -6px rgba(0,0,0,0.3);
  -webkit-box-shadow:0px 6px 10px -6px rgba(0,0,0,0.3);
}
.contentsArea  .column04 .inner figure{
  width: 420px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.contentsArea  .column04 .inner figure img{
  position: absolute;
  top: 20px;
  left: 0;
}
.contentsArea  .column04 .inner .product{
  width: 560px;
  display: table-cell;
  vertical-align: top;
}
.contentsArea  .column04 .inner .product .text01{
  margin-top: 15px;
}
.contentsArea  .column04 .inner .product .button{
  display: inline-block;
  margin: 10px 0 0 70px;
}
.contentsArea  .column04 .inner .product .button:hover,
.contentsArea  .column04 .inner .product .text02:hover{
  opacity: 0.7;
}
.contentsArea  .column04 .inner .product .text02{
  margin-top: 35px;
  margin-right: 105px;
  text-align: right;
}