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

@media only screen and (max-width: 480px){
		
	header#top{
		font-size: 12px;
	}


#scrollBox div.box{
	padding: 20px;
	width: 84%;
}

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

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

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

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

#scrollBox .bgimg.triger1_on,
#scrollBox .bgimg.on
{
 	background-size:  140% auto;/* */
}












}