@charset "utf-8";
@import url(base.css);




/************************* 基本枠 *************************/

#main{
	padding:80px 0 0;
}

@media screen and (max-width:770px){
	
#main{
	padding:50px 0 0;
}

}

@media screen and (max-width:420px){
	
#main{
	padding:40px 0 0;
}

}

	#contenttitle{
		margin:0 auto 60px;
		color:#cb1009;
		font-size:3.2em;
		font-weight:700;
		letter-spacing:0.05em;
		text-align:center;
	}

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

	#contenttitle{
		margin:0 auto 40px;
		font-size:2.5em;
		top:0;
	}

}

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

	#contenttitle{
		margin:0 auto 40px;
		font-size:2.2em;
		top:0;
	}

}

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

	#contenttitle{
		font-size:1.6em;
	}

}

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

	#contenttitle{
		margin:0 auto 30px;
		font-size:1.4em;
		background-size:90px auto;
		background-position:0 15px;
		top:0;
	}

}



	.catchnote{
		max-width:920px;
		width:90%;
		margin:0 auto 50px;
		font-size:1.2em;
		font-weight:500;
		line-height:1.9em;
	}

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

	.catchnote{
		margin:0 auto 30px;
		font-size:1.0em;
	}

}

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

	.catchnote{
		/*text-align: center;*/
	}

}


	.catchnote + .catchnote{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		font-size:1.0em;
		font-weight:500;
		line-height:1.9em;
		position: relative;
		top:-50px;
	}

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

	.catchnote + .catchnote{
		font-size:0.9em;
		top:-30px;
	}

}

	.catchnote + .spbox,
	#entryform.check .spbox{
		max-width:920px;
		width:calc(90% - 80px);
		margin:0 auto 50px;
		padding: 18px 40px 7px;
		font-size:1.0em;
		font-weight:500;
		text-align: left;
		line-height:1.9em;
		position: relative;
		top:-35px;
		border:3px solid #ccc;
		border-radius: 10px;
	}
	#entryform.check .spbox{
		margin:30px auto 0;
		padding: 10px 40px;
		top:0 !important;
	}

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

	.catchnote + .spbox,
	#entryform.check .spbox{
		margin:5px auto 10px;
		padding: 18px 30px 7px;
		top:-15px;
	}
	#entryform .spbox{
		text-align: center;
	}
}

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

	.catchnote + .spbox,
	#entryform.check .spbox{
		width:calc(90% - 60px);
		padding: 18px 20px 7px;
	}

}

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

	.catchnote + .spbox,
	#entryform.check .spbox{
		width:calc(90% - 40px);
		padding: 12px 15px;
	}

}


	.catchnote + .spbox h3{
		color:#c33;
		font-size: 1.1em;
		font-weight:700;
	}

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

	.catchnote + .spbox h3{
		font-size: 1.0em;
	}

}


	.catchnote + .spbox ul{
		margin:5px 0 0 20px;
	}

		.catchnote + .spbox ul li{
			margin-bottom:8px;
			font-weight: 700;
		}
		.catchnote + .spbox ul li p{
			margin: 5px 0 0;
			font-weight:400;
			font-size:0.9em;
			line-height: 1.7em;
		}

	@media screen and (max-width:900px){
		.catchnote + .spbox ul li p br{display: none;}
	}



	.spbox2{
		max-width:480px;
		width:calc(90% - 80px);
		margin:0 auto 50px;
		padding: 10px 40px;
		font-size:1.0em;
		font-weight:500;
		text-align: left;
		line-height:1.9em;
		background-color: #fff0f0;
		position: relative;
	}

	.check .spbox2{
		max-width: 100%;
	}

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

	.spbox2{
		margin:5px auto 10px;
		padding: 18px 30px 7px;
		top:-15px;
	}
}

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

	.spbox2{
		width:calc(90% - 60px);
		padding: 18px 20px 7px;
	}

}

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

	.spbox2{
		width:calc(90% - 40px);
		padding: 12px 15px;
	}

}


	.catchnote + .spbox + p{
		max-width:920px;
		width:calc(90% - 50px);
		margin: 0 auto;
		padding: 0 10px 0 40px;
		font-size:1.0em;
		color: #c33;
		position: relative;
		top:-40px;
	}

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

	.catchnote + .spbox + p{
		width:calc(90% - 35px);
		margin: 0 auto 20px;
		padding: 0 5px 0 30px;
	}

}


		.busunkou{
			margin-bottom: 30px;
			padding: 3px;
			text-align: center;
			border: 1px solid #c33;
			border-radius: 3px;
			background-color: #fffafa;
		}
		.busunkou a{
			color:#c33;
			text-decoration: none;			
		}

