@charset "utf-8";
/*------------------------------------------------------------
	greetings
------------------------------------------------------------*/
#gNavi .navi07 a {
	border-bottom: 5px solid #011628
}

.pageTitle {
	background-image: url(../../img/jp/compnay/information/page_title_bg.jpg);
}

#main .headLine01 {
	margin-bottom: 50px;
}

#main p {
	margin-bottom: 65px;
	font-size: 15px;
	line-height: 2;
	text-align: center;
}

#main .infoList {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
}

#main .infoList li {
	width:45%;
}

#main .infoList li h4 {
	margin-left: 3px;
}

#main .infoList li .pho {
	margin-bottom: 20px;
}

#main .infoList li .pho img {
	width:100%;
}

#main .infoList li p {
	margin-bottom: 0;
	padding-bottom: 30px;
	text-align: left;
}

#main .infoList li .link a {
	padding: 12px 0 11px;
	display: block;
	position: relative;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	background-color: #011629;
	behavior: url(../../js/pie.htc); 
}

#main .infoList li .link a:before {
    width: 9px;  
    height: 14px;
	margin-top: -7px;
    background: url(../../img/common/icon22.png) no-repeat;
    position: absolute;  
    top: 50%;  
    right: 16px;  
  
    content: "";
}

#main .infoList .rLink {
	float: right;
}

#main .infoList .rLink .link a {
	background-color: #D20010;
}

#main .infoList .rLink .pho {
	margin-bottom: 60px;
}

#main .infoList a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	/*------------------------------------------------------------
		greetings
	------------------------------------------------------------*/
	.pageTitle {
		background-image: url(../../img/jp/compnay/information/sp_page_title_bg.jpg);
	}

	#main .headLine01 {
		margin-bottom: 23px;
	}
	
	#main p {
		margin-bottom: 25px;
		font-size: 17px;
		text-align: left;
	}
	
	#main .infoList li {
		margin-bottom: 33px;
		float: none;
		width: 100%;
	}

	#main .infoList li:last-child {
		margin-bottom: 0;
	}
	
	#main .infoList li .sub {
		height: inherit;
	}
	
	#main .infoList li h4 {
		margin-left: 0px;
	}
	
	#main .infoList li .pho {
		margin-bottom: 12px;
	}
	
	#main .infoList li .pho img {
		width: 100%;
	}
	
	#main .infoList li p {
		padding-bottom: 12px;
	}
		
	#main .infoList li .link a {
		padding: 12px 0 12px;
		font-size: 20px;
		border-radius: 2px;
	}
	
	#main .infoList li .link a:before {
		width: 5px;  
		height: 9px;
		margin-top: -5px;
		background: url(../../img/common/icon23.png) no-repeat;
		background-size: 5px 9px;
		right: 15px;  
	}

	#main .infoList .rLink {
		float: none;
	}

	#main .infoList .rLink .pho {
		margin-bottom: 16px;
	}

	#main .infoList a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
}