@charset "utf-8";

/* ------------------------------
    contents
------------------------------ */

#oslp62_container .opt,
#oslp62_container .opt2,
#oslp62_container .opt3 {
    position: relative;
}

#oslp62_container .opt a {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    padding: 0 2.5%;
}

#oslp62_container .opt2 a {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    padding: 0 2.5%;
}

#oslp62_container .opt3 a {
    position: absolute;
    bottom: 240px;
    left: 56px;
}

#oslp62_container .opt2 {
    text-align: center;
}

#oslp62_container .opt2 a {
    margin: 10px 0;
}

#oslp62_container .btn {
    text-align: center;
    margin: 15px 0 0 0;
}

#oslp62_container .img {
    margin: 50px 0 75px 0;
}

#oslp62_container {
    max-width: 980px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

#oslp62_container h1 {
    position: relative;
    font-size: 3.2rem;
}

#oslp62_container h1 .img2 {
    position: absolute;
    top: 1%;
    right: 0;
}

#oslp62_container h2 {
    font-size: 2.6rem;
    font-weight: bold;
    border-bottom: 3px solid #ffd45d;
    margin: 0 0 35px 0;
}

#oslp62_container ul.cf {
    font-size: 0;
    text-align: center;
}

#oslp62_container ul.cf li {
    display: inline-block;
    font-size: 1.0rem;
    padding: 0 20px;
}

#oslp62_container ul.cf li+li {
    border-left: 1px solid #494747;
}

#oslp62_container .copy {
    font-size: 1.0rem;
    text-align: center;
    padding: 10px 0;
}

#oslp62_container a img {
    transition: 0.6s;
}

#oslp62_container a img:hover {
    opacity: 0.5;
}

#oslp62_container ul.check_lst_ li {
    text-align: left;
}

@media screen and (max-width: 768px) {

    #oslp62_container {
        width: 100%;
    }

    /* #oslp62_container .sp{
        display:none!important;
    }
    
    #oslp62_container .pc{
        display:none;
    } */

    #oslp62_container img,
    #oslp62_container video {
        width: 100%;
        height: auto;
    }

    body {
        min-width: inherit;
    }

    #oslp62_container {
        width: 100%;
    }

    #oslp62_container .opt,
    #oslp62_container .opt2,
    #oslp62_container .opt3 {
        position: relative;
    }

    #oslp62_container .opt2 a {
        position: absolute;
        top: 28%;
        left: 0;
        right: 0;
        padding: 0 2.5%;
    }

    #oslp62_container .opt a img,
    #oslp62_container .opt2 a img {
        width: 98%;
    }

    #oslp62_container .opt img.btn01 {
        position: absolute;
        bottom: 5%;
        left: 0.7%;
    }

    #oslp62_container .opt2 img.btn02 {
        position: absolute;
        top: 26%;
        left: 1%;
    }

    #oslp62_container .opt3 img.btn03 {
        position: absolute;
        top: 26%;
        left: 1%;
    }

    #oslp62_container ul.cf {
        font-size: 0;
        text-align: left;
        padding: 0;
        margin: 0 auto;
        border-top: 1px solid #cccccc;
    }

    #oslp62_container ul.cf li {
        font-size: 14px;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 7px 20px;
        margin: 5px 0;
        border-bottom: 1px solid #cccccc;
    }

    #oslp62_container .copy {
        margin: 0px 0px 0px 0px;
        padding: 5px 5px 20px 5px;
        font-size: 1.2rem;
    }

    #oslp62_container h1 {
        position: relative;
    }

    #oslp62_container h1 .img2 {
        width: 25%;
        position: absolute;
        top: 5%;
        right: 3%;
    }

    #oslp62_container .img {
        margin: 6% 0;
    }

    #oslp62_container .btnbox {
        position: absolute;
    }
}