@charset "utf-8";

/*=========================================*/
/* 受験生の方へ（合格発表） */
/*=========================================*/


/*-- COMMON TITLE --*/

@media all and (min-width:1201px), print{

.common_title_bg{
	background-image:url(../nyushi/images/common_title_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

}

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

.common_title_bg{
	background-image:url(../nyushi/images/common_title_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

}


/*-- SUB TITLE --*/

@media all and (min-width:961px), print{

.testguide_main_title{
	padding:20px 0px 50px 0px;
	font-size:175%;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#0f0f0f;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
	text-align:center;
}

.testguide_sub_title{
	margin:0px 0px 25px 0px;
	padding:15px 20px 13px 20px;
	font-size:100%;
	line-height:150%;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
	background:linear-gradient(90deg, #64bec8 50%, #46b4d2 100%);
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

}

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

.testguide_main_title{
	padding:20px 0px 40px 0px;
	font-size:150%;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#0f0f0f;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
	text-align:center;
}

.testguide_sub_title{
	margin:0px 0px 20px 0px;
	padding:12px 20px 10px 20px;
	font-size:95%;
	line-height:150%;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
	background:linear-gradient(90deg, #64bec8 50%, #46b4d2 100%);
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

}

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

.testguide_main_title{
	padding:20px 0px 30px 0px;
	font-size:120%;
}

.testguide_sub_title{
	margin:0px 0px 15px 0px;
	padding:12px 15px 10px 15px;
	font-size:85%;
}

}


/*-- LOGIN --*/

@media all and (min-width:961px), print{

#login_area{
	margin:0px 0px 50px 0px;
	width:100%;
	background-color:#fafafa;
	border:2px solid #d2d2d2;
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

#login_area .text{
	padding:50px 50px 30px 50px;
	font-size:85%;
	line-height:180%;
	color:#333333;
	text-align:center;
}

#login_area .text_err{
	padding:0px 50px 30px 50px;
	font-size:85%;
	line-height:180%;
	color:#cc0000;
	text-align:center;
}

.login_form{
	margin:0px auto 0px auto;
	padding:0px 0px 30px 0px;
	width:500px;
}

dl.login_form dt p{
	padding:10px 0px 0px 0px;
}

dl.login_form dt{
	float:left;
	padding:8px 0px 8px 0px;
	font-size:85%;
	line-height:180%;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

dl.login_form dd{
	padding:8px 0px 8px 100px;
	font-size:85%;
	line-height:180%;
	color:#666666;
	text-align:left;
}

.login_box{
	padding:15px 10px 15px 10px;
	width:400px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.login_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	width:300px;
	overflow:hidden;
}

.login_btn_send{
	float:left;
	width:300px;
	font-size:100%;
	text-align:center;
}

.login_btn_send a{
	padding:22px 0px 20px 0px;
	background-color:#64bec8;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	        border-radius:30px;
}

.login_btn_send a:link{ color:#ffffff; text-decoration:none; }
.login_btn_send a:visited{ color:#ffffff; text-decoration:none; }
.login_btn_send a:hover,active{ color:#ffffff; background-color:#46a5b4; }

}

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

#login_area{
	margin:0px 0px 40px 0px;
	width:100%;
	background-color:#fafafa;
	border:2px solid #d2d2d2;
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

#login_area .text{
	padding:40px 40px 20px 40px;
	font-size:80%;
	line-height:180%;
	color:#333333;
	text-align:center;
}

#login_area .text_err{
	padding:0px 40px 20px 40px;
	font-size:80%;
	line-height:180%;
	color:#cc0000;
	text-align:center;
}

.login_form{
	margin:0px auto 0px auto;
	padding:0px 0px 20px 0px;
	width:400px;
}

dl.login_form dt p{
	padding:10px 0px 0px 0px;
}

dl.login_form dt{
	float:left;
	padding:5px 0px 5px 0px;
	font-size:80%;
	line-height:180%;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

dl.login_form dd{
	padding:5px 0px 5px 100px;
	font-size:80%;
	line-height:180%;
	color:#666666;
	text-align:left;
}

.login_box{
	padding:15px 10px 15px 10px;
	width:300px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.login_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
	width:240px;
	overflow:hidden;
}

.login_btn_send{
	float:left;
	width:240px;
	font-size:95%;
	text-align:center;
}

.login_btn_send a{
	padding:20px 0px 18px 0px;
	background-color:#64bec8;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	        border-radius:30px;
}

.login_btn_send a:link{ color:#ffffff; text-decoration:none; }
.login_btn_send a:visited{ color:#ffffff; text-decoration:none; }
.login_btn_send a:hover,active{ color:#ffffff; background-color:#46a5b4; }

}

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

#login_area{
	margin:0px 0px 30px 0px;
}

#login_area .text{
	padding:30px 30px 15px 30px;
	font-size:75%;
}

#login_area .text_err{
	padding:0px 30px 15px 30px;
	font-size:75%;
}

.login_form{
	padding:0px 30px 15px 30px;
	width:auto;
}

dl.login_form dt p{
	padding:0px 0px 0px 5px;
}

dl.login_form dt{
	float:none;
	padding:0px 0px 5px 0px;
	font-size:75%;
}

dl.login_form dd{
	padding:0px 0px 10px 0px;
	font-size:75%;
}

.login_box{
	padding:10px 10px 10px 10px;
	width:100%;
}

.login_btn{
	padding:0px 0px 30px 0px;
	width:200px;
}

.login_btn_send{
	width:200px;
	font-size:85%;
}

.login_btn_send a{
	padding:17px 0px 15px 0px;
}

}

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

#login_area .text{
	padding:30px 20px 15px 20px;
}

#login_area .text_err{
	padding:30px 20px 15px 20px;
}

.login_form{
	padding:0px 20px 15px 20px;
}

.login_btn{
	width:180px;
}

.login_btn_send{
	width:180px;
}

.login_btn_send a{
	padding:15px 0px 13px 0px;
}

}


/*-- TEXT --*/

@media all and (min-width:961px), print{

.testguide_catch{
	padding:0px 10px 50px 10px;
	font-size:175%;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#0f0f0f;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
	text-align:center;
}

.testguide_numb{
	padding:50px 10px 10px 10px;
	font-size:125%;
	line-height:150%;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

}

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

.testguide_catch{
	padding:0px 10px 40px 10px;
	font-size:150%;
	line-height:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#0f0f0f;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
	text-align:center;
}

.testguide_numb{
	padding:50px 10px 10px 10px;
	font-size:115%;
	line-height:150%;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

}

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

.testguide_catch{
	padding:0px 10px 30px 10px;
	font-size:120%;
}

.testguide_numb{
	padding:30px 5px 10px 5px;
	font-size:105%;
}

}

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

.testguide_catch{
	padding:20px 5px 5px 5px;
}

}


