@charset "utf-8";

/* --------------------------------------------------
　Main Frame(768px over for Large device )
-------------------------------------------------- */
/* ヘッダ背景色 */
#campany #navi .c01 {
	background-color: #0181D6;
}
/* コンテンツカテゴリー 背景色 */
#campany #contentsTitle {
	background-color: #568ECE;
}
/* 見出しカラー */
#campany .sec h2 {
	border-left: 6px solid #568ECE;
}

.sec .philosophyTxt {
	font-size: 16px;
	line-height: 2;
	/*letter-spacing: -0.03em;*/
	text-align: justify;
	text-indent: 1.0em;
}
.sec .president {
	font-size: 20px;
	text-align: right;
	margin: 6px 0 0;
}
.sec .president span {
	font-size: 14px;
	display: inline-block;
	margin-right: 1em;
}
.sec .philosophyVi {
	background-image: url(../images/history.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	height: 536px;
}

.sec h3 {
	font-size: 20px;
	color: #568ECE;
	border: 1px solid #568ECE;
	background-color: #EDF4FC;
	padding: 8px;
	margin: 10px 0 14px;
}
/* 会社概要 */
.outline {
	font-size: 14px;
}
.outline dl {
	width: 100%;
	display: table;
	border-top: 1px solid #dad9d1;
}
.outline dl:nth-last-of-type(1) {
	border-bottom: 1px solid #dad9d1;
}

.outline dl dt {
	background-color: #F2F3F5;
	width: 120px;
	display: table-cell;
	vertical-align: top;
	padding: 5px 10px;
	color: #666666;
	line-height: 1.4em;
}
.outline dl dd {
	line-height: 1.4em;
	display: table-cell;
	vertical-align: top;
	padding: 5px 10px;
}

/* 沿革 */
.history {
	font-size: 14px;
}
.history dl {
	width: 100%;
	padding: 12px 0;
	border-top: 1px solid #dad9d1;
	display: table;
}
.history dl:nth-last-of-type(1) {
	border-bottom: 1px solid #dad9d1;
}
.history dl dt {
	width: 5.5em;
	display: table-cell;
	font-weight: normal;
	padding: 0 10px 0 10px;
	border-right: 1px dotted #c1bfb3;
}
.history dl dd {
	width: auto;
	display: table-cell;
	line-height: 1.6em;
	padding: 0 10px 0 10px;
}

/* 関連会社 */
.group {
	font-size: 14px;
	margin: 30px 0 0;
}
.group dl {
	width: 100%;
	display: table;
	border-top: 1px solid #dad9d1;
}
.group dl:nth-last-of-type(1) {
	border-bottom: 1px solid #dad9d1;
}
.group dl dt {
	width: 14em;
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
.group dl dd {
	display: table-cell;
	padding: 10px 0;
}

/* 情報セキュリティ基本方針／個人情報保護方針 */
.securtyTxt {
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
}
.secuUl {
	font-size: 14px;
	margin: 14px 0 0;
}
.secuUl li {
	padding-left: 2em;
	text-indent: -2em;
	line-height: 1.4;
	margin: 0 0 4px;
}
.responsible {
	text-align: right;
	line-height: 1.7;
	font-size: 14px;
}

.privacyTxt {
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
	margin: 0 0 14px;
}
.privacyList {
	font-size: 14px;
	line-height: 1.4;
	text-align: justify;
	margin: 0 0 5px;
}

/* --------------------------------------------------
　under 767px
-------------------------------------------------- */
@media screen and (max-width:767px){
	.sec .philosophyVi {
		height: 120px;
		margin: 20px 0 0;
	}
.sec .philosophyVi {
	background-image: url(../images/history_sp.jpg);
		height: auto;
		padding-top: 24.8%;
}
	.outline,
	.history,
	.group {
		margin: 0 0 30px;
	}
	#securtyPolicy,
	#privacyPolicy {
		margin-top: -90px;
		padding-top: 90px;
	}
}