/* CSS Document */
div.equipment p {
	margin: 0;
	padding: 0;	
}
.e_box1 {
	width: 95%;
	margin: 20px auto;	
}
.e_box1 p {
	width: 50%;	
	float: left;
}
.e_box1 p:last-child {
	width: 100%;
}

.e_box2 {
	width: 95%;
	margin: auto;
	position: relative;
}
.e_box2 p.sp_text {
	display: none;	
}

.e_box3 {
	width: 95%;	
	margin: 40px auto;
	position: relative;
}
.e_box3 p {
	width: 29%;
	float: right;	
}
.e_box3 p:last-child {
	width: 33%;	
	position: absolute;
	bottom: 10%;
	left: 0;
	float: none;
}
.e_box3 p:first-child {
	width: 69%;
	float: left;
}
.e_box4 {
	width: 95%;
	margin: auto;
	position: relative;	
}
p.e_box4_1 {
	width: 45%;	
	position: absolute;
	top: 0;
	left: 25%;
}

p.e_box4_2 {
	width: 65%;	
	float: left;
}
p.e_box4_3 {
	width: 30%;	
	float: right;
}
.e_box4 ul {
	width: 30%;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-size: 0.8em;
	float: right;
}


@media only screen and (max-width: 1024px) and (min-width: 481px){
.e_box3 p:last-child {
	width: 100%;	
	position: relative;
	float: none;
	clear: both;
}

p.e_box4_1 {
	width: 100%;	
	position: relative;
	clear: both;
	left: 0;
}

p.e_box4_2 {
	width: 55%;	
	float: left;
}
p.e_box4_3 {
	width: 35%;	
	float: right;
}
.e_box4 ul {
	width: 100%;
	float: none;
	margin-top: 20px;
}





	
}

@media only screen and (max-width: 480px) and (min-width: 0px) {

.e_box1 p {
	width: 100%;	
	float: none;
}
.e_box2 p.sp_text {
	display: block;	
}


.e_box3 p,.e_box3 p:first-child {
	float: none;
	width: 100%;
}
.e_box3 p:last-child {
	width: 100%;	
	position: relative;
	float: none;
	clear: both;
}

p.e_box4_1 {
	width: 100%;	
	position: relative;
	clear: both;
	left: 0;
}

p.e_box4_2 {
	width: 100%;	
	float: none;
}
p.e_box4_3 {
	width: 100%;	
	float: none;
}
.e_box4 ul {
	width: 100%;
	float: none;
	margin-top: 20px;
}

	
}