body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, select, option, address, pre, blockquote, code {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

ul, ol, dl {
  list-style-type: none;
}

a {
  text-decoration: none;
}

body {
  -webkit-text-size-adjust: none;
  font-family: 'HiraKakuProN-W3';
  line-height: 1.25;
  margin: 0;
  min-height: 416px;
  -webkit-text-size-adjust: none;
}

img {
  border: 0;
}

a:visited {
  text-decoration: none;
  color: #333;
}

body>div:nth-of-type(1) {
  width: 100%;
  margin: 0;
  padding: 0;
}

article {
  width: 100%;
  overflow: hidden;
}

section {
  width: 100%;
  overflow: hidden;
}

.clear {
  clear: both;
}

#SNS {
  margin-top: 10px;
  width: 100%;
  padding-left: 3%;
  height: 28px;
  padding-top: 6px;
  background-color: #335599;
  color: #FFFFFF;
  font-size: 18px;
  border-top: 1px solid #335599;
  background: -moz-linear-gradient(top, #6688CC 0, #3366BB 50%, #335599 51%, #6688CC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6688CC), color-stop(50%, #3366BB), color-stop(51%, #335599), color-stop(100%, #6688CC));
  background: -webkit-linear-gradient(top, #6688CC 0, #3366BB 50%, #335599 51%, #6688CC 100%);
  background: linear-gradient(to bottom, #6688CC 0, #3366BB 50%, #335599 51%, #6688CC 100%);
}

.scroll-to {
  position: relative;
}

#toshin-list {
  width: 100%;
  padding-left: 3%;
  height: 28px;
  padding-top: 6px;
  margin-top: 10px;
  background-color: #009988;
  color: #FFFFFF;
  font-size: 18px;
  border-top: 1px solid #009988;
  background: -moz-linear-gradient(top, #00AA99 0, #00AA99 50%, #009988 51%, 009988 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA99), color-stop(50%, #00AA99), color-stop(51%, #009988), color-stop(100%, #009988));
  background: -webkit-linear-gradient(top, #00AA99 0, #00AA99 50%, #009988 51%, #009988 100%);
  background: linear-gradient(to bottom, #00AA99 0, #00AA99 50%, #009988 51%, #009988 100%);
}

#nagase-list {
  width: 100%;
  padding-left: 3%;
  height: 28px;
  padding-top: 6px;
  margin-top: 5px;
  background-color: #009988;
  color: #FFFFFF;
  font-size: 18px;
  border-top: 1px solid #009988;
  background: -moz-linear-gradient(top, #00AA99 0, #00AA99 50%, #009988 51%, 009988 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AA99), color-stop(50%, #00AA99), color-stop(51%, #009988), color-stop(100%, #009988));
  background: -webkit-linear-gradient(top, #00AA99 0, #00AA99 50%, #009988 51%, #009988 100%);
  background: linear-gradient(to bottom, #00AA99 0, #00AA99 50%, #009988 51%, #009988 100%);
}

.button-list {
  width: 98%;
  height: 50px;
  margin: 12px auto 10px auto;
  text-align: left;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FBFBFB), color-stop(100%, #E3E3E3));
  background: -webkit-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -o-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -ms-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: linear-gradient(to bottom, #FBFBFB 1%, #E3E3E3 100%);
  border: solid 1px #999999;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  border-collapse: collapse;
  position: relative;
}

.button-list p {
  display: block;
  font-weight: bold;
  position: absolute;
  color: #000;
  top: 6px;
  left: 35px;
}

.button-list-midashi {
  position: absolute;
  top: 30px;
  left: 35px;
  color: #444444;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 280px;
}

.icon-list {
  float: left;
  position: absolute;
  top: 18px;
  left: 12px;
}

.school-logo {
  position: absolute;
  top: 14px;
  left: 35px;
}

.school-midashi {
  position: absolute;
  top: 13px;
  left: 180px;
  color: #444444;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px;
}

.icon-button {
  float: left;
  position: absolute;
  top: 5px;
  left: 5px;
}

.button-sns {
  width: 93%;
  height: 50px;
  margin-left: 1%;
  text-align: left;
  margin-bottom: 0;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FBFBFB), color-stop(100%, #E3E3E3));
  background: -webkit-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -o-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -ms-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: linear-gradient(to bottom, #FBFBFB 1%, #E3E3E3 100%);
  border: solid 1px #999999;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  border-collapse: collapse;
  position: relative;
  margin-top: 15px;
  margin-left: 3%;
}

.button-twitter {
  width: 30%;
  height: 50px;
  float: left;
  margin-left: 1%;
  text-align: left;
  margin-bottom: 10px;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FBFBFB), color-stop(100%, #E3E3E3));
  background: -webkit-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -o-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -ms-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: linear-gradient(to bottom, #FBFBFB 1%, #E3E3E3 100%);
  border: solid 1px #999999;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  border-collapse: collapse;
  position: relative;
  margin-top: 15px;
  margin-left: 3%;
}

.button-line {
  width: 30%;
  height: 50px;
  float: left;
  margin-left: 1%;
  text-align: left;
  margin-bottom: 10px;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FBFBFB), color-stop(100%, #E3E3E3));
  background: -webkit-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -o-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -ms-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: linear-gradient(to bottom, #FBFBFB 1%, #E3E3E3 100%);
  border: solid 1px #999999;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  border-collapse: collapse;
  position: relative;
  margin-top: 15px;
  margin-right: 3%;
}

.button-facebook {
  width: 30%;
  height: 50px;
  float: left;
  margin-left: 1%;
  text-align: left;
  margin-bottom: 10px;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FBFBFB), color-stop(100%, #E3E3E3));
  background: -webkit-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -o-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: -ms-linear-gradient(top, #FBFBFB 1%, #E3E3E3 100%);
  background: linear-gradient(to bottom, #FBFBFB 1%, #E3E3E3 100%);
  border: solid 1px #999999;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  border-collapse: collapse;
  position: relative;
  margin-top: 15px;
}

.button-sns p {
  display: block;
  position: absolute;
  color: #000;
  top: 17px;
  left: 57px;
  font-size: 13px;
}

.button-twitter p {
  display: block;
  position: absolute;
  color: #000;
  top: 10px;
  left: 47px;
  font-size: 11px;
}

.button-line p {
  display: block;
  position: absolute;
  color: #000;
  top: 10px;
  left: 47px;
  font-size: 11px;
}

.button-facebook p {
  display: block;
  position: absolute;
  color: #000;
  top: 10px;
  left: 47px;
  font-size: 11px;
}

#fadein-links {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 10;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

#footer-contents {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  background: url('/top/img/list/background_sp.png');
}

#footer-contents ul li {
  float: left;
  width: 21%;
  margin: 1% 2%;
}

#footer-contents ul li a {
  display: block;
}

.cf:after {
  content: '';
  display: block;
  clear: both;
}

.cf {
  *zoom: 1;
}

.w-100 {
  width: 100%;
}

.button-list, .list-group, .list-group:after, .list-group:before {
  box-sizing: content-box;
}