@charset "utf-8";

/*------------------------------------------------------ max 960px  ---------------- */
@media only screen and (max-width: 960px) {
	#header {
		background-image: url("../images/common/bg_body_page_s.gif");
	}
}

/*------------------------------------------------------ max 900px  ---------------- */
@media only screen and (max-width: 900px) {
	.mod_headerbox_size {
		margin: 5px 20px 0px 0px;
	}
}

/*------------------------------------------------------ max 755px  ---------------- */
@media only screen and (max-width: 755px) {
	#globalnavi a { font-size: 14px;}
}


/*------------------------------------------------------ max 715px  ---------------- */
@media only screen and (max-width: 715px) {
	.boxL { clear: both;width: 100%;}
	.boxR { clear: both;width: 100%;margin: 10px 0}
}

/*------------------------------------------------------ max 620px  ---------------- */
@media only screen and (max-width: 620px) {
	#gnavi01 { width: 50%;}
	#gnavi02 { width: 50%;}
	#gnavi03 { width: 33%;}
	#gnavi04 { width: 34%;}
	#gnavi05 { width: 33%;}
	#globalnavi a { font-size: 18px;}
}

/*------------------------------------------------------ max 440px  ---------------- */
@media only screen and (max-width: 440px) {
	#logo img { width: 100%;}
}

/*------------------------------------------------------ max 390px  ---------------- */
@media only screen and (max-width: 390px) {
	#formArea { display: none;}
	#formArea_02_1 {
		clear: both;
		display: block;
		font-size:24px;
		line-height:17px;
		color:#ff0000;
		font-weight:700;
	}
	.mod_headerbox_size {
		width: 180px;
	}
	.mod_headerbox_size ul li {
		margin: 5px 15px;
	}
}

/*------------------------------------------------------ max 370px  ---------------- */
@media only screen and (max-width: 370px) {
	#globalnavi a { font-size: 16px;}
}

/*------------------------------------------------------ max 359px  ---------------- */
@media only screen and (max-width: 359px) {
	#companyTel {
		margin: 5px;
	}
}

/*------------------------------------------------------ max 305px  ---------------- */
@media only screen and (max-width: 305px) {
	#globalnavi a { font-size: 14px;}
}