@charset "UTF-8";
/* CSS Document */

/*----- 看板 -----*/
#hero{
	width: 100%;
	background:url(../img/works/main.jpg) no-repeat center;
	height:260px;
	margin: 0;
	padding: 0;
	position: relative;
	justify-content: center;
	align-items: center;
	background-size: cover;
    display: flex;
	text-align:center;
	vertical-align:
}

#hero .inner{
	font-family:'Montserrat';
	width:33%;
	position: absolute;
	margin:0 auto 0;
    top:55%;
	left:33%;
	font-size: 33px;
	color: #fff;
}

#hero img{
	display:none;
}

@media only screen and (max-width: 768px) {  
#hero{
	width:100%;
	height:auto;
	background:none;
	padding: 0;
	vertical-align: top;
}
#hero .inner{
	font-family:'Montserrat';
	width:33%;
	position: absolute;
	margin:0 auto 0;
    top:55%;
	left:33%;
	font-size: 30px;
	color: #fff;
}
#hero img{
	display:block;
}
}

/*-----イベントトータルサポート（wp部分はsub_comm.css）-----*/
#works{	
	width:100%;
	margin: 0 auto 40px;
	text-align:center;
	overflow: hidden;
}


/*-------ビジネス詳細-------*/
#category{
	width: 100%;	
}
#category .can{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}
#category .w_max{
	width:100%;
	clear: both;
	display:table;
}

#category .w_max .icon_1{
	width:23%;
	padding:2% 1%;
	height:260px;
	float:left;
	background-color:#f9f9f9;
	display:table-cell;
}

#category .w_max .icon_2{
	width:23%;
	height:260px;
	padding:2% 1%;
	text-align: center; 
	float:left;
	background-color: #f4f4f4; 
	display:table-cell;
}

#category img{
	width:40%; 
}