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

/* ----------------------------------------------
	This style definition is initialize.
------------------------------------------------- */

.error {
	font-weight: bold;
	color: #F00;
}

#note{
	text-align: center;
	margin-bottom: 10px;
}


/* ----------------------------------------------
	タイトル
------------------------------------------------- */
#mainimages {
	background-color: #007df3;
	color: #FFF;
	padding: 50px;
	text-align: center;
}
#mainimages .stageWrap {
	position: relative;
}
#mainimages .stageWrap h2 {
	margin-bottom: 30px;
}
#mainimages .stageWrap p {
}
#mainimages .stageWrap::before {
	content: '';
	
	position: absolute;
	top:  calc(50%);
	
	height: 3px;
	
	background-color:#FFF;
	border-radius: 100%;
}


/*-
	PC版（821px以上）ここから
------------------------------------------------- */
@media screen and (min-width:821px), print{
	
	
	/* ----------------------------------------------
		タイトル
	------------------------------------------------- */
	#mainimages {}
	#mainimages .stageWrap::before {
		width: 800px;
		left: calc(50% - 400px);
	}
	
	
	/* ----------------------------------------------
		エントリー
	------------------------------------------------- */
	#form { padding-top: 50px; }

	#form .wrapper {
		width: 950px;
		position: relative;
		margin: auto;
	}


	/*	共通設定
	------------------------------------------------- */
	#form dl{
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 5px 0;
		margin-bottom: 5px;
	}
	#form dl:last-of-type{
		margin-bottom: 0;
	}
	#form dl dt{
		display: table-cell;
		vertical-align: middle;
		padding: 20px;
		width: 230px;
		background-color: #eee;
	}
	#form dl dd{
		display: table-cell;
		padding: 15px;
		background-color: #F0F8FF;
	}
	#form dl dd span{
		display: inline-block;
		padding: 0 0.5em;
		margin-right: 2px;
	}
	#form dl dd input,
	#form dl dd textarea{
		font-size: 16px;
		padding: 10px 7px;
		margin: 5px;
	}
	#form dl dd input,
	#form dl dd textarea{
		border: 2px solid #CCCCCC;
		border-radius: 4px;
	}

	/*	必須入力
	------------------------------------------------- */
	#form dl.required{}
	#form dl.required dt::after{
		content: "※";
		font-weight: bold;
		color: #ce1d2b;
		margin-left: 0.3em;
	}
	#form dl.required dd{
		background-color: #FFF8F8
	}
	#form dl.required dd input,
	#form dl.required dd textarea{
		border-color: #FFCCCC;
	}
	#form .privacy .required label::after{
		content: "※";
		font-weight: bold;
		color: #ce1d2b;
		margin-left: 0.3em;
	}

	/*	お名前
	------------------------------------------------- */
	#form #name input,
	#form #ruby input{
		width: 12em;
	}
	#form #name span,
	#form #ruby span{
		width: 3em;
		text-align: center;
	}
	#form #name input:first-of-type,
	#form #ruby input:first-of-type{
		margin-right: 18px;
	}

	/*	学校・学部・学科
	------------------------------------------------- */
	/*#form #school input{ width: 20em; }*/
	#form #school input{ width: 33em; }

	/*	電話番号
	------------------------------------------------- */
	#form #tel input{ width: 6em; }

	/*	メールアドレス
	------------------------------------------------- */
	#form #email input{ width: 33em; }

	/*	住所
	------------------------------------------------- */
	#form #address input:nth-of-type(1){ width: 4em; }
	#form #address input:nth-of-type(2){ width: 5em; }
	#form #address input:nth-of-type(3){ width: 33em; }

	/*	お問い合わせ内容
	------------------------------------------------- */
	#form #remarks textarea{
		width: 33em;
		height: 5em;
		cursor: inherit;
	}

	/*	個人情報
	------------------------------------------------- */
	#form h4{
		margin: 50px auto 10px;
		font-weight: bold;
	}
	#form .privacy {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
	}
	#form .privacy .moer {
		text-align: center;
	}
	#form .privacy .moer a {
		width: 12em;
	}
	#form .privacy p {
		text-align: center;
		padding: 10px 0;
	}
	#form .privacy p label {
		cursor:pointer
	}
	#form .privacy p input {
		height: 1.2em;
		width: 1.2em;
	}

	/*	ボタン
	------------------------------------------------- */
	#form .button{
		display: block;
		margin-top: 40px;
	}
	#form .button input[name*="submit"],
	#form .button button[name*="send"]{
		display: block;
		width: 300px;
		margin: 0 auto;
		font-size: 18px;
		padding: 20px;
		border-radius: 50px;
		color: #FFFFFF;
		background-color: #EE4444;
		transition: 0.15s ease-in-out;
		cursor: pointer;
	}
	#form .button input.back{
		display: block;
		margin: 0 auto;
		font-size: 16px;
		padding: 10px 30px;
		border-radius: 50px;
		color: #FFFFFF;
		background-color: #AAAAAA;
		transition: 0.15s ease-in-out;
		cursor: pointer;
	}
	#form .button input:hover,
	#form .button button:hover{
		opacity: 0.65;
	}

}


