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

body{
	font-size: 1.2em;
	line-height: 2.0;
	margin:0px;
}

.header,.main,.footer,.menu{
	width: 80%;
	margin: 0 auto;
}

footer{
	background-color:#b8d6e6;
}



h1,h2,h3{
	margin:0px 0px 10px 0px;
	text-align: center;
}

p{
	margin:10px 0;
	text-align: center;
}



img{
	max-width: 100%;
	margin: auto;
}





.flex{
	display: flex;
	justify-content: space-between;
}




.spnav{
	display:none;
}





.nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}

.nav li{
	margin: auto;
	flex: auto;
}



.nav a{
	display: block;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}

.nav a:hover{
	background-color:#b8d6e6;
}








.section{
	background-color:#fff599;
	width: 100%;
	height:auto;
	/*border: solid 1px #000000;*/
	border-radius: 10px; 
	margin: 2% 1%;
	padding: 1%;
}




a{
	margin: auto;
	display: block;
}




button{
	cursor: pointer;
	border-radius: 10px;
}





/*spbuttonとpcbuttonの設定*/



.spbutton{
	display: none;
}



.pcbutton{
	display: flex;
	width: 80%;
	margin: auto;
	justify-content: space-between;
}

.pcbutton a{
	padding: 70px;
}

.problembutton_teach{
	background-image:url("Image/buttonBack/teach_pc.png");
	background-repeat: no-repeat;
	margin: 2% 0;
}

.problembutton_product{
	background-image:url("Image/buttonBack/product_pc.png");
	background-repeat: no-repeat;
	margin: 2% 0;
}

.problembutton_hunger{
	background-image:url("Image/buttonBack/hunger_pc.png");
	background-repeat: no-repeat;
	margin: 2% 0;
}

.problembutton_town{
	background-image:url("Image/buttonBack/town_pc.png");
	background-repeat: no-repeat;
	margin: 2% 0;
}

.problembutton_peace{
	background-image: url("Image/buttonBack/peace_pc.png");
	background-repeat: no-repeat;
	margin: 2% 0;
}

.problembutton_gender{
	background-image: url("Image/buttonBack/gender_pc.png");
	background-repeat: no-repeat;
	margin: 2% 0;
}