@charset "utf-8";
/* CSS Document */
/* レスポンシブル設定は768px～ 1em = 16px*/

* {margin:0;padding:0;}
/*html {scroll-behavior: smooth;}*/

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-size: 1rem;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: .8em 1em;
    margin: 0 0 .5rem;
    width: calc(100% - 2em);
    color: #333;
    background-color: #fff;
}

.submit_btn{text-align: center;}
input[type=submit]{margin: auto auto 30px; background: #222; color: #FFF; padding: 16px 30px; border-radius: 4px;border: 0; font-size: 1.2em; line-height: 100%;}
input[type=submit]:hover{cursor: pointer; background: #555;}


form{width: 70%; margin: auto;}
form dl dt{display: flex; color: #222;}
form dl dt i{padding: 0px 6px 1px; font-size: 10px; background: #AA1316; color: #FFF; border-radius: 2px; 
display: flex; justify-content: center; align-items: center; height: 16px; margin: auto auto 6px 10px;}

@media screen and (max-width: 768px) {
	form{width: 90%; margin: auto;}
}

#formWrap h1{font-size: 1.6em; margin: 30px auto; text-align: center;}
#formWrap input[type=button]{margin: auto auto 30px; background: #222; color: #FFF; padding: 16px 30px; border-radius: 4px;border: 0; font-size: 1.0em; line-height: 100%;}
#formWrap input[type=button]:hover{cursor: pointer; background: #555;}

#formWrap .formTable{width: 70%; margin: auto auto 30px; border-collapse: collapse; background: #FFF;}
#formWrap .formTable th,#formWrap .formTable td{border: 1px solid #ebebeb; padding: 0.5em; font-size: 0.875rem; font-weight: normal;}


#thanks{text-align: center; padding: 30px 0;}
#thanks h1{}
#thanks p{margin: 30px auto;}

#thanks .link_tel{pointer-events: none;}
@media screen and (max-width: 768px) {
	#thanks .link_tel{pointer-events:auto;}

}