@charset "utf-8";
#key .slide1 {
  background: url(../img/index/key-js01.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
}
#key .slide2 {
  background: url(../img/index/key-js02.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
}
#key .slide3 {
  background: url(../img/index/key-js03.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
}
#main {
  background: url(../img/index/main-bg.jpg) no-repeat center top;
}
#sec1 {
  background: url(../img/index/sec1-bg.png) no-repeat center top;
  position: relative;
}
#sec1 h2 {
  text-align: center;
  padding-top: 66px;
}
#sec1 .txt {
  color: #000;
  padding: 20px 0 135px;
  margin-left: 270px;
}
#sec1 .row {
  position: relative;
  min-height: 557px;
}
#sec1 .row .btn {
  position: absolute;
  top: -2px;
  left: 490px;
}
#sec1 .row h3 {
  position: absolute;
  top: -156px;
  right: 0;
}
#sec1 .row .txt01 {
  width: 141px;
  height: 401px;
  color: #000;
  position: absolute;
  top: 45px;
  left: 685px;
  letter-spacing: 1px;
}
#sec2 {
  background: url(../img/index/sec2-bg.jpg) no-repeat center top;
  position: relative;
  min-height: 695px;
}
#sec2 h2 {
  position: absolute;
  top: -51px;
  left: 348px;
}
#sec2 .btn {
  position: absolute;
  top: 71px;
  left: -61px;
}
#sec2 .deco {
  position: absolute;
  top: -74px;
  right: -51px;
}
#sec2 .txt01 {
  width: 179px;
  height: 401px;
  position: absolute;
  color: #000;
  top: 125px;
  left: 145px;
  line-height: 31px;
  letter-spacing: 1px;
}
#sec3 {
  background: url(../img/index/sec3-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 755px;
  position: relative;
}
#sec3:after {
  background: url(../img/index/sec3-bg01.png) no-repeat center top;
  position: absolute;
  content: "";
  width: 100%;
  height: 755px;
  top: 0;
  left: 0;
  z-index: 1;
}
#sec3 .deco {
  position: absolute;
  pointer-events: none;
  top: 289px;
  right: -132px;
}
#sec3 h3 {
  position: absolute;
  top: 64px;
  left: 98px;
  z-index: 2;
}
#sec3 ul.btn {
  position: absolute;
  top: 522px;
  left: 0;
}
#sec3 h2 {
  padding-top: 199px;
  text-align: right;
  margin: 0 -50px 0 0;
  position: relative;
  z-index: 2;
}
#sec3 .txt {
  width: 418px;
  color: #fcfbfb;
  padding: 2px 0 20px 0;
  margin-left: 594px;
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
  line-height: 31px;
}
#sec4 {
  background: url(../img/index/sec4-bg.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  min-height: 859px;
}
#sec4 .slider {
  width: 616px;
  height: 507px;
  position: absolute;
  top: 217px;
  right: -82px;
}
#sec4 h3 {
  position: absolute;
  top: 54px;
  left: -34px;
}
#sec4 .btn {
  width: 408px;
}
#sec4 .note {
  position: absolute;
  top: 185px;
  left: 465px;
  color: #000;
}
#sec4 h2 {
  padding: 98px 0 3px 101px;
}
#sec4 .txt {
  width: 289px;
  color: #000;
  padding: 22px 0 102px 121px;
  line-height: 31px;
  letter-spacing: 2px;
}
.slider .bx-wrapper .bx-viewport {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
  border: 0 none;
  box-shadow: none;
  left: 0;
  transform: translateZ(0px);
}
.bx-pager.bx-default-pager {
}
.bx-wrapper {
}
.bx-pager-item {
  text-indent: -9999px;
  margin: 0 16px;
}
.bx-pager-item,
.bx-pager-item a {
  width: 0;
  display: inline-block;
  height: 0;
}
.bx-pager-item a {
  display: block;
}
.bx-wrapper .bx-pager,
#key .bx-wrapper .bx-controls-auto {
  top: -32px;
  text-align: right;
  position: absolute;
  right: 85px;
  width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: url(../img/index/sec4-control.png) no-repeat;
  width: 14px;
  height: 14px;
  font-size: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: url(../img/index/sec4-control-atv.png) no-repeat;
  width: 14px;
  height: 14px;
  font-size: 0;
}
#sec5 {
  min-height: 583px;
  position: relative;
  background: url(../img/index/sec5-bg.jpg) repeat;
}
#sec5 #gmap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 583px;
}
#sec5 h2 {
  position: absolute;
  top: 0;
  left: 50%;
}
#sec5 .fb {
  position: absolute;
  right: 0;
  top: 92px;
}

#sns {
  background: url(../img/shared/sec9_bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 575px;
  position: relative;
}
#sns .ttl {
  position: absolute;
  top: 27px;
  left: 141px;
}
#sns .fb {
  width: 465px;
  position: absolute;
  top: 85px;
  left: 0;
}
#sns .row-rss {
}
#sns #feed {
  padding-top: 108px;
  margin-left: 544px;
}
#sns .row-rss {
  width: 400px;
  margin-bottom: 40px;
}
#sns .row-rss .photo {
  float: left;
}
#sns .row-rss dl {
  width: 205px;
  float: left;
  margin-left: 25px;
  color: #ffffff;
}
.rss_txt {
  margin-left: 600px;
  padding-top: 80px;
  color: #fff;
  font-weight: bold;
}

.nidaimeden_btn {
  margin: 50px auto 0;
  text-align: center;
}