@charset "shift_jis";

/* clearfix */

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}


/* main-inner */

#main #main-inner {
  border: none;
  background-color: #003043;
  background: url('../img/bg.png') no-repeat center top;
  margin-top: -35px;
}
#main #title-area h1 {
    position: absolute;
    top: 12px;
    left: 13px;
}
#main #title-area .update {
    position: absolute;
    top: 12px;
    right: 10px;
}
#main #main-title,
#main #section01,
#main #section02,
#main #section03 {
  position: relative;
  width: 864px;
}

#main #main-title h2,
#main #main-title h3,
#main #main-title p,
#main #section01 h2,
#main #section01 div,
#main #section01 p,
#main #section02 h2,
#main #section02 div,
#main #section02 p,
#main #section03 h2,
#main #section03 div,
#main #section03 p {
  position: absolute;
  margin: 0;
  padding: 0;
}

/* main-title */
#main #title-area {
    z-index: 10;
    height: 35px;
}
#main #main-title h2 {
  top: 25px;
  left: -40px;
  z-index: 3;
}
#main #main-title .catch {
  top: 400px;
  left: 25px;
  z-index: 3;
}


/* section01 */

#main #section01 {
  height: 1312px;
}
#main #section01 .img01 {
  top: 242px;
  left: 0px;
  z-index: 4;
}
#main #section01 .img02 {
  top: 700px;
  right: -2px;
  z-index: 5;
}
#main #section01 .txt01 {
  top: 785px;
  left: 195px;
  z-index: 3;
}
#main #section01 .btn {
  top: 1093px;
  left: 84px;
  z-index: 6;
}