@charset "shift_jis";

/* main-inner */

#main #main-inner {
    border: none;
    background: url('../img/bg.png') repeat left -43px;
}
#main #main-title {
    height: 690px;
    background: url('../img/top_bg.png') left top no-repeat;
    top: -40px;
    z-index: 3;
}
#main #main-title h2 {
    top: 50px;
    left: 0;
    z-index: 2;
    width: 756px;
}
#main #main-title .topimg {
    top: 285px;
    right: 10px;
    z-index: 1;
}
#main #main-title .catch {
    top: 300px;
    left: 15px;
    z-index: 1;
}

#cont-wrap {
    position: relative;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 25px;
}
#main #sec01 {
    height: 760px;
}
#main #cont-wrap #sec01 h2.sec01ttl01 {
    margin-top: -87px;
    position: relative;
    z-index: 3;
}
#main #cont-wrap #sec01 .sec01txt01 {
    position: absolute;
    top: 115px;
    left: 35px;
}
#main #cont-wrap #sec01 .sec01img01 {
    position: absolute;
    top: 125px;
}
#main #cont-wrap #sec01 .sec01img01 a.btn {
    position: absolute;
    bottom: 37px;
    left: 0;
    right: 0;
}
#main #sec02 {
    height: 890px;
}
#main #cont-wrap #sec02 .sec02txt01 {
    position: absolute;
    top: 130px;
    left: 38px;
}
#main #cont-wrap #sec02 .sec02box01 {
    background: url('../img/sec2_img01.png') no-repeat center top;
    height: 439px;
    position: absolute;
    top: 220px;
    left: 0;
    right: 0;
}
#main #cont-wrap #sec02 .movWrap {
    margin: 35px 0 0 15px;
    display: inline-block;
    width: 590px;
    height: 332px;
    border: 2px solid #fff;
}
#main #cont-wrap #sec02 .sec02txt03 {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

#main #main-title,
#main #sec01,
#main #sec02 {
    position: relative;
    width: 864px;
}

#main #main-title h2,
#main #main-title p {
    position: absolute;
    margin: 0;
    padding: 0;
}


/* main-title */

#main #title-area {
    z-index: 10;
    height: 35px;
}
#main #title-area h1 {
    position: absolute;
    top: 7px;
    left: 13px;
}

/* clearfix */

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


/* main-footer */

.main-footer {
  position: relative;
  margin: 15px 0 0;
  padding-bottom: 32px;
}
.main-footer .f-hard {
  position: absolute;
  top: 0;
  right: 0;
}
.f-wrap {
    margin: 36px 0 0;
}
.main-footer.f-border {
  margin: 13px 0 0;
  border-top: 1px solid #000;
}

.f-border {
  margin-top: 24px;
}

.main-footer .f-logo {
  float: left;
  width: 320px;
  text-align: center;
}

.main-footer .f-contents {
  float: right;
  width: 514px;
}

.main-footer .f-icon {
  float: left;
}

.main-footer .f-name {
  position: relative;
  float: right;
  width: 443px;
  height: 55px;
}

.main-footer .f-soft-ttl {
  position: absolute;
  top: 10px;
}

.main-footer .f-copyright {
  position: absolute;
  bottom: 10px;
  color: #FFF;
  font-size: 9px;
}

.main-footer .f-note01 {
  margin: 5px 0 15px;
  color: #FFF;
  font-size: 9px;
}

.main-footer .f-btn {
  margin: 15px 0 0;
}

.f-soft-wrap {
  margin: 0 0 10px;
}