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

.cf{zoom:1;}
.cf:after{ content:"";display:table;}
.cf:after{clear:both;}

#wrap{
	width:80%;
	margin:0 auto;
	}
#main img{
	width:100%;
	}
#main2 img{
	width:100%;
	}
#selectBTN li{
	width: 25%;
	float: left;
	list-style-type: none;
	}
#selectBTN li img{
	width:100%;
	}
#btn1 {
	background-image: url(image/ochinai_af_btn.png);
	background-repeat: no-repeat;
	background-size: contain;
	}
#btn2 {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(image/memo_af_btn.png);
	}
#btn3 {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(image/bi_af_btn.png);
	}
#btn4 {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(image/BIN_af_btn.png);
	}

#selectBTN  li:hover img {
	visibility: hidden;	
	}
#selectBTN a {
	display:block;
	}
#salesTitle {
	background-image: url(image/sales_title_hover.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.sample {
	padding-bottom: 10%;
	padding-top: 1%;
}
.sample img:hover{
	opacity:0.5;
	}
#wrap #request {
	position: relative;
}
#wrap #request img {
	width: 100%;
}
#products {
	margin-top: 10%;
}
#ochinai {
	position: relative;
}
.goHP {
	width: 12%;
	position: absolute;
	bottom: 0;
	right:0;
}
#bicclear {
	position: relative;
}
#memoreru {
	position: relative;
}
#BIN {
	position: relative;
}
.goHP img{
	width: 100%;
	}
.goHP:hover img{
	opacity:0.5;
	}
#wrap #request #sampleBTN {
	width: 56%;
	position: absolute;
	left: 22%;
	right: 22%;
	top: 40%;
}
#sampleBTN img:hover{
	opacity:0.5;
	}

#salesTitle:hover img {
	visibility: hidden;	
	}
	
#ochinai img{
	width:100%;
	}
#memoreru img{
	width:100%;
	}
#bicclear img{
	width:100%;
	}
#BIN img{
	width:100%;
	}
.sample img{
	width:45%;
	padding-right: 25%;
	padding-left: 25%;
	}
#wrap #request {
	margin-top: 5rem;
}
#introduction img{
	width:100%;
	}
	
#salesTitle a{
	display:block;
	}
#back {
	width: 8%;
	position: fixed;
	bottom: 2%;
	right: 2%;
}
#back img{
	width:100%;
	}
#back:hover img{
	opacity:0.5;
	}
#hp img{
	width:100%
	}
#wrap #hp {
	background-image: url(image/goHP_af.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-top:5rem;
}
#hp a{
	display:block;
	}
#hp:hover img{
	visibility:hidden;
	}
	
@media screen and (max-width: 870px){

#wrap{
	width:100%;
	margin:0 auto;
	}
	}