* {
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
}
#wrap {
    width: 100vw;
    height: 100vh;
    background: url(../images/bg_body.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
h1 {
    width: 25%;
    height: 30%;
    max-width: 570px;
    max-height: 258px;
    text-indent: -9999px;
    background: url(../images/copy.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 10%;
    right: 10%;
}
h6 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 5px #000;
    margin: 0;
}
.btn {
    width: 33.3%;
    display: block;
    text-align: center;
    background-image: linear-gradient(to bottom, #fff, #f0f0f0 50%, #d7d7d7 51%, #eeeeee 100%);
    border-radius: 14px;
    border: #dddddd 2px solid;
    position: absolute;
    text-decoration: none;
    padding: 21px;
    transition: all 0.5s linear;
}
.btn img {
    max-width: 80%;
}
.btn .text {
    font-size: 18px;
    border-radius: 7px;
    color: #fff;
    padding: 7px;
    margin-top: 7px;
}
.btn span {
    display: inline-block;
}

.btn-es {
    left: 10%;
    bottom: 10%;   
}
.btn-es .text {
    background-color: #05c956;
}
.btn-es:hover, .btn-es:focus {
    border-color: #05c956;
}

.btn-jhs {
    right: 10%;
    bottom: 10%;   
}
.btn-jhs .text {
    background-color: #9b003f;
}
.btn-jhs:hover, .btn-jhs:focus {
    border-color: #9b003f;
}

.btn:hover img, .btn:focus img, .btn:hover .text, .btn:focus .text{
    opacity: 0.75;
}

@media screen and (max-width: 1024px) {
    h1 {
        width: 40%;
        height: 40%;
        right: 5%;
    }
    .btn {
        width: 40%;
    }
    .btn-es {
        left: 5%;
    }
    .btn-jhs {
        right: 5%;
    }
    .btn img {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    h1 {
        width: 75%;
        right: 50%;
        transform: translateX(50%);
    }
    h6 {
        white-space: nowrap;
        right: 50%;
        transform: translateX(50%);
    }
    .btn {
        width: 42.5%;
        border-radius: 7px;
        padding: 14px;
    }
    .btn .text {
        font-size: 16px;
    }
}