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

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

.contents-background {
  top: 532px;
}
.contents-background p {
  width: 100%;
}
.contents-background p.bg01 {
  height: 1071px;
  background: url(../../img/machine/bg_contents01.png) no-repeat center top;
}

/* コンテンツ */
.contents {
  position: relative;
  width: 1000px;
  height: 1603px;
  margin: 0 auto;
}
.contents .title {
  position: absolute;
  top: 170px;
  left: 0;
}
.contents .contents-main {
  position: absolute;
  top: 733px;
  left: 0;
  margin-top: 400px;
}
.contents .contents-main .area01 {
  position: relative;
}
.contents .contents-main .area01 .stit {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.contents .contents-main .area01 .txt {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
.contents .contents-main .area01 .btn-zoom-area {
  display: none;
}
.contents .contents-main .area01 .btn-zoom-area .btn-zoom1 {
  position: absolute;
  left: 664px;
  top: 117px;
}
.contents .contents-main .area01 .btn-zoom-area .btn-zoom2 {
  position: absolute;
  left: 367px;
  top: 252px;
}
.contents .contents-main .area01 .btn-zoom-area .btn-zoom3 {
  position: absolute;
  left: 436px;
  top: 441px;
}

/* モーダル */
.modal-contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 400;
}
.modal-contents li {
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -722px;
}
.modal-contents li.modal01 {
  top: 146px;
}
.modal-contents li.modal02 {
  top: 24px;
}
.modal-contents li.modal03 {
  top: 146px;
}
.modal-contents .btn-close {
  position: absolute;
  right: 42px;
  top: 42px;
  margin-left: 585px;
}

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