@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 1200px) {
	.content {
		width: 94%;
	}		
	.footer-menu {
		width: 100%;
	}		
}

@media only screen and (max-width: 750px) {
	.content {
		width: 90%;
	}
	.contact {
		display: none;
	}
	.drawer{
		display: inherit;
	}
	.global-menu {
		display: none;
	}
	.voice p.margin-right {
		margin: 0;
	}
	.sp-textleft {
		text-align: left;
	}
	.column-2, .column-2-s {
		margin-bottom: 2em;
	}
	.table-full {
		table-layout: fixed;
		flex-wrap: wrap;	
	}	
	.table-2 {
		margin-left: 0;
	}
	
	
	.bt {
	margin: 1em auto;
}

		
	footer address {
		line-height: 1.6em;
		margin: 1.6em 0;
	}	
	.footer-menu ul {
		margin: 0 auto;
		
	}
	p.copyright {
		margin: 0 auto;
		margin-top: 1em;
	}	
}

@media only screen and (max-width: 630px) {
	body {
		font-size: 1.4em;
	}
	h1 img {
		width: 70%;
		margin-top: 10px;
	}
	h2, h3, h4, h5 {
		padding: 0 0 1em 0;
	}
	
	h4.bg-navy {
		padding-top: 1em;
	}
	.free-img {
		width: 90%;
	}
	.about h5 {
		padding-top: 1em;
	}
	.column-2 {
		width: 80%;
		max-width: 600px;
		min-width: 300px;
	}
	.column-3 {
	width: 90%;
	max-width: 400px;
	min-width: 300px;
}
	footer img {
		width: 40%;
		max-width: 120px;
	}
	footer address {
		font-size: small;
	}	
	.footer-menu li {
		width: 12em;
	
	}
	p.copyright {
		text-align: center;		
	}
	.comments {
	font-size: 1.4rem;
	}
}

@media only screen and (max-width: 420px) {
	.img-title {
		width: 90%;
	}
	
	.column-2-s {
		width: 96%;
		max-width: 320px;
		min-width: 280px;	
		flex-wrap: wrap;
		justify-content: center;
	}
	.column-2-s span {
		text-align: center;
	}
	.column-2-s img {
		margin-right: 0;
	}
}