.navbar{
    margin: 0;
	background: rgba(0,0,0,.8);
}
.navbar-default .container-fluid{
	max-width: 950px;
}
.navbar-default .navbar-brand{
	width: 100%;
	max-width: 160px;
}
.navbar-default .navbar-brand img{
	width: 100%;
}

@media screen and (max-width: 768px) {
	.navbar-nav {
		margin: 0;/* margin: 7.5px -15px; */
	}
	#page-top {
		position: fixed;
		bottom: 20px;
		right: 20px;
		font-size: 77%;
	}
	#page-top a {
		background: #666;
		text-decoration: none;
		color: #fff;
		width: 100px;
		padding: 30px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
	#page-top a:hover {
		text-decoration: none;
		background: #999;
	}
	/* トップスクロール */
	
	.table.mt1 {
		margin-top: 50px;
	}
	.table.mb1 {
		margin-bottom: 50px;
	}
	.table.mt2 {
		margin-top: 50px;
	}
	.table.mb2 {
		margin-bottom: 50px;
	}
	.banner-text {
		padding-top: 30%;
	}
	.banner-text h1 {
		font-size: 42px;
	}
	.banner-text p {
		font-size: 18px;
	}
	.footer .footer-col {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 640px) {
	h3 {
		font-family: "Dosis", sans-serif;
		margin: 100px 7%;
		position: absolute;
		line-height: 35px;
		font-size: 30px;
		color: #fff;
		margin-top: 176px;
	}
	.banner-text {
		padding-top: 35%;
	}
}

@media screen and (max-width: 480px) {
	.banner-text {
		padding-top: 45%;
	}
	.banner-text h1 {
		font-size: 32px;
	}
	.item {
		width: 16%;
	}
	.banner-text img {
		margin-top: -40px;
	}
}

@media screen and (max-width: 320px) {
	.banner-text {
		padding-top: 55%;
	}
	.item {
		width: 16%;
	}
}