/*--------------------------
	common
--------------------------*/
#scrub .pc{display: block;}
#scrub .sp{display: none;}

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

#scrub {
    max-width: 1100px;
    padding: 0 10px;
    margin: 0 auto;
	
	color: #333;
}

#scrub h3{
	font-size: 18px;
}

#scrub p{
	font-size: 13px;
}

/*--------------------------
	#scrub 
--------------------------*/

#scrub .l-c-col-item .col-item-img{
	    width: 45%;
}


#scrub .l-c-col-6-3 p.l-c-txt span{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}


#scrub ul.function{
	overflow: hidden;
}
#scrub ul.function li{
	float: left;
	width: 11.5%;
	margin: 0 1% 0 0;
}
#scrub ul.function li:last-child{
	margin: 0;
}



/*-------------------------------
	676px以下用
---------------------------------*/
@media screen and (max-width: 676px) {

/*--------------------------
	common
--------------------------*/
#scrub .pc{display: none;}
#scrub .sp{display: block;}




#scrub h3{
	font-size: 15px;
}

/*--------------------------
	#scrub 
--------------------------*/
#scrub .l-c-col-item .col-item-img{
	    width: 80%;
		margin: 0 auto;
}

#scrub .l-c-col-6-3 p.l-c-txt span{
	font-size: 14px;
}

}


/*-------------------------------
470px以下用
---------------------------------*/
@media screen and (max-width: 470px) {

/*--------------------------
	common
--------------------------*/
#scrub h2{
	font-size: 1.1rem;
}

/*--------------------------
	#scrub 
--------------------------*/
#scrub .l-c-col-item .col-item-img{
	    width: 100%;
		margin: 0 auto;
}
}