@charset "UTF-8";

/* Contact */
.contact-map {
    margin: 0 -20px;
}

.contact-map iframe {
    width: 100%;
    height: 250px;
}

#contact {
    margin-top: 30px;
}

#contact .contact-information {
    position: relative;
    margin-bottom: 50px;
}

#contact .contact-information h2.slogan {
    line-height: 34px;
    margin-bottom: 30px;
    font-size: 26px;
    font-family: 'Oxanium';
    text-transform: uppercase;
}

#contact .contact-information dl {
    margin-bottom: 20px;
}

#contact .contact-information dl:last-child {
    margin-bottom: 0 !important;
}

#contact .contact-information dl dt {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Oxanium';
    text-transform: uppercase;
}

#contact .contact-information dl dd {
    color: #dbdbdb;
}

#contact .contact-us h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Oxanium';
    text-transform: uppercase;
}

#contact .contact-us .contact-inputbox ul li {
    position: relative;
    margin-top: 10px;
}

#contact .contact-us .contact-inputbox ul li:first-child {
    margin-top: 0px !important;
}

#contact .contact-us .contact-inputbox ul li input.basic-input-w,
#contact .contact-us .contact-inputbox ul li textarea.basic-textarea-w {
    border-radius: 4px;
}

#contact .contact-us .contact-inputbox ul li input.basic-checkradio+label span {
    position: absolute;
    top: 3px;
    left: 0;
}

#contact .contact-us .contact-inputbox ul li input.basic-checkradio+label em {
    display: block;
    padding-left: 30px;
    color: #999;
}

#contact .contact-us .contact-inputbox .contact-guide {
    margin-top: 20px;
}

#contact .contact-us .contact-inputbox a.btns {
    height: 50px;
    line-height: 48px;
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
}

@media screen and (min-width:639px) {
    .contact-map {
        margin: 0 -40px;
    }

    .contact-map iframe {
        height: 400px;
    }

    #contact .contact-information h2.slogan {
        line-height: 44px;
        font-size: 34px;
    }
}

@media screen and (min-width:1139px) {
    .contact-map {
        margin: 0;
    }

    #contact {
        display: flex;
        margin-top: 60px;
        flex-direction: row;
        align-items: flex-start;
    }

    #contact .contact-information {
        width: 55%;
        padding-right: 240px;
    }

    #contact .contact-information h2.slogan {
        margin-bottom: 50px;
    }

    #contact .contact-information dl {
        margin-bottom: 40px;
    }

    #contact .contact-information dl dt {
        font-size: 22px;
    }
    
    #contact .contact-information dl dd {
        font-size: 16px;
    }

    #contact .contact-us {
        width: 45%;
    }

    #contact .contact-us h3 {
        font-size: 22px;
    }

    #contact .contact-us .contact-inputbox ul li {
        margin-top: 15px;
    }

    #contact .contact-us .contact-inputbox ul li input.basic-input-w {
        height: 50px;
        line-height: 48px;
    }

    #contact .contact-us .contact-inputbox ul li input.basic-checkradio+label em {
        font-size: 16px;
    }

    #contact .contact-us .contact-inputbox .contact-guide {
        margin-top: 30px;
        font-size: 16px;
    }
    
    #contact .contact-us .contact-inputbox a.btns {
        height: 60px;
        line-height: 58px;
        margin-top: 30px;
    }
}