@charset "utf-8";


body.page #main{
	font-size:100%;
}

#index h1{
	margin:0;
}


#index{
}



#index .pickup-bnr{
	padding:0 0 1rem;
}




/********** アイコン **********/
#index .icons{
	padding:0 0 0.5rem;
	line-height:2;
	font-size:95%;
}
#index .icon-sitetype{
	display:block;
	margin:0 0 0.5rem 0;
	line-height:1.2;
	color:#666;
	background:#ff3;
}
#index .icon-sitetype a{
	display: block;
	padding: 1rem 0.5rem;
	text-decoration:none;
	color:#666;
}
#index .icon-category{
	display:block;
	margin:0 0 0.5rem 0;
	line-height:1.2;
	color:#f7f7f7;
	background:#999;
}
#index .icon-category a{
	display:block;
	padding: 1rem 0.5rem;
	text-decoration:none;
	color:#f7f7f7;
}


/********** サブ助 **********/
#index .bnr-subsuke{
	padding: 0 0 4vw;
}



/********** 制作実績 **********/
#index .portfolio ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 1rem;
}
#index .portfolio ul li{
	width: 48%;
	margin: 0 0 2rem;
	padding:0 0 2rem;
	background:url(../images/index/bg-sep.png) no-repeat 0 100%;
	background-size: 100% auto;
}
#index .portfolio ul li.portfolio-list1{
}
#index .portfolio ul li.portfolio-list2{
}
#index .portfolio ul li .eyecatch{
	padding:0 0 1rem;
}
#index .portfolio ul li .eyecatch img{
	display: block;
	width: 100%;
	height: auto;
}
#index .portfolio ul li h3{
	padding:0 0 0.5rem;
	line-height:1.2;
	font-size: 1.2em;
}
#index .portfolio ul li h3 a{
	display:block;
}
#index .portfolio ul li .entry-body{
	padding:0 0 1rem;
	overflow:hidden;
}
#index .portfolio ul li .icons{
	padding:0 0 0.5rem;
}
#index .portfolio ul li .client-name{
	text-align:right;
	color:#666;
}

/********** 最新の制作実績をもっと見る **********/
#index .portfolio .other-portfolio{
	padding: 3rem 5rem 0;
	text-align:center;
}
#index .portfolio .other-portfolio a{
	display: block;
}
#index .portfolio .other-portfolio img{
	display: block;
	width: 100%;
}