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

.ocp .imageA01 img.style01, .ocp .imageA01 img.style02, .ocp .imageA01 img.style03,
.ocp .imageA01 img.style04, .ocp .imageA01 img.style05, .ocp .imageA01 img.style06 {
	width: 32%;
}
.ocp .imageA01 img.style01, .ocp .imageA01 img.style02 {
	margin: 0 2% 0 0;
}
.ocp .imageA01 img.style04, .ocp .imageA01 img.style05 {
	margin: 1% 2% 0 0;
}
.ocp div.tableA01 {
  width: 90%;
}
.ocp div.tableA01 table tr td {
  width: 245px;
}
.ocp #mainArea embed {
  display: block;
}
.ocp .fl_left {
  height: 240px;
}
.ocp .imageA01 .sp-none {
	display: block;
}
.ocp .imageA01 .pc-none {
	display: none;
}

@media (max-width: 767px) {
.heading-h1, .ocp .imageA01 p:last-child {
	display: none;
}
.ocp div#contentArea div#columnArea div#mainColumn div#mainArea {
	width: 100%;
}
.ocp div#mainArea .imageA01 p:nth-child(2) img {
	width: 100%;
}
.ocp .media_content {
	padding: 0 10px;
}
.ocp div.tableA01,
.ocp div.tableA01 table tr td {
  width: auto;
}
.ocp div#mainArea .fl_left {
  float: none;
  width: 100%;
  margin-right: 0;
  height: auto;
  text-align: center;
  position: relative;
  padding-top: 56.25%;
  margin-bottom:15%;
}
.ocp div#mainArea .fl_left iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100% !important;
}
.ocp div#mainArea .fl_left p {
  position: absolute;
  left: 0;
  right: 0;
  margin-top:10px;
}
.ocp .imageA01 p.sp-none {
	display: none;
}
.ocp .imageA01 p.pc-none {
	display: block;
}
}
@media (max-width: 365px) {
.ocp div#mainArea .fl_left {
  margin-bottom:20%;
}
}
@media (max-width: 335px) {
.ocp div#mainArea .fl_left {
  margin-bottom:25%;
}
}