.busunkou:hover,
.busunkou a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.busunkou,
.busunkou a{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}


		.spbox2 table{
			width:100%;
			border-collapse: collapse;
			line-height: 1.3em;
		}

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

		.spbox2 table{
			font-size: 0.9em;
		}

	}

			.spbox2 table th{
				padding: 10px 0;
				text-align: center;
				border: 1px solid  #fff0f0;
				vertical-align: top;
				background-color: #fff;
			}

			.spbox2 table tr:nth-of-type(1) th{
				width: auto;
				padding: 2px 0;
				color: #fff;
				font-size: 0.9em;
				border:none;
				vertical-align:middle;
				background-color: #f27a7a;
			}

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

			.spbox2 table tr:nth-of-type(1) th{
				font-size: 0.8em;
			}

		}


			.spbox2 table tr:nth-of-type(2) th,
			.spbox2 table tr:nth-of-type(3) th{
				width:100px;
			}

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

			.spbox2 table tr:nth-of-type(2) th,
			.spbox2 table tr:nth-of-type(3) th{
				width:50px;
			}

		}

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

			.spbox2 table tr:nth-of-type(2) th,
			.spbox2 table tr:nth-of-type(3) th{
				width:40px;
			}

		}

			.spbox2 table th:nth-last-of-type(1){
				width:80px;
			}

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

			.spbox2 table th:nth-last-of-type(1){
				width:50px;
			}

		}

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

			.spbox2 table th:nth-last-of-type(1){
				width:40px;
			}

		}

			.spbox2 table td{
				padding: 10px 0;
				background-color: #fff;
				border: 1px solid  #fff0f0;
			}
			.spbox2 table td:nth-last-of-type(2){
				padding: 10px 0 10px 10px;
			}

			.spbox2 table td:nth-last-of-type(1){
				text-align: center;
				border-left:none;
			}

			.spbox2 table td:nth-last-of-type(2){
				border-right:none;
			}

			.spbox2 table tr:nth-last-of-type(1) td{
				background-color: #f8f8f8;
			}

			.spbox2 table tr:nth-last-of-type(1) td:nth-of-type(1){
				padding: 10px 0 10px 20px;
			}



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

		.spbox2 p{
			font-size: 0.9em;
			line-height: 1.7em;
		}

	}


	.check .spbox2{
		width:84%;
		margin-bottom: 20px;
		padding: 10px 3%;
	}

	.check .spbox2{zoom:1;}
	.check .spbox2:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

		.check .spbox2 > h3{
			width: 80px;
			color:#036;
			font-size:1.2em;
			font-weight:700;
			line-height:1.4em;
			float: left;
		}

		.check .spbox2 p{
			width:calc(100% - 100px);
			margin: 0;
			padding: 1px 0;
			line-height:1.5em;
			float: right;
		}

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

		.check .spbox2 > h3{
			width: 70px;
			font-size:1.1em;
		}

		.check .spbox2 p{
			width:calc(100% - 90px);
		}

	}

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

		.check .spbox2 > h3{
			width: 70px;
			font-size:1.0em;
		}

		.check .spbox2 p{
			width:calc(100% - 75px);
		}

	}





