@charset "utf-8";
/* CSS Document */

#form_block section{margin: 0; padding: 0;}
#form_block p{margin: 0; padding: 0;}

#form_block .txt_red {color: #ff0000;}

#form_block .mailform_block{width: 96%; margin: 0 auto !important;border-bottom: #ccc 1px solid;}

#form_block .mailform_message{padding: 1em 0 1em 0 !important;}

#form_block input[type="text"],#form_block input[type="email"],#form_block textarea{width: 100%; border: #ccc 1px solid; border-radius: 0.3em;padding: 0.5em;font-size: 100%;}
#form_block input[type="text"]:active,#form_block input[type="email"]:active,#form_block textarea:active{background: #ffffcc;}
#form_block input[type="text"]:focus,#form_block input[type="email"]:focus,#form_block textarea:focus{background: #ffffcc;}
#form_block textarea{height: 200px;}

#form_block .contact_btn01{padding: 1em 0;text-align: center;}
#form_block .contact_btn01 input[type="submit"]{border: none;border-radius: 0.3em;padding: 1em 2em 1em 2em;background: #25b794;color: #ffffff;font-size: 120%;}
#form_block .contact_btn01 input[type="submit"]:hover,#form_block .contact_btn01 input[type="submit"]:active,#form_block .contact_btn01 input[type="submit"]:focus{background: #33e2b4;cursor: pointer;}

/* error */
#form_block .error{color: #ff0000;}
#form_block .error input[type="text"],#form_block .error input[type="email"],#form_block .error textarea{border: #ff0000 1px solid; background: #ffdede;}

#form_block .confirm_txt{padding: 0.5em 0 !important;}

#form_block .contact_comp_block{padding: 2em 0 2em 0 !important; text-align: center;}

#form_block .return_button{padding:2em 0 0 0;}
#form_block .return_button a:link,#form_block .return_button a:visited{display: inline-block;background: #423434;color: #ffffff;border-radius: 0.3em;padding: 1em 2em 1em 2em;box-sizing: border-box;text-decoration: none;}
#form_block .return_button a:hover,#form_block .return_button a:active,#form_block .return_button a:focus{background: #25b794;}



@media only screen and (max-width: 599px) {
#form_block{ width: 98%; margin: 0 auto; font-size: 100%; padding: 0.2em 0 3em 0;}

#form_block h1{padding: 0em 0em 0em 0.3em !important;margin: 0 0 0 0 !important;font-size: 150%; line-height: 1.2;color: #423434;text-align: left;
background: url("/wp-content/themes/KISK_child/images/chara_img3.png") no-repeat bottom right;
background-size: 100px;
border-bottom: #423434 2px solid;}
#form_block h1 span{display: inline-block; padding: 0.8em 0 1em 0;margin: 0 70px 0 0;}

#form_block .contact_base{
width: 100%;
margin: 0 0 1em 0 !important;
padding: 0 !important;
}
#form_block .contact_th{width: 100%; margin: 0 !important; padding: 0.5em !important;background: #423434;color: #ffffff; box-sizing: border-box;}
#form_block .contact_td{width: 100%; margin: 0 !important; padding: 0.5em !important;box-sizing: border-box;}

#form_block .contact_comp_block p{font-size: 120%;line-height: 1.5;padding: 1em 0 1em 0 !important;}
#form_block .return_button{font-size: 100% !important;}

}

@media only screen and (min-width: 600px) {
#form_block{min-width:600px; max-width: 1000px; margin: 0 auto; font-size: 100%; padding: 1em 0 10em 0 !important;}

#form_block h1{padding: 2.5em 0 1em 0!important;margin: 0 0 0 0 !important;line-height: 1.2;color: #423434;text-align: center;
background: url("/wp-content/themes/KISK_child/images/chara_img3.png") no-repeat bottom right;
border-bottom: #423434 2px solid;}

#form_block .contact_base{
display: flex;
width: 100%;
margin: 0 0 1em 0 !important;
padding: 0 !important;
}
#form_block .contact_th{width: 30%; margin: 0 !important; padding: 0.5em !important;background: #423434;color: #ffffff; box-sizing: border-box;}
#form_block .contact_td{width: 65%; margin: 0 0 0 2% !important; padding: 0 !important;box-sizing: border-box;}

#form_block .contact_comp_block p{font-size: 120%;padding: 5em 0 0 0;}

}