@charset "utf-8";

#contentsArea {
    width: 1000px;
    margin: 0 auto;
}

.pic01, .pic02, .pic03, .pic04 {
    position: relative;
    width: 100%;
}

.pic01 img, .pic02 img, .pic03 img, .pic04 img {
    width: 100%;
    height: auto;
    display: block;
}

/* ボタンの共通設定 */
.btn01, .btn02, .btn03, .btn04 {
    position: absolute;
    display: block;
    z-index: 100; /* 最前面に持ってくる */
}

.btn01, .btn02, .btn03, .btn04 {
    position: absolute;
    display: block;
}

.btn01 {
    width: 17.1%;
    top: 63%;
    left: 77.5%;
}

.btn02 {
    width: 23.6%;
    top: 79%;
    left: 14.6%;
}

.btn03 {
    width: 23.6%;
    top: 79%;
    left: 56.6%;
}

.btn04 {
    width: 46.4%;
    top: 104%;
    left: 26.9%;
}

/* スマホ対応 */
@media only screen and (max-width: 767px) {
    #contentsArea {
        width: 100%;
    }
}