@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.pg-contact .banner {
    width: 100%;
    height: 100%;
    background-image: url(/images/contact/bld_con.jpg);
    background-size: 109% auto;
    background-position: center 64%;
}
.pg-contact .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pg-contact .section.section-details.section-white{
    padding: 65px 80px 40px;
}
body > .section-group > .section.section-white:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffe0;
    z-index: 0;
}
body > .section-group > .section.section-blue:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #063276d1;
    z-index: 1;
}
.input-group{
    font-size: 13.6pt;
    font-family: 'a-otf-ryumin-pr6n';
    color: #002c6c;
    margin: 0 auto 15px;
    padding: 15px;
    width: 70%;
}
.input-group.inquiry-textarea {
    margin: 0 auto 40px;
    padding: 15px 15px 0;
}
.pg-contact .section-group a{
    margin: 0 auto;
}
.input-group label{
    text-align: left;
    padding: 5px 0;
    display: flex;
    font-family: "Axisstd";
    line-height: 1.3;
    margin-bottom: 5px;
}
.input-group .field,
.input-group textarea{
    width: 100%;
    padding: 10px;
    height: 44px;
    font-size: 13pt;
    border: 0;
    border-right: 2px solid #002C6C;
    border-bottom: 2px solid #002C6C;
}
.input-group textarea{
    height: 200px;
}
.pg-contact req {
    background-color: #c9dbee;
    margin-left: 10px;
    padding: 0 6px;
}
.pg-contact.pg-contact-confirmation .input-group label {
    /* border-bottom: 2px solid #002C6C; */
    margin-bottom: 0;
}
.pg-contact.pg-contact-confirmation .input-group .field,
.pg-contact.pg-contact-confirmation .input-group textarea {
    /* border: 0; */
    /* box-shadow: unset; */
    /* height: unset; */
}

.pg-contact.pg-contact-confirmation .input-group textarea {
    resize: none;
}

@media screen and (min-width: 320px) and (max-width: 767px){
    .pg-contact .section.section-details.section-white{
        padding: 45px;
    }
    #frmContact .input-group{
        width: 100%;
        padding: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {

    #frmContact .input-group{
        width: 100%;
        padding: 0;
  }
}
@media (max-width: 576px) {
    .pg-contact .banner {
        background-size: 171% auto;
        background-position: 45% center;
    }
}
@media (max-width: 421px) {
    .pg-contact .section.section-details.section-white {
        padding-left: 0;
        padding-right: 0;
    }
    .pg-contact #frmContact {
        padding-left: 45px;
        padding-right: 45px;
    }
    .pg-contact .banner {
        background-size: 141% auto;
        background-position: 45% center;
    }
    .input-group label {
        font-size: 11pt;
    }
    .pg-contact .center-title p {
        font-size: 10pt;
    }
    .pg-contact .center-title {
        margin-bottom: 30px;
    }
}
@media (max-width: 390px) {
    .pg-contact .banner {
        /* background-size: 209% auto; */
    }
}