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

.comment{
	margin-bottom:40px;
}
.comment h3{
	text-align:center;
	margin-bottom:20px;
}
.small{
	display:block;
	text-align:left;
	font-size:90%;
	margin-top:10px;
}
span.notice {
	color:#DB0E11;
	margin:0 6px;
}

.formLayout {
	width: 100%;
  background-color: #fff;
  margin: 0 auto;
}
table.formMain {
	width: 100%;
  table-layout: fixed;
  border-collapse:separate;
	border-spacing: 3px;
}
table.formMain th, table.formMain td {
	padding: 8px;
  text-align: left;
	border:1px solid #fff;
}
@media all and (max-width: 639px) {
table.formMain th, table.formMain td {
	width: 94%;
  display: block; 
	}
}
table.formMain th {
	width: 25%;
  background: #e1e5ee;
  font-weight: 400;
}
@media all and (max-width: 639px) {
	table.formMain th {
		width: 94%;
    display: block;
		border:none !important;
	}
}

input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
  font-size: 16px;
	box-sizing: border-box;
	margin:4px;
	padding:6px;
	outline: none;
	border:1px solid #626262;
	background-color: #fff;
}
textarea {
  width:80%;
}
@media all and (max-width: 639px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea,
  select {
    width:86%;
  }
	.tel,
	.tel1,
	.tel2,
	.tel3 {
		width:23% !important;
	}
}


table.formMain td div {
	margin-bottom:20px;
}
table.formMain td div h4 {
	font-size:16px;
	margin-bottom:10px;
}

table.formMain td dl {
	display:flex;
	justify-content:flex-start;
	align-items: center;
	flex-wrap: nowrap;
	flex-grow: 1;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #C1C1C1;
}
table.formMain td dl dt, table.formMain td dl dd {
	padding-right:10px;
	white-space: nowrap
}
table.formMain td dl dt input[type=text], table.formMain td dl dd input[type=text] {
	width:70%;
}
@media all and (max-width: 639px) {
	table.formMain td dl {
    display:block;
		width:100%;
  }
}
table.formMain ul {
	margin-left:10px;
	margin-bottom:10px;
}
table.formMain ul li {
	margin-left:10px;
	list-style-type: square !important;
}

.onegai {
	border:1px solid #ccc;
	padding:15px;
	margin:30px 0;
}
.onegai a {
	text-decoration: underline !important;
}
.onegai h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.onegai ul li {
  list-style-type: none;
  text-indent: -1em;
	margin-left:1em;
	margin-bottom:10px;
}
.onegai ul li:before {
  display: inline;
  content: "※";
}

/*** OK ***/
.okBox {
	text-align:center;
	background:#eeeeee;
	padding:20px 10px;
	margin:10px auto;
	max-width:640px;
}
.okBox p {
	text-align:center;
	color:#12326c;
	line-height:180%;
}

/**** OLD ****/

.bt_block {
		margin: 0;
	}
.edit_bt {
		margin-bottom: 10px;
	}
.edit_bt, 
.submit_bt{
		box-sizing: border-box;
		padding: 10px 25px;
	}
#submit_check {
	    width: 95%;
	}
html body .form_end_bt{
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
	

.error_block{
	border:#ff0000 solid 3px;
	padding: 20px;
	margin: 20px 0 0 0;
}
.error_block p{
	color:#ff0000;
	line-height: 1.8em;
	font-size: 14px;
}
.block_inner{
	width: 760px;
	margin: 0 auto;
}

/* main_block */

.check_bt{
	background:#12326c;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 20px;
	margin: 20px auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}

.edit_bt{
	background:#808080;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 30px;
	margin: 0 auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}
.submit_bt{
	background:#12326c;
	border: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 30px;
	margin: 0 auto;
	text-align: center;
	display: block;
	cursor: pointer;
	-moz-box-shadow: 0 2px 0 0 #808080;
	-webkit-box-shadow:0 2px 0 0 #808080;
	box-shadow: 0 2px 0 0 #808080;
}
.bt_block{
	margin: 30px 0 0 0;
	width: 100%;
}

/* エラーメッセージ
-------------------------------------------------*/
.formLayout #errorMessage {
	background:#FFF;
	border:3px solid #f00;
	padding:20px;
	color:#F00;
	box-sizing: border-box;
}
.formLayout #errorMessage li {
	margin-top: 10px;
}
.formLayout #errorMessage li:first-child {
	margin-top: 0;
}

.formLayout.input_now .display_check,
.formLayout.check_now .display_input{
	display:none;
}