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

#w_grid-1652062786700 > div > .p_gridbox > .p_gridCell:nth-child(3n+1) {
	width: 33.3333%;
	border-right: 1px solid rgba(255,255,255,.1);
}
#w_grid-1652062786705 > div > .p_gridbox:hover{
margin-top: 0px;
background-color: rgba(0, 0, 0, 0.7);
background-image: url("/repository/image/b17d773e-7429-4d22-bf8b-39a815c90841.png");
  background-size: cover;
}#w_grid-1652062786705 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 50%;
  padding-bottom: 50%;
}
#w_grid-1652062786700 > div > .p_gridbox > .p_gridCell:nth-child(3n+2){
	width: 33.3333%;
  margin-left: 0px;
	border-right: 1px solid rgba(255,255,255,.1);
}
#w_grid-1652062786700 > div > .p_gridbox > .p_gridCell:nth-child(3n){	width: 33.3333%;
  margin-left: 0px;
}

#w_grid-1652062786707 > div > .p_gridbox:hover{
margin-top: 0px;
background-color: rgba(0, 0, 0, 0.7);
background-image: url("/repository/image/e463ff8b-ae78-4055-b7c0-c492757a6c51.png");
  background-size: cover;
}#w_grid-1652062786707 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 50%;
  padding-bottom: 50%;
}
#w_grid-1652062786710 > div > .p_gridbox:hover{
margin-top: 0px;
background-color: rgba(0, 0, 0, 0.7);
background-image: url("/repository/image/b7c086c0-cc7a-4ca1-97df-d411f9d508c6.png");
  background-size: cover;
}#w_grid-1652062786710 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 50%;
  padding-bottom: 50%;
}
#w_common_text-1652062786712,#w_common_text-1652062786721,#w_common_text-1652062786729{
  transition: all 1200ms ease;}


#w_grid-1652062786705 > div > .p_gridbox:hover #w_common_text-1652062786712,#w_grid-1652062786707 > div > .p_gridbox:hover #w_common_text-1652062786721,#w_grid-1652062786710 > div > .p_gridbox:hover #w_common_text-1652062786729{
transform: translate3d(0,-40px,0);
transition: all 1200ms ease;}

#w_grid-1652062786705 > div > .p_gridbox:hover #w_fimg-1652062786714  > div,#w_grid-1652062786707 > div > .p_gridbox:hover #w_fimg-1652062786723 > div,#w_grid-1652062786710 > div > .p_gridbox:hover #w_fimg-1652062786731 > div{background-image:url(/img/cc.png);
background-image-part-image:url(/img/cc.png);
background-repeat:no-repeat;
transform: translate3d(0,-40px,0) rotate(270deg);
  transition: all 1200ms ease;
}

@media only screen and (max-width: 1670px) and (min-width: 1200px){
  #w_grid-1652062786705 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 70%;
  padding-bottom: 50%;
}
  #w_grid-1652062786707 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 70%;
  padding-bottom: 50%;
}
  #w_grid-1652062786710 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 70%;
  padding-bottom: 50%;
}
  
}
@media only screen and (max-width: 1199px) and (min-width: 1025px){
  #w_grid-1652062786705 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 80%;
  padding-bottom: 50%;
}
  #w_grid-1652062786707 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 80%;
  padding-bottom: 50%;
}
  #w_grid-1652062786710 > div > .p_gridbox {
  transition: 0.8s;
  margin-top: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  padding-top: 80%;
  padding-bottom: 50%;
}
  
}