.contact-mail { width:1024px; margin:0 auto; }
.contact-mail:nth-of-type(1) { display:block; }
.contact-mail:nth-of-type(2) { display:none; }

.contact-mail h3 { text-align:center; margin-top:80px; font-size:50px; font-weight:300; color:#222222; }

.contact-mail form dl dt { display:inline-block; width:130px; height:50px; text-align:center; font-size:20px; font-weight:normal; color:#595959; }
.contact-mail form dl dd { display:inline-block; }

.contact-mail form dl dd input                 { width:850px; height:50px; margin-bottom:10px; border-radius:2px; border:solid 1px #DFE1E5; font-size:20px; font-weight:300; color:#222222 !important; padding-left:20px; }
.contact-mail form dl dd input::placeholder    { color:#909090; }
.contact-mail form dl dd p                     { float:left; font-size:22px; margin-top:-10px; color:#DE2D26; font-weight:300; }
.contact-mail form dl dd:nth-of-type(1) input  { margin-top:80px; }
.contact-mail form dl dt:nth-of-type(4)        { vertical-align: top; padding-top:146px; }
.contact-mail form dl dd textarea              { width:850px; height:312px; border-radius:2px; border:solid 1px #DFE1E5; padding-left:20px; padding-top:20px; font-size:20px; font-weight:300; color:#222222 !important; resize:none; }
.contact-mail form dl dd textarea::placeholder { color:#909090; }
.contact-mail form .submit-btn                 { width:160px; margin:0 auto; }
.contact-mail form .submit-btn button          { width:160px; height:45px; border:0px; border-radius:22.5px; background-color:#00AEEF; margin-top:40px; margin-bottom:60px; font-size:18px; font-weight:normal; color:#FFFFFF; }

@media (max-width:1024px) {
    .contact-mail { width:100.000vw; margin:0 auto; }
    .contact-mail:nth-of-type(1) { display:block; }
    .contact-mail:nth-of-type(2) { display:none; }
    
    .contact-mail h3 { text-align:center; margin-top:7.813vw; font-size:4.883vw; font-weight:300; color:#222222; }
    
    .contact-mail form dl dt { display:inline-block; width:12.695vw; height:4.883vw; text-align:center; font-size:1.953vw; font-weight:normal; color:#595959; }
    .contact-mail form dl dd { display:inline-block; }
    
    .contact-mail form dl dd input                 { width:83.008vw; height:4.883vw; margin-bottom:0.977vw; border-radius:0.195vw; border:solid 0.098vw #DFE1E5; font-size:1.953vw; font-weight:300; color:#222222 !important; padding-left:1.953vw; }
    .contact-mail form dl dd input::placeholder    { color:#909090; }
    .contact-mail form dl dd p                     { float:left; font-size:2.148vw; margin-top:-0.977vw; color:#DE2D26; font-weight:300; }
    .contact-mail form dl dd:nth-of-type(1) input  { margin-top:7.813vw; }
    .contact-mail form dl dt:nth-of-type(4)        { vertical-align: top; padding-top:14.258vw; }
    .contact-mail form dl dd textarea              { width:83.008vw; height:30.469vw; border-radius:0.195vw; border:solid 0.098vw #DFE1E5; padding-left:1.953vw; padding-top:1.953vw; font-size:1.953vw; font-weight:300; color:#222222 !important; resize:none; }
    .contact-mail form dl dd textarea::placeholder { color:#909090; }
    .contact-mail form .submit-btn                 { width:15.625vw; margin:0 auto; }
    .contact-mail form .submit-btn button          { width:15.625vw; height:4.395vw; border:0vw; border-radius:2.197vw; background-color:#00AEEF; margin-top:3.906vw; margin-bottom:5.859vw; font-size:1.758vw; font-weight:normal; color:#FFFFFF; }
}

@media (max-width:768px) {
    .contact-mail { width:768px; margin:0 auto; }
    .contact-mail:nth-of-type(1) { display:none; }
    .contact-mail:nth-of-type(2) { display:block; }
    
    .contact-mail h3 { text-align:center; margin-top:80px; font-size:63px; font-weight:300; color:#00AEEF; }

    .contact-mail form .contact-mail-main                       { width:628px; margin:0 auto; }
    .contact-mail form .contact-mail-main input                 { width:628px; height:81px; margin-bottom:15px; border-radius:2px; border:solid 1px #DFE1E5; font-size:23px; font-weight:normal; color:#222222 !important; padding-left:22px; }
    .contact-mail form .contact-mail-main input::placeholder    { color:#909090; }
    .contact-mail form p                                        { float:left; font-size:25px; margin-top:-10px; color:#DE2D26; font-weight:300; }
    .contact-mail form .contact-mail-main input:nth-of-type(1)  { margin-top:80px; }
    .contact-mail form .contact-mail-main textarea              { width:628px; height:360px; border-radius:2px; border:solid 1px #DFE1E5; padding-left:22px; padding-top:24px; font-size:23px; font-weight:normal; color:#222222 !important; resize:none; }
    .contact-mail form .contact-mail-main textarea::placeholder { color:#909090; }

    .contact-mail form .submit-btn           { width:628px; margin:0 auto; }
    .contact-mail form .submit-btn button    { width:628px; height:70px; border:0px; border-radius:36px; background-color:#00AEEF; margin-top:30px; margin-bottom:30px; font-size:24px; font-weight:normal; color:#FFFFFF; }
}

@media (max-width:767px) {
    .contact-mail { width:100.000vw; margin:0 auto; }
    .contact-mail:nth-of-type(1) { display:none; }
    .contact-mail:nth-of-type(2) { display:block; }
    
    .contact-mail h3 { text-align:center; margin-top:10.417vw; font-size:8.203vw; font-weight:300; color:#00AEEF; }

    .contact-mail form .contact-mail-main                       { width:81.771vw; margin:0 auto; }
    .contact-mail form .contact-mail-main input                 { width:81.771vw; height:10.547vw; margin-bottom:1.953vw; border-radius:0.260vw; border:solid 0.130vw #DFE1E5; font-size:2.995vw; font-weight:normal; color:#222222 !important; padding-left:2.865vw; }
    .contact-mail form .contact-mail-main input::placeholder    { color:#909090; }
    .contact-mail form p                                        { float:left; font-size:3.255vw; margin-top:-1.302vw; color:#DE2D26; font-weight:300; }
    .contact-mail form .contact-mail-main input:nth-of-type(1)  { margin-top:10.417vw; }
    .contact-mail form .contact-mail-main textarea              { width:81.771vw; height:46.875vw; border-radius:0.260vw; border:solid 0.130vw #DFE1E5; padding-left:2.865vw; padding-top:3.125vw; font-size:2.995vw; font-weight:normal; color:#222222 !important; resize:none; }
    .contact-mail form .contact-mail-main textarea::placeholder { color:#909090; }

    .contact-mail form .submit-btn           { width:81.771vw; margin:0 auto; }
    .contact-mail form .submit-btn button    { width:81.771vw; height:9.115vw; border:0vw; border-radius:4.688vw; background-color:#00AEEF; margin-top:3.906vw; margin-bottom:3.906vw; font-size:3.125vw; font-weight:normal; color:#FFFFFF; }
}