@charset 'utf-8';

.clearfix:after {
  content        : ".";
  height         : 0px;
  clear          : both;
  visibility     : hidden;
  display        : block;
}
.clearfix {
  zoom:100%;
}


.section-contents {
  width: 100%;
}
.section-contents-inner {
  width: 950px;
  margin: 0 auto;
}
.section-contents img {
  vertical-align: top;
}

.btn-blue p {
  width: 200px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 145%;
  margin: 4px 0 4px 0;
  padding: 6px 16px;
  text-align: center;
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%) repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;
}
.btn-blue p a {
  display: block;
  color: #ffffff;
  padding: 8px 0;
  text-decoration: none;
  font-weight: bold;
}
.btn-blue p a:hover {
  text-decoration: none;
}

.pc-view {
  display: block;
}
.sp-view {
  display: none;
}

@media only screen and (max-width: 600px) {

.pc-view {
  display: none;
}
.sp-view {
  display: block;
}

.section-contents {
  min-width: 100%;
}
.section-contents-inner {
  width: 100%;
  padding: 0 15px;
}
.section-contents img {
  vertical-align: top;
}

.btn-blue {
  width: auto;
  padding-bottom: 5px;
}
.btn-blue p {
  width: 100%;
  font-size: 14px;
  padding: 5px 10px;
  margin: 0;
}
.btn-blue p a {
  padding: 3px 0;
}

}