@charset "UTF-8";
body {
	padding: 0px;
	margin: 0px;
}
img {
	vertical-align: bottom;
}

/*---------------------------------------- 801px以上 ----------------------------------------*/
@media all and (min-width:801px){

/*-------------------- 企業一覧 --------------------*/
#introduce {
	width: 100%;
	margin: 0px auto 60px;
}
.introduce-list {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.introduce-list a {
	width: 23%;
	margin: 0px auto 19px;
		transition: .3s;

}
.introduce-list a:hover{
    box-shadow: 0px 20px 40px rgba(0, 0, 0, .4);
    transform: scale(1.02,1.02);

}

.list-items {
	width: 100%;
}
.list-item {
	width: 100%;
	height: 20.0vw;
	border: 1px solid #e5e5e5;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.emptiness {
	width: 23%;
	margin: 0px auto 19px;
	display: inline; 
}
.emptiness-item {
	width: 100%;
	height: 20.0vw;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.rectangle img {
	width: 60%;
	margin: auto;
}
.spuare img {
	width: 40%;
	margin: auto;
}
/*figure {
	position: relative;
	overflow: hidden;
}
figcaption {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
figure:hover figcaption {
	top: 0;
	right: -100%;
}*/
}

/*---------------------------------------- 1500px以上 ----------------------------------------*/
@media all and (min-width:1000px){
/*-------------------- ヘッダー --------------------*/
.list-item {
	/*height: 200px;*/
}
}

/*---------------------------------------- 800px以下 ----------------------------------------*/
@media all and (max-width:800px){
/*-------------------- ヘッダー --------------------*/
#header {
	width: 100%;
	height: 10.0vw;
}


/*-------------------- 企業一覧 --------------------*/
#introduce {
	width: 100%;
	margin: 0px auto 60px;
}
.introduce-list {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.introduce-list a {
	width: 45%;
	margin: 0px auto 4.0vw;
}
.list-items {
	width: 100%;
}
.list-item {
	width: 100%;
	height: 24.0vw;
	border: 1px solid #e5e5e5;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.rectangle img {
	width: 60%;
	margin: auto;
}
.spuare img {
	width: 40%;
	margin: auto;
}

/*-------------------- フッター --------------------*/
#footer {
	width: 100%;
	height: 10.0vw;
}
}