#download1, #download2 {
    padding: 60px 0 0 0;
    background: url("../images/download_bg_pc.jpg") no-repeat top center;
    background-size: 1260px;
    height: 811px;
}
#download1 .inner .title{
    padding-top: 228px;
    width: 577px;
    margin: 0 auto;
}
#download1 form{
    width:310px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#download1 .passwordbox{
    margin: 0 auto;
    width: 310px;
}
#download1 .passwordbox input{
    width:310px;
    font-size: 15px;
    padding: 5px;
    margin-bottom: 30px;
}
#download1 .submitbox {
    margin: 0 auto;
    width: 192px;
}
#download1 .submitbox input{
    background:url('../images/download_btn1_pc.png');
    width: 192px;
    height: 54px;
    border: 0;
    cursor: pointer;
    text-indent: -9999px;
}
#download2 .inner ul{
    list-style: none;
    display:flex;
    justify-content: center;
    margin-top: 30px;
}
#download2 .inner .text {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 412px);
}

.fadein {opacity: 0;}
.title{animation: fadein 0.5s ease 0.5s 1 forwards;}
form{animation: fadein 0.5s ease 0.8s 1 forwards;}

li.fadein:nth-child(1) {animation: fadein 0.5s ease 0.8s 1 forwards;}
li.fadein:nth-child(2) {animation: fadein 0.5s ease 1.1s 1 forwards;}
li.fadein:nth-child(3) {animation: fadein 0.5s ease 1.4s 1 forwards;}
.text{animation: fadein 0.5s ease 1.7s 1 forwards;}
@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 1079px) {
    #download1 {
        padding: 13vw 0 0 0;
        background: url("../images/download1_bg_sp.jpg") no-repeat top center;
        background-size: 100%;
        height: 143vw;
    }
    #download1 .inner .title {
        width: 100%;
        padding-top: 31vw;
    }
    #download1 form{
        width: 80%;
    }
    #download1 .passwordbox{
        width: 100%;
    }
    #download1 .passwordbox input{
        width: 100%;
        height: 48px;
        margin: 3vw 0 4vw;
        font-size: 16px;
    }
    #download1 .submitbox {
        width: 45vw;
    }
    #download1 .submitbox input{
        background: url(../images/download_btn1_sp.png) no-repeat;
        background-size: 100%;
        width: 45vw;
        height: 13vw;
    }
    #download2 {
        padding: 13vw 0 0 0;
        background: url("../images/download2_bg_sp.jpg") no-repeat top center;
        background-size: 100%;
        height: 375vw;
    }
    #download2 .inner .title{
        width: 100%;
    }
    #download2 .inner li{ position: absolute; }
    #download2 .inner ul {
        display: block;
        margin: 0;
    }
    #download2 .inner .text1 {
        top: 16vw;
        left: calc(50% - 34vw);
        width: 67vw;
    }
    #download2 .inner .text2 {
        top: 114.5vw;
        left: calc(50% - 34vw);
        width: 67vw;
    }
    #download2 .inner .text3 {
        top: 211.5vw;
        left: calc(50% - 34vw);
        width: 67vw;
    }
    #download2 .inner .text4 {
        top: 308vw;
        left: calc(50% - 48vw);
        width: 96vw;
    }
}