@charset "utf-8";
/* ===================================================================
CSS information

 file name  :import.css
 style info :各cssファイル読み込み用
=================================================================== */

/* default style - リセット及びbody基本設定
----------------------------------------------------------- */
@import url("default.css");


/* all style
----------------------------------------------------------- */
@import url("style.css");


@media screen and (max-width: 768px) {  /* 幅768px以下のスクリーンに対するスタイル */
.pc {
	display: none;
}
.mob {
	display: inline-block;
}
.mob.min {
	display: none;
}


#header, #main, #container, #side, #footer, #footer #fsitemap {
	width: 100%;
}
.content,
#container .content {
	margin: 0 15px;
}
#container h2.home {
	margin-right: 0;
}

.home #side .page {
	display: block;
}
.box.home,
.home #side h3.home,
.page #side h3.home {
	display: none;
}
#logo {
	padding-left: 5%;
	padding-right: 5%;
	max-width: 90%;
}


#logo img,
#main img {
	max-width: 100%;
	height: auto;
}

#header #hnav {
	display: none;
	padding-top: 0;
	padding-bottom: 10px;
}

#footer .copyright {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
#fsitemap .box {
	margin-left: 25px;
}

#side .call .mob {
	width: 99%;
}
#side .call {
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}
#side .call a {
	display: block;
	color: blue;
	font-size: 1.2em;
}



.imgR {
	float: none;
	margin: 0 0 10px 0;
}

.imgL {
	float: none;
	margin: 0 0 10px 0;
}

}

@media screen and (max-width: 480px) {  /* 幅480px以下のスクリーンに対するスタイル */

.mob.min {
	display: block;
}

}