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

body{
	font-size: 1em;
	line-height: 1.8;
}



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




.nav ul{
	display: none;
}




.spnav{
	display: block;
}

.spnav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.spnav a{
	display: block;
	text-decoration: none;
	padding: 10px;
	text-align: center;
}

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




.section{
	margin: 3% auto;
}

.flex{
	display:block;
}

div{
	width: auto;
	margin:auto;
}


/*spbuttonとpcbuttonの設定*/


.pcbutton{
	display: none;
}

.spbutton{
	display: flex;
}

.spbutton{
	width: 80%;
	margin: auto;
	justify-content: space-between;
}

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

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

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

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

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

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

.spbutton a{
	padding: 50px;
}