/*-
	SP版（820px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 820px) {
	
	
	/* ----------------------------------------------
		タイトル
	------------------------------------------------- */
	#mainimages {
	padding: 50px 20px;
	}
	#mainimages .stageWrap::before {
		width: 100%;
		top : calc(50% - 1em);
		left: 0;
	}
	
	
	
	/* ----------------------------------------------
		エントリー
	------------------------------------------------- */
	#form{
		display: block;
		width: 100%;
	}
	#form .wrapper {
		position: relative;
		margin: 0 10px;
	}



	/*	共通設定
	------------------------------------------------- */
	#form dl{
		display: block;
		/*width: 100%;*/
		margin-bottom: 15px;
	}
	#form dl:last-of-type{
		margin-bottom: 0;
	}
	#form dl dt{
		display: block;
		padding: 5px 10px;
		/*width: 100%;*/
		background-color: #eee;
	}
	#form dl dd{
		display: block;
		padding: 15px;
		/*width: 100%;*/
		background-color: #F0F8FF;
	}
	#form dl dd input,
	#form dl dd textarea{
		font-size: 16px;
		padding: 10px 7px;
		margin: 5px 0;
		box-sizing: border-box;
	}
	#form dl dd input,
	#form dl dd textarea{
		border: 2px solid #CCCCCC;
		border-radius: 4px;
	}
	
	/*	必須入力
	------------------------------------------------- */
	#form dl.required{}
	#form dl.required dt::after{
		content: "※";
		font-weight: bold;
		color: #ce1d2b;
		margin-left: 0.3em;
	}
	#form dl.required dd{
		background-color: #FFF8F8
	}
	#form dl.required dd input,
	#form dl.required dd textarea{
		border-color: #FFCCCC;
	}

	#form dd span{
		display: inline-block;
		padding: 0 0.5em;
		margin-right: 2px;
	}
	
	/*	お名前
	------------------------------------------------- */
	#form #name input,
	#form #ruby input{
		width: 12em;
	}
	#form #name span,
	#form #ruby span{
		width: 3.2em;
		text-align: center;
	}
	#form #name input:first-of-type,
	#form #ruby input:first-of-type{
		margin-right: 18px;
	}
	
	/*	学校・学部・学科
	------------------------------------------------- */
	#form #school input{ width: 100%; }

	/*	電話番号
	------------------------------------------------- */
	#form #tel input{
		width: 20%;
		max-width: 6em;
	}

	/*	メールアドレス
	------------------------------------------------- */
	#form #email input{ width: 100%; }

	/*	住所
	------------------------------------------------- */
	#form #address input:nth-of-type(1){ width: 4em; }
	#form #address input:nth-of-type(2){ width: 5em; }
	#form #address input:nth-of-type(3){ width: 100%; }

	/*	お問い合わせ内容
	------------------------------------------------- */
	#form #remarks textarea{
		width: 100%;
		height: 165px;
		cursor: inherit;
	}
	
	/*	個人情報
	------------------------------------------------- */
	#form h4{
		margin: 10px auto;
		font-weight: bold;
	}
	#form .privacy {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
	}
	#form .privacy textarea {
		width: 100%;
		box-sizing: border-box;
		padding: 1em;
	}
	#form .privacy p {
		text-align: center;
		padding: 10px 0;
	}
	#form .privacy p label {
		cursor:pointer
	}
	#form .privacy p input {
		height: 1.2em;
		width: 1.2em;
	}

	/*	ボタン
	------------------------------------------------- */
	#form .button{
		display: block;
		margin: 20px 0;
	}
	#form .button input[name*="submit"],
	#form .button button[name*="send"]{
		display: block;
		width: 85%;
		max-width: 450px;
		margin: 0 auto;
		font-size: 18px;
		padding: 20px;
		border-radius: 50px;
		color: #FFFFFF;
		background-color: #EE4444;
	}
	#form .button input.back{
		display: block;
		margin: 0 auto;
		font-size: 16px;
		padding: 10px 30px;
		border-radius: 50px;
		color: #FFFFFF;
		background-color: #AAAAAA;
	}
}