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

 file name  :company.css
 style info :会社概要

=================================================================== */

/* =============================

	overwrite

=============================== */

#main{
	width:100%;
	padding:19px 0 0 0;
}

/* ============================== */
#main .list{
	margin-bottom:40px;
}
#main .list .left{
	width:480px;
	float:left;
}
#main .list .right{
	width:480px;
	float:right;
}
#main .list dl{
	font-size:109%;
	line-height:1.7;
}
#main .list dl dt{
	color:#9f9c9b;
	font-weight:bold;
	padding:1em 0 0 10px;
	margin-bottom:0.2em;
}
#main .list dl dd{
	padding:0 0 1em 22px;
	border-bottom:1px solid #e0dfdf;
}
#main .list p{
	margin:22px 0 0 10px;
}

#main .map{
	background:#fcf2e1;
	padding:40px 0 30px 0;
}
#main .map ul{
}
#main .map ul li{
	float:left;
	width:440px;
}
#main .map ul li.right{
	float:right;
	margin-right:40px;
}
#main .map ul li h3{
	border-left:5px solid #cd1b1b;
	padding:0 0 0 8px;
	font-size: 	134%;
	margin-bottom:0.5em;
}
#main .map ul li p{
	font-size:109%;
	margin-bottom:1em;
}
#main .map ul li #map01,
#main .map ul li #map02{
	width:438px;
	height:198px;
	border:1px solid #d1d1d1;
}
#main .map ul li #map01 img,
#main .map ul li #map02 img {
  max-width: none;
}
#main .map ul li p.maplink{
	margin:0;
	text-align:right;
	padding:5px 0 0 0;
	font-size:100%;
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){

	/* =============================
	
		overwrite
	
	=============================== */
	
	#main{
		padding:0;
	}
	#pageHeader{
		padding-bottom:0.5em;
	}
	
	/* ============================== */
	#main .list{
		margin-bottom:44px;
		border-bottom:1px solid #e0dfdf;
	}
	#main .list .left,
	#main .list .right{
		width:100%;
		float:none;
	}
	#main .list dl{
		font-size:84%;
		line-height:1.5;
	}
	#main .list dl dt{
		color:#9f9c9b;
		margin-bottom:0;
	}
	#main .list p{
		margin:10px 0 13px 13px;
	}
	#main .list p img{
		width:100%;
		max-width:165px;
		height:auto;
	}

	#main .map{
		background:#FFF;
		padding:0;
	}
	#main .map ul li,
	#main .map ul li.right{
		float:none;
		width:100%;
		margin:0 0 28px 0;
	}
	#main .map ul li h3{
		border-left:4px solid #cd1b1b;
		padding:0 0 0 6px;
		font-size: 	125%;
	}
	#main .map ul li p{
		font-size:84%;
	}
	#main .map ul li #map01,
	#main .map ul li #map02{
		width:100%;
		height:148px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#main .map ul li p.maplink{
		padding:3px 0 0 0;
		font-size:8px;
	}

}