@charset "utf-8";


/* =========================================================
   CONTACT BASE
========================================================= */

.contact-page,
.contact-page *,
.contact-page *::before,
.contact-page *::after {
    box-sizing: border-box;
}

.contact-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: #fff;
    color: #000;

    font-family:
        "GmarketSansMedium",
        sans-serif !important;
}

.contact-page div,
.contact-page a {
    font-family:
        "GmarketSansMedium",
        sans-serif !important;
}

.contact-page img {
    vertical-align: top;
}

.contact-pc {
    display: block;
    width: 100%;
}

.contact-mobile {
    display: none;
}


/* =========================================================
   PC
========================================================= */

.contact-pc > div:first-child {
    width: 100%;
    overflow: hidden;
}

.contact-pc > div:first-child img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.contact-pc a {
    display: inline-block;
    text-decoration: none;
}

.contact-pc a img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 768px) {

    .contact-pc {
        display: none;
    }

    .contact-mobile {
        display: block;
        width: 100%;
    }

    .contact-mobile > div:first-child {
        width: 100%;
        overflow: hidden;
    }

    .contact-mobile > div:first-child img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .contact-mobile a {
        display: inline-block;
        width: 100%;
        text-decoration: none;
    }

    .contact-mobile a img {
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

}