@charset "shift_jis";

#contents-inner h2,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}
#contents-inner {
    background-image: url('../img/bg_ptrn.png'), -moz-linear-gradient(top, #ffe500, #ffa800);
    background-image: url('../img/bg_ptrn.png'), -ms-linear-gradient(top, #ffe500, #ffa800);
    background-image: url('../img/bg_ptrn.png'), -o-linear-gradient(top, #ffe500, #ffa800);
    background-image: url('../img/bg_ptrn.png'), -webkit-linear-gradient(top, #ffe500, #ffa800);
    background-image: url('../img/bg_ptrn.png'), linear-gradient(top, #ffe500, #ffa800);
	padding-bottom: 5%;
}
#contents-inner img {
	vertical-align: bottom;
}
.wrap {
    position: relative;
}
/* soft-title */
#soft-title {
    background: #000;
}
#soft-title h1 {
    display: table;
    margin: 0;
    padding: 8px;
    color: #fff;
    font-size: 12px;
}
#soft-title h1 .soft-title-name {
    display: table-cell;
    vertical-align: middle;
}
#soft-title h1 .soft-title-name {
    line-height: 1.2;
    font-weight: bold;
}

/* main title */
#main-title {
	background: url('../img/head_bg_sp.png') no-repeat center top;
    background-size: 100% 100%;
	position: relative;
    z-index: 0;
	padding-bottom: 3%;
}
#sec01,
#sec02,
#sec03,
#sec04 {
    position: relative;
}
#sec01 {
    margin-top: -10px;
    z-index: 1;
}
#sec04 .btn img {
    width: 69.21875%;
    display: block;
    margin: -20% auto 10%;
}
img.battery1 {
    top: 4%;
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
img.battery2 {
    top: 5%;
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
img.battery3 {
    top: 3%;
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
img.battery4 {
    top: 4%;
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
/* clearfix */
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}