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


/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1286px) {
	.contact_btn {
		width: 26%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1260px)  {

}
@media screen and (max-width: 1024px) {
	.menu li {
		margin-right: 4em;
		margin-top: 0.5em;
	}
	#about .right p {
		margin-top: 3em;
	}
	#about .about_btn {
		margin-top: 3em;
	}
	.contact_btn {
		width: 35%;
	}
}
@media screen and (max-width: 912px) {
	header {
		margin: -1em 0 0 2em;
	}
	.menu li {
		margin-right: 3em;
	}	

}
/* 850px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 850px) {
	.menu li {
		margin-right: 1.5em;
	}
	.contact_btn {
		width: 40%;
	}
}
@media screen and (max-width: 768px) {
	.from a {
		padding: 2em 1em 2em 1em;
	}
}
@media screen and (max-width: 540px) {
	#mainvisual {
		padding: 8em 2em 10em;
	}
	#mainvisual h2 {
		top: 10em;
		left: 2.5em;
	}

}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
/* about */
	#about .about_btn {
		margin: 0 auto;
	    margin-top: 3em;
	}
/* business */
	#business ul li {
		float: none;
		width: 100%;
	}
	#business ul {
		margin-left: 0;
	}
/* news */
	#news {
		padding: 1em;
	}
	.news_inner {
		padding: 1em;
	}
	#news dl {
		width: 100%;
		margin-left: 0;
		margin-top: 1em;
	}
	#news dt{
		float: none;
	}
	#news dd {
		margin-left: 0;
	}
	.scroller {
		height: 300px;
	}
/* contact */
	.contact_btn {
		width: 80%;
	}
/* footer */
	#footer_nav p {
		margin-left: 0;
	}
}
@media screen and (max-width: 391px) {
	#mainvisual h2 {
		left: 1.5em;
	}
}
@media screen and (max-width: 376px) {
	#mainvisual h2 {
		left: 1em;
	}
	.contact_btn {
		width: 90%;
	}
}