/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){
#main {
	padding:50px 0 30px;
}
#mv {
	margin:0 0 25px;
	width:100%;
	height:140px;
	background:url(../images/mv.jpg) no-repeat center;
	background-size:cover;
}
#mv h1 {
	font-size:24px;
	color: #000;
	font-family: 'Cinzel', serif;
	font-weight:100;
	letter-spacing:1px;
	text-align:center;
	line-height:140px;
}


/* 著作権表記 */
div#copyright { font-size: 10px; text-align: right; margin-top: 1em; }
div#copyright a:link, div#copyright a:visited { color: #999; text-decoration: none; }


/*------- 入力フォーム -------*/
#form {
	padding: 0 15px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	text-align: left;
}

	#form h2,
	#confirm h4 {
		margin: 1em auto;
		font-size: 129%;
	}
	#form .note {
		color: #0b57a6;
	}
	#form .personal-info {
		font-size: 86%;
		color: #c80014;
	}


		#form dl {
			font-size: 129%
		}
			#form .required span:after {
				content: '*';
				margin-left: .2em;
				font-size: 14px;
				color: #0b57a6;
			}
			#form dt {
				margin-top: 1em;
			}
			#form dd {
				word-break: break-all;
			}
			#form dd div.sub {
				margin: 1em 0 0 1em;
				border-bottom: 1px dotted #ccc;
				padding: 0 0 1em;
			}
			#form dd div.sub.last {
				border-bottom: none;
			}
			#form dd span.subttl {
				display: block;
				margin-bottom: 0.5em;
			}
			#form dd div.sub .size1 {
				width: 100px;
			}
			#form dd div.sub:after {
				content: "."; 
				display: block; 
				height: 0; 
				font-size:0;	
				clear: both; 
				visibility:hidden;
			}

		input,
		textarea,
		select {
			margin: 5px 0;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			border: 1px solid #d2d2d2;
			-webkit-border-radius: 0;
			        border-radius: 0;
			background: #f2f2f2;
			padding: 1.5% 2%;
		    line-height: 1.4;
		}
		input {
			height: 40px;
		}
		input[type="radio"] {
			width: auto;
			margin-right: .5em;
			height: auto;
		}
		label {
			width: 50%;
			max-width: 150px;
			display: block;
			float: left;
			margin-top: 0.5em;
		}
		select {
		    width: 100%;
		    height: 40px;
		}

		.btn {
			margin: 1em auto;
			text-align: center;
			max-width: 400px;
		}
			.btn input,
			.btn a.button {
				margin: 0;
				width: 100%;
				border: none;
				background: #000;
				line-height: 22px;
				text-align: center;
				font-family: inherit;
				font-weight: bold;
				color: #fff;
				height: 40px;
			}
			.btn a.button {
				display: inline-block;
				line-height: 42px;
			}
			.btn input + input {
				margin: 15px 0 0;
			}

/* エラー */
form label.error,
label.error{
	color:red;
	width: auto;
	max-width: inherit;
	float: none;
	margin-top: 0;
}
div.error{
	display:none;
}
input.error,
textarea.error,
select.error{
	border:1px dotted red;
	background: #fff2f2;
}


/*------- 確認画面 -------*/
#form form.confirm dd {
	margin: 5px 0 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f2f2f2;
	padding: 1.5% 2%;
	line-height: 1.4;
	min-height: 40px;
}
#form form.confirm dd div.sub {
	margin: 0;
	padding: 5px 0;
}
#form form.confirm .btn p {
	margin: 0 0 15px;
}


/*------- 送信完了画面 -------*/
#form.thanks {
	line-height: 1.6;
	text-align: center;
}
	#form.thanks p {
		margin: 1em auto;
		font-size: 129%;
		color: #0b57a6;
	}
#form.thanks .note {
	text-align: left;
}


/*------- フッター -------*/
#footer {
    position: inherit;
}




}


/**************************************************
		PC
**************************************************/
@media screen and (min-width:768px){
#mv {
	width:100%;
	height:200px;
	background:url(../images/mv.jpg) no-repeat center;
	background-size:cover;
	margin-top:70px;
}
#mv h1 {
	font-size:30px;
	color:#000;
	font-family: 'Cinzel', serif;
	font-weight:100;
	letter-spacing:1px;
	text-align:center;
	line-height:200px;
}

/* 著作権表記 */
div#copyright { font-size: 10px; text-align: right; margin-top: 1em; }
div#copyright a:link, div#copyright a:visited { color: #999; text-decoration: none; }


/*------- 入力フォーム -------*/
#form {
	margin: 50px auto;
	max-width: 600px;
	text-align: center;
	font-family: 'Lato', sans-serif;
}

	#form h2,
	#confirm h4 {
		margin: 1em auto;
		font-size: 129%;
	}
	#form .note {
		color: #0b57a6;
	}
	#form .personal-info {
		font-size: 86%;
		color: #c80014;
	}

	#form {
		margin: 40px auto;
		text-align: left;
	}

		#form dl {
			font-size: 129%
		}
			#form .required span:after {
				content: '*';
				margin-left: .2em;
				font-size: 14px;
				color: #0b57a6;
			}
			#form dt {
				margin-top: 1em;
			}
			#form dd {
				word-break: break-all;
			}
			#form dd div.sub {
				margin: 1em 0 0 1em;
				border-bottom: 1px dotted #ccc;
				padding: 0 0 1em 0.5em;
			}
			#form dd div.sub.last {
				border-bottom: none;
			}
			#form dd span.subttl {
				display: block;
				margin-bottom: 0.5em;
			}
			#form dd div.sub .size1 {
				width: 100px;
			}

		input,
		textarea,
		select {
			margin: 5px 0;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			border: 1px solid #d2d2d2;
			-webkit-border-radius: 0;
			        border-radius: 0;
			background: #f2f2f2;
			padding: 1.5% 2%;
		    line-height: 1.4;
		}
		input[type="radio"] {
		    width: auto;
		    margin-right: .5em;
		}
		label {
		    margin-right: 2em;
		}
		select {
		    width: auto;
		    height: 2.5em;
		}

		.btn {
			margin: 1em auto;
		    text-align: center;
		}
			.btn input,
			.btn a.button {
				margin: 10px;
				width: 33%;
				border: none;
				background: #000;
				line-height: 22px;
				text-align: center;
				font-family: inherit;
				font-weight: bold;
				color: #fff;
			}
			.btn a.button {
			    display: inline-block;
			    line-height: 42px;
			}

/* エラー */
form label.error,
label.error{
	color:red;
	display: block;
}
div.error{
	display:none;
}
input.error,
textarea.error,
select.error{
	border:1px dotted red;
	background: #fff2f2;
}


/*------- 確認画面 -------*/
form.confirm dd {
	margin: 5px 0 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 0;
	        border-radius: 0;
	background: #f2f2f2;
	padding: 1.5% 2%;
    line-height: 1.4;
}


/*------- 送信完了画面 -------*/
#form.thanks {
	line-height: 1.6;
	text-align: center;
}
	#form.thanks p {
		margin: 1em auto;
		font-size: 129%;
		color: #0b57a6;
	}



/*------- フッター -------*/
#footer {
    position: inherit;
}

}