#sec01 > div > dl > dt {
  font-size: 1.85em;
  font-weight:bold;
  padding-bottom: 29px;
}
#sec01 > div > dl > dd p {
  color: black;
  font-size: 16px;
  padding-bottom: 33px;
}
#sec01 .ubtext > div {
    margin-bottom:1rem;
}
#sec01 ul li {
  width: 33.3%;
  float: left;
}
#sec01 ul li a {
  display: block;
  width: 312px;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat:no-repeat;
  text-align:center;
  font-size: 1.2em;
  font-weight:bold;
  text-decoration:none;
  color: white;
  padding-top: 126px;
  height: 45px;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;

}
#sec01 ul li a:hover {
  opacity: 0.8;
}
#nl1 a {
  background-image:url(index/link1.png);
}
#nl2 a {
  background-image:url(index/link2.png);
  margin-left: auto;
  margin-right: auto;
}
#nl3 a {
  background-image:url(index/link3.png);
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
#sec01 ul li a {
  width: 100%;
}
}
@media only screen and (max-width: 749px) {
#sec01 ul li {
  width: 50%;
}
#sec01 ul li a {
  width: 91.5%;
}
#nl2 a {
  margin-right: 0;
}
#nl3 {
  margin-top: 20px;
}
#nl3 a {
  margin-left: 0;
}
}
@media only screen and (max-width: 513px) {
#sec01 ul li {
  width: 68%;
  float: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
#sec01 ul li a {
  width: 100%;
}
#nl2 a {
  margin-left: 0;
}
}
@media only screen and (max-width: 372px) {
#sec01 ul li {
  width: 95%;
}
#sec01 > div > dl > dt {
  font-size: 1.6em;
}
}