@charset "shift_jis";

#contents-inner h2,p,ul,li,dl,dt,dd {
    margin: 0;
    padding: 0;
}
#contents-inner {
    background: url('../img/bg_ptrn_sp.png');
    background-size: 17%;
    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%;
}

/* clearfix */
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}
.sec02txt01Box,
.sec02Box {
    position: relative;
}
.sec02txt01Box a {
    position: absolute;
    bottom: 41%;
    right: 20%;
    width: 38.125%;
}
.sec02txt01Box a img {
    width: 100%;
    height: auto;
}
.sec02Box .wifi1 {
    position: absolute;
    top: 21.5%;
    left: 43.4%;
    width: 13.75%;
    -webkit-transform: rotate(124deg);
        -ms-transform: rotate(124deg);
            transform: rotate(124deg);
}
.sec02Box .wifi2 {
    position: absolute;
    top: 28.2%;
    left: 42.4%;
    width: 13.75%;
    -webkit-transform: rotate(174deg);
    -ms-transform: rotate(174deg);
    transform: rotate(174deg);
}
.sec02Box .arrw1 {
    position: absolute;
    top: 64.7%;
    left: 41.4%;
    width: 17.65625%;
}
.sec02Box .arrw2 {
    position: absolute;
    top: 74.4%;
    left: 41.1%;
    width: 17.65625%;
}
.sec03Box {
    position: relative;
}
.sec03Box .wifi3 {
    position: absolute;
    top: 48%;
    left: 34.5%;
    width: 13.75%;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.sec03Box .wifi4 {
    position: absolute;
    top: 31.8%;
    left: 28.3%;
    width: 13.75%;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}
.sec03Box .wifi5 {
    position: absolute;
    top: 31.8%;
    right: 28.3%;
    width: 13.75%;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}
#sec04 .sec04Box {
    position: relative;
}
#sec04 .sec04Box .wifi-arrw1 {
    position: absolute;
    width: 19.375%;
    top: 24%;
    left: 27%;
}
#sec04 .sec04Box .wifi-arrw2 {
    position: absolute;
    width: 21.25%;
    bottom: 7%;
    right: 24%;
}
#sec04 .sec04txt02 {
    position: relative;
}
#sec04 .sec04txt02 img { width: 100%; }
#sec04 .sec04txt02 .link01 { position: absolute; top: 3.5%; left: 4.5%; width: 35.782%; }
#sec04 .sec04txt02 .link02 { position: absolute; top: 64.7%; left: 27%; width: 46.875%; }
#sec04 .sec04txt02 .link03 { position: absolute; top: 64.7%; right: 4.7%; width: 19.6875%; }
#sec04 .sec04txt02 .link04 { position: absolute; top: 82.7%; left: 4.7%; width: 10.3125%; }
#sec04 .sec04txt02 .link05 { position: absolute; top: 82.7%; left: 17%; width: 47.65625%; }
#sec05 .sec05Box {
    text-align: center;
}
#sec05 .sec05Box a {
    display: inline-block;
    width: 40.625%;
    margin: 1%;
}