@charset "utf-8";

/*---------------------
トップメッセージ
---------------------*/
.l_message .is_message{
	font-size: 200%;
	font-weight: 700;
}

.l_message .is_message + p{
	font-size: 125%;
}

.l_message .is_message + p +  p{
	font-size: 125%;
	padding-top: 20px;
}

.l_message .is_president{
	text-align: right;
	padding-top: 40px;
}

.l_message .is_president img{
	max-width: 400px;
	width: 75%;
}


/*---------------------
企業理念
---------------------*/
.md_concept{
	background: url(../company/img/bg_philosophy.png) no-repeat center left;
	background-size: 70% 100%;
	position: relative;
	z-index: 99;
}

.md_concept p{
	color: #fff;
	font-size: 150%;
	max-width: 1200px;
	width: 92%;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
	z-index: 10;
}

.l_philosophy p.is_philosophy{
	max-width: 640px;
	width: 75%;
	margin: 80px auto 0 auto;
}


/*---------------------
会社概要
---------------------*/
.is_address{
	display: flex;
	justify-content: space-between;
}

.is_address dt{
	padding-bottom: 20px;
	padding-right: 20px;
}

.is_addressno dt{
	padding-bottom: 0;
}

.is_address dd a{
	font-size: 86%;
	text-align: center;
	text-decoration: none;
	border: #000 1px solid;
	margin-top: 20px;
	padding: 7px 40px 7px 20px;
	display: inline-block;
	position: relative;
}

.is_address dd a::before,
.is_address dd a::after{
	content: "";
	background: #000;
	height: 1px;
	position: absolute;
	top: 50%;
	right: -20px;
	transition: 0.5s;
}

.is_address dd a::before{
	width: 40px;
	transform: translateY(-50%);
}

.is_address dd a::after{
	width: 12px;
	transform: translateY(-50%) rotate(45deg);
	transform-origin: right center;
}

.is_address dd a:hover::before,
.is_address dd a:hover::after{
	right: -30px;
}


/*---------------------
会社沿革
---------------------*/
.md_history{
	margin: 20px 0 40px 0;
}

.md_history > li{
	overflow: hidden;
	position: relative;
	display: flex;
}

.md_historyday{
	font-weight: 700;
	width: 130px;
	margin-top: -5px;
	float: left;
}

.is_history{
	border-left: rgba(90, 138, 170, 0.5) 3px solid;
	width: calc( 100% - 160px );
	margin-top: -5px;
	padding-left: 30px;
	float: left;
}

.is_history:before{
	content: "";
	border-radius: 100%;
	background: #5a8aaa;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 126px;
	top: 0;
}

.is_history p{
	border-bottom: rgba(90, 138, 170, 0.5) 1px solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.is_historyno p{
	margin-bottom: 0;
}


/*---------------------
環境方針
---------------------*/
.l_policy .is_know{
	border: rgba(90, 138, 170, 0.5) 1px solid;
	margin: 20px 0;
	padding: 10px 15px;
}

.l_policy .is_day{
	text-align: right;
	padding-top: 20px;
}


@media screen and (max-width:1280px){
	/*---------------------
	企業理念
	---------------------*/
	.md_concept{
		background: url(../company/img/bg_philosophy.png) no-repeat center left;
		background-size: 80% 100%;
	}
	
	.md_concept p{
		widtht: 92%;
		padding: 40px 4%
	}
}

@media screen and (max-width:767px){
	/*---------------------
	トップメッセージ
	---------------------*/
	.l_message .is_message + p,
	.l_message .is_message + p + p{
		font-size: 125%;
	}
	
	/*---------------------
	会社概要
	---------------------*/
	.is_address{
		display: block;
	}
	
	.is_address dt{
		padding-bottom: 0;
		padding-right: 0;
	}
	
	.is_address dd a{
		margin: 10px 0 40px 0;
	}
	
	.is_addressno dd a{
		margin-bottom: 0;
	}
    
	/*---------------------
	企業理念
	---------------------*/
	.md_concept{
		background: url(../company/img/bg_philosophy.png) no-repeat center left;
		background-size: 90% 100%;
	}
	
	.md_concept p{
		font-size: 100%;
		width: 70%;
		padding: 2% 22% 2% 8%;
	}
	
	.l_philosophy p.is_philosophy{
		margin-top: 20px;
		width: 84%;
	}
	
	.md_historyday{
		width: 80px;
	}
	
	.is_history{
		width: calc( 100% - 110px );
	}
	
	.is_history:before{
		left: 76px;
	}
	
	/*---------------------
	会社沿革
	---------------------*/
	.is_history{
		padding-left: 4%;
	}
}