@media screen and (max-width: 1100px)
{
	.hmp5_itemcont { line-height: normal; }
}

@media screen and (max-width: 830px)
{
	.right_menu
	{
		display: none;
	}
	
	.logo
	{
		left: 50%;
		margin-left: -75px;
	}
	
	.noheader .logo { display: none; }
	
	.hmp1
	{
		padding: 0px 20px 0px 20px;
	}
	
	.hmp1_left
	{
		position: absolute;
		bottom: 30px;
		max-width: 100%;
		padding-bottom: 20px;
	}
	
	.hmp1_title
	{
		font-size: 11px;
	}
	
	.hmp1_subtitle
	{
		font-size: 17px;
	}
	
	.hmp1_right
	{
		top: 90px;
		right: 0px;
		width: 100%;
		max-width: 100%;
		height: 30vh;
	}
	
	
	
	
	.hmp2
	{
		padding: 30px 20px 0px 20px;
	}
	
	.hmp6
	{
		padding: 20px 10px 0px 10px;
	}
	
	.hmp2_title
	{
		font-size: 6vw;
	}
	
	.hmp2_title
	{
		font-size: 6vw;
	}
	
	.hmp2_set_item
	{
		width: 31%;
		padding-top: 100px;
		background-size: 70px auto;
	}
	
	.hmp2_set_title
	{
		font-size: 17px;
		text-align: left;
	}
	
	.hmp2_set_text
	{
		font-size: 12px;
		line-height: normal;
		text-align: left;
	}
	
	.hmp2_set_button
	{
		width: 100%;
		padding: 10px 0px;
		font-size: 12px;
	}
	
	.hmp3_left
	{
		left: 0px;
		width: 100%;
		margin-left: 0px;
	}
	
	.hmp3
	{
		padding: 30px 20px 0px 20px;
	}
	
	.hmp3_right
	{
		display: block;
		max-width: 100%;
		padding-top: 0px;
	}
	
	
	.hmp4
	{
		padding: 30px 20px 0px 20px;
	}
	
	.hmp4_left
	{
		display: block;
		max-width: 100%;
		padding-top: 0px;
	}
	
	.hmp4_right
	{
		left: 0px;
		right: auto;
		top: auto;
		bottom: 30px;
		
		width: 100%;
		max-width: 100%;
		height: 40vh;
	}
}