@charset "UTF-8";
/* CSS Document */

.section {
	width:640px;
	margin:0 auto 20px auto;
	}

/*-------------------------------------------------------------------------
	index.php 専用css
/*-----------------------------------------------------------------------*/
#company-index .section tr td dl{
	clear:both;
	}
#company-index .section tr td dl dt{
	float:left;
	width:4em;
	}
#company-index .section tr td dl dd{
	float:left;
	}
#company-index .section tr td dl dd.month{
	width:3.5em;
	}
#company-index .section tr td dl dd.history{
	width:28em;
	}
#company-index .section table {
	}
#company-index .section table.post td dl dt {
	float: left;
	width: 7em;
	}
#company-index .section table.post td dl dd {
	float: left;
	width: 30em;
	}
#company-index .section table th {
	background-color: #EAEFF2;
}

/*-------------------------------------------------------------------------
	vision.html 専用css
/*-----------------------------------------------------------------------*/
#company-vision .section h6 {
	margin:25px 0;
	font-size: 2.4rem;
	}
#company-vision .section .signature {
	margin-top:10px;
	padding-top:0;
	text-align:right;
	}
#company-vision #section002 #personBox {
	background:url(../img/vision/img001.gif) center center no-repeat;
	}
#company-vision #section002 #personBox #column01,
#company-vision #section002 #personBox #column02 {
	width:640px;
	clear:both;
	overflow:hidden;
	}
#company-vision #section002 #personBox dl#person01,
#company-vision #section002 #personBox dl#person03 {
	width: 230px;
	float: left;
	}
#company-vision #section002 #personBox dl#person02,
#company-vision #section002 #personBox dl#person04 {
	width: 230px;
	float: right;
	}
#company-vision #section002 #personBox dl dt {
	font-weight: bold;
	font-size: 1.6rem;
	}
#company-vision #section002 #personBox dl#person01 dt {
	color: #2e9aff;
	}
#company-vision #section002 #personBox dl#person02 dt {
	color: #ff7971;
	}
#company-vision #section002 #personBox dl#person03 dt {
	color: #3fab69;
	}
#company-vision #section002 #personBox dl#person04 dt {
	color: #ff8e21;
	}
#company-vision #section002 #personBox dl dd {
	line-height:1.7em;
	letter-spacing:0.05em;
	}

/*-------------------------------------------------------------------------
	message.html 専用css
/*-----------------------------------------------------------------------*/
#company-message .section h6 {
	margin:25px 0;
	font-size: 2.4rem;
	}
#company-message .section .signature {
	padding-top:1.5em;
	text-align: right;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	}
#company-message .section .signature span {
	font-size: 1.2rem;
}


	/*-------------------------------------------------------------------------
	  ------------------------------------------------------------------------
		ブレイクポイント
		940px未満 @media screen and (max-width: 939px) {...}
		560px未満 @media screen and (max-width: 559px) {...}
	  ------------------------------------------------------------------------
	/*-----------------------------------------------------------------------*/
	@media screen and (max-width: 939px) {
		.section {
			width: 100%;
		}
		.section table th {
			padding: 5px 8px 5px 8px;
			white-space: nowrap;
			width: 20%;
		}
		.section table td {
			padding: 5px 8px;
		}
		#company-index .section tr td dl dd.history{
			width:auto;
		}
		#company-index .section table.post td dl dt {
			float: none;
			width: auto;
		}
		#company-index .section table.post td dl dd {
			float: none;
			width: auto;
		}
		#company-index .section tr td dl dd.history {
			float: none;
			clear: both;
		}
		#company-index .section table dl {
			margin-bottom: 0;
		}
		#company-message .section h6 {
			font-size: 1.8rem;
		}
		#company-message .section .signature {
			font-size: 1.8rem;
		}
		#company-message .section .signature span {
			font-size: 1.2rem;
		}
		#company-message #main p {
			margin-bottom: 1.6em;
		}
		#company-vision .section h6 {
			font-size: 1.8rem;
		}
		#company-vision #main p {
			margin-bottom: 1.6em;
		}
		#company-vision .section .signature img {
			width: 182px;
		}
	}