@charset "UTF-8";

#content_inner a {
  text-decoration: none!important;
  color: #333;
  display: block;
}

#content_inner a:hover {
  filter: alpha(opacity=30);
  zoom: 1;
  -moz-opacity: 0.50;
  opacity: 0.50;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  will-change: transform;
}

.benefit-area .area {
  background: #f2f2f2;
  display: table-cell;
  padding: 1rem;
}
.benefit-box {
  padding: 3rem;
  border-radius: 0.3rem;
  min-height: 10rem;
  background: #fff;
  margin-bottom: 1rem;
}
.benefit-area .active {
  background: rgba(0, 153, 255, 0.5);
}
.benefit-area .area:hover {
  background: rgba(0, 153, 255, 0.5);
}
.benefit-box .large_text {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #666;
}
.benefit-box .large_text span {
  font-size: 0.8rem;
  display: block;
}
.benefit-link {
  margin-bottom: 0!important;/* reset */
  color: #09f;
  text-align: center;
  font-weight: bold;
}

.benefit-icon {
  display: block;
  padding: 0.5rem 3rem 1rem;
}

#content_inner .page-nav {
  text-align: center;
  margin-bottom: 2rem;
}
#content_inner .page-nav p {
  display: inline-block;
  padding: 0.5rem 2rem;
  border-radius: 3px;
  background: #CCCCCC;
  font-size: 1rem;
}
#content_inner .page-nav a p {
  background: #09f;
  color: #fff;
}
#content_inner .page-nav a {
  display: inline-block;
  border-radius: 5px;
  position: relative;
}
#content_inner .page-nav a p.next,
#content_inner .page-nav a p.return {
  color: #09f;
  font-weight: 600;
  background: none;
}
#content_inner .page-nav a p.next:after {
  content: ">>";
  margin: 0.5rem;
}
#content_inner .page-nav a p.return:before {
  content: "<<";
  margin: 0.5rem;
}
@media screen and (max-width: 414px) {
  #content_inner .page-nav p {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    font-size: 0.9rem;
  }
  #content_inner .page-nav a li.next:before,
  #content_inner .page-nav a li.return:before {
    margin: 0 0.5rem 0 ;
  }
}