@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: 'Noto Sans JP', sans-serif;
	color:#111111 ;
    }

.weight100   {
	font-weight:100
	}
	
.weight300   {
	font-weight:300
	}
	
.weight400   {
	font-weight:400
	}
	
.weight500   {
	font-weight:500
	}
	
.weight600   {
	font-weight:600
	}
	
.weight700   {
	font-weight:700
	}
	
.weight900   {
	font-weight:900
	}	

/* font-size */

h2{
	font-size: 2.4rem;
	font-weight: 700;
}

h3{
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}

h4{
	font-size: 1.4rem;
	font-weight: 600;
}

p{
	font-size:  1.2rem;
	font-weight: 500;
	margin: 0;
}

a{
	color: #00A1E0;
	font-size: 1.0rem;
	text-decoration: none;
}

.caution{
	font-size: 0.8rem;
	font-weight: 400;
	color: #777777;
	text-align: center;
	display: block;
	margin-top: 4px;
}

span{
	color: #42deb1;
	font-size: 1.5em;
	font-weight: 700;
}

strong{
	font-size: 5.8rem;
}

@media screen and (max-width: 960px) {
	h2{
		font-size: 2.0rem;
		font-weight: 700;
	}
	
	h3{
		font-size: 1.6rem;
		font-weight: 700;
	}
	h4{
		font-size: 1.0rem;
		font-weight: 700;
	}

	a{
		color: #00A1E0;
		font-size: 0.9rem;
		text-decoration: none;
	}
	
	p{
		font-size: 1.0rem;
		font-weight: 500;
		font-weight: 400;
	}

	span{
		color: #42deb1;
		font-size: 1.5em;
		font-weight: 700;
	}
	
	strong{
		font-size: 4rem;
	}
	
	
}


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

	
	h2{
		font-size: 1.6rem;
		font-weight: 700;
	}
	
	h3{
		font-size: 1.2rem;
		font-weight: 700;
	}
	h4{
		font-size: 1.0rem;
		font-weight: 700;
	}

	a{
		color: #00A1E0;
		font-size: 0.9rem;
		text-decoration: none;
	}
	
	p{
		font-size: 0.9rem;
		font-weight: 500;
		font-weight: 400;
	}
	
	.caution{
		font-size: 0.9rem;
		font-weight: 400;
	}

	span{
		color: #42deb1;
		font-size: 1.5em;
		font-weight: 700;
	}
	
	strong{
		font-size: 3rem;
	}
	
	
}