/* メールフォーム */

	#entryform{
		padding:10px 0 30px;
		background-color:#f2f2f2;
	}

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

	#entryform{
		padding:10px 0;
	}

}

		.entryblock {
			padding:20px 0;
			background-color:#fff;
		}
		.entryblock:nth-of-type(1) {
			/*padding-top: 0;*/
		}

	@media screen and (max-width:480px){
	
		.entryblock {
			padding:10px 0;
		}
		.entryblock:nth-of-type(1) {
			padding-top: 0;
		}

	}

		.entryblock2{
			padding:20px 5%;
			background-color:#fff;
		}

	@media screen and (max-width:480px){
	
		.entryblock2{
			padding:10px 5%;
		}

	}

		.pcblock,
		.smpblock{
			padding:0 0 20px;
		}

			#entryform .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding-bottom: 70px;
			}

				#entryform .inner > h3{
					margin:50px 0 20px;
					color:#036;
					font-size:1.6em;
					font-weight:700;
					line-height:1.4em;
				}
				#entryform .inner > h3.red{color:#f00;}

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

				#entryform .inner > h3{
					font-size:1.4em;
				}

			}

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

				#entryform .inner > h3{
					font-size:1.2em;
				}

			}

				#entryform .inner > h3 span{
					font-weight:400;
					font-size:0.8em;
				}

				#entryform .inner > .note{
					margin-bottom: 30px;
					padding: 15px 5%;
					border:1px solid #ccc;
					border-radius: 10px;
					background-color: #f8f8f8;
				}

				#entryform .inner h4{
					margin-bottom: 10px;
					color:#036;
					font-weight:600;
				}

				#entryform .inner ol{
					margin-left:20px;					
				}

					#entryform .inner li{
						margin-bottom:10px;					
					}


				#entryform .inner .hissu{
					float: right;
					margin: 0;
				}

			@media screen and (max-width:480px){
				
				#entryform .inner .hissu{
					float: none;
					margin:0 0 -40px;
				}
				
			}

			#entryform table{
				clear:both;
				width:100%;
				border-collapse:collapse;
			}
			
			#entryform .tablenote{
				margin:0 0 5px;
				font-size:0.8em;
				float:right;
			}

				.entryblock th,
				.entryblock td{
					verticl-align:top;
					border-bottom:1px dashed #ccc;
				}
				.entryblock th:nth-last-of-type(1),
				.entryblock td:nth-last-of-type(1){
					border-bottom:none;
				}

				.entryblock th{
					width:160px;
					padding:28px 0;
					line-height:1.4em;
					vertical-align:top;
				}
				
				.entryblock th.align-left{
					width:140px;
					padding-left:20px;
				}

				.entryblock td{
					width:calc(100% - 180px);
					padding:20px 0 10px 20px;
				}
		
			@media screen and (max-width:770px){

				.entryblock th{
					width:100px;
					padding:20px 0;
					font-size:0.9em;
				}
				
				.entryblock th.align-left{
					width:85px;
					padding-left:15px;
				}

				.entryblock td{
					width:calc(100% - 110px);
					padding-left:10px;
					font-size:0.9em;
				}
				
			}
		
			@media screen and (max-width:640px){

				.entryblock th{
					display: block;
					width:100%;
					padding:5px 0;
					color: #fff;
					font-size:0.9em;
					background-color: #369;
				}
				
				.entryblock th.align-left{
					width:100%;
					padding-left:0;
				}

				.entryblock td{
					display: block;
					width:100%;
				}
				
				.entryblock th br{
					display: none;
				}
				
			}
