@charset "UTF-8";

/*===============================================
●smart.css  画面の横幅が540pxから スマホ用
===============================================*/
.s_none{display:none;}
img{}
h2{ margin-left:10px;}

/****************************************/

#container {}

/*** header ***/
#header {}
#head{height:auto;}
#head .left{float:none; margin:5px 10px 0 10px; text-align:center; width:auto;}
	#head .left .logo{margin:0;}
	#head .left .text{margin:-10px 0 0 0;}
#head .right{float:none;margin:5px 10px 10px 10px; text-align:center;}
	#head .right .text{margin:0;}
	#head .right .tel{margin:0;}
	#head .right .mail{margin:0;}

/*** menu ***/
#menu{}
#menu ul{ max-width:540px;}
#menu li{ width:24.6%;}/*4つ*/
/*#menu li{ width:19.6%;}*//*5つ*/
#menu li.s{ display:none;}
#menu li a{ /*font-size:11px; letter-spacing:0;*/ height:20px; padding:15px 0;}
#menu li a:hover{}

/*** slider ***/
#slider_bg{ padding:20px 0 0 0;}

/*** main ***/
#main{}
#bread{}
#content{}
.box{ margin:0 10px 10px 10px;}

/*** footer ***/
#footer{ }
#foot{}
#foot p{ }
#foot .toppage a{right:43%;}
#foot .toppage a:hover{}


/*会社概要*/
.img_right{ margin:0 -10px 20px 10px;width:90%;}

dl{ overflow:inherit; margin:5px 5px 10px 5px;}
dl dt{ float:none; width:auto; margin-bottom:2px; font-weight:bold;}
dl dd,
dl.long dd,
dl.short dd{ margin-bottom:10px; margin-left:0;}


.googlemap iframe{ width:100%; height:200px; border:0;}

/*業務内容ツールチップ*/
img[usemap] {}

.tiparea{}
.invisible{}
.clickToolTip{}
.toolTip{ padding:3px; font-size:9px;}
.toolTip:after{}
.toolTip:before{}

	#tip1{}
	#tip2{}
	#tip3{}
	#tip4{}
	#tip5{}


/*事業者向け*/
dl.business dd{margin-left:0;}


/*採用情報*/
.ml-25{ margin-left:5px;}

.photo{ margin-left:10px;}
.photo p{ margin-left:0;}
.photo ul{ margin:2% 0 2% 0;}
.photo li{ margin:0 2% 3% 0; width:48%; font-size:smaller;}
.photo li img{ padding:3%; width:94%;}

/*お問い合わせ*/
.contact{ margin:10px 0 0 0;}
.contact dt{margin-bottom:2px;}
.contact dd{margin-left:0; margin-bottom:15px;}
.contact ul{margin-top:5px;}