@charset "utf-8";

body.estimate{}
#header{}
#section-wrap .page-sub{margin-bottom: 4rem;}
#contact{ width: min(100%, 60rem); margin: 0 auto}
#contact div.write{padding-top: 3rem; border-top: 0.1rem solid #666}
#contact fieldset.etc{margin-bottom: 3rem;}
#contact .area{}
#contact .area dl{ margin-bottom: 2rem;}
#contact .area dl:last-child{margin-bottom: 0;}
#contact .area dl dt{margin-bottom: 0.5rem; font-size: 1.6rem;}
#contact .area dl dd{}
#contact .area dl dd div{border: 0.1rem solid #ddd; background: #fff;}
#contact .area dl dd div input{height: 5rem; line-height: 5rem; padding: 0 6rem 0rem 1rem; box-sizing: border-box; width: 100%; font-size: 1.6rem;}
#contact .area dl dd div span.cnt_length{margin-left: -5rem; font-size: 1.2rem;}
#contact .area dl dd div textarea{width: 100%; padding: 1rem; box-sizing: border-box; height: 10rem; font-size: 1.4rem;}

#contact .area ul.agree-area li:first-of-type{margin-bottom: 1rem;}
#contact .write-footer{}
#contact .write-footer button{width: 100%; line-height: 5rem; box-sizing: border-box; font-size: 1.6rem; border:0.1rem solid #d6197d}


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

    #contact > .write{width: 100%; max-width: 50rem; margin: 0 auto;}
    #contact .area div.flex{display: block; margin-bottom: 0;}
    #contact .area div.flex dl{width: 100%; margin-bottom: 1rem;}

    ul.agree-area li{flex-wrap: wrap;}
    ul.agree-area li button{width: 100%; text-align: left; margin-top: 1rem;}
}

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

}