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

/* --------------------------------
   □ 共通
-------------------------------- */



/* --------------------------------
   □ form
-------------------------------- */

main p.text{
	text-align:center;
}

form#frm1 input.text,
form#frm1 textarea,
form#frm1 select {
	box-sizing:border-box;
	padding:11px;
	border-radius:2px;
}

form#frm1{
	background:#fff;
	clear:both;
	padding-top:10px;
}

form#frm1 table{
	width:100%;
}

form#frm1 table.tableStyle th,
form#frm1 table.tableStyle td{
	padding:24px 10px;
	border-bottom:1px solid #e2e2e2;
}

form#frm1 table.tableStyle th{
	width:25%;
	text-align:left;
	vertical-align:middle;
}
form#frm1 table th span.em{
	display:inline-block;
	line-height:1.2;
	background:#fe0000;
	color:#Fff;
	font-size:75%;
	padding:3px 8px;
	border-radius:2px;
	vertical-align:middle;
	margin-left:12px;
}

form#frm1 table td input.short{
	width:30%;
}
form#frm1 table td input.middle{
	width:70%;
}
form#frm1 table td input.long,
form#frm1 table td textarea{
	width:99%;
}

form#frm1 table td p span.ele{
	display:inline-block;
	width:8em;
}

form#frm1 table.tableStyle td ul.list li{
	display:inline-block;
	white-space:nowrap;
	padding:0 8px 0 0;
}

p.error{
	clear:both;
	margin:4px;
	padding:8px;
	background:#F00;
	color:#fff;
}

table p.error,
table span.error{
	box-sizing:border-box;
	color:#fff;
	background:#F00;
	padding:0 4px;
}


form#frm1 input.text.error,
form#frm1 textarea.error,
form#frm1 select.error {
	border-color:#F00;
}


.submitArea{
	padding:46px 15px 0 15px;
	text-align:center;
}

.submitArea li{
	display:inline-block;
	margin:0 40px;
}

 .contents .chapter .complete h3{
	text-align:center;
	margin-bottom:30px;
}

p.back{
	text-align:center;
	margin:60px;
}

@media only screen and
(max-width : 740px) {


/* --------------------------------
   □ form
-------------------------------- */
main p.text{
	text-align:left;
}

form#frm1 table{
	width:auto;
	display:block;
}

form#frm1 table.tableStyle tbody,
form#frm1 table.tableStyle tr{
	display:block;
}

form#frm1 table.tableStyle th,
form#frm1 table.tableStyle td{
	display:block;
	padding:4% 2%;
	border-bottom:1px solid #e2e2e2;
}

form#frm1 table.tableStyle td{
	padding-bottom:8%;
}

form#frm1 table.tableStyle th{
	width:auto;
}

form#frm1 table td input.short,
form#frm1 table td input.middle,
form#frm1 table td input.long,
form#frm1 table td textarea{
	width:99%;
	font-size:16px;
}

form#frm1 table td textarea{
	height:10em;
}

.submitArea{
	padding:26px 0 0 0;
	text-align:center;
}

.submitArea li{
	display:block;
	margin:2% 0;
}

.submitArea li input{
	width:100%;
}
.submitArea li img{
	width:70%;
}

.contents .chapter .complete h3{
	text-align:center;
	margin-bottom:30px;
}

p.back{
	text-align:center;
	margin:60px;
}

}