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

/*====================================レイアウト===========================*/

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	text-align: center;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

/*====================================Google font を使用したCSS===========================*/

.kosugi-maru-regular {
	font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-style: normal;

}


h1{
	 font: 400 50px/50px "kosugi-maru-regular";
	 color:#f7c6bd;
	 margin-top: 10px;
 	 padding: 30px;
}



body{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	 border-top: 10px solid #fff;
	 text-align: center;
	 font-size: 16px;
}


/*====================================ヘッダー===========================*/
header{
	width: 100%;
	height: 400px;
	background-color:#eaf6fd;
	text-align: center;
	line-height: 80px;
	
}



header nav ul{
	display: flex;
	justify-content: center;
}

nav ul li{
	margin-left: 20px;
}

nav ul li a{
	color: aquamarine;
	text-decoration: none;
	font-size: 18px;
	
}
header p{
	color: #432c02;
	font-size: 18px;
	font-weight: bold;
	
	
}


.btn{
	display: inline-block;
	font-size: 1.3rem;
	background-color: #0bd;
	color: #fff;
	border-radius: 8px;
	padding: .20rem 1.5rem;
}

.btn:hover{
	background-color: #00090aa;
}

/*====================================メイン画像===========================*/
div#mainimage img{
	width: 100%;
	height: 600px;
	margin-bottom: 20px;
		
}



/*====================================テキスト===========================*/

h2{
	color: #432c02;
	margin-bottom: auto;
}

h3{
	margin-bottom: auto;
	
}

h4{
	margin-bottom: 20px;
	color: #432c02;
	margin-top: 30px;
	
}

h4 p{
	margin-bottom: 20px;
}


/*====================================テーブル===========================*/
table{
	border: :1px solid #aaa;
	border-collapse: collapse;
	margin: 3px auto;
	
}

colgroup{
	width: 50%;
}

th{
	border: 1px solid #aaa;
	background-color: #e2eba3;
	padding: 10px;
	
}

td{
	border: 1px solid #aaa;
	padding: 10px;
	
}

	

/*====================================フッター===========================*/

footer{
	width: 100%;
	height: 100px;
	margin-bottom: 40px;
}