@charset "utf-8";

/**************************************************************************************
内容
--------------------------------------------------------------------------------------
補足説明（無ければ記載なし）
***************************************************************************************/

#message {
	background:url(../img/about/bg_message.jpg)no-repeat;
	background-position:right 58px;
}
#history {
	background:url(../img/about/bg_history.jpg)no-repeat;
	background-position:right 58px;
}

#philosophy {
	background:url(../img/about/bg_philosophy.jpg)no-repeat;
	background-position:right 58px;
}

/**************************************************************************************
代表メッセージ
--------------------------------------------------------------------------------------

***************************************************************************************/

#message {
}
#message figure:after {
		content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#message figure {
	padding-bottom:60px;

}
#message figure .name {
	float:left;
	margin-top:60px;
}
#message figure .pict {
	width:220px;
	float:right;
}

/* これまでの歩み
========================================== */

#history {
}
#history ul.listHistory {
	margin-top:44px;
	border-left:#B39FC9 2px solid;
	position:relative;
}
#history ul.listHistory:after {
	content:"";
	width:8px;
	height:8px;
	background:#fff;
	display:block;
	position:absolute;
	left:-2px;
	bottom:0;
	z-index:1;
}
#history ul.listHistory:before {
	content:"";
	width:8px;
	height:8px;
	background:#fff;
	display:block;
	position:absolute;
	left:-2px;
	top:0;
	z-index:1;
}
#history ul.listHistory li {
	position:relative;
}
#history ul.listHistory li + li {
	margin-top:34px;
}
#history ul.listHistory li:after {
	content:'';
	width:12px;
	height:12px;
	border-radius:12px;
	background:#2761ac;
	background:-moz-linear-gradient(left,  #2761ac 0%, #a250ff 100%);
	background:-webkit-linear-gradient(left,  #2761ac 0%,#a250ff 100%);
	background:linear-gradient(to right,  #2761ac 0%,#a250ff 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2761ac', endColorstr='#a250ff',GradientType=1 );
	display:block;
	position:absolute;
	top:50%;
	margin-top:-6px;
	left:-6px;
	z-index:3;
}
#history ul.listHistory li dl {
	padding-left:23px;
	display:table;
}
#history ul.listHistory li dl dt {
	display:table-cell;
	font-weight:bold;
	color:#1D1D1D;
}
#history ul.listHistory li dl dd {
	display:table-cell;
	padding-left:18px;
	color:#151515;
}


/**************************************************************************************
会社概要
--------------------------------------------------------------------------------------

***************************************************************************************/

/* ---------------------------
主な取引先
----------------------------- */

#outline {
}
#outline ul.clientLogo {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	text-align:center;
}
#outline ul.clientLogo li {
	width:33.33333%;
	padding:0 5px;
	border-bottom:1px solid #ccc;
	min-height:130px;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	align-items:center;
}
#outline ul.clientLogo li:last-of-type {
	border-bottom:none;
}
#outline ul.clientLogo li figure {
	text-align:center;
	height:100%;
	width:100%;
}
#outline ul.clientLogo li figcaption {
	text-align:center;
	font-size:13px;
}

/* ---------------------------
所在地について
----------------------------- */

#outline .dataAddress dl {
	display:table;
	width:100%;
}
#outline .dataAddress dl + dl {
	margin-top:15px;
	border-top:1px solid #ccc;
}
#outline .dataAddress dl dt {
	margin-top:15px;
	display:table-cell;
	width:160px;
}
#outline .dataAddress dl dd {
	display:table-cell;
}
#outline .dataAddress dl + dl dt,
#outline .dataAddress dl + dl dd {
	padding-top:15px;
}

/* ---------------------------
PDFボタンリンク
----------------------------- */

#outline .pdfBtnWrap {
	margin-top:60px;
}
#outline .pdfBtnWrap a {
	background:url(../img/common/ic_pdf.png)no-repeat left 30px center #fff ;
	display:inline-block;
	-webkit-background-size:30px;
	background-size:30px;
	text-align:center;
	border:2px solid #ccc;
	padding:22px 34px;
	text-indent:44px;
	font-size:16px;
	border-radius:5px;
/* 2025.9.16 マザー追記 */
	margin: 0 0 5px;
}


ul.client {
	display: flex;
	flex-wrap:wrap;
	gap:0.2em;
}
ul.client-logo {
	display: flex;
	flex-wrap:wrap;
}
ul.client-logo li {
	max-width:120px;
}