@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  font-family: 'Roboto','Noto Sans JP', sans-serif; }

nav ul a {
  color: #333; }

nav .brand-logo {
  margin-top: 0.2rem; }

nav ul a, nav .brand-logo {
  color: #333; }

th {
  text-align: center; }

#news {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.1rem 0.5rem 0;
  color: #333; }
  #news span {
    margin-right: 1rem; }

p {
  line-height: 2rem; }

nav .button-collapse {
  color: #7cb342;
  float: right; }

.parallax-container {
  min-height: 200px;
  line-height: 0;
  height: auto;
  color: rgba(255, 255, 255, 0.9); }
  .parallax-container .section {
    width: 100%; }
  .parallax-container h1 {
    padding-top: 20px; }
  .parallax-container .container p {
    padding-top: 30px; }
  .parallax-container h1, .parallax-container h2, .parallax-container h3, .parallax-container h4, .parallax-container h5 {
    text-shadow: 0 -1px 1px #FFF, 1px 0 1px #000; }

.top .parallax-container {
  min-height: 380px; }

span.addiction {
  display: block;
  font-size: .8rem; }

@media only screen and (max-width: 992px) {
  #index-banner .section {
    top: 10%; } }

@media only screen and (max-width: 600px) {
  #index-banner .section {
    top: 0; } }

.icon-block {
  padding: 0 15px; }

.icon-block .material-icons {
  font-size: inherit; }

.container .works-other {
  font-size: 1.2rem; }

@media only screen and (min-width: 992px) {
  .container .skil-title {
    padding-left: 4rem; } }

footer.page-footer {
  margin-top: 1rem;
  padding-top: 20px;
  background-image: url(../images/btm_arrow.png);
  background-repeat: no-repeat;
  background-position: 50% top; }