@charset "utf-8";
/* CSS Document */

#page-main-head {
}
#page-main-head .head-box {
}
#page-main-head .head-box .text-box * {
	font-size: 1.4rem;
}

#page-main-head .head-box .text-box p {
	margin: 20px 0;
}

#page-main-head .img img {
	width: 100%;
	height: auto;
}

#main .category.custom {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	background: #FFFFD6;
}

#main .category.custom ul {
	margin: 30px 0;
}

#main .equip {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	background: #DCDDDD;
}

#main .equip ul li {
	box-sizing: border-box;
	padding: 20px;
}

#main .equip ul li .image {
	margin-bottom: 15px;
}

#main .equip ul li .image img {
	width: 100%;
	height: auto;
}

#main .category.custom .about-image {
}

#main .category.custom .about-image img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 1024px) {
	
	#page-main-head {
	}
	
	#page-main-head .head-box {
		box-sizing: border-box;
		float: right;
		width: 50%;
		padding: 30px;
	}
	
	#page-main-head .img {
		box-sizing: border-box;
		float: left;
		width: 50%;
		padding: 30px;
		
	}
	
}

@media screen and (min-width: 1024px) {
	
	#main .equip ul li {
		width: 33.3%;
		float: left;
	}

}

@media screen and (max-width: 1024px) and (min-width: 640px) {
	
	#main .equip ul li {
		width: 33.3;
		float: left;
	}

}

@media screen and (min-width: 640px) {
	
	

}


@media screen and (max-width: 640px) {
	#main .equip {
	}
	
	#main .equip ul li {
		width: 100%;
		float: left;
	}
	
}