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

html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin:0;padding:0; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
body.open_navigation{	position: fixed;height: 100vh;}

.mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.clearfix:after{content: "";clear: both;display: block;}
.alternate-gothic{font-family: "alternate-gothic-atf", sans-serif;font-style: normal;}
:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

@media (min-width:1051px) {
	#login_wrapper{background: #f2f2f2;padding: 80px 0 0 0;}
	
	#login_wrapper #coming_soon p{margin: 0 auto 10px auto;padding:0px;text-align: center}
	#login_wrapper #coming_soon p:first-of-type{font-size:28px;letter-spacing: 1px;color: #9bc0c4;text-align: center;font-weight:400;}
	#login_wrapper #coming_soon p:last-of-type{font-size:14px;letter-spacing: 0px;color: #344f63;text-align: center;font-weight: 500;}
	
	#login_wrapper .inner{width:480px;margin: 0 auto 80px auto;padding: 60px 50px;background: white}
	#login_wrapper .inner h1{margin: 0 auto 10px auto;padding: 0;text-align: center;font-weight: 500;font-size: 18px;letter-spacing: 1px;color: #000}
	#login_wrapper .inner h1 span{display: block;font-size: 15px;}
	#login_wrapper .inner h2{margin: 0 auto 30px auto;padding: 0;text-align: center;font-weight: 600;font-size: 24px;letter-spacing: 1px;color: #000}
	
	#login_wrapper .inner .unit{margin: 0 auto 10px auto;}
	#login_wrapper .inner .unit p{margin: 0 auto 5px auto;padding: 0;font-size: 14px;letter-spacing: 1px;color: #000}
	#login_wrapper .inner .unit input[type=text],
	#login_wrapper .inner .unit input[type=password]{outline: 0;border:1px solid #cccccc; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border-radius: 3px}
	#login_wrapper .inner .unit input[type=text]:focus,
	#login_wrapper .inner .unit input[type=password]:focus{border:1px solid #0099b2;background: #F6F6F6}
	#login_wrapper .inner input[type=submit].submit_login{-webkit-appearance: none; outline: 0;border: 0;display: block;width:100%;margin:20px auto 40px auto;padding: 15px 0;background:#0099b2; font-size:15px; letter-spacing:1px;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;border-radius: 3px}
	#login_wrapper .inner input[type=submit].submit_login:hover{background:#11a4ed;}
	
	#login_wrapper .inner #new_enrollment{margin: 0 auto 0px auto;padding:30px 0 0 0;border-top: 1px solid #ECECEC}
	#login_wrapper .inner #new_enrollment h3{margin: 0 auto 5px auto;padding: 0;font-size: 18px;letter-spacing: 1px;color: #000;text-align: center;font-weight: 600;}
	#login_wrapper .inner #new_enrollment p{margin: 0 auto 20px auto;padding: 0;font-size: 14px;letter-spacing: 0px;color: #000;text-align: center;}	
	#login_wrapper .inner #new_enrollment a{display: block;background:#004aa1;text-align: center;padding: 15px 0 ;font-size: 15px;letter-spacing: 1px;color: white;text-decoration: none;border-radius: 3px}
	#login_wrapper .inner #new_enrollment a:hover{background:#11a4ed;}
	
	#login_wrapper small{display: block;background: white;width: 100%; text-align: center;padding: 30px 0 0 0;font-size: 11px;letter-spacing: 1px;}		
}

@media screen and (min-width:701px) and ( max-width:1050px)  {	
	#login_wrapper{background: #f2f2f2;padding: 80px 0 0 0;}
	
	#login_wrapper #coming_soon p{margin: 0 auto 10px auto;padding:0px;text-align: center}
	#login_wrapper #coming_soon p:first-of-type{font-size:28px;letter-spacing: 1px;color: #9bc0c4;text-align: center;font-weight: 400;}
	#login_wrapper #coming_soon p:last-of-type{font-size:14px;letter-spacing: 0px;color: #344f63;text-align: center;font-weight: 500;}
	
	#login_wrapper .inner{width:480px;margin: 0 auto 80px auto;padding: 60px 50px;background: white}
	#login_wrapper .inner h1{margin: 0 auto 10px auto;padding: 0;text-align: center;font-weight: 500;font-size: 18px;letter-spacing: 1px;color: #000}
	#login_wrapper .inner h1 span{display: block;font-size: 15px;}
	#login_wrapper .inner h2{margin: 0 auto 30px auto;padding: 0;text-align: center;font-weight: 600;font-size: 24px;letter-spacing: 1px;color: #000}
	
	#login_wrapper .inner .unit{margin: 0 auto 10px auto;}
	#login_wrapper .inner .unit p{margin: 0 auto 5px auto;padding: 0;font-size: 14px;letter-spacing: 1px;color: #000}
	#login_wrapper .inner .unit input[type=text],
	#login_wrapper .inner .unit input[type=password]{outline: 0;border:1px solid #cccccc; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border-radius: 3px}
	#login_wrapper .inner .unit input[type=text]:focus,
	#login_wrapper .inner .unit input[type=password]:focus{border:1px solid #0099b2;background: #F6F6F6}
	#login_wrapper .inner input[type=submit].submit_login{-webkit-appearance: none; outline: 0;border: 0;display: block;width:100%;margin:20px auto 40px auto;padding: 15px 0;background:#0099b2; font-size:15px; letter-spacing:1px;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;border-radius: 3px}
	#login_wrapper .inner input[type=submit].submit_login:hover{background:#11a4ed;}
	
	#login_wrapper .inner #new_enrollment{margin: 0 auto 0px auto;padding:30px 0 0 0;border-top: 1px solid #ECECEC}
	#login_wrapper .inner #new_enrollment h3{margin: 0 auto 5px auto;padding: 0;font-size: 18px;letter-spacing: 1px;color: #000;text-align: center;font-weight: 600;}
	#login_wrapper .inner #new_enrollment p{margin: 0 auto 20px auto;padding: 0;font-size: 14px;letter-spacing: 0px;color: #000;text-align: center;}	
	#login_wrapper .inner #new_enrollment a{display: block;background:#004aa1;text-align: center;padding: 15px 0 ;font-size: 15px;letter-spacing: 1px;color: white;text-decoration: none;border-radius: 3px}
	#login_wrapper .inner #new_enrollment a:hover{background:#11a4ed;}
	
	#login_wrapper small{display: block;background: white;width: 100%; text-align: center;padding: 30px 0 0 0;font-size: 11px;letter-spacing: 1px;}		
}

@media (max-width: 700px) {
	#login_wrapper{background: #f2f2f2;padding: 30px 0 0 0;}
	
	#login_wrapper #coming_soon p{margin: 0 auto 10px auto;padding:0px;text-align: center}
	#login_wrapper #coming_soon p:first-of-type{font-size:20px;letter-spacing: 0px;color: #9bc0c4;text-align: center;font-weight: 400;}
	#login_wrapper #coming_soon p:last-of-type{font-size:12px;letter-spacing: 0px;color: #344f63;text-align: center;font-weight: 500;}
	
	#login_wrapper .inner{width:85%;margin: 0 auto 30px auto;padding: 60px 20px 30px 20px;background: white}
	#login_wrapper .inner h1{margin: 0 auto 10px auto;padding: 0;text-align: center;font-weight: 500;font-size: 16px;letter-spacing: 1px;color: #000}
	#login_wrapper .inner h1 span{display: block;font-size: 12px;}
	#login_wrapper .inner h2{margin: 0 auto 30px auto;padding: 0;text-align: center;font-weight: 600;font-size: 20px;letter-spacing: 1px;color: #000}
	
	#login_wrapper .inner .unit{margin: 0 auto 10px auto;}
	#login_wrapper .inner .unit p{margin: 0 auto 5px auto;padding: 0;font-size: 14px;letter-spacing: 1px;color: #000}
	#login_wrapper .inner .unit input[type=text],
	#login_wrapper .inner .unit input[type=password]{outline: 0;border:1px solid #cccccc; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border-radius: 3px}
	#login_wrapper .inner .unit input[type=text]:focus,
	#login_wrapper .inner .unit input[type=password]:focus{border:1px solid #0099b2;background: #F6F6F6}
	#login_wrapper .inner input[type=submit].submit_login{-webkit-appearance: none; outline: 0;border: 0;display: block;width:100%;margin:20px auto 40px auto;padding: 15px 0;background:#0099b2; font-size:15px; letter-spacing:1px;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;border-radius: 3px}
	#login_wrapper .inner input[type=submit].submit_login:hover{background:#11a4ed;}
	
	#login_wrapper .inner #new_enrollment{margin: 0 auto 0px auto;padding:30px 0 0 0;border-top: 1px solid #ECECEC}
	#login_wrapper .inner #new_enrollment h3{margin: 0 auto 5px auto;padding: 0;font-size: 18px;letter-spacing: 1px;color: #000;text-align: center;font-weight: 600;}
	#login_wrapper .inner #new_enrollment p{margin: 0 auto 20px auto;padding: 0;font-size: 14px;letter-spacing: 0px;color: #000;text-align: center;}	
	#login_wrapper .inner #new_enrollment a{display: block;background:#004aa1;text-align: center;padding: 15px 0 ;font-size: 15px;letter-spacing: 1px;color: white;text-decoration: none;border-radius: 3px}
	#login_wrapper .inner #new_enrollment a:hover{background:#11a4ed;}
	
	#login_wrapper small{display: block;background: white;width: 100%; text-align: center;padding: 30px 5% 0 5%;font-size: 10px;letter-spacing: 0px;box-sizing: border-box;}			
}