@charset "utf-8";

 /*テキストボックスリセット*/
form input[type='text'] ,
form input[type='email'] ,
form input[type='date'] ,
form input[type='datetime-local'] ,
form select{ box-sizing:border-box;  cursor: pointer; text-overflow: ellipsis; border: none; outline: none; background-image: none; background: transparent; box-shadow: none; appearance: none; -webkit-appearance: none; text-indent: 0.01px; font-family: arial,sans-serif; line-height:100%; }
.formset textarea{ cursor: pointer; text-overflow: ellipsis; border: none; outline: none; background-image: none; background: transparent; box-shadow: none; appearance: none; -webkit-appearance: none; box-sizing:border-box; }


.box-form{
	width: 100%; max-width: 800px;
	font-size:0.9em; box-sizing: border-box; margin: 3em auto; padding: 1.5em;
	border: 1px solid #aaaaaa; box-shadow: 3px 3px 2px 0px #cccccccc;
}

.box-form form label{ display:flex; line-height:200%; overflow:hidden; border:1px solid rgb(224,224,224); padding:2px; box-sizing:border-box; }
.box-form  form label + label{ margin-top:calc( 0.5rem + 1vw ); }
.box-form form label b{ display:block; flex:1 1 25%; padding:0.5rem 1rem; font-weight:normal; background-color:rgb(236,236,236); }
.box-form form input[type='text'] ,
.box-form form input[type='email'] ,
.box-form form input[type='date'] ,
.box-form form input[type='datetime-local'] ,
.box-form form select{ display:block; flex:1 1 75%; overflow:hidden; padding:0.25rem 0.5rem; background-color:rgb(250,250,250); border:1px solid rgb(255,255,255); }
.box-form form input[type='checkbox'] { margin-right: 0.75rem; }
.box-form form input::placeholder{ color:rgba(64,64,64,0.7); }
.box-form form input:focus{ border:1px solid #e54234; }
.box-form form textarea{
	box-sizing:border-box;  width:100%;
	background-color:rgb(250,250,250); border:1px solid rgb(200,200,200);
	margin-top:1.5rem; margin-bottom:2.5rem; padding:0.75rem; letter-spacing: 1px; height:14rem;
}
/*== 送信ボタン ===*/
.box-form .submit{ text-align:center; margin-top:1em; margin-bottom:2em; }
.box-form form input[type='submit'],
.box-form form input[type='button'] { padding:0.5em 1.5em; border-radius:0.75em; }
.box-form input[type='submit']:hover,
.box-form input[type='button']:hover{ box-shadow:0px 0px 1px 1px rgba(96,96,96,0.5); }