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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

.caution a {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}
.caution a:hover{
	opacity: 0.5;
}
.red{
	color:#D71717;
	}

.table td *{
	word-break:break-all;
	}
	
		.registration_btn button{
			border-radius:5px;
			}
	
tr.daigaku,
tr.senmon
{
	display:none;
	}

tr.daigaku.on,
tr.senmon.on
{
	display: table-row;
	}

input::focus::placeholder {color: transparent;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }

.small{
	font-size:0.9em;
	}
tr > td > select {
	height:25px;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pc */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (min-width: 801px){
			
		
	.content_wrap form > .sec:not(:nth-of-type(1)){
		margin-top:50px;
		}
		.h3{
			text-align:left;
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			padding:15px 0;
			font-size:18px;
			}
		.h4{
			font-size:18px;
			border-bottom:solid 1px #D4D4D4;
			padding-bottom:10px;
			background:url(../../img/top_pc/h3_img.jpg) no-repeat left 8px;
			padding-left:25px;
			margin-bottom:27px;
			}
		.h4 span{
			color:#D71717;
			}
	
	.intro{
		margin-bottom: 20px;
		}
	
	.help{
		margin: 10px 0px;
		}
		.help p{
			position:relative;
			padding-left:22px;
			margin-bottom:5px;
			}
		.help p::before{
			content:"";
			width:16px;
			height:16px;
			background-image:url(../../img/search/icon_help.png);
			position:absolute;
			left:0;
			top:50%;
			margin-top:-8px;
			}
		.form-help > .hint {
			position:relative;
			padding-left:22px;
			margin-bottom:5px;
		}
		.form-help span.hint::before {
			content:"";
			width:16px;
			height:16px;
			background-image:url(../../img/search/icon_help.png);
			position:absolute;
			margin-left: -18px;
			}
	
	.request_table tr:nth-of-type(1) th:nth-of-type(2){
		width:70%;
		}
	.request_table td:nth-of-type(2){
		text-align:left;
		}
	.request_table th,
	.request_table td{
		text-align:center;
		}
		.request_link{
			margin-top:40px;
			text-align:center;
			}
	
	.event_table tr:nth-of-type(1) th:nth-of-type(2){
		width:60%;
		}
	.event_table td:nth-of-type(2){
		text-align:left;
		}
	.event_table th,
	.event_table td{
		text-align:center;
		}
	.red.hissu{
		float:right;
		}
	
	.content_wrap{
		width:1040px;
		margin:auto;
		}
		#personal table{
			border-collapse:collapse;
			width:100%;
			}
			#personal table th{
				width:300px;
				text-align:left;
				vertical-align:top;
				padding-right:15px;
				}
			#personal table th,
			#personal table td{
				padding-top:20px;
				padding-bottom:20px;
				border-bottom:1px solid #CCC;
				}
			#personal table tr:last-child th,
			#personal table tr:last-child td{
				border-bottom:none;
				padding-bottom:0;
				}
			#personal table td{
				}
				#personal table .no_border_btm th,
				#personal table .no_border_btm td{
					border-bottom:none;
					padding-bottom:0;
					}
					
	/*  フォーム   */
	input[type="text"],
	input[type="password"]{
		padding: 0 5px;
		height:25px;
		box-sizing:border-box;
		border:1px solid #ccc;
    width: 300px;
		}
	input[type="radio"]{
		margin-right:5px;
		}
	input[type="checkbox"]{
		margin-right:5px;
		}
	.mail input,
	.school_name input{
		width:400px;
		}
	.name input,
	.phone input{
		width:150px;
		}
	.zip input,
	.language input{
		width:80px;
		}
	.language input.number {
		width: 150px;
	}
	.zip button{
		height:25px;
		padding: 0 8px;
		background-color:#fff;
		border:1px solid #ccc;
		}
	.address input{
		width:400px;
		}
		.name p,.password p{
			margin-bottom:5px;
			}
	.gender td label:not(:first-child){
		margin-left:15px;
		}
	.language input{
		margin-right:5px;
		}
		.language td > div:not(:first-child){
			margin-top:15px;
			border-top:1px dotted #ccc;
			padding-top:15px;
			}
			.language td > div div{
				margin-bottom:10px;
				}
			.language td > div p,
			.language td > div select{
				display:inline-block;
				margin-right:10px;
				height: 25px;
			}
	.student td label:not(:first-child),
	.school_type td label:not(:first-child){
		margin-left:15px;
		}
	.course td label{
		display:inline-block;
		vertical-align:top;
		margin-right:3%;
		}
	.field td label{
		display:inline-block;
		width:30%;
		padding-right:2%;
		vertical-align:top;
		}
	.registration_btn{
		text-align:center;
		margin-top:100px;
		}
		
			.registration_btn button{
				text-align:center;
				display:inline-block;
				color:#fff!important;
				font-weight:bold;
				font-size:15px;
				padding:10px 60px 8px;
				max-width:350px;
				border-radius:5px;
				box-sizing:border-box;
				box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
				-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
				/* -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6); */
				border:none;
				transition:500ms;
				background-color:#D71717;
				position:relative;
				}
			.registration_btn button:hover{
				opacity:0.6;
				transition:500ms;
				}
				.registration_btn button::after{
					content:"";
					background-image:url(../../img/common/icon_arrow_right.png);
					width:16px;
					height:16px;
					position:absolute;
					right:10px;
					top:50%;
					margin-top:-8px;
					}
		.registration_btn p{
			margin-top:15px;
			}
		
	.caution{
		margin-top:20px;
		padding:15px 15px 15px 70px;
		background-color:#FFE9DF;
		position:relative;
		}
	.caution p{
		margin:15px 0 5px;
		}
		.caution:before{
			width:32px;
			height:32px;
			background-image:url(../../img/search/icon_coution.png);
			background-size:cover;
			content:"";
			position:absolute;
			left:20px;
			top:15px;
			}
	.caution_yellow{
		margin-top:20px;
		padding:15px 15px 15px 70px;
		background-color:#FFFDEA;
		position:relative;
		margin-bottom:30px;
		}
	.caution_yellow p{
		margin:15px 0 5px;
		}
		.caution_yellow:before{
			width:32px;
			height:32px;
			background-image:url(../../img/common/icon_coution_y.png);
			background-size:cover;
			content:"";
			position:absolute;
			left:20px;
			top:50%;
			margin-top:-16px;
			}
	
	.reset-logo{
		text-align: center;
		padding: 10px 0px;
	}
	.reset-logo img{
		width: 164px;
	}
		

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sp */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (max-width: 800px){
	
		
	.content_wrap form > .sec:not(:nth-of-type(1)){
		margin-top:50px;
		}
		.table th{
			vertical-align:top;
			text-align:left;
			}
	
	.request_table th,
	.request_table td{
		text-align:center;
		}
	.event_table th,
	.event_table td{
		text-align:center;
		}
			
		.request_link{
			margin-top:30px;
			text-align:center;
			}
			
		#personal table{
			width:100%;
			}
			#personal table th,
			#personal table td{
				display:block;
				}
			#personal table th{
				padding-top:20px;
				padding-bottom:10px;
				text-align:left;
				}
			#personal table td{
				border-bottom:1px solid #CCC;
				padding-bottom:20px;
				}
			#personal table tr:first-child th{
				padding-top:0;
				}
			#personal table tr:last-child th,
			#personal table tr:last-child td{
				border-bottom:none;
				}
			#personal table tr:last-child td{
				padding-bottom:0;
				}
			#personal table td{
				}
				#personal table .no_border_btm th,
				#personal table .no_border_btm td{
					border-bottom:none;
					}
				#personal table .no_border_btm td{
					padding-bottom:0;
					}
	
	.intro{
		margin-bottom: 20px;
		}
	
	.help{
		margin: 10px 0px;
		}
		.help p{
			position:relative;
			padding-left:22px;
			margin-bottom:5px;
			}
		.help p::before{
			content:"";
			width:16px;
			height:16px;
			background-image:url(../../img/search/icon_help.png);
			position:absolute;
			left:0;
			top:50%;
			margin-top:-8px;
			}
		.form-help > .hint {
			position:relative;
			padding-left:22px;
			margin-bottom:5px;
		}
		.form-help span.hint::before {
			content:"";
			width:16px;
			height:16px;
			background-image:url(../../img/search/icon_help.png);
			position:absolute;
			margin-left: -18px;
			}
	
	.request_table tr:nth-of-type(1) th:nth-of-type(2){
		width:50%;
		}
	.event_table tr:nth-of-type(1) th:nth-of-type(2){
		width:50%;
		}
					
	/*  フォーム   */
	input[type="text"]{
		padding: 0 5px;
		height:25px;
		box-sizing:border-box;
		width:100%;
		border:1px solid #ccc;
		}
	input[type="password"]{
		padding: 0 5px;
		height:25px;
		box-sizing:border-box;
		border:1px solid #ccc;
    width: 300px;
		}
	input[type="radio"]{
		margin-right:5px;
		}
	input[type="checkbox"]{
		margin-right:5px;
		}
	.mail input,
	.school_name input{
		max-width:400px;
		}
	.name input,
	.phonenumber input{
		max-width:150px;
		}
	.zip input,
	.language input{
		max-width:80px;
		}
	.language input.number{
		max-width:150px;
		}
	.zip button{
		height:25px;
		padding: 0 8px;
		background-color:#fff;
		border:1px solid #ccc;
		}
	.address input,
	.phone input{
		max-width:400px;
		}
		.name p,.password p{
			margin-bottom:5px;
			}
	.gender td label:not(:first-child){
		margin-left:15px;
		}
	.language input{
		margin-right:5px;
		}
		.language td > div:not(:first-child){
			margin-top:15px;
			border-top:1px dotted #ccc;
			padding-top:15px;
			}
			.language td > div div{
				margin-bottom:10px;
				}
			.language td > div p,
			.language td > div select{
				display:inline-block;
				margin-right:10px;
				margin-bottom:5px;
				}
	.student td label:not(:first-child),
	.school_type td label:not(:first-child){
		margin-left:15px;
		}
	.course td label{
		display:inline-block;
		vertical-align:top;
		margin-right:3%;
		margin-bottom: 5px;
		}
	.field td label{
		display:inline-block;
		width:46%;
		padding-right:2%;
		vertical-align:top;
		margin-top:10px;
		}
	.registration_btn{
		text-align:center;
		margin-top:100px;
		}
		.registration_btn p{
			margin-top:30px;
			}
		
			.registration_btn button{
				text-align:center;
				display:inline-block;
				color:#fff!important;
				font-weight:bold;
				font-size:15px;
				padding:10px 60px 8px;
				max-width:350px;
				border-radius:5px;
				box-sizing:border-box;
				box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
				-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
				/* -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6); */
				border:none;
				transition:500ms;
				background-color:#D71717;
				position:relative;
				}
			.registration_btn button:hover{
				opacity:0.6;
				transition:500ms;
				}
				.registration_btn button::after{
					content:"";
					background-image:url(../../img/common/icon_arrow_right.png);
					width:16px;
					height:16px;
					position:absolute;
					right:10px;
					top:50%;
					margin-top:-8px;
					}
		
	.caution{
		margin-top:20px;
		padding:65px 15px 15px 15px;
		background-color:#FFE9DF;
		position:relative;
		}
	.caution p{
		margin:15px 0 5px;
		}
		.caution:before{
			width:32px;
			height:32px;
			background-image:url(../../img/search/icon_coution.png);
			background-size:cover;
			content:"";
			position:absolute;
			left:50%;
			margin-left:-16px;
			top:15px;
			}
			
	.caution_yellow{
		padding:65px 15px 15px 15px;
		background-color:#FFFDEA;
		position:relative;
		margin-bottom:30px;
		}
	.caution_yellow p{
		margin:15px 0 5px;
		}
		.caution_yellow:before{
			width:32px;
			height:32px;
			background-image:url(../../img/common/icon_coution_y.png);
			background-size:cover;
			content:"";
			position:absolute;
			left:50%;
			margin-left:-16px;
			top:15px;
			}
		
	.reset-logo{
		text-align: center;
		padding: 10px 0px;
	}
	.reset-logo img{
		width: 154px;
	}
		
	

}