@charset "utf-8";

.pro_dis01,
.pro_dis02,
.pro_dis04 {
	padding: 20px;
}

.pro_dis01 {
	background-image: url(../../product/oilprotect/img/op01_02.jpg);
	background-repeat: no-repeat;
	background-position: 90% center;
}

h4.op_h4 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #133F64;
}

.pro_dis01 dt {
	font-weight: bold;
}

.pro_dis02 dt {
	font-weight: bold;
	color: #0085B2;
}

.pro_dis04 h4 {
	border-bottom: 1px solid #CCC;
}



/* PC */
@media screen and (min-width: 769px){

.tab_wrap {
  height: 400px;
}

.pro_dis01,
.pro_dis02,
.pro_dis04 {
	padding: 20px;
}

h4.op_h4 {
	font-size: 27px;
	line-height: 160%;
	margin-top: 20px;
	margin-bottom: 40px;
}

.pro_dis01 dt {
	margin-top: 30px;
}

.pro_dis02 dt {
	margin-top: 15px;
}

.pro_dis03 li {
	width: 30%;
	margin: 5px 10%;
	float: left;
}

.pro_dis04 h4 {
	padding-bottom: 15px;
}

}

/* TABLET */
@media screen and (max-width: 768px){
	
.pro_dis01,
.pro_dis02,
.pro_dis04 {
	padding: 20px;
}

h4.op_h4 {
	font-size: 27px;
	line-height: 160%;
	margin-top: 20px;
	margin-bottom: 40px;
}

.pro_dis01 dt {
	margin-top: 30px;
}

.pro_dis02 dt {
	margin-top: 15px;
}

.pro_dis03 li {
	width: 40%;
	margin: 5px 5%;
	float: left;
}

.pro_dis04 h4 {
	padding-bottom: 15px;
}

}




/* SP */
@media screen and (max-width:640px){

.pro_dis01,
.pro_dis02,
.pro_dis04 {
	padding: 20px;
}

h4.op_h4 {
	font-size: 18px;
	line-height: 160%;
	margin-top: 0px;
	margin-bottom: 20px;
}

.pro_dis01 {
	background-image: none;
}

.pro_dis01 dt {
	margin-top: 20px;
}

.pro_dis02 dt {
	margin-top: 15px;
}

.pro_dis03 li {
	width: 70%;
	margin: 5px 15%;
	float: none;
}

.pro_dis04 h4 {
	padding-bottom: 15px;
}

}