#pref .main .contents {}
#pref .main .contents h2 {}
#pref .main .contents h3 {}
#pref .main .contents .pref_list {}
#pref .main .contents .pref_list ul {
  display: flex;
  flex-wrap: wrap;
}
#pref .main .contents .pref_list ul li {
  width: 33%;
  box-shadow : 0 0 0 1px #6fb4ba;
  background: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
}
#pref .main .contents .pref_list ul li:nth-of-type(2n+1) {
  background: #e9f4f4;
}
#pref .main .contents .pref_list ul li:hover {
  background: #6fb4ba;
  color: #fff;
}
#pref .main .contents .pref_list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.5em 1em;
  -webkit-transition: all .5s;
  transition: all .5s;
}
#pref .main .contents .pref_list ul li:hover a {
  color: #fff;
}