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

#main .mv{ max-width:1280px; margin: auto;  font-size: 2em;
    font-weight: 900;
    text-align: left;}

#main .main_content{ max-width:1024px; width:90%; margin:4em auto; text-align:center;}
#main .main_content .cont_wrap{ display:inline-block; max-width:320px; width:31%; position:relative;}
#main .main_content .cont_wrap2{ margin:0 2%;}
#main .main_content .cont_wrap .img{ overflow:hidden;}
#main .main_content .cont_wrap .text{ position:absolute; background:rgba(241,90,36,0.15); width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto;}
#main .main_content .cont_wrap .text span{ color:#FFF; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; display:inline-block; text-align:center; height:1em; line-height:1.2; font-size:1.2em; letter-spacing:0em; font-weight:900;text-shadow:0 2px 3px #323232;}

#main .main_content .cont_wrap:hover .img img{transform: scale(1.02);}
#main .main_content .cont_wrap:hover .text{ opacity:0;}

#main .main_content .cont_wrap .text,
#main .main_content .cont_wrap .img img{
-moz-transition-property:opacity,transform;-webkit-transition-property:opacity,transform;-o-transition-property:opacity,transform;-ms-transition-property:opacity,transform;transition-property:opacity,transform;
-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;
}
@media all and (max-width: 768px) {

#main .main_content{ max-width:1024px; width:90%; margin:4em auto; text-align:center;}
#main .main_content .cont_wrap{ display:inline-block; max-width:320px; width:80%; position:relative;}
#main .main_content .cont_wrap2{ margin:4% auto;}

}