@charset "UTF-8";
html{
    margin: 0 auto;
}
body{
    margin: 0 auto;
    padding: 0;
}
h1, h2, h3, p, ul{
    padding: 0;
    margin: 0;
}
li{
    list-style-type: none;
}
.center, p, h3 {
    text-align: center;
    line-height: 1.3;
}
footer{
    width: 100%;
    min-width: 100%;
    height: 50px;
    color: #FFF;
    padding-top: 55px;
    text-align: center;
}

/*pc*/
@media (min-width: 769px) {
    .d-none {
        display: none;
    }

    html{
        background: #000 url("../images/bg.jpg") top center no-repeat;
        background-size: 1300px;
    }
    .container{
        width: 1060px;
        margin: 0 auto;
    }
    .logo{
        padding: 25px 0 0 5px;
    }
    .title {
        width: 1015px;
        margin: 0 auto;
        padding-top: 595px;
    }
    .catchcopy01 {
        padding-bottom: 500px;
    }
    .spec {
        padding-top: 20px;
    }
    .dlbox {
        background: url("../images/dlframe.png") top 26px center no-repeat;
        width: 875px;
        padding: 0 70px 70px;
        overflow: hidden;
        margin: 0 auto;
    }
    .dlbox ul {
        overflow: hidden;
    }
    .dlbox li {
        float: left;
        margin-left: 20px;
    }
    .dlbox .dl01{
        background: url("../images/dl_kyotai.png") top center no-repeat;
    }
    .dlbox .dl02{
        background: url("../images/dl_logo.png") top center no-repeat;
    }
    .dlbox li a{
        display: block;
    }
    .dlbox li a{
        opacity: 0;
    }
    .dlbox li a:hover{
        opacity: 1;
    }
    .dlbox p {
        padding-top: 6px;
    }
    .pagetop img {
        position: fixed;
        bottom: 110px;
        right: 50px;
    }
    footer {
        background: #000 url("../images/line.png") top center repeat-x;
        font-size: 13px;
        margin-top: 55px;
    }
}

/*sp*/
@media (max-width: 768px) {
    .md-none {
        display: none;
    }

    html {
        background:
                url("../images/bgtop_m.jpg") top center no-repeat,
                url("../images/bg_m.jpg") top 5.6% center repeat-y;
        background-size: 100%;
    }
    .logo{
        width: 20%;
    }
    .container {
        padding: 2%;
    }
    .title {
        width: 100%;
        padding-top: 80%;
        padding-bottom: 1%;
    }
    .contents{
        position: relative;
    }
    .catchcopy01 {
        width: 55%;
    }
    .num, .spec, .catchcopy02 {
        width: 100%;
    }
    .num{
        padding-top: 270%;
    }
    .spec{
        padding-top: 3%;
    }
    .catchcopy02{
        padding-top: 1%;
        padding-bottom: 7%;
    }
    .pagetop img {
        width: 25%;
        position: absolute;
        bottom: -2%;
        right: 2%;
    }
    footer {
        background: #000 url("../images/line.png") top center repeat-x;
        font-size: 11px;
    }
}