@charset "shift_jis";
#contents-inner h2, p, ul, li, dl, dt, dd {
    margin: 0;
    padding: 0;
}
#contents-inner {
    background: url(../img/spbg.png);
    background-repeat: repeat-y;
    background-size: contain;
}
#contents-inner img {
    vertical-align: bottom;
}
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
    outline: none;
}
/* soft-title */

#soft-title {
    background: #000;
}
#soft-title h1 {
    min-width: 298px;
    padding: 8px;
    color: #fff;
    font-size: 12px;
}
/* main title */

#contents-inner, #sec01, #sec02, .sec02-sub-img01, .sec02-sub-img02, .sec02-sub-img03, .sec02-sub-img04, #sec03, #sec04, #sec05{
    position: relative;
}

#main-title h2,
#main-title p.chara,
#main-title p.lead,
#sec02 .sec02-sub-txt01,
#sec02 .sec02-sub-txt02,
#sec02 .sec02-sub-txt03,
#sec02 .sec02-sub-txt04,
#sec03 .sec03-ttl,
#sec05 .sec05-ttl,
#sec05 .sec05-sub-img01
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    text-align:center;
    margin:0 auto;
}
#sec01 .sec01-sub-txt03,
#sec03 .sec03-sub-img02,
#sec03 .sec03-sub-img03,
#sec03 .sec03-sub-img04,
#sec03 .sec03-sub-img05,
#sec03 .sec03-sub-img06,
#sec03 .sec03-sub-txt01,
#sec04 .sec04-sub-img01,
#sec04 .sec04-sub-img02,
#sec04 .sec04-sub-img03,
#sec05 .sec05-sub-img02

{
    position:absolute;
}


#main-title h2{
    top:0.5%;
    z-index: 3;
}
#main-title p.chara{
    top:4%;
}
#main-title p.lead{
    top:8.5%;
}

#main-title .sec02-sub-img01{
    top:9%;
}
#sec01 .sec01-sub-txt03{
    top: 43.5%;
    right: 6%;
    width:24.34375%;
}
#sec02 .sec02-sub-txt01{
    top:0;
}
#sec02 .sec02-sub-txt02{
    top:4%;
}
#sec02 .sec02-sub-txt03{
    top:4%;
}
#sec02 .sec02-sub-txt04{
    top:4%;
}
#sec03{
    margin-top:4%;
}
#sec03 .sec03-ttl{
    top: 2%;
}
#sec03 .sec03-sub-txt01{
    width:27.8125%;
    top: 27.5%;
    left: 5%;
}
#sec03 .sec03-sub-img02{
    top: 32%;
    left: 2%;
    width: 77.8125%;
}
#sec03 .sec03-sub-img03{
    top: 52%;
    right: 2%;
    width:89.6875%;
}
#sec03 .sec03-sub-img04{
    top: 72%;
    right:0;
    width:85.156%;
}
#sec03 .sec03-sub-img05{
    top: 36%;
    right: 1%;
    width:24.0625%;
}
#sec03 .sec03-sub-img06{
    top:70%;
    left:1%;
    width:17.34375%;
}

#sec04{
    margin-top:4%;
}
#sec04 .sec04-sub-img01{
    right:16%;
    bottom:0;
    width:34.21875%;
}
#sec04 .sec04-sub-img02{
    right:-15%;
    bottom:0;
    width:37.8125%;
}
#sec04 .sec04-sub-img03{
    bottom:2%;
    left:0;
    right:0;
    margin:0 auto;
    width:65.625%;
}
#sec05 .sec05-ttl{
    top:3%;
    z-index:4;
    width:85%;
}
#sec05 .sec05-sub-img01{
    top:22%;
    width:60.78125%;
}
#sec05 .sec05-sub-img02{
    bottom:3%;
    left:0;
    right:0;
    margin:0 auto;
    width:69.375%;
}
/* clearfix */

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