@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main a{
color:#02599A;
text-decoration:underline;
}
#main ul li a span.date,#main ul li a span.txt{
margin-bottom:10px;

}
#main{
color:#333;
}
#main ul li a span.date{
display:block;
width:26%;
margin-right:10px;
float:left;
white-space:nowrap;
text-decoration:underline;
}
#main ul li a span.txt{
display:block;
width:70%;
float:left;
}


@media all and (min-width: 0) and (max-width: 767px)  {

}
.mainVisual {
	background: url(../images/company/main_visual_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}

.mainVisual h2 {
	color: #fff;
}

.pageInner {
	margin-bottom: 70px;
}

#main {
	width: auto;
}

#main h3 {
	font-size: 36px;
	text-align: center;
	line-height:50px;
}
#main h4 {
	font-size: 19px;
	line-height:50px;
	font-weight:normal;
}


#main .comTtl {
	text-align: center;
}


#main .inner {
	width: 1102px;
	margin: 0 auto;
}

#main .inner .comTtl {
	margin-bottom: 22px;
}

#main .inner .text {
	margin-bottom: 48px;
	text-align: center;
	line-height: 2;
}

#main.inner .imgList {
	margin-right: -58px;
	width: 1161px;
}




@media all and (min-width: 0) and (max-width: 767px)  {
	.mainVisual {
		margin-bottom: 0;
		background: url(../images/company/sp_main_visual_bg.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	

	#main .inner {
		width:90%;
margin-top:40px;
	}
	
	#main .inner .text {
		margin: 0 40px 30px;
		text-align: center;
		word-break: break-all;
	}
#main ul{

}
#main ul li a span.date{
display:block;
width:100%;
margin-right:0px;
float:left;
white-space:nowrap;
}
#main ul li a span.txt{
display:block;
width:100%;
float:left;
margin-bottom:20px;
}
h4{
clear:both;
}

}

@media all and (min-width: 768px) and (max-width: 1279px)  {	
	.mainVisual {
		padding: 11% 0 10%;
		background: url(../images/company/pad_main_visual_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}
		

	
	#main .inner {
		width: 80%;
	}
	
	
}

@media all and (min-width: 1920px) {
	.mainVisual {
		background: url(../images/company/tv_main_visual_bg.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	

		
	#main .inner {
		width: 1206px;
	}
	
	#main .inner .comTtl {
		margin-bottom: 26px;
	}

    .pc {
		display: none;
	}
	
	.tv {
		display: block;
	}

}
#main h5 a{
clear:both;
text-decoration:none !important;
color:#333 !important;
margin-top:20px !important;
}
#main h5.titlelink{
text-decoration:none !important;
color:#333 !important;
font-size:19px !important;
margin-top:20px !important;
margin-bottom:10px;
}
#main ul{
margin-bottom:20px;
overflow:hidden;
}
#main ul li{
display:block;
margin-bottom:10px;
}