.content {
	overflow: hidden;
	position: relative;
}
.content01{
	position: relative;
	height: 550px;
	width: 100%;
	background-color: #333333;
	display: flex;
	justify-content: center;
    align-items: flex-start;
}



.content02{
	margin-top: -90px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}

#menubar-top {
    clear: none;
    width: 100%;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
}

.content01::after {
	content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
	border-left: 1000px solid transparent;  /* 実数で幅を指定 */
	border-right: 1000px solid #ffffff;
    border-top: 170px solid transparent;
    border-bottom: 170px solid #ffffff;
}


img.top-logo {
    width: 360px;
    margin: 0 auto;
}



@media only screen and (max-width: 1600px) {
	.content01::after {
	  border-left: 1000px solid transparent;  /* 実数で幅を指定 */
	  border-right: 1000px solid #ffffff;
	  border-top: 210px solid transparent;
	  border-bottom: 210px solid #ffffff;

	}
	.content02 {
		margin-top: -100px;
	}
}

@media only screen and (max-width: 1300px) {
	.content01::after {
	  border-left: 1000px solid transparent;  /* 実数で幅を指定 */
	  border-right: 1000px solid #ffffff;
	  border-top: 240px solid transparent;
	  border-bottom: 240px solid #ffffff;
	}

}

@media only screen and (max-width: 800px) {
	.content01::after {
	  border-left: 1000px solid transparent;  /* 実数で幅を指定 */
	  border-right: 1000px solid #ffffff;
	  border-top: 270px solid transparent;
	  border-bottom: 270px solid #ffffff;
	}
	.content02 {
		margin-top: -50px;
	}
}


@media only screen and (max-width: 600px) {
	.content01::after {
	  border-left: 1000px solid transparent;  /* 実数で幅を指定 */
	  border-right: 1000px solid #ffffff;
	  border-top: 400px solid transparent;
	  border-bottom: 400px solid #ffffff;
	}
	img.top-logo {
		width: 290px;
	}
	.content01 {
		height: 420px;
	}
	.content02 {
		margin-top: -30px;
	}
}


@media only screen and (max-width: 490px) {
	.content01::after {
	  border-left: 1000px solid transparent;  /* 実数で幅を指定 */
	  border-right: 1000px solid #ffffff;
	  border-top: 400px solid transparent;
	  border-bottom: 400px solid #ffffff;
	}
	img.top-logo {
		width: 290px;
	}
	.content01 {
		height: 420px;
	}
	.content02 {
		margin-top: -40px;
	}
}


footer {
    clear: both;
    background: #222;
    color: #fff;
    font-size: 85%;
    position: fixed;
    bottom: 0;
    width: 100%;
}


@media screen and (max-width: 800px){
#menubar-top span {
    font-size: 30px;
}
}