/*		
			@media screen and (max-width:480px){

				.entryblock th{
					width:100px;
					padding:20px 0;
					font-size:0.9em;
				}

				.entryblock td{
					width:calc(100% - 110px);
					padding-left:10px;
					font-size:0.9em;
				}
				
				.entryblock td br + span{font-size:0.8em;}
				
			}
*/	
		
		.entryblock td input,
		.entryblock td select,
		.entryblock td textarea,
		.entryblock #nickname,
		.entryblock #other{
			margin-bottom:10px;
			padding:10px 15px;
			font-weight:400;
			border:1px solid #ccc;
			border-radius:5px;
		}
					
		
	@media screen and (max-width:840px){

		.entryblock input#email{margin-bottom:0;}
					
	}
		.entryblock .listitems td textarea{
			width:91%;
			margin-bottom:10px;
			padding:10px 2%;
			font-weight:400;
			border:none;
			border-radius:5px;
		}


			
			
		.entryblock > ul{
			margin-left:20px;
			list-syle:none;
		}
			
			.entryblock > ul li{				
				list-style:none;
				margin-bottom:0 !important;
			}
			.entryblock > ul li:nth-last-of-type(1){margin-bottom:0;}
			
		/* 内容確認画面 */	
		.marunum1 + .entryblock p,
		.marunum2 + .entryblock p,
		.marunum3 + .entryblock p,
		.marunum4 + .entryblock p{
			margin:0 20px;
		}
				
			
		.marunum2 + .entryblock ul{
			margin-left:20px;
			list-syle:none;
		}
			
			.marunum2 + .entryblock ul li{
				padding-right:20px;
				list-style:none;
				/*float:left;*/
			}
			
				
			
		.marunum4 + .entryblock h4{
			margin:0 0 5px 20px;
			color:#369;
			font-size:1.1em;
			font-weight:700;
		}
			
		.marunum4 + .entryblock ul{
			margin-left:20px;
			list-syle:none;
		}
			
			.marunum4 + .entryblock ul li{
				list-style:none;
			}
			
				
			
		.marunum5 + .entryblock h4{
			margin:0 0 5px 20px;
			color:#369;
			font-size:1.1em;
			font-weight:700;
		}
			
		.marunum5 + .entryblock ul{
			margin-left:20px;
			list-syle:none;
		}
			
			.marunum5 + .entryblock ul li{
				list-style:none;
			}



	
	
			#email,#email2,#school,#tel{
				max-width:380px;
				width:90%;
			}
	
			#address2,#address3{
				max-width:640px;
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#email,#email2,#address2,#address3,#school,#tel{
				width:80%;
			}
		
		}
	
			#name1,#name2,#furigana1,#furigana2{
				max-width:145px;
				width:34%;
				min-width:100px;
			}

			#message{
				width:96%;
				padding: 15px 2%;
				border-radius:10px;
				border:1px solid #ccc;
			}
	
			#tel1,#tel2,#tel3,#zip1,#zip2{
				width:40px;
				text-align:center;
			}
		
		@media screen and (max-width:420px){
	
			#tel1,#tel2,#tel3,#zip1,#zip2{
				width:30px;
			}
	
		}
		

				.entryblock td ul li{
					margin-bottom:7px;
					list-style:none;
					line-height:1.1em;
				}
	
	
			#submit1,
			#submit2{
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#446fae;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}

			.formnote{
				color:#036;
			}


			#lastdate{
				color:#c00;
				font-weight:700;
			}

			#lastdate:before{
				content:"● ";
			}

			.soudandate{
				margin-bottom:-20px;
				color:#036;
				font-size:1.4em;
				font-weight:700;
			}

		@media screen and (max-width:770px){
	
			.soudandate{
				margin-bottom:-10px;
				font-size:1.2em;
			}
	
		}
		
		
			.lastdate{
				margin:25px 0 -20px;
				color:#f00;
				font-size:1.1em;
				font-weight:700;
			}

		@media screen and (max-width:770px){
	
			.lastdate{
				margin:10px 0 0;
				font-size:1.0em;
				font-size:1.2em;
			}
	
		}


			#lastpcblock{
				margin-bottom:-20px;
			}

			.smpblock{display:none;}

		@media screen and (max-width:770px){
	
			.pcblock{display:none;}
			
			.smpblock{display:block;}
			#lastsmpblock{
				margin-bottom:-20px;
			}
	
		}


	
			.pcblock td{
				height:40px;
				width:calc(75% / 8);
				padding:10px 0;
				font-size:1.4em;
				font-weight: 700;
				text-align:center;
				background-color:#fff;
				border:1px solid #ccc;
				cursor:pointer;
			}
	
		@media screen and (max-width:1000px){
	
			.pcblock td{
				font-size:1.2em;
			}
	
		}

			.pcblock td.reserved{
				color:#333;
				background-color: #e5e5e5;
				cursor:auto;
			}
		
			.pcblock th{
				padding:0;
				color:#036;
				font-weight:700;
				line-height:1.3em;
				background-color:#fff;
				border:1px solid #ccc;
			}
	
		@media screen and (max-width:1000px){
		
			.pcblock th{
				font-size:0.9em;
			}
	
		}
		
			.pcblock tr:nth-of-type(1) th{
				padding:10px 0;
				background-color:#ebf5ff;
			}
	
			.pcblock tr:nth-of-type(1) th:nth-of-type(1){
				background-color:#f2f2f2;
			}

		/* スマホ用 */		

		
		.smpblock h4{
			max-width:340px;
			width:100%;
			margin:15px auto 5px;
			color:#060;
			font-size:1.1em;
			font-weight:700;
			cursor:pointer;
			position:relative;
			z-index:10;
		}
		/*.smpblock h4.active{
			background-image:url("../shared/close.png");
			background-repeat:no-repeat;
			background-position:100% 50%;
		}*/
		

	
	@media screen and (max-width:480px){
		
		.smpblock h4{
			font-size:1.0em;
		}
	
	}


		.smpblock h4:before{
			content:url(../shared/dot_box-red.gif);
			position:relative;
			top:-4px;
			left:-8px;
		}
		
		
			#smpnote{
				margin-bottom:-20px;
				color:#c33;
			}

			
			.smpblock .tablenote{
				clear:both;
				max-width:300px !important;
				width:100%;
				margin:0 auto !important;
				text-align:right;
				float:none !important;
				position:relative;
				top:20px;
			}

		
		.smpblock table{
			display:none;
			clear:both;
			max-width:340px !important;
			width:100%;
			margin:0 auto;
		}
		
	
			.smpblock td{
				height:40px;
				width:50%;
				padding:10px 0;
				font-size:1.4em;
				text-align:center;
				background-color:#fff;
				border:1px solid #ccc;
				cursor:pointer;
			}

			.smpblock td.reserved{
				color:#333;
				background-color: #e5e5e5;
				cursor:auto;
			}
	
		@media screen and (max-width:1000px){
	
			.smpblock td{
				font-size:1.2em;
			}
	
		}
		
			.smpblock th{
				padding:0;
				color:#036;
				font-weight:700;
				line-height:1.3em;
				background-color:#ebf5ff;
				border:1px solid #ccc;
			}
	
		@media screen and (max-width:1000px){
		
			.pcblock th{
				font-size:0.9em;
			}
	
		}

		.togglebtn{
			display:none;
			width:48px;
			height:48px;
		}
	
		.togglebtn.active{
			display:block;
			margin:0 auto -50px;
			background-color:none;
			background-image:url(../shared/img_close.png);
			background-repeat:no-repeat;
			background-size:100% auto;
			position:relative;
			z-index:1;
			top:-40px;
			left:150px;
			cursor:pointer;
		}


