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

figure {
  float: left;
  width: 33.33%;
  height: auto;
}
figure img {
  vertical-align: bottom;
}
figure:hover .transform02 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
figure p {
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding: 10px;
}
.transform02 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*------------------------------
  PC3列　スマホ １列
  ------------------------------*/
.bnn_owThreebox{
width:32%;
/*height:240px;*/
	height:280px;
margin:0 2% 0 0;
float:left;
}
.bnn_owThreeboxR{
width:32%;
/*height:240px;*/
	height:280px;
margin:0;
float:left;
}
@media only screen and (max-width:480px){
.bnn_owThreebox{
width:100%;
height:200px;
margin:0 0 24px;
float:none;
}
.bnn_owThreeboxR{
width:100%;
height:200px;
margin:0;
float:none;
}
}
.bnn_owThreebox img {
vertical-align: middle;
	object-fit: cover;
  width: 100%;
  height: 100% 
}
.bnn_owThreebox:hover .transform02 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.bnn_owThreeboxR img {
vertical-align: middle;
	object-fit: cover;
  width: 100%;
  height: 100% 
}
.bnn_owThreeboxR:hover .transform02 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.bnn_owThreebox h3 {
  padding: 0 0 5px;
  color: #fff;
  font-size: 24px;
  margin-top: 70px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.bnn_owThreeboxR h3 {
  padding: 0 0 5px;
  color: #fff;
  font-size: 24px;
  margin-top: 70px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 780px){
.bnn_owThreebox h3 {
  padding: 0 0 5px;
  color: #fff;
  font-size: 20px;
  margin-top: 50px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.bnn_owThreeboxR h3 {
  padding: 0 0 5px;
  color: #fff;
  font-size: 20px;
  margin-top: 50px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
}
.bnn_owThreebox p {
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding: 10px;
}
.bnn_owThreeboxR p {
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding: 10px;
}
.bnn_owThreebox p:hover {
  text-decoration:underline;
}
.bnn_owThreeboxR p:hover {
  text-decoration:underline;
}

/* hoverEffect catbnn50と同様 */
.bnn_owThreebox {
  position: relative;
  overflow: hidden;
}
.bnn_owThreeboxR {
  position: relative;
  overflow: hidden;
}
.bnn_owThreebox figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;

  background: rgba(39,107,164,0.4);
  -webkit-transition: .3s;
  transition: .3s;
}
.bnn_owThreeboxR figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(39,107,164,0.4);
  -webkit-transition: .3s;
  transition: .3s;
}
.bnn_owThreebox:hover figcaption {
  opacity: 1;
}
.bnn_owThreeboxR:hover figcaption {
  opacity: 1;
}