@charset "utf-8";

/* ===================================================
------------------------------------------------------
	会社概要
------------------------------------------------------
==================================================== */
article#contents section{
	display:block;
	overflow:hidden;
}

/* ===================================================
------------------------------------------------------
	見出し
------------------------------------------------------
==================================================== */
article#contents section h3{
	text-align:center;
	margin-bottom:30px;
}
#contents section h3 span{
	text-align:center;
	font-size: 186%;
	padding:10px 20px;
	display:inline-block;
	color:#0075C2;
	border:4px solid #0075C2;
	width:175px;
}


/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	table
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

article#contents section table{
	float:left;
	width:47%;
	margin-right:3%;
	border-collapse:collapse;
}
article#contents section table tr{
	border-bottom:1px dotted #595757;
}
article#contents section table th,
article#contents section table td{
	padding:5% 0;
	margin:10% 0;
	vertical-align:top;
}
article#contents section table th{
	font-size: 115%;
	font-weight:bold;
	width:23%;
}
article#contents section table th span{
	font-weight:bold;
	font-size:100%;
}
article#contents section table td{
	padding-left:3%;
}

article#contents section table td ul{
	padding:0 0 0 15px;
}
article#contents section table td ul li{
	list-style:disc outside;
	padding:0 0 0 5px;
}







/* ===================================================
------------------------------------------------------
	沿革
------------------------------------------------------
==================================================== */

article#contents section.beige{
	background:#F7F8F2;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	width:100%;
	max-width:100%!important;
}
article#contents section.beige ul{
	max-width:1100px;
	margin:auto;
}
article#contents section.beige ul li{
	border-bottom:1px dotted #595757;
	display:block;
	overflow:hidden;
	padding:15px 0;
}
article#contents section.beige ul li span,
article#contents section.beige ul li p{
	float:left;
}


article#contents section.beige ul li span{
	width:8%
}
article#contents section.beige ul li p{
	padding-left:50px;
	width:90%
}








/* ===================================================
------------------------------------------------------
	アクセス
------------------------------------------------------
==================================================== */


article#contents section div iframe{width:100%; max-width:530px;}
article#contents section div{
	margin-top:20px;
	width:48%;
	max-width:530px;
}
article#contents section div iframe{
	height:332px;
	margin-bottom:10px;
}
article#contents section div p a{
	color:#333333;
}
article#contents section div.left{
	float:left;
	margin-right:2%;
}
article#contents section div.right{
	float:right;
}










/* ===================================================
------------------------------------------------------
	sp版の場合
------------------------------------------------------
==================================================== */

@media screen and (max-width: 667px) {


	/* ===================================================
	------------------------------------------------------
		見出し
	------------------------------------------------------
	==================================================== */
	#contents section h3{
		margin-bottom:10px;
	}
	#contents section h3 span{
		padding:2px 10px;
		width:160px;
	}
	
	/* ===================================================
	------------------------------------------------------
		会社概要
	------------------------------------------------------
	==================================================== */

	article#contents section table{
		float:none;
		width:100%;
	}
	
	
	
	
	/* ===================================================
	------------------------------------------------------
		沿革
	------------------------------------------------------
	==================================================== */
	
	article#contents section.beige ul li span{width:30%;}
	article#contents section.beige ul li p{width:70%; padding-left:5px;}
	
	
	
	
	/* ===================================================
	------------------------------------------------------
		アクセス
	------------------------------------------------------
	==================================================== */
	
	article#contents section div{
		float:none!important;
		width:100%;
		max-width:100%;
		margin-bottom:20px;
	}
	
	article#contents section div iframe{
		height:200px;
		max-width:100%;
	}
	
	
	
	
}