@charset "utf-8";









/* ----------------------------------------------------------------------------------------------------



	Second - form



--------------------------------------------------- */



/*

	common

--------------------------------------------------- */
.mailform {}

	#con .box#form .inner { width: 715px; }

	#con .box#form h2 {
		border-left: none;
		color: #00A95C;
		text-align: center;
		}

	.clearfix { width: 100%; }
	.clearfix:after {
		content: "";
		display: block;
		clear: both;
		}

/* mailform > form nav
----------------------------------------------- */
#con .box#form { padding: 50px 0; }

#con .box#form #form-nav {
	border: 1px solid #00AB56;
	overflow: hidden;
	}
#con .box#form #form-nav li {
	background: url(/shoninsha/lib/img/form/arrow-nav.png) right center no-repeat;
	color: #00AB56;
	float: left;
	font-size: 13px;
	padding: 15px 0;
	text-align: center;
	width: 36.33333333333333%;
	}
	#con .box#form #form-nav li:nth-child(2) {
		width: 34.33333333333333%;
		}
	#con .box#form #form-nav li:nth-child(3) {
		background: none;
		width: 29.33333333333333%;
		}

	#con .box#form #form-nav.fn-step01 li:nth-child(1),
	#con .box#form #form-nav.fn-step02 li:nth-child(2),
	#con .box#form #form-nav.fn-step03 li:nth-child(3) {
		background: #00AB56 url(/shoninsha/lib/img/form/arrow-nav-current.png) right center no-repeat;
		color: #fff;
		}
	#con .box#form #form-nav.fn-step03 li:nth-child(3) { background-image: none; }

	#con .box#form #form-nav.fn-step02 li:nth-child(1),
	#con .box#form #form-nav.fn-step03 li:nth-child(2) { background: url(/shoninsha/lib/img/form/arrow-nav-current-before.png) right center no-repeat; }

/* mailform > form
----------------------------------------------- */
form { margin: 45px 0 0; }

dl {
	background: #f9fffa;
	border-top: 1px solid #c4e0c8;
	font-size: 14px;
	overflow: hidden;
	text-align: left;
	}
	dl dt {
		float: left;
		padding: 20px;
		width: 30%;
		}
	dl dd {
		background: #fff;
		margin: 0 0 0 30%;
		overflow: hidden;
		padding: 20px;
		}
	dl.fw-first { border-top: 3px solid #00A95C; }
	dl.fw-fin { border-bottom: 3px solid #00A95C; }

	label span { font-size: 13px; }
	textarea {
		height: 10em;
		padding: 10px;
		width: 100%;
		}
	select,
	input { padding: 9px; }
	input.inp-w100p { width: 100%; }

	/* mailform > form > dt/dd width:100%
	------------------------------------------- */
	dl.w100p dt { border-bottom: #dcdcdc; }
	dl.w100p dd { border-left: none; }
	dl.w100p dt,
	dl.w100p dd {
		float: none;
		margin: 0;
		width: 100%;
		}
		dl.w100p dd { overflow: hidden; }
		dl.w100p dd div,
		dl.dd-col2 dd div {
			float: left;
			display: inline-block;
			padding: 0 30px 0 0;
			}
			dl.w100p dd div {
				text-align: center;
				width: 25%;
				}

	/* mailform > form > input`s
	------------------------------------------- */
	dl.inputs dd div {
		float: left;
		display: inline-block;
		padding: 0 30px 0 0;
		}


	#form-policy {
		border-left: 1px dotted #c8c8c8;
		display: inline-block;
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
		}


	form .submitBtn {
		text-align: center;
		margin: 30px auto;
		width: 50%;
		}
		form .submitBtn input {
			background: #00A95C;
			border: none;
			color: #fff;
			cursor: pointer;
			display: block;
			font-size: 14px;
			padding: 15px 0;
			width: 100%;

			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			transition-duration: 0.5s;

			-webkit-box-shadow: 0px 0px 0px rgba(1, 59, 165, 0.2);
			-moz-box-shadow: 0px 0px 0px rgba(1, 59, 165, 0.2);
			-ms-box-shadow: 0px 0px 0px rgba(1, 59, 165, 0.2);
			-o-box-shadow: 0px 0px 0px rgba(1, 59, 165, 0.2);
			box-shadow: 0px 0px 0px rgba(1, 59, 165, 0.2);
			}
			form .submitBtn input:hover {
				background: #00A95C;

				-webkit-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
				-moz-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
				-ms-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
				-o-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
				box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
				}

	dl dt .label-Req {
		background: #00A95C;
		color: #fff;
		display: inline-block;
		font-size: 12px;
		margin: -2px 10px 0 0;
		padding: 2px 5px;

		-webkit-border-radius: 2px;
		-moz-border-radius: 1px;
		-ms-border-radius: 1px;
		-o-border-radius: 1px;
		border-radius: 1px;
		}



/*

	confirm

--------------------------------------------------- */
form .submitBtn_confirm {
	text-align: center;
	margin: 30px 0;
	}
	form .submitBtn_confirm a.backBtn,
	form .submitBtn_confirm a.submitBtn {
		color: #fff;
		display: inline-block;
		font-size: 13px;
		margin: 0;
		padding: 10px 20px;
		}
	form .submitBtn_confirm a.submitBtn {
		background-color: #00A95C;
		width: 40%;
		}
	form .submitBtn_confirm a.backBtn {
		background-color: #969696;
		width: 20%;
		}
		form .submitBtn_confirm a:hover {
			-webkit-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
			-moz-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
			-ms-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
			-o-box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
			box-shadow: 5px 5px 0px rgba(1, 59, 165, 0.2);
			}
		form .submitBtn_confirm a.submitBtn:hover {
			background-color: #00A95C;
			}
		form .submitBtn_confirm a.backBtn:hover {
			background-color: #00A95C;
			}



/*

	thanks

--------------------------------------------------- */
#form-thanks {
	border-top: 3px solid #00a95c;
	margin: 50px 0;
	text-align: center;
	}

	#form-thanks h2 {
		font-size: 30px;
		letter-spacing: 0.2em;
		line-height: 1.5em;
		padding: 30px 0 !important;
		}

	#form-thanks p {
		font-size: 15px;
		line-height: 1.75em;
		}

	#form-thanks #info-course {
		border: 3px solid #00a95c;
		display: inline-block;
		font-size: 18px;
		margin: 0 0 30px;
		padding: 10px 20px;
		}
		#form-thanks #info-course span {
			color: #00a95c;
			font-size: 20px;
			}
		#form-thanks #info-course strong {
			color: #000;
			font-size: 20px;
			}

	#form-thanks #link-area {
		background: #e6f2e7;
		margin: 30px 0;
		overflow: hidden;
		padding: 20px;
		}
		#form-thanks #link-area p {
			float: left;
			margin: 0 1%;
			width: 48%;
			}
		#form-thanks #link-area .btn.b-course a { background: url(/shoninsha/lib/img/common/icon/min/white/calender.png) 5px center no-repeat; }

	#form-thanks #form-att {
		font-size: 15px;
		border-top: 3px solid #00a95c;
		padding: 30px 0 0;
		}