.title_text{
	
	color: #3B7EA8;
    -webkit-white-space: normal;
    word-break: break-all;
    font-size: 25px;
    font-weight: bold;
    padding: 0px 0px 20px 0px;}


.sec1, .sec2, .sec3{
	width: 100%;
	height: auto;
	
	display: block;
	position: relative;
	font-size: 1.5em;
	
	
	
	
}
.button{display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr;    grid-gap: 25px; width: 99%; margin-top: 25px;  }
.button a{
	
	color:#11003D;
	font-weight: bold;
	text-decoration: none;
		background-color: #eee;
}
.button a:hover{
	
	background-color: #fff;
	color: #9F0000;
	
}

.bt{
	margin: 0px auto;
	width: 100%;
	height:220px;

	position: relative;
	direction: block;
	
	
	background-position: center center;

		background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #525252;
}
.bt:hover{
	
		animation-name:ani2;
animation-iteration-count:infinite;
animation-duration:2s;
	
}
@keyframes ani2{
0%{background-size: 100%;;}
50%{background-size: 110%;}
100%{background-size: 100%;}
}




.product_name{
	margin: 0px auto;
	top: 82%;
	width: 100%;
	text-align: center;
	font-size: 1.7em;
	
	display: block;
	position: absolute;
	
}



.bt1, .bt2, .bt3, .bt4{
	

}


.bt1{
		
	background-image: url(/html2/product/images/power_f650.png);
	
}

.bt2{
		
	background-image: url( /html2/product/images/front_equip.png);
	
}


.bt3{
		
	background-image: url( /html2/product/images/si_software.png);
	
}


.bt4{
		
	background-image: url( /html2/product/images/dcu.png);
	
}

.down_img{
	margin-top: 15px;
	width: 100%;
	height: 390px;
	position:relative;
	display: block;
	
	background-image: url("../images/etc_image1.png");	
	background-size: 100%;
	background-repeat: no-repeat;
}