@charset "UTF-8";

body{
    background-color: rgb(231, 241, 246);
}

img{
    vertical-align: top;
    border: 0;
}

a.rollover:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    transition: all 0.3s;
}

.sec-wrap{
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.sec-wrap img{
    width: 100%;
}

[class^='relative']{
    position: relative;
}

.relative01 > a {
    position: absolute;
    bottom: 2%;
    width: 82%;
    left: 50%;
    transform: translate(-50%);
    filter:drop-shadow(0px 1px 2px rgb(108, 108, 108))
}

.relative02 > a {
    position: absolute;
    bottom: 2.5%;
    width: 82%;
    left: 50%;
    transform: translate(-50%);
    filter:drop-shadow(0px 1px 2px rgb(108, 108, 108))
}

.relative03 > a {
    position: absolute;
    bottom: 23%;
    width: 82%;
    left: 50%;
    transform: translate(-50%);
    filter:drop-shadow(0px 1px 2px rgb(108, 108, 108))
}

.relative04 > a {
    position: absolute;
    top: 13%;
    width: 82%;
    left: 50%;
    transform: translate(-50%);
    filter:drop-shadow(0px 1px 2px rgb(108, 108, 108))
}

.relative05 > a {
    position: absolute;
    top: 8%;
    width: 82%;
    left: 50%;
    transform: translate(-50%);
    filter:drop-shadow(0px 1px 2px rgb(108, 108, 108))
}