@charset "UTF-8";



/* 
 * ---------------------------------------------------------------------------------------
 * 説明
 * 
 * .familiar
 *     h1
 *     .familiar-lead
 *     .familiar-overview
 *         .familiar-map
 *             .familiar-stage
 *             .familiar-anchor
 *     .familiar-detail
 *         .familiar-item
 *             .familiar-company
 *             .familiar-sub
 *             .familiar-main
 *                 .familiar-business
 *                 p
 *                 ul
 * ---------------------------------------------------------------------------------------
 */

.frame-content .familiar {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 123px;
	max-width: 1020px;
}

.frame-content .familiar h1 {
	font-size: 2.5em;
	margin: 80px 0;
	text-align: center;
}

.frame-content .familiar .familiar-overview {
	margin-top: 40px;
}
.frame-content .familiar .familiar-map {
	margin: 0 auto;
	max-width: 774px;
	position: relative;
}
.frame-content .familiar .familiar-anchor {
	margin: -23px 0 0 -23px;
	position: absolute;
}
.frame-content .familiar .familiar-anchor--textile   { left: 37.467700258397932816537467700258%; top: 39.622641509433962264150943396226%; }
.frame-content .familiar .familiar-anchor--machinery { left: 11.627906976744186046511627906977%; top: 71.698113207547169811320754716981%; }
.frame-content .familiar .familiar-anchor--metal     { left: 73.643410852713178294573643410853%; top: 41.509433962264150943396226415094%; }
.frame-content .familiar .familiar-anchor--chemical  { left: 80.103359173126614987080103359173%; top: 69.811320754716981132075471698113%; }
.frame-content .familiar .familiar-anchor--food      { left: 56.847545219638242894056847545220%; top: 71.698113207547169811320754716981%; }
.frame-content .familiar .familiar-anchor--general   { left: 29.715762273901808785529715762274%; top: 83.018867924528301886792452830189%; }

.frame-content .familiar .familiar-detail {
	border-top: 2px solid #7f7f7f;
	margin-top: 40px;
}
.frame-content .familiar .familiar-item {
	border-bottom: 2px solid #7f7f7f;
	box-sizing: border-box;
	padding: 30px 214px 30px 0;
	width: 100%;
}
.frame-content .familiar .familiar-item:after {
	clear: both;
	content: "";
	display: table;
}
.frame-content .familiar .familiar-company {
	font-size: 1.5555555555555555555555555555556em;
	margin-bottom: 20px;
}
.frame-content .familiar .familiar-sub {
	float: right;
	margin-right: -214px;
}
.frame-content .familiar .familiar-main {
	float: left;
}
.frame-content .familiar .familiar-main .familiar-business {
	margin-top: 20px;
}
.frame-content .familiar .familiar-main p {
}
.frame-content .familiar .familiar-main ul {
	color: #ddd;
	margin-top: 20px;
}
.frame-content .familiar .familiar-main ul li {
	display: inline-block;
	margin: 15px 30px 15px 0;
}
.frame-content .familiar .familiar-main ul a {
	color: #000;
	display: inline-block;
	padding-right: 55px;
	position: relative;
	text-decoration: none;
}
.frame-content .familiar .familiar-main ul a img {
	margin-top: -22px;
	position: absolute;
	right: 0;
	top: 50%;
}

@media only screen and (min-width: 720px) and (max-width: 1039px) {
	.frame-content .familiar {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 719px) {
	.frame-content .familiar {
		padding: 0 20px;
	}
	
	.frame-content .familiar h1 {
		font-size: 2em;
		margin: 60px -20px;
	}
	
	.frame-content .familiar .familiar-overview {
		margin-top: 20px;
	}
	
	.frame-content .familiar .familiar-detail {
		margin-top: 20px;
	}
	.frame-content .familiar .familiar-item {
		padding: 20px 0;
	}
	.frame-content .familiar .familiar-company {
		font-size: 1.4285714285714285714285714285714em;
	}
	.frame-content .familiar .familiar-sub {
		float: none;
		margin-top: 20px;
		margin-right: 0;
		text-align: center;
	}
	.frame-content .familiar .familiar-main {
		float: none;
	}
}

.ie8 .frame-content .familiar .familiar-anchor {
	height: 45px;
	width: 45px;
}
.ie8 .frame-content .familiar .familiar-main ul a:hover,
.ie8 .frame-content .familiar .familiar-main ul a:active {
	color: #666;
	-ms-filter: "";
}
.ie8 .frame-content .familiar .familiar-main ul a:hover img,
.ie8 .frame-content .familiar .familiar-main ul a:active img {
	-ms-filter: "alpha(opacity=60)";
}