@charset "utf-8";
/* CSS Document */
/* input 要素 */
#name, #email, #email_check, #tel, #fax {
  max-width:400px;
}
/* エラー表示 */
p.error, span.error {
  color: #ba0910;
}
label {
display: inline-block;
    margin-bottom: .5rem;
}
:placeholder-shown {color: #c0c0e0;}
::-webkit-input-placeholder {color: #c0c0e0;}
:-moz-placeholder {color: #c0c0e0;opacity: 1;}
::-moz-placeholder {color: #c0c0e0;opacity: 1;}
:-ms-input-placeholder {color: #c0c0e0;}

/* フォーム要素（Bootstrap4 のスタイルを上書き） */
.form-control {
  display: block;
  width: 100%;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  
}
.form-control:focus {
  border-color: #ba1818;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 175, 102, 0.4);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 175, 102, 0.4);
  background-color:#fff;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  font-size: 13px; 
}
/* Firefox 18- */
:-moz-placeholder {
  font-size: 13px; }
/* Firefox 19+ */
::-moz-placeholder {
  font-size: 13px; }
/* IE 10+ */
:-ms-input-placeholder {
  font-size: 13px; }
::placeholder{ 
  font-size: 13px;
}
textarea.form-control {
  height: 200px;
}
/* 確認ページの表 */
.confirm_table {
  margin: 30px 0; 
}
.confirm_table table caption{
  caption-side: top;
}
.confirm {
  float: left;
  margin-right: 20px;
}

/* Data Edit Area */
.form-group {
	width: 96%;
	margin: 1.6rem auto 0;
}
.form-group input[type="text"], .form-group input[type="file"]{
	padding: 0.5rem;
  border-radius: 4px;
  border: solid 1px #a0a0a0;
	font-size: 0.95rem;
  line-height: 1.5;
	width: 90%;
}
.form-group input[type="text"]:focus, .form-group input[type="file"]:focus {
  background-color: #ffffee;
  border: 2px solid #ba1818;
}
.form-group input[type="password"]{
	padding: 0.5rem;
  border-radius: 4px;
  border: solid 1px #a0a0a0;
	font-size: inherit;
	width: 90%;
}
.form-group #zip {
	width: 10.0rem;
}
.form-group select {
  width: 10.0rem;
	padding: 0.5rem;
  border-radius: 4px;
  border: solid 1px #a0a0a0;
  font-size: inherit;
 }
.form-group select:focus {
  background-color: #ffffee;
  border: 2px solid #ba1818;
}
.form-group textarea {
	padding: 0.5rem;
  line-height: 154%;
  height: 10.0rem;
  width: 90%;
  border: 1px solid #8673a4;
  border-radius: 4px;
	font-size: 0.95rem;
}
.form-group textarea:focus {
  background-color: #ffffee;
  border: 2px solid #ba1818;
}
.form-group label {
	/*float: left;*/
  color: #115a82;
  font-weight: bold;
  padding: 0 0.6rem 0.3rem 0;
}
.form-group label::before {
	content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	padding-right: 0.2rem;
}
.form-group .ex {
  background-color: #c92330;
  color: #ffffff;
  padding: 0.1rem 0.4rem;
  font-size: 0.9rem;
  border-radius: 3px;
}
.form-group #count {
  margin-left: 6.4rem;
}
.btn_area {
  text-align: center;
  margin: 1.0rem auto;
}
.btn_area button {
    text-decoration: none;
    color: #ffffff;
    padding: 0.5rem 0.8rem;
    background-color: #0c69aa;
    font-size: 1.0rem;
    border: 1px solid #01456c;
    border-radius: 5px;
}
.btn_area button:hover {
  background-color: #518eb9;
  cursor: pointer;
}