@charset "utf-8";
/****************************************/
/* contact layout
/*****************************************/
@media screen and (min-width: 481px){
    #contact{
        padding: 40px 16px 24px;
        min-height: calc(100vh - 192px);
    }
    #contact .contact-box{
        width:960px;
        margin:0px auto;
    }
}

@media screen and (max-width: 480px){
    #contact{
        padding: 16px 8px;
    }
}

.contact-form-box{
    padding: 8px 0px;
}
.contact-form-box h3{
    line-height: 32px;
}
.contact-form-box h3 span{
    color:#ff6b88;
    font-size:14px;
    line-height: 32px;
}
.contact-form-box input[type="text"],
.contact-form-box input[type="email"],
.contact-form-box select{
    line-height: 48px;
    padding:0px 16px;
    width:100%;
    height: 48px;
    color:#000;
    background-color:#ffffff;
    border-radius: 24px;
    border: 1px solid rgba(255,170,190,0.6);
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.04);
}
.contact-form-box textarea{
    padding:16px;
    width:100%;
    min-height: 160px;
    color:#000;
    background-color:#ffffff;
    border-radius: 24px;
    border: 1px solid rgba(255,170,190,0.6);
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.04);
    resize: vertical;
}
.contact-form-box input[type="text"]:focus,
.contact-form-box input[type="email"]:focus,
.contact-form-box select:focus,
.contact-form-box textarea:focus{
    outline: none;
    border-color: #7ed4ff;
    box-shadow: 0 0 0 3px rgba(126,212,255,0.35);
}
.contact-form-box p{
    line-height: 48px;
    margin-bottom:16px;
    padding:0px 16px;
    width:100%;
    height: 48px;
    color:#000;
    background-color:#DDD;
    border-radius: 24px;
    border: 1px solid rgba(255,170,190,0.6);
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.04);
}
.contact-form-box p.contact-textarea-confirm{
    height:auto;
    min-height: 160px;
    padding:16px;
    line-height: 1.6;
    white-space: normal;
}

#contact .google-form-embed iframe {
    width: 100%;
    min-height: 1560px;
    border: 0;
}