@charset "utf-8";

.ocp .text01 {
	font-weight: bold;
	font-size: 20px;
}
.ocp .img_layout {
	height: auto;
	padding-top: 31%;
	position: relative;
}
.ocp .img_layout img {
	position: absolute;
	top: 0;
}
.ocp .img_layout .box01 {
	position: absolute;
	bottom: 9.5%;
	background-color: rgba(255,255,255,0.8);
	width: 80%;
	padding: 1% 1% 1% 19%;
	overflow: hidden;
}
.ocp .img_layout .box01 ul {
	float: left;
	width: 49%;
}
.ocp .img_layout .box01 li {
	text-indent: -14px;
	padding-left: 14px;
}
.ocp .img_layout .text03 {
	font-size: 11px;
	text-align: right;
}

@media (max-width:767px) {
.ocp .img_layout {
	padding-top: 29.7%;
}
.ocp .img_layout .box01 {
	position: inherit;
	bottom: 0;
	padding: 2% 1%;
	width: 98%;
	background-color: #E0E0E0;
}
.ocp .img_layout .box01 ul.box01_list1 {
	padding-left: 8%;
	width: 42%;
}
.ocp .img_layout .box01 ul.box01_list2 {
	width: 47%;
}
.ocp .img_layout .text01 {
	font-size: 3.2vw;
}
.ocp .img_layout .text02 {
	font-size: 2.5vw;
}
}

@media (max-width:570px) {
.ocp .img_layout .box01 ul.box01_list1 {
	width: 47%;
	padding-left: 0;
}
}