/*-- MAIN TABLE --*/

@media all and (min-width:961px), print{

.testguide_list_area{
	padding:10px 50px 20px 50px;
}

.testguide_list_area table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.testguide_list_area table th{
	width:30%;
	background-color:#f5f5f5;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	text-align:left;
}

.testguide_list_area table td{
	width:70%;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	text-align:left;
}

.testguide_list_area table p{
	padding:15px 20px 13px 20px;
	font-size:85%;
	line-height:150%;
	color:#333333;
}

}

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

.testguide_list_area{
	padding:10px 40px 20px 40px;
}

.testguide_list_area table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.testguide_list_area table th{
	width:30%;
	background-color:#f5f5f5;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	text-align:left;
}

.testguide_list_area table td{
	width:70%;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	text-align:left;
}

.testguide_list_area table p{
	padding:15px 15px 13px 15px;
	font-size:80%;
	line-height:150%;
	color:#333333;
}

}

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

.testguide_list_area{
	padding:5px 30px 15px 30px;
}

.testguide_list_area table{
	border-top:1px solid #d2d2d2;
}

.testguide_list_area table th{
	width:100%;
	border-top:none;
	display:block;
}

.testguide_list_area table td{
	width:100%;
	border-top:none;
	display:block;
}

.testguide_list_area table p{
	padding:12px 10px 10px 10px;
	font-size:75%;
}

}

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

.testguide_list_area{
	padding:5px 15px 15px 15px;
}

}


/*-- CHECK --*/

