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


@media screen and (min-width: 1620px) and (max-width: 1920px) {

}
@media screen and (min-width: 1286px) and (max-width: 1620px) {

}
/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1286px) {
	#mainvisual {
		padding-top: 3%;
	}
	#mainvisual h2 {
		/* top: 6.5em; */
		top: 7em;
	}
	#mainvisual p {
		width: 32%;
	}
	#service .service_01 {
		margin-bottom: 3em;
	}
	#footer_nav .footer_left {
		width: 70%;
	}
	#footer_nav .footer_right{
		width: 45%;
	}
	#footer_nav .footer_menu {
		margin-left: 1em;
	}
	#footer_nav .footer_menu2 {
		margin-left: 4em;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1260px)  {
	header h1 {
    width: 70%;
	}
}
@media screen and (max-width: 1024px) {
	header h1 {
    width: 70%;
	}
/* mainvisual */
	#mainvisual {
		padding-top: 7%;
	}
	#mainvisual h2 {
		/*top: 5.5em;*/
		top: 6.5em;
	}
	#mainvisual p {
		width: 50%;
		top: 8em;
		left: 3em;
	}
/* service */
	#service .service_02,#service .service_03,
	#service .service_05 {
		margin-left: 1.5em;
	}
/* news */
	#news dl {
		margin-left: 2em;
	}
/* footer */
	#footer_nav .footer_left {
		width: 80%;
	}
	#footer_nav .footer_right {
		width: 70%;
	}
	#footer_nav .footer_menu {
		margin-left: 4em;
	}
}
@media screen and (max-width: 912px) {
	#mainvisual p {
		width: 60%;
	}	
	#footer_nav .footer_menu {
		margin-left: 2em;
	}
	#footer_nav .footer_menu2 {
		margin-left: 2em;
	}
}

/* 850px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 850px) {
	#mainvisual h2 {
		left: 1em;
	}
	#mainvisual p {
		width: 65%;
		left: 1em;
	}
	#news dl {
		width: 65%;
	}
	
	#service .fs55 {
		font-size: 50px;
	}
}
@media screen and (max-width: 768px) {
	#service .fs55 {
		font-size: 45px;
	}
	#footer_nav .footer_left {
		width: 100%;
	}
}
@media screen and (max-width: 540px) {
	header h1 {
    width: 90%;
	}
	#mainvisual {
		padding-top: 2%;
	}
}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
/* header */
	header {
		height: 180px;
		margin: 1em 1em 0 1em;
	}
	header .tel {
		float: none;
		text-align: left;
	}
	header .tel span {
		margin-left: 0;
	}
/* mainvisual */
	#mainvisual h2 {
	    top: 14em;
		left: 1.5em;
		letter-spacing: 6px;
	}
	#mainvisual p {
		width: 64%;
		left: 1.2em;
		top: 7em;
	}
/* about */
	#about .about_right {
		float: none;
		width: 100%;
	}
	#about .about_left {
		float: none;
		width: 100%;
		margin-top: 2em;
	}
/* service */
	#service .service_01,#service .service_02,
	#service .service_03,#service .service_04,
	#service .service_05 {
		width: 100%;
		float: none;
	}
	#service .service_02,#service .service_03,#service .service_05 {
		margin-left: 0;
	}
	#service .service_01,#service .service_02,
	#service .service_03,#service .service_04,
	#service .service_05 {
		margin-bottom: 3em;
	}
/* news */
	#news .news_left {
		float: none;
		width: 100%;
	}
	#news dl {
		width: 80%;
		float: none;
		margin-left: 0;
	}
	#news dd {
		margin-left: 0;
	}
	#news dt {
		float: none;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.scroller {
		height: 360px;
	}
/* contact */
	#contact{
		background:url("../img/contact_bg_sp.jpg");
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 4em;
		margin: 5em 0;
		overflow: hidden;
	}
	#contact .contact_left {
		float: none;
		text-align: center;
	}
	#contact .contact_left p {
		margin-left: 0;
	}
	#contact .contact_left img {
		margin-right: 0;
	}
	#contact .contact_right {
		float: none;
		margin-top: 2em;
		text-align: center;
	}
/* footer */
	#footer_nav .footer_menu {
		margin-left: 0;
	    margin-top: 2em;
	}
	#footer_nav .footer_menu2 {
		margin-left: 0;
	}
}
@media screen and (max-width: 391px) {
	#mainvisual p {
		width: 70%;
	}	
}
@media screen and (max-width: 376px) {
	#mainvisual h2 {
		top: 13em;
	}
	#mainvisual p {
		top: 5.5em;
	}

}