@charset "UTF-8";

.contact_banner,
.contact_nav,
.contact_form{
	min-width: 310px;

}

@media screen and (max-width: 800px)
{
	.contact_nav ul li .contact_nav_icon {
		font-size: 1.5rem;
		margin: 0 auto 0.5rem;
	}
	.contact_nav ul li{
		padding: 1rem 0.5rem;
		box-sizing: border-box;
	}
	.contact_nav ul li > a{
		width: 100px;
		height: 100px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 768px)
{
	.contact_banner_text{
		font-size: 3rem;
	}
	.contact_banner_scrolldown{
		display: none;
	}
}
@media screen and (max-width: 580px)
{
	.contact_nav ul li .contact_nav_icon {
		font-size: 1rem;
		margin: 0;
	}
	.contact_nav ul li{
		padding: 0;
		width: 45%;
		margin: 0.5rem auto;		
	}
	.contact_nav ul li:last-child{ width: 95%; }

	.contact_nav ul li > a{
		display: block;
		width: 100%;
		height: auto;
		border-radius: 7px;
		padding: 0.5rem;
		box-sizing: border-box;
	}
	.contact_nav > ul > li.contact_nav_focus > a:before{
		content:"";
		display: none;
	}
	.contact_table tr{
		display: flex;
		flex-direction: column;
	}
	.contact_table th,
	.contact_table td{
		width: 100%;
		border: 0;
	}
	.contact_table th{
		text-align: left;
		padding: 1.25rem 1rem 0.5rem;
		border-bottom: 1px solid #EEE;
	}
}
@media screen and (max-width: 425px)
{
	.contact_banner_text{
		font-size: 2rem;
		padding: 1rem 1.5rem 1rem 2rem;
	}
	.contact_table tr:nth-child(7) > td{
		flex-direction: column;
	}
	.contact_table tr:nth-child(7) td > span{
		width: 100%;
		justify-content: center;
		padding: 0.5rem 0;
		box-sizing: border-box;
	}
}