@charset "UTF-8";
/*-----------------------------------------------------------------------
* common read top
*-----------------------------------------------------------------------*/
body{
  background-color: #0e0e0e;
  color:#fff;
}
*{
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
button {
  cursor: pointer;
}
a{
  color: #038de1;
  -webkit-transition: -webkit-opacity 0.4s linear;
  -moz-transition: -moz-opacity 0.4s linear;
  transition: opacity 0.4s linear;
  cursor: pointer;
}
button.disabled,
a.disabled,
button.disabled:hover,
a.disabled:hover{
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  cursor: not-allowed;
}
button:hover,
a:hover{
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.top-visual:hover{
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
img{
  border: none;
  vertical-align: middle;
  max-width:100%;
  -webkit-backface-visibility: hidden;
}
ul{
  font-size: 0em;
  text-align: center;
  letter-spacing: 0;
}
ul li{
  font-size: 14px;
  list-style: none;
  vertical-align:middle;
  display: inline-block;
  letter-spacing: 0.1em;
}
ul.list{
  font-size: 100%;
  text-align: left;
}
ul.list li{
  margin: 0.25em 0 0.25em 1em;
  display: list-item;
  text-align: left;
  position: relative;
}
ul.list li::before {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #399be5;
  border-radius: 100%;
}
ul.note{
  margin:0;
}
ul.border {
  border: 1px solid #dce5eb;
}
span.note,
p.note,
ul.note li{
  font-size:80%;
}
span.cometop{
  vertical-align: top;
  font-size:80%;
}
h1, h2, h3, h4, h5 {
  margin: 0 0 1.5em;
  text-align:left;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
p{
  margin-bottom: 1em;
}
article,
section{
}
main{
  text-align: center;
}
main > article,
main{
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #fff;
  color:#0e0e0e;
  clear:both;
}
main > article.gray{
  background-color: #f0f5f9;
}
main > article.blue{
  background-color: #038de1;
  color: #fff;
  font-weight: bold;
}