@charset "utf-8";


@media screen and (max-width: 750px) {

.works-archive-box-inner{
	height: auto;
}

.works-archive-box{
	width: 100%;
	display: block;
}

.works-cate-nav{
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
.works-cate-nav h5.h5-s,
.works-cate-nav h5.h5-l{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.works-cate-nav ul{
	padding-left: 0;
	position: static;
}
.works-cate-nav li.cate-all{
	position: static;
}
	

.cate-box{
	width: 100%
}
.cate-box ul{
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
}
.cate-box li{padding: 5px 10px;flex-grow: 0;}
.cate-box li.cate-all{	width: 90px;}
.cate-box li.fl0{flex-grow: 0;}
.cate-box li.fl1{flex-grow: 1;}
.cate-box li.fl2{flex-grow: 2;}

.cate-box2{width: 100%;}
.cate-box2 ul{  display: block;margin-right: -10px;}
.cate-box2 li{	display: inline-block;}
.cate-box2 li.cate-all{	width: 90px;}
.cate-box2 li.cate-more{ width: calc((100% - 90px - 30px) / 2);}
.company-message{
	margin: 0 auto 70px;
}
.company-message dt{
	display: block;
	width: 100%;
	padding: 0 0 20px;
	}
.company-message dd{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.company-message dt p{
	margin: 0 -5%;
}

.company-message dd{
	font-size: 14px;
	text-align: justify;
}

.company-about{
	border-top: 1px solid #636363;
}
.company-about .innerL,
.company-about .innerR{
	width:100%;
	margin: 0;
	border: none;
}	
	
.company-history dt{	width: 8em;}	
	
	
	
.company-history dl{
	line-height: 1.8
}
.company-history dt,
.company-history dd{
	padding: 10px 0;
}
	
	
	
	
	


.staff-h3{	margin: 100px 0 30px;}
li.staff-box{	width: 100%;	display: block;}

	

}



}














@media screen and (max-width: 500px) {
	
.cate-box2,
.cate-box2 ul{
	display: block;
	width: 100%;
}
.cate-box2 li.cate-all{	width: 100%;margin: 0 0 10px 0;}
.cate-box2 li.cate-more{width: 100%;margin: 0 0 10px 0;}
.company-bn{ width:100%; display:block;}
.company-bn:nth-child(1){	margin: 0 0 20px 0}
.company-bn:nth-child(2){	margin: 0 0 20px 0}
}