/* CSS Document */

@media (max-width: 767px) {
.aloalo_top_box{
	color:#222;
	width:100%;
	height:calc(100vw * 0.4) ;
	margin:0 auto ;
	padding:8vw 3vw;
	background-image:url("../img/aloalo_top_img.jpg");
	background-position:top center;
	background-size: cover;
}

	
.aloalo_top_box h2{ 
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	color: #fff;
	font-size: 5vw;
	margin: 0!important;
}
.aloalo_top_box p{ 
	font-family: "Sawarabi Mincho";
	color: #fff;
	font-size: 1.8vw;
	margin: 0!important;
}
.aloalo_top_box h3{ 
	font-family: "Sawarabi Mincho";
	color: #fff;
	font-size: 4vw;
	margin: 0!important;
}
.aloalo_top_box h3 span{ 
	font-family: "Sawarabi Mincho";
	color: #fff;
	font-size:6vw;
}
.box__menu_img{
	text-align:center;
	background-color:#eeddbf;
	padding:50px 0 100px;
	color:#000;
}


.box__menu_img h2{
	font-size:16px;
	color:#000;
	margin-bottom:50px;
}

.box__menu_img p{
	color:#000;
	margin-bottom:50px;
}


}

@media (min-width: 768px) {
.aloalo_top_box{
	color:#222;
	width:100%;
	height:calc(100vw * 0.4) ;
	margin:0 auto ;
	padding:5vw 5vw 250px 100px;
	background-image:url("../img/aloalo_top_img.jpg");
	background-position:top center;
	background-size: cover;
}

	
.aloalo_top_box h2{ 
	font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
	color: #fff;
	font-size:4vw;
}
.aloalo_top_box p{ 
	font-family: "Sawarabi Mincho";
	color: #fff;
	font-size: 1.3vmax;
}
.aloalo_top_box h3{ 
	font-family: "Sawarabi Mincho";
	color: #fff;
	font-size: 3vmax;
}
.aloalo_top_box h3 span{ 
	font-family: "Sawarabi Mincho";
	color: #fff;
	font-size:5vmax;
}
	
.box__menu_img{
	text-align:center;
	background-color:#eeddbf;
	padding:50px 0 100px;
	color:#000;
}


.box__menu_img h2{
	font-size:16px;
	color:#000;
	margin-bottom:50px;
}

.box__menu_img p{
	color:#000;
	margin-bottom:50px;
}

}