@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gnaviArea .navi04 > a {
	height: 25px;
	border-bottom: 4px solid #E6211A;
}

/*------------------------------------------------------------
	company/index.html
------------------------------------------------------------*/
body.csr .mainImg {
	margin: 0 0 8px;
	height: 601px;
	position: relative;
	text-align: center;
	background: url(../images/main_img.jpg) no-repeat center bottom;
	background-size: cover;
	position: relative;
}

body.csr .mainImg .dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: url(../../common/images/bg_dot.png) repeat left top;
}

body.csr .mainImg p {
	color: #FFF;
	z-index: 20;
	position: relative;
}

body.csr .mainImg h1 {
	padding: 270px 0 15px;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	position: relative;
	z-index: 20;
}

body.csr .mainImg .note {
	font-size: 15px;
	line-height: 1.95;
}

body.csr #breadCrumbSec {
	margin-bottom: 40px;
}

body.csr #breadCrumbSec li {
	font-size: 13px;
}

body.csr #main .headLine {
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: bold;
}

body.csr #main .companyUl {
	width: 990px;
	margin: 0 -30px 55px 0;
	position: relative;
}

body.csr #main .companyUl li {
	width: 465px;
	margin: 0 30px 0 0;
}

body.csr #main .companyUl li h2 {
	margin-bottom: 15px;
	font-size: 22px;
}

body.csr #main .companyUl li img {
	display: block;
}

body.csr #main .companyUl .linkList,
body.csr #main .companyUl .linkUl {
	padding: 20px 25px 14px;
	background-color: #f2f2f2;
}

body.csr #main .companyUl li .linkList li,
body.csr #main .companyUl li .linkUl li {
	width: auto;
	margin: 0 0 13px;
	float: none;
}

body.csr #main .companyUl li .linkUl span,
body.csr #main .newsDl span{
	font-size: 14px;
}
body.csr #main .companyUl li .linkUl a ,
body.csr #main .newsDl a{
	padding-right: 27px;
	display:inline;
	color: #557bb3;
	text-decoration: underline;
	background: url(../../common/images/pdf.png) no-repeat right 1px;
}

body.csr #main .companyUl li .linkUl a:hover {
	text-decoration: none;
}

body.csr #main .companyUl li .linkList {
	padding: 20px 29px 14px;
}

body.csr #main .companyUl li .linkList a{
	padding-left: 11px;
	display:inline-block;
	background: url(../../common/images/icon02.png) no-repeat left 6px;
}

body.csr #main .companyUl02 {
	margin-bottom: 0;
}

body.csr #main .companyUl02 li {
	margin: 0 20px 0 0;
	width: 306px;
}

body.csr #main .companyUl02 li .linkList {
	padding: 18px 19px 10px;
}

body.csr #main .companyUl02 li .linkList li {
	margin-bottom: 10px;
}


@media screen and (min-width: 0) and (max-width: 767px)  {
	#gnaviArea .navi04 > a {
		height: auto;
		border-bottom: none;
	}
	
	body.csr .mainImg {
		margin: 0 0 12px;
		min-height: 298px;
		height: auto;
		background-position: center top;
		background-size: cover;
	}

	body.csr .mainImg h1 {
		padding: 34% 0 36px;
		font-size: 20px;
	}
	
	body.csr .mainImg h1 .txt01 {
		width: 236px;
	}
	
	body.csr .mainImg h1 .txt02 {
		margin-top: 13px;
		width: 190px;
	}
	
	body.csr .mainImg .note {
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
		line-height: 1.5;
	}
		
	body.csr #breadCrumbSec {
		margin-bottom: 20px;
	}	
	
	body.csr #main {
		margin: 0;
	}
	
	body.csr #main .headLine {
		margin: 0 20px 17px;
		padding-bottom: 8px;
		font-size: 15px;
	}
	
	body.csr #main .newsDl {
		margin: 0 20px 25px;
	}
	
	body.csr #main .companyUl {
		width: auto;
		margin: 0 20px;
	}

	body.csr #main .companyUl li {
		margin: 0 0 25px;
		width: auto;
		float:none;
	}

	body.csr #main .companyUl img {
		width: 100%;
	}

	body.csr #main .companyUl li h2 {
		margin-bottom: 6px;
		font-size: 16px;
	}

	body.csr #main .companyUl li .linkUl {
		padding: 27px 24px 12px;
		height: auto !important;
	}

	body.csr #main .companyUl li .linkList {
		padding: 15px 16px 2px;
		height:auto !important;
	}
	
	body.csr #main .companyUl li .linkUl li a {
		font-size: 13px;
		display:inline-block;
	}

	body.csr #main .companyUl02 {
		margin: 0;
		padding: 20px;
		border-top: 1px solid #CCC;
	}
	
	body.csr #main .companyUl02 li .linkList {
		padding: 25px 18px 13px;
	}
	
	body.csr #main .companyUl02 li .linkList a {
		font-size: 13px;
	}
	
	
}