@charset "shift_jis";
#contents-inner h2,
p,
ul,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

#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 {
    background: url('../img/bg_ptrn_sp.gif') repeat-y center top;
    background-size: contain;
}
.parallel p {
    width: 50%;
    float: left;
}
#main-title {
    background: url('../img/head_bg_sp.png') no-repeat center top;
    background-size: cover;
}
#sec01 .sec01-ttl {
    position: relative;
    background: url('../img/sec1_ttl_base_sp.png') no-repeat center top;
    background-size: cover;
}

#sec01 .sec01-ttl img {
    width: 65.9375%;
    margin: 2.3% 3.3% 1.3%;
}


#sec02 .sec02-ttl01 {
    position: relative;
    background: url('../img/sec2_ttl01_base_sp.png') no-repeat center top;
    background-size: cover;
}

#sec02 .sec02-ttl01 img {
    width: 43.595%;
    margin: 2.2% 14.3% 1.3%;
}


#sec03 .sec03-ttl01 {
    position: relative;
    background: url('../img/sec3_ttl01_base_sp.png') no-repeat center top;
    background-size: cover;
}

#sec03 .sec03-ttl01 img {
    width: 69.845%;
    margin: -0.9% 2.3% 1.4%;
}

#sec04 {
    background: url('../img/sec4_bg_sp.png') no-repeat center top;
    background-size: cover;
    padding-bottom: 3%;
}
.sec04-img-wrap ul {
    padding: 0 2.5%;
}
#sec04 .sec04-img-wrap ul li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 1.645%;
}
.mov.on {
    animation-duration: 0.8s;
    animation-name: pon;
}
@keyframes pon {
    0% { transform: scale(1); }
    60% { transform: scale(1); }
    80% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* clearfix */

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