@charset "UTF-8";
/*sunleadについてセクション CSS Document */

/*ご挨拶*/
#MESSAGE .txt-clm {
    width: 444px;
    float: left;
    margin-right: 18px;
	position: relative;
}
#MESSAGE .photo-clm {
    width: 339px;
    float: right;
}
#MESSAGE .position {
    float: left;
    margin-top: 21px;
    margin-right: 10px;
}
#MESSAGE .name {
	width: 138px;
	float: left;
}
#MESSAGE .signature-clm {
    margin-top: 29px;
    position: absolute;
    width: 350px;
}

/*会社概要*/
#OUTLINE .tbl-cnt{
    margin-bottom: 2em;
}
#OUTLINE .ttl-04 {
	font-size: 1em;
}
#OUTLINE .lnk-01{
 margin-top: 1.5em;
}
#OUTLINE .lnk-01 a:before{
	content: "▶";
	color: #cd0010;
	display: inline-block;
	position: relative;
	background-size: 100%;
	top: 0;
	left: 0;
	margin-right: 1em;
	font-size: 70%;
	font-weight:bold;
	vertical-align: middle;
	margin-left: 0.65em;
}
/*会社沿革*/
.dtl-list-01 > dt {
	background-color: #fceded;
	float: left;
	clear: both;
	margin-right:27px;
	padding: 24px 44px 24px 20px;
	width: 10%;
}
.dtl-list-01 > dd{
	float: left;
	width: 78%;
	border-bottom:1px dotted #999;
}
.dtl-list-01 > dt .txt-data{
	font-size:1.286em;
	display:block;
	font-weight:bold;
}
.dtl-list-01 .dtl-list-02{
	padding: 24px 0;
}
.dtl-list-01 .dtl-list-02 dt{
	float:left;
}
.dtl-list-01 .dtl-list-02 dd{
	margin-left:72px;
}
.dtl-list-01 > dt:last-of-type{
	padding-bottom: 111px;
}
.dtl-list-01 > dt:last-of-type {
	padding-bottom: 111px;
}
.dtl-list-01 > dd:last-of-type {
	border-bottom:none;
}
.dtl-list-01 > dd:last-of-type .dtl-list-02{
	border-bottom:1px dotted #999;
	min-height: 3.268em;
}
.member-list {
    display: flex;
    flex-wrap: wrap;
}
.member-list dt{
	width: 20%;
}
.member-list dd{
	width: 80%;
}
/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	#MESSAGE .txt-clm {
			width: 100%;
			float: none;
			margin-right: 0;
	}
	#MESSAGE .photo-clm {
			width: 100%;
			float:none;
	}
	
	#MESSAGE .signature-clm {
			position: relative;
			width: 40%;
			float: left;
			margin-top: 48%;
	}
	#MESSAGE .position {
			margin: 0;
			float: none;
	}
	#MESSAGE .name {
		width: 100%;
		float: none;
	}
	#MESSAGE .photo {
			float: right;
			width: 56.5%;
	}
	#MESSAGE .photo img{
		width:100%;
	}
	
	
	/*会社沿革*/
	.dtl-list-01 > dt{
		width: 34%;
		box-sizing: border-box;
		margin-right: 4%;
		padding-left: 4%;
		padding-right: 0;
	}
	.dtl-list-01 > dt .txt-data{
		font-size: 1em;
	}
	.dtl-list-01 > dd{
		width: 62%;
	}
	.dtl-list-01 .dtl-list-02 dt{
		float: none;
	}
	.dtl-list-01 .dtl-list-02 dd{
		margin: 0;
	}
	.dtl-last{
		width: 39%;
	}
	.dtl-last img{
		width: 100%;
	}
.member-list dt{
	width: 40%;
}
.member-list dd{
	width: 60%;
}
}