@charset "UTF-8";

* {
    box-sizing: border-box;
    line-break: strict;
}

body {
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", "sans-serif";
}

img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sp {
    display: none;
}

.pc {
    width: 100%;
}

.cv {
    padding: 30px 20px 70px;
    width: 100%;
}

.cv a {
    display: block;
    max-width: 370px;
    width: 30%;
    margin: 0 auto;
    transition: 0.3s;
}

.cv a:hover {
    opacity: 0.7;
    cursor: pointer;
}

.cv a img {
    box-shadow: 2px 2px 2px #000000;
    border-radius: 5px;
}

.jelly {
    -moz-animation: gelatine 1s infinite;
    animation: gelatine 1s infinite;
}

@keyframes gelatine {

    from,
    to {
        transform: scale(0.95, 0.95);
    }

    50% {
        transform: scale(1, 1);
    }
}

.map {
    position: relative;
}

.map iframe {
    position: absolute;
    width: 18%;
    height: 37%;
    bottom: 31%;
    left: 25%;
    right: 0;
    margin: auto;
}



@media screen and (max-width: 600px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .cv {
        padding: 36px 0;
    }

    .cv a,
    .cv a img {
        max-width: 335px;
        width: 94%;
        text-align: center;
    }

    .map iframe {
        width: 70%;
        height: 28%;
        bottom: 21%;
        left: 0;
    }
}