@charset "utf-8";
.zukan {
    background-color: #E70012 !important;
}

.zukan2 {
    background-color: #0097E0 !important;
}

.zukan3 {
    background-color: #EB6100 !important;
}

.zukan4 {
    background-color: #327D3A !important;
}

.zukan5 {
    background-color: #01a4a9 !important;
}

.zukan6 {
    background-color: #4752a4 !important;
}




/* CSSコード */
.box {

background-color: #FFFFFF;

  padding: 2em;
  border-radius: 15px;
}




.effect-scale {
 overflow: hidden;
}
.effect-scale img {
  -webkit-transition: .3s ease-in-out;
}
.effect-scale img:hover {
  opacity: 0.6;  filter: brightness(100%);
}

.effect-color img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.effect-color img:hover {
  opacity: .5;
}