@charset "UTF-8";

/* コンテンツヘッダー
---------------------------------------*/
article header div.bg{
	/* background-image:linear-gradient(0deg, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .0)),url('../img/company/img_header.jpg'); */
	background-image:url('../img/company/img_header.jpg');
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
}

/* コンテンツ
---------------------------------------*/
article div#content_wrapper section{
	padding:45px 0;
}

article div#content_wrapper section div{
	height:100%;
}

/* 画面幅1250px未満
=======================================*/
@media screen and (max-width:1250px){
	article div#content_wrapper section div{
		width:100%;
	}
}

/* 画面幅852px未満
=======================================*/
@media screen and (max-width:852px){
	.pc_br{
		display:none;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section{
		padding:40px 0;
	}
	article header div.bg{
		background-color:rgba(255,255,255,0.5);
	}
}


/* 会社概要
---------------------------------------*/
article div#content_wrapper section div.container{
	padding:0 20px;
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
}

article div#content_wrapper section div.container h1,
article div#content_wrapper section div.container h2{
	font-size:25px;
	color:#0d4746;
	line-height:160%;
}

article div#content_wrapper section div.container p{
	font-size:100%;
	line-height:200%;
	color:#000;
}

article div#content_wrapper section div.container header{
	width:100%;
	height:auto;
	overflow:hidden;
}

article div#content_wrapper section div.container header div{
	float:left;
	width:560px;
}

article div#content_wrapper section div.container header img{
	float:right;
}

article div#content_wrapper section div.container table{
	width:100%;
	margin:40px 0 80px 0;
}

article div#content_wrapper section div.container table.history_award{
	width:100%;
	margin:40px 0 35px 0;
}

article div#content_wrapper section div.container table tr{
	border-bottom:1px solid #BDC7C7;
}

article div#content_wrapper section div.container table tr th,
article div#content_wrapper section div.container table tr td{
	font-size:100%;
	line-height:200%;
	padding:20px 0;
	box-sizing:border-box;
}

article div#content_wrapper section div.container table tr th{
	color:#0d4746;
	width:190px;
	text-align:left;
	font-weight:bold;
}

article div#content_wrapper section div.container table tr td{
	color:#000;
}

/* iOS向けのハック */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	article div#content_wrapper section div.container{
		width:100% !important;
	}
	
	article div#content_wrapper section div.container header div{
		width:50%;
	}

	article div#content_wrapper section div.container header img{
		width:50%;
	}
}*/

/* 画面幅1024px未満
=======================================*/
@media screen and (max-width:1024px){
	article div#content_wrapper section div.container{
		width:100% !important;
	}
	
	article div#content_wrapper section div.container header div{
		width:50%;
	}

	article div#content_wrapper section div.container header img{
		width:45%;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section div.container{
		width:100%;
	}

	article div#content_wrapper section div.container header div{
		float:none;
		width:100%;
	}

	article div#content_wrapper section div.container header img{
		float:none;
		width:100%;
		margin-top:20px;
	}
	
	article div#content_wrapper section div.container table tr th{
		width:24%
	}

	.pc_br{
		display:block;
	}
}
/* 画面幅768px未満
=======================================*/
@media screen and (max-width:700px){
	article div#content_wrapper section div.container table:nth-of-type(1) tr th{
		min-width:80px;
	}
	article div#content_wrapper section div.container table:nth-of-type(2) tr th{
		min-width: 105px;
	}
	article div#content_wrapper section div.container table:nth-of-type(3) tr th{
		min-width: 115px;
	}
}


/* 画面幅480px未満
=======================================*/
@media screen and (max-width:480px){

}

/* 画面幅452px未満
=======================================*/
@media screen and (max-width:452px){
	.pc_br{
		display:none;
	}
}


.mkreg{
  font-size: 70%;
  display: inline-block;
  margin-left: 3px;
}