@charset "utf-8";
@import url(mobile.css);

.wrap {}
main {
  padding: 30px 20px;
}
.text-box {
  padding: 20px;
  border: solid 1px #ddd;
  margin-bottom: 30px;
}
.text-box h2 {
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.text-box p:before {
  content: '· '
}
.text-box p {
  line-height: 1.7;
  font-size: 15px;
  letter-spacing: -.5px;
  color: #666;
}

.box p {
  position: relative;
  top: 50%;
  margin-top: -1.4em;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.3;
  color: #eee;
  font-weight: bold;
}
.box a {
  display: block;
  width: 47%;
  height: 200px;
  padding-top: 85px;
  border-radius: 20px;
  box-sizing: border-box;
  
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 0px 0px 1px #111;
  color: #eee;
}
.box a:first-child {float: left; background: linear-gradient(#17AF71, #0a915a);}
.box a:last-child {float: right; background: linear-gradient(#4F4F4F, #222);}

.box a:hover {
  border: solid 1px #aaa;
  text-shadow: none
}
.box a:first-child:hover {
  background: linear-gradient(#ddd, #fff);
  color: #17AF71;
}
.box a:last-child:hover {
  background: linear-gradient(#ddd, #fff);
  color: #4F4F4F;
}