/* 本学からの情報提供 */



		
/* スマホキャリア */

	#entrynote{
		padding: 60px 0 0;
		background-color:#ffeae6;
	}

		#entrynote .inner{
			width:calc(1000px - 10%);
			padding:30px 5%;
			background-color:#fff;
			border-radius:10px;
			position: relative;
			top:-30px;
		}

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

	#entrynote{
		padding:20px 3%;
		background-color:#ffeae6;
	}


		#entrynote .inner{
			width:86%;
			padding:0 5% 30px;
			border-radius:0;
		}

}

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

		#entrynote .inner{
			padding:0 5% 20px;		
		}

	}

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

		#entrynote .inner{
			padding:0 5% 10px;		
		}

	}
	
		#entrynote h3{
			margin-bottom:-30px !important;
			color:#c00;
			font-size:1.4em !important;
			font-weight:700;
			text-align:center;
			position:relative;
			top:-30px;
		}

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

		#entrynote h3{
			margin-bottom:0 !important;
			padding-top:40px;
			top:0;
		}

	}


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

		#entrynote h3{
			padding-top:30px;
			font-size:1.1em !important;
		}

	}

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

		#entrynote h3{
			font-size:1.0em !important;
		}

	}
		

			#entrynote h4{
				margin-right:10px;
				colo:r#036;
				font-weight:700;
				font-size:0.9em;
				float:left;
				position:relative;
				top:5px;
			}

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

			#entrynote h4{
				margin:0 0 5px;
				float:none;
				top:0;
			}

		}
		
		.copyinput{
			width:200px;
			height:24px;
		}

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

		.copyinput{
			width:280px;
		}

	}

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

		.copyinput{
			width:180px;
		}

	}
		
		.copysubmit{
			width:70px;
			height:32px;
			color:#fff;
			font-family:'kozuka-gothic-pro',sans-serif;
			line-height:28px;
			background-color:#036;
		}


		#entrynote li{
			width:calc(96% / 5);
			height:32px;
			margin-right:1%;
			font-size:0.95em;
			font-weight:700;
			list-style:none;
			line-height:34px;
			text-align:center;
			float:left;
			border-radius:5px;
			background-color:#ffeae6;
		}
		#entrynote li:nth-last-of-type(1){margin-right:0;}
		
	@media screen and (max-width:540px){

		#entrynote li{
			width:calc(96% / 3);
			margin-right:2%;
			margin-bottom:10px;
		}
		#entrynote li:nth-of-type(3n){margin-right:0;}

	}
		
	@media screen and (max-width:420px){

		#entrynote li{
			width:calc(97% / 2);
			margin-right:3%;
		}
		#entrynote li:nth-of-type(3n){margin-right:3%;}
		#entrynote li:nth-of-type(2n){margin-right:0;}

	}

		#entrynote li a{
			text-decoration:none;
		}

		#entrynote li:hover{
			background-color:#f2f2f2;
		}	
		
		
		
	/* 送信後画面 */	
		
		.spbox{
			padding:15px 0;
			color:#036;
			font-size:1.2em;
			font-weight:700;
			text-align:center;
			background-color:#fff;
		}
		
		
	@media screen and (max-width:420px){

		.spbox{
			font-size:1.0em;
			font-weight:700;
		}
		
	}

		
		
	/* Web個別相談 */	
		
	#entrym,
	#entryd{
		width:30px;
	}