@charset "UTF-8";
/* CSS Document */
/*----- 看板 -----*/
#hero{
	width: 100%;
	background:url(../img/entry/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:center;
}

#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: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;
	}
}

/*-----会社概要-----*/
.comment{padding-top:50px;padding-bottom:50px;}
#entry{	
	width:100%;
	max-width: 1020px;
	margin:0 auto 40px;
	text-align:center;
}

#entry .image{
	margin:0 auto 20px;
	text-align:center;
}
#entry .image img{	
	width: 100%;
}

#about-list{
	width:100%;
	overflow: hidden;
	padding:40px auto 40px;
	margin: 30px auto 60px;
	text-align:center;


}
#list{	
	width:100%;
	overflow: hidden;
	padding:40px auto 40px;
	margin: 0 auto 60px;
	text-align:center;
}
#about-list table{
	text-align:center;
	width:100%;
	font-size:16px;
	margin:0 auto 10px;
	text-align: center;
	border-bottom:1px solid #fff;
	clear: both;
}
#list table{
	text-align:center;
	width:100%;
	font-size:16px;
	margin:0 auto 10px;
	text-align: center;
	border-bottom:1px solid #000;
	clear: both;
}

#about-list table td{
	padding:20px 25px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	text-align: left;
	line-height: 1.5;
	clear: both;
}

#list table td{
	padding:20px 25px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	text-align: left;
	line-height: 1.5;
	clear: both;
}


#about-list table td a,#list table td a{
	text-decoration: underline;
}
#about-list table td p,#list table td p{
	padding:0 0 10px;
}



#about-list table td span,#list table td span{
	background-color: #f4f4f4;
	padding:1px 20px;
	margin-bottom:20px;
}

#about-list table th{
	width:25%;
	text-align:center;
	background-color:#000;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	color:#fff;
}

#list table th{
	width:25%;
	text-align:center;
	background-color:#f4f4f4;
	border-left:1px solid #000;
	border-top:1px solid #000;
}

#about-list table ul li,#list table ul li{
	/*list-style-type: square;*/
	text-indent:0;
	margin-left:-20px;
	padding: 2px 0;
}

#about-list table .detaile,#list table .detaile{
	width:100%;
	margin: 20px 0;

}
#map{
	width: 100%;
	height:445px;
	margin: 0;
	padding: 0;
}

#office{width:100%;max-width:940px;padding:40px;line-height:200%;background-color:#ddd;margin-bottom:40px;}

#list h4{
background-color: #000;
    color: #fff;
    padding: 10px 5px;
    margin: 0 auto 0;
    font-weight: normal;
}

#contents h3{
background-color: #000;
    color: #fff;
    padding: 20px 5px;
    margin: 0 auto 0;
    font-weight: normal;
	width: 100%;
	max-width: 1010px;
}
@media only screen and (max-width: 768px) {  

	#list{	
		width:98%;
	}
	#about-list{	
		width:98%;
	}

}