@charset "utf-8";

/*-------------------------------------
form style
-------------------------------------*/
/* button */
.mailform .btnArea { margin: 20px 0 0; text-align: center; }
.mailform .button { padding: 10px 30px; border: 2px solid rgb(0,0,0); background: rgb(255,255,255); color: rgb(0,0,0); cursor: pointer; transition: all 0.2s ease-in-out 0s; }
.mailform .button:hover { color: rgb(255,255,255); border: 2px solid rgb(0,0,0); background: rgb(0,0,0); }
.mailform .backBtn, .mailform .submitBtn { display: none; }
.mailform.confirm .confirmBtn, .mailform .confirmBtn.hidden { display: none; }
.mailform.confirm .backBtn, .mailform.confirm .submitBtn, .mailform .hidden + .button + .submitBtn { display: inline-block; }
.mailform.confirm .confirmHide { display: none; }
.mailform.confirm .confirmAlt { white-space: pre-wrap; word-break: break-word; }
/* font */
.mailform textarea { font-size: 16px; }
.mailform input, .mailform textarea, .mailform.confirm .confirmAlt { font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; }
/* error message */
.mailform .msg { margin: 10px auto; color: rgb(200,0,0); }
/* data-check CSS */
.mailform .isInvalid { border: 2px solid rgba(200,0,0,1); border-radius: 2px; outline: none; box-shadow: none; }
.mailform .isInvalid + label { outline: none; box-shadow: none; }
.mailform.confirm .isValid { border-width: 0; color: currentColor; background-color: transparent; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; }