@charset "UTF-8";

#main{
    width: 100%;
}
#main img{
	height: auto;
	width: 100%;
}

h2{
	border-bottom: 1px solid #9E9E9F;
	text-align: center;
	margin-bottom: 40px;
}
h2 img{
	width: 100%;
	height: auto;
}
h3{
	text-align: center;
	margin-bottom: 40px;
}


/* index01
--------------------------------------------------------------------------------------*/
#index01{
	width: 100%;
	padding: 8% 0%;
}


/* index02
--------------------------------------------------------------------------------------*/
#index02{
	width: 100%;
	padding: 8% 0%;
}
#index02 .width48 img{
	width: 100%;
	height: auto;
}


/* relief
--------------------------------------------------------------------------------------*/
#relief{
	width: 100%;
	padding: 8% 0;
}
#relief .lists li{ background: url("../img/common/circle.png") 0px 5px no-repeat; background-size: 20px 20px; padding-left: 30px;}


/* work
--------------------------------------------------------------------------------------*/
#work{
	width: 100%;
	padding: 8% 0;
}
#work .workList li img{
	width: 100%;
	height: auto;
}

#work .workList{
	width: 100%;
	margin-bottom: 5%;
	padding-bottom: 5%;
	border-bottom: 1px dotted #111;
}

#work .workList img{width: auto; height: 45px;}
#work .workList li{
	width: 31%;
margin: 0 3% 3% 0;
padding:0;
float:left;
display:inline;
text-align:center;
}
#work .workList li:nth-of-type(3n) {
margin-right: 0;
} 
.workList li .work_ttl{
	font-weight: 700;
	font-size:1.28em;
	margin-bottom: 1%;
}
#work .workList:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* achieve
--------------------------------------------------------------------------------------*/
#achieve{
	width: 100%;
	padding: 8% 0;
}

#achieve p{
	text-align: left;
	
}

/* flow
--------------------------------------------------------------------------------------*/
#flow{
	width: 100%;
	padding: 8% 0;
}






/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

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



/* index01
--------------------------------------------------------------------------------------*/
#index01,
#index02,
#relief,
#work,
	#achieve,
	#flow{
	width: 100%;
	padding: 8% 0;
}


/*index02*/
	#index02 .width48{
		width: 100%;
	}
	#index02 .fL,
	#index02 .fR{
		float: none;
		display: block;
		margin-bottom: 5%;
	}
	#index02 .mgB50{
		margin-bottom: 0;
	}

/*relief*/
#relief .lists li{ background-size: 12px 12px; padding-left: 18px;}
#relief .btnC img,
#achieve .btnC img{ width: 60%; margin: 0 20%;}


/*workList*/
.workList li .work_ttl{
	font-size:0.6em;
}
	
	#achieve .fL,
	#achieve .fR{
		float: none;
		display: block;
		margin-bottom: 5%;
	}
	#achieve .width48{
		width: 100%;
	}

h3{
	text-align: center;
	margin-bottom: 10px;
}
	h3 img{width:auto !important; height: 20px !important;}
}