<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.pageThemeWrapHeader + .pageTheme {
    padding-top: 0px;
}
.pageTheme h3.heading .hTxt,
.pageTheme .middleHeading.heading .hTxt {
		font-family:'Crimson Text', serif;
}
.pageTheme h3.heading {
	margin-bottom: 20px;
}

ul.listUnit01 {
	padding-left: 0px;
}


/* page Original
---------------------------------------*/
	.equArea li {
		margin-top: 40px;
	}

	.equArea:after {
		content: "";
		display: block;
		clear: both;
	}
	.equArea li {
		display: block;
		float: left;
		margin-bottom: 15px;
	}
	.equArea li img {
		width: 100%;
	}
	.equArea li strong {
		display:table;
		table-layout: fixed;
		width: 100%;
		height: 45px;
		min-height: 45px;
		color: #fff;
		line-height: 1.4em;
		font-size: 0.80em;
		background: url(../images/equipment/bg_gradient.jpg) top center repeat;
		background-size: cover;
	}
	.equArea li strong &gt; span {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 0 0.8em;
	}
@media screen and (min-width:841px) {
	.equArea li {
		width: 22.10%;
		max-width: 210px;
		margin-left: 3.8%;
	}
	.equArea li:nth-of-type(4n+1) {	margin-left: 0;	}
}
@media screen and (min-width:646px) and (max-width:840px) {	
	.equArea li {
		width: 30%;
		margin-left: 5%;
	}
	.equArea li:nth-of-type(3n+1) {	margin-left: 0;	}
}
@media screen and (max-width:645px)  {	
	.equArea {
		text-align: center;
		width: 100%;
	}
	.equArea li {
		display: inline-block;
		float: none;
		width: 45%;
		max-width: 210px;
		margin-left: 3%;
	}
	.equArea li:nth-of-type(2n+1) {	margin-left: 0;	}
}
@media screen and (max-width:320px)  {	
	.equArea li {
		display: block;
		float: none;
		width: 100%;
		max-width: 210px;
		margin: 0 auto 15px !important;
	}
}























</pre></body></html>