@media all and (min-width:961px), print{

#privacy_check{
	margin:0px 50px 20px 50px;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

#privacy_check p{
	font-size:85%;
	line-height:180%;
	color:#333333;
	text-align:center;
}

#privacy_check .text{
	padding:0px 0px 5px 0px;
}

}

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

#privacy_check{
	margin:0px 40px 20px 40px;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

#privacy_check p{
	font-size:80%;
	line-height:180%;
	color:#333333;
	text-align:center;
}

#privacy_check .text{
	padding:0px 0px 5px 0px;
}

}

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

#privacy_check{
	margin:0px 30px 15px 30px;
	padding:15px 15px 15px 15px;
}

#privacy_check p{
	font-size:75%;
}

}

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

#privacy_check{
	margin:0px 15px 15px 15px;
}

}


/*-- FORM --*/

@media all and (min-width:961px), print{

input[type=checkbox]{
	display:none;
}

input[type=checkbox]:checked + .form_checkbox:before{
	opacity:1;
}

.form_checkbox{
	position:relative;
	padding:0px 20px 0px 30px;
}

.form_checkbox:after,
.form_checkbox:before{
	position:absolute;
	top:50%;
	content:"";
	display:block;
}

.form_checkbox:after{
	margin-top:-10px;
	left:0px;
	width:16px;
	height:16px;
	border:2px solid #aaaaaa;
}

.form_checkbox:before{
	margin-top:-8px;
	left:6px;
	width:5px;
	height:10px;
	border-right:3px solid #cc0000;
	border-bottom:3px solid #cc0000;
	transform:rotate(45deg);
	opacity:0;
}

.form_checkbox:hover:after{
	border-color:#333333;
}

.form_checkbox{
	cursor:pointer;
}

}

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

input[type=checkbox]{
	display:none;
}

input[type=checkbox]:checked + .form_checkbox:before{
	opacity:1;
}

.form_checkbox{
	position:relative;
	padding:0px 20px 0px 30px;
}

.form_checkbox:after,
.form_checkbox:before{
	position:absolute;
	top:50%;
	content:"";
	display:block;
}

.form_checkbox:after{
	margin-top:-10px;
	left:0px;
	width:16px;
	height:16px;
	border:2px solid #aaaaaa;
}

.form_checkbox:before{
	margin-top:-8px;
	left:6px;
	width:5px;
	height:10px;
	border-right:3px solid #cc0000;
	border-bottom:3px solid #cc0000;
	transform:rotate(45deg);
	opacity:0;
}

.form_checkbox:hover:after{
	border-color:#333333;
}

.form_checkbox{
	cursor:pointer;
}

}


/*-- FORM BUTTON --*/

@media all and (min-width:961px), print{

.form_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	width:420px;
	overflow:hidden;
}

.form_btn_send{
	float:left;
	margin:0px 10px 0px 10px;
	width:400px;
	font-size:100%;
	text-align:center;
}

.form_btn_send a{
	padding:22px 0px 20px 0px;
	background-color:#64bec8;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	        border-radius:30px;
}

.form_btn_send a:link{ color:#ffffff; text-decoration:none; }
.form_btn_send a:visited{ color:#ffffff; text-decoration:none; }
.form_btn_send a:hover,active{ color:#ffffff; background-color:#46a5b4; }

}

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

.form_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
	width:350px;
	overflow:hidden;
}

.form_btn_send{
	float:left;
	margin:0px 5px 0px 5px;
	width:340px;
	font-size:95%;
	text-align:center;
}

.form_btn_send a{
	padding:20px 0px 18px 0px;
	background-color:#64bec8;
	display:block;
	transition:0.5s ease-out;
	/* radius */
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	        border-radius:30px;
}

.form_btn_send a:link{ color:#ffffff; text-decoration:none; }
.form_btn_send a:visited{ color:#ffffff; text-decoration:none; }
.form_btn_send a:hover,active{ color:#ffffff; background-color:#46a5b4; }

}

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

.form_btn{
	padding:0px 0px 30px 0px;
	width:250px;
}

.form_btn_send{
	margin:0px 0px 10px 0px;
	width:250px;
	font-size:85%;
}

.form_btn_send a{
	padding:18px 0px 16px 0px;
}

}