@charset "UTF-8";
/*
*******************************************************************************************************
# /feature/index.scss
*******************************************************************************************************
*/
body {
  min-height: 3229px;
}

.title {
  height: 850px;
  background: url(../../img/feature/bg_ttl.jpg) no-repeat center top;
}
.title img {
  margin: 170px auto 0;
}

.contents-background {
  top: 564px;
}
.contents-background p {
  width: 100%;
}
.contents-background p.bg01 {
  height: 715px;
  background: url(../../img/feature/bg_contents01.png) no-repeat center top;
}
.contents-background p.bg02 {
  height: 724px;
  background: url(../../img/feature/bg_contents02.png) no-repeat center top;
}
.contents-background p.bg03 {
  height: 1126px;
  background: url(../../img/feature/bg_contents03.png) no-repeat center top;
}

/* コンテンツ */
.contents {
  position: relative;
  width: 1000px;
  height: 3129px;
  margin: 0 auto;
}
.contents .title {
  position: absolute;
  top: 170px;
  left: 0;
}
.contents .contents-main {
  position: absolute;
  top: 594px;
  left: 0;
  margin-top: 400px;
}
.contents .contents-main .area01 .content {
  margin-top: -56px;
}
.contents .contents-main .area02 .content {
  margin-top: -26px;
}
.contents .contents-main .area03 {
  margin-top: -49px;
}
.contents .contents-main .area03 .content {
  margin-top: -167px;
}

.cfx {
  *zoom: 1;
}
.cfx:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}