@charset "UTF-8";

img {
    max-width: 100%;
    vertical-align: top;
}

#container {
	text-align: center;
	margin: 20px auto 0;
}
#container {
    max-width: 900px;
    background: #fff;
    color: #000;
}
#container a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#container > div > img { max-width: 100%; vertical-align: top; }

#container .button{
    background: #fff;
    padding: 40px 0;
}

#container .button a {
    color: #fff;
    width: 230px;
    height: 41px;
    display: block;
    font-size: 108%;
    line-height: 41px;
    background: #333;
    text-align: center;
    margin: 0 auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.download {
    position: relative;
}
.download a:nth-child(2) {
    display: block;
    width: 61%;
    position: absolute;
    top: 86%;
    left: 120px;
}

.link_cont {
    position: relative;
}
.link_cont > img {
    position: relative;
}
.link_cont > a {
    display: block;
    /* width: 100%; */
    position: absolute;
    top: 86.5%;
    left: 43%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

@media(max-width:768px){
	.link_cont > a {
	    display: block;
	    width: 50%;
	    position: absolute;
	    top: 85%;
	    left: 42%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	}


    .download a:nth-child(2) {
        width: 69%;
        max-width: 500px;
        left: 6%;
    }
}
.download a img  {
    width: 100%;
    height: auto;
}

/*
.cp_txt.note {
    width: 100%;
    color: #000;
    position: relative;
}
.cp_txt.details {
    width: 100%;
    color: #000;
}

.cp_txt.note.bg-red {
    background: url("../images/bg_red.jpg") -31px -32px / 254px 254px repeat #000;
    color: #fff;
}
.cp_txt.note.bg-blue {
    background: url("../images/bg_blue.jpg") -31px 0px / 254px 254px repeat #000;
    color: #fff;
}

.cp_txt.note.bg-black {
    background: #000;
    color: #fff;
}

.cp_txt.note img {
    display: block;
}

.cp_txt.note img.img_or {
    position: absolute;
    top: -5vw;
    left: 0;
}
*/

/*
@media(min-width:1000px){
    .cp_txt.note img.img_or {
        position: absolute;
        top: -44px;
        left: 0;
    }
}

.cp_txt.note p {
    width: 91%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: left;
    font-size: 1.25rem;
    font-weight: bold;
}
.cp_txt.details p {
    width: 91%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: left;
    font-size: 1.25rem;
    font-weight: bold;
}
*/

/*
@media(max-width:768px){
    .cp_txt.note p {
        margin: 0 auto;
        padding: 15px 0;
        font-size: .8rem;
    }
    .cp_txt.details p {
        margin: 0 auto;
        padding: 15px 0;
        font-size: .8rem;
    }
    .cp_txt.note.bg-red {
        background: url("../images/bg_red.jpg") -10px -17px / 150px 150px repeat #000;
        color: #fff;
    }
    .cp_txt.note.bg-blue {
        background: url("../images/bg_blue.jpg") -10px -17px / 150px 150px repeat #000;
        color: #fff;
    }
    
}

@media(max-width:500px){
    .cp_txt.note.bg-red {
        background: url("../images/bg_red.jpg") -10px -17px / 100px 100px repeat #000;
        color: #fff;
    }
    .cp_txt.note.bg-blue {
        background: url("../images/bg_blue.jpg") -10px -17px / 100px 100px repeat #000;
        color: #fff;
    }
    
*/

}