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


body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100 – 900;
  font-style: normal;
}

/* PC用CSS記述 */
@media screen and (min-width: 960px){
body {
    text-align: center;
    margin: 0 auto;
    width: 90%;
    max-width: 500px; 
}
	
#logo{
	text-align: center;
	}
	
#logo img {
	widows: auto;
	padding: 50px 0;
	}	
	
a {
	text-decoration: none;
	outline:none;
	text-align: center;
	border-style:none;	
	color: #062c87;
	}

.material-symbols-outlined{
	font-size: 1.5em;
	vertical-align: text-top;
	}


	
#pten, #jbracademy{
	text-align: center;
	width: 500px;
	height: 30px;
	background-color: #062c87;
	padding: 30px 0px;
	margin-bottom: 20px;
	border-radius: 10px;
	}	
	
	
.blue {
	color: #fff;
	font-size: 1.3em;
	text-indent: 1em;
	}

#jbrco {
	text-align: center;
	width: 500px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #062c87;
	padding: 30px 0px;
	margin-bottom: 100px;
	border-radius: 10px;
	font-size: 1.3em;
	text-indent: 1em;
	}	
	
#announcement {
	background-color: #eeeef0;
	color: #000000;
	}
	
p {
	text-align: left;
	padding: 15px 5px;
	margin: 20px;
	font-size: 0.8em;
	}
	
	
footer {
	padding: 50px 0px;
	}	
	
small{
	font-size: 0.5em;	
	}	

}






	/* スマートフォン用CSS記述 */
@media screen and (max-width: 959px) {
body {
    text-align: center;
    margin: 0 auto;
	width: 100%;
	}
	
#logo{
	text-align: center;
	}	
	
#logo img{
	width: 80%;
	height: auto;
	padding: 20px 0px 20px 0px;
	}

a {
	text-decoration: none;
	outline:none;
	text-align: center;
	border-style:none;	
	color: #062c87;
	}

.material-symbols-outlined{
	font-size: 1.1em;
	vertical-align: text-bottom;
	}

#pten, #jbracademy {
	margin: 0 auto;
	width: 340px;
	height: 30px;
	background-color: #062c87;
	padding: 30px 0px;
	margin-bottom: 20px;
	border-radius: 10px;
	}	

.blue {
	color: #fff;
	font-size: 1.3em;
	text-indent: 1em;
	}
	
#jbrco {
	margin: 0 auto;
	width: 340px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #062c87;
	padding: 30px 0px;
	margin-bottom: 100px;
	border-radius: 10px;
	font-size: 1.3em;
	text-indent: 1em;
	}	
	
#announcement {
	margin: 0 auto;
	background-color: #eeeef0;
	color: #000000;
	width: 340px;
	}
	
#announcement p {
	text-align: left;
	padding: 15px 5px;
	margin: 10px;
	font-size: 0.8em;
	}
	
	
footer {
	padding: 50px 0px;
	}	
	
small{
	font-size: 0.5em;	
	}	

}