@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

html{
	font-size: 100%;
	font-size: 0.9rem;
	
}
.wrapper{
	max-width: 960px;
	margin: 50px auto 50px auto;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	padding: 0 4%;
	line-height: 1.5rem;
}

h2,h3{
	padding: 10px 10px 10px 0;
	color: #10253E;
}
p{
	color: #10253E;
}

img{
	max-width: 100%;
}
ul{
	display: flex;
	list-style: none;
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 4%;
	line-height: 1.5rem;
}
li{
	padding: 20px;
}
.text{
	margin-top: 20px;
}
.explanation{
	max-width: 960px;
	margin: 50px auto 50px auto;
	font-size: 0.9rem;
	color: #10253E;
	letter-spacing: 0.1em;
	padding: 0 4%;
	line-height: 1.5rem;
}
.title{
	max-width: 960px;
	margin: 10px auto 10px auto;
	font-size: 0.9rem;
	color: #10253E;
	padding: 0 4%;
	line-height: 1.5rem;
}




.imgDiv{
	max-width: 375px;
	max-height: 667px;
	overflow: scroll;
}

@media screen and (max-width:600px){
	ul{
		display: block;
	}
	
	
}