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

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

.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: 2rem;
	text-align: center;
	font-weight: 700;
}

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

h4{
	font-size: 1.4rem;
	text-align: center;
	font-weight: 700;
	margin-bottom: 1rem;
}

  
span{
font-weight: 700;
font-size: 4.8rem;
color: #42DEB1;
}
  

p{
	font-size:  1rem;
	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;
}

strong{
	font-size: 5.8rem;
}

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

	h2{
		font-size: 1.6rem;
		text-align: center;
		font-weight: 700;
	}

	h3{
		font-size: 1.4rem;
		text-align: center;
		font-weight: 700;
	}
	
	h4{
		font-size: 1.2rem;
	}
	
	  
	span{
	font-weight: 900;
	font-size: 3.2rem;
	}
	

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


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

	
	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;
	}

	strong{
		font-size: 3rem;
	}
	
	
}