@charset "utf-8";

/* default style reset
------------------------*/
body,div,dl,dt,dd,ul,li,ol,
h1,h2,h3,h4,h5,form,p,table,th,td,
address,input{
	margin:0;
	padding:0;
}

body{
	line-height:1;
}
	
a img,img{
	border:0;
}

table{
    border-collapse:collapse;
   	border-spacing:0;
}
	
caption,th{
    text-align:left;
}
	
ul,li,ol,li{
	list-style:none;
}

a{
	color:#2285d1;
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

iframe{
	border:0;
}

textarea{
	width:98%;
}

a{text-decoration:none;}


/* clearfix
------------------------*/
.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}

/* layout
------------------------*/
body{
	color:#444;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* common
------------------------*/
img{
	max-width:100%;
	height:auto;
	display:block;
}

/* module new
------------------------*/
ul{
	margin:1%;
	//background:#fff;
}

li{
	width:31%;
	padding:1%;
	float:left;
	position:relative;
}

li h3{
	color:#2285d1;
	font-size:87.5%;
	line-height:140%;
	display:block;
	margin:6px 0 0 0;

}

li p{
	font-size:75%;
	line-height:150%;
	display:block;
}


.textOverflowLine1 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
.textOverflowLine2 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	

.r_lnk{
	float:right;
	margin:0 5px 0 0;	
	}

.r_lnk a{
	min-height:16px;
	padding:0 19px 0 0;
	background:url(img/icon_arrow5.png) no-repeat right center;
	background-size:16px 16px;
	}

.lnk a{
	min-height:16px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow3.png) no-repeat left center;
	background-size:16px 16px;
	}


  .matchHeight{
  	position: relative;
  	z-index:0;
    }




  
  

@media all and (max-width:480px){

	li {
  		display: inline-block;
  		width: 48%;
	} 

	li p,
	li img{
		width: 96%;
	}

	li h3{
		font-size:80%;
		line-height:120%;
		width: 96%;
		overflow: hidden;
	}
	
	.compname{
   		position: absolute;
		width:96%;
		height:78px;
		display:block;
   		}
   
   	.aej p{margin:21px 0 0 0;}
	   	
}



@media all and (max-width:320px){

	li {
  		display: inline-block;
  		width: 48%;
	}  

	li h3{
		font-size:80%;
		line-height:120%;
		width: 96%;
		overflow: hidden;
	}

	li p,
	li img{
		width: 96%;
	}
	
	.compname{
   		position: absolute;
		width:96%;
		height:78px;
		display:block;
   		}
   
   	.aej p{margin:21px 0 0 0;}

}