@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,header,main,aside,footer,article,section,nav,p,img,div,ul,li,a,footer,figure,figcaption,label,dl,dt,dd{
	margin: 0;
	padding: 0;
}

ul{
	list-style-type: none;
}

a{
	text-decoration: none;
	color: black;
}

img{
	max-width: 100%;
}

body{
	overflow-x: hidden;
	background-image: url(../image/back.png);
	background-size: 250px;
}

label{
	display: none;
}

input{
	display: none;
}



/*ナビゲーション*/

.header_menu{
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 1.4rem;
}

nav ul li{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

nav ul li a{
	display: block;
}


/*トップ画像*/
.top_image{
	margin-bottom: 30px;
}

.top_image img{
	width: 100%;
}

.wrapper{
	width: 800px;
	margin: 0 auto;
	background-color: white;
}

.header_menu{
	text-align: center;
}

h1{
	text-align: center;
}

h2{
	background-color: #535353;
	padding: 10px 0 5px 5px;
	box-sizing: border-box;
	color: white;
	margin-bottom: 5px;
}

h3{
	border-bottom: 1px solid #535353;
}

h5{
	font-size: 16px;
}

/*メイン*/

.flex_rayout{
	display: flex;
	margin-bottom: 30px;
	justify-content: space-around;
}

main{
	width: 65%;
}

.header_magin{
	width: 30%;
}

main p{
	margin-bottom: 10px;
}/*メインテキスト*/


.page01_article .article_box{
	display: flex;
	justify-content: space-between;
}/*h2テキスト・h2画像レイアウト*/

.page01_article .article_box figure{
	width: 20vw;
}

.page01_article .article_box p{
	width: 40vw;
}

dt{
	font-size: 1.2rem;
	font-weight: bold;
}

dd{
	
}


/*アサイド*/

/*aside{
	width: 20vw;
	padding: 0px 10px;
	box-sizing: border-box;
}

aside h3{
	margin-bottom: 15px;
}

aside ul li{
	margin-bottom: 10px;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #000;
}*/


h4{
	margin-bottom: 5px;
}



/*フッター*/
footer{
	width: 100vw;
	text-align: center;
	background-color: #A2A2A2;
}


.c_font{
	font-size: 1.2rem;
	color: orange;
}


@media screen and (max-width:768px) {
	.wrapper{
		width: 100%;
	}

	.flex_rayout{
		display: block;
	}
	
	.header_magin{
		width: 100%;
	}
	
	
	nav ul{
		display: block;
	}
	
	.header_menu{
		display: none;
	}
	
	/*メイン・サイズ変更*/
		main{
	width: 94vw;
	margin: 0 auto 30px;
	
}



	/*アサイド・サイズ変更*/

	


.page01_article .article_box p{
	width: 94vw;
}
	/*ナビゲーション・フォントサイズ変更*/
	nav ul li a{
		font-size: 11px;
	}
	
	/*h2テキスト。・画像のフレックス解除*/
	.page01_article .article_box{
		display: block;
	}
	
	input{
	display: none;
	
}
	
label{
	width: 100%;
	background-color: #7E7E7E;
	color: white;
	text-align: center;
	display: block;
	font-size: 1rem;
	padding: 10px 0;
	box-sizing: border-box;
}
	
	nav{
		margin: 0;
	}

.toggle ul{
	width: 100%;
	text-align: center;
}

.toggle ul li{
	padding: 5px 0;
}


	
	
.title{
		pointer-events: all;
}
	
	.toggle{
		height: 0;
		overflow: hidden;
	}
	
	input:checked + .toggle{
		height: auto;
		
	}
	
	nav{
		padding: 0;
}
	
	nav ul{
		display: block;
		width: 100vw;
		height: 100vh;
		background-color: white;
	}
	
nav ul li{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
	
	nav ul li a{
		font-size: 1.4rem;
		font-weight: bold;
	}
	
}