p.logo img {
    width: 200px;
}

P {
	text-align: center;
	font-size: 20px;
	color: #8B4513;
	font-family: "Segoe UI";
}

p.eyecatch img {
	width:100%;
	max-width: 100%;
	height: auto;
    width: 400px;
    margin-bottom: 0;
}

div.icons {
	display: flex;
	width: 100%;
	max-width: 100%;
	height: auto;
	justify-content: center;
}

div.icons img {
	width: 100%;
	max-width: 100%;
	height: auto;
    width: 75px;
}

footer{
	padding: 100px;
}

a {
	text-decoration: none;
	margin: 15px;
}

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
#menu-bg {
background-color: #FFFFFF;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
#menu-bg {
background-color: #FFFFFF;
}
}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
#menu-bg {
background-color: #FFFFFF;
}
}