@media screen and (max-width: 768px) {
  .mv {
    background-position: top right 30%; } }

section.archive {
  background-color: #fff;
  position: relative; }
  section.archive h2 {
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      section.archive h2 {
        margin-bottom: 22px; } }
  section.archive ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      section.archive ul {
        margin-bottom: 5%; } }
    section.archive ul li {
      width: 31%;
      margin-bottom: 3.5%;
      border-radius: 20px;
      background-color: #75b827;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        section.archive ul li {
          width: 100%;
          border-radius: 10px; }
          section.archive ul li:nth-last-of-type(1) {
            margin-bottom: 0; } }
      @media screen and (max-width: 768px) {
        section.archive ul li a {
          display: flex; } }
      @media screen and (max-width: 768px) {
        section.archive ul li a .pic {
          width: 30%;
          min-width: 120px; } }
      section.archive ul li a .pic img {
        width: 100%; }
      section.archive ul li a p {
        padding: 10px 5%;
        color: #fff; }
        @media screen and (max-width: 768px) {
          section.archive ul li a p {
            width: 70%;
            max-width: calc(100% - 120px);
            padding: 15px 5%;
            font-size: 14px;
            line-height: 1.4; } }

/*# sourceMappingURL=style.css.map */