*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body{
	background: #81bcd8;
	font-family:"繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", "sans-serif";
	font-size: 20px;
}
.site-header{
	background: #ffffff;
	display: flex;
	padding: 20px;
	position: absolute;
	justify-content: space-between;
	width: 100%;
}

.site-header h1 a{
    text-decoration: none;
    color: #2f2f93;
}

.site-header.fixed{
	position: fixed;
	top: 0;
}

.gnav_menu{
	display: flex;
}
.gnav_menu_tag{
	margin-left: 20px;
}
.gnav_menu_tag a{
	color: #333;
	text-decoration: none;
}
.hello{
	max-height: 450px;
	overflow: hidden;
}
.hello img{
	height: auto;
	width: 100%;
}
.content{
	line-height: 1.6;
	margin: 0 auto;
	padding-top: 100px;
	width: 800px;
}
.content p{
	margin-bottom: 40px;
}
.site-footer{
	background: #25355f;
	padding: 60px 0;
}
.copyright{
	color: #fff;
	font-size: 12px;
	text-align: center;
}

@media screen and (max-width:750px) {
    .site-header{
        font-size: 80%;
    }
    .content{
        width: 90%;
    }

}