@media only screen and (min-width: 768px){
		
}

@media only screen and (max-width: 480px){
	
#scrollBox{
padding-top: 36px;
}
	
	header#top{
		font-size: 12px;
	}
		
	nav .menu{
		display: none;
	}

	#scrollBox div.headline{
		display: flex;
		flex-flow: column nowrap;/*並びの方向k規制*/
		justify-content: center;/*並び方の配置規則*/
		align-content: center;/*justify-contentのクロス規則*/
		margin: 0;
		width: 100vw;
		height: 80vw;
	}

	#scrollBox div.box h2{
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 24px;
	}

	#scrollBox div.box span{
		font-size: 12px;
		line-height: 20px;
	}

	#scrollBox .bgimg{
		height: 100vw;
		background-size:  100vw 100vh;/* */
	}

	#scrollBox div.box#type5,
	#scrollBox div.box#type1,
	#scrollBox div.box{
		margin: 0;
		padding: 20px;
		width: 100%;
	}

	#scrollBox div.box#typetop{
		background: rgba(255,255,255,0.92);
	}

	#scrollBox div.box#type1,
	#scrollBox div.box#type5{
		background: rgba(255,255,255,0.12);
	}

	#scrollBox div.box#type1 h2,
	#scrollBox div.box#type5 h2{
		color: #d2d0b1;
		color: #83a5aa;
	}
	#scrollBox div.box#type1 span,
	#scrollBox div.box#type5 span{
		color: #d2d0b1;
		color: #83a5aa;
		font-size: 12px;
	}

	#scrollBox div.box#type7{
		
	}

	#scrollBox footer{
		padding: 20px 4px;
	}



}