@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(/font/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: bold;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(/font/NotoSansJP-Bold.otf) format("opentype"); }

.mn__list_event {
  width: 100%; }
  .mn__list_event ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .mn__list_event ul li {
      width: 23%;
      margin: 0px 1% 1%;
      overflow: hidden; }
      @media screen and (max-width: 644px) {
        .mn__list_event ul li {
          width: 46%;
          margin: 0px 2% 2%; } }
      .mn__list_event ul li a {
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .mn__list_event ul li a:hover {
          opacity: 0.9;
          -webkit-transform: scale(1.02);
          -ms-transform: scale(1.02);
          transform: scale(1.02); }
        .mn__list_event ul li a i {
          width: 100%; }
          .mn__list_event ul li a i img {
            width: 100%;
            height: auto; }