/* CSS Document */

span.copyright-year:before {
  content: "2019";
}

@font-face {
  font-family: "minmoji";
  src: url('https://minmoji.ucda.jp/fontseot/http%3A__www.system-rabbit.com');
  src: local('minmoji'), url('https://minmoji.ucda.jp/fontswoff/http%3A__www.system-rabbit.com') format('woff'), url('https://minmoji.ucda.jp/fonts/http%3A__www.system-rabbit.com') format('opentype');
}

@font-face {
  font-family: 'mplus-1p-regular';
  src: url('../fonts/mplus-1p-regular.eot');
  src: url('../fonts/mplus-1p-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/mplus-1p-regular.woff') format('woff'), url('../fonts/mplus-1p-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'chogokubosogothic_5';
  src: url('../fonts/chogokubosogothic_5.ttf') format('truetype');
}

@font-face {
  font-family: 'rounded-mplus-1p-light';
  src: url('../fonts/rounded-mplus-1p-light.ttf') format('truetype');
}

@font-face {
  font-family: 'makinasscrap5';
  src: url('../fonts/makinasscrap5.ttf') format('truetype');
}

@font-face {
  font-family: 'GenJyuuGothic-P-Medium';
  src: url('../fonts/GenJyuuGothic-P-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'boku2regular';
  src: url('../fonts/boku2regular.ttf') format('truetype');
}

@font-face {
  font-family: 'harenosora';
  src: url('../fonts/harenosora.ttf') format('truetype');
}

@font-face {
  font-family: 'fontoponihongo';
  src: url('../fonts/fontoponihongo.ttf') format('truetype');
}

@font-face {
  font-family: 'kokoro';
  src: url('../fonts/kokoro.ttf') format('truetype');
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  font-family: Quicksand, 雋ゑｽｸ郢ｧ�ｴ郢ｧ�ｷ郢晢ｿｽ縺題抄�ｽ, "Yu Gothic", YuGothic, "郢晏�ﾎ帷ｹｧ�ｮ郢晄焔�ｧ蛛ｵ縺也ｹｧ�ｷ郢晢ｿｽ縺� Pro", "Hiragino Kaku Gothic Pro", 郢晢ｽ｡郢ｧ�､郢晢ｽｪ郢ｧ�ｪ, Meiryo, Osaka, "�ｽ�ｭ�ｽ�ｳ �ｽ�ｰ郢ｧ�ｴ郢ｧ�ｷ郢晢ｿｽ縺�", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}

.container-fluid.top {
  position: fixed;
  width: 100%;
  z-index: 2;
  background-color: #28a7e1;
}

.navbar-default {
  margin-top: 10px;
  background-color: #fff;
  border-color: #fff;
}

.navbar-default .navbar-header {
  width: 100%;
  text-align: center;
  margin: 30px 0 10px;
}

.navbar-default .navbar-header .navbar-brand {
  float: none;
}

ul.nav-center {
  text-align: center;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

ul.nav-center li {
  display: inline;
}

ul.nav-center li a {
  display: inline;
  color: #000;
  padding: 8px;
}

ul.nav-center li a span {
  padding-bottom: 2px;
  border-bottom: 2px solid #28a7e1;
}

.hover:hover {
  opacity: 0.8;
}

.sr-mt-50 {
  margin-top: 25px;
}

.font-sp--2 {
  letter-spacing: -2px!important;
}

.font-sp--1 {
  letter-spacing: -1px!important;
}

.font-sp--05 {
  letter-spacing: -0.5px!important;
}

.w100p {
  width: 100%;
}

.navbar-nav>li>a>div.label {
  font-family: sans-serif;
  letter-spacing: -0.5px!important;
}

.navbar-brand {
  padding-top: 11px;
}

.tl-logo{
  width:210px;
}
@media (min-width: 768px) {
  .navbar-nav>li>a>div.label {
    display: block;
    color: auto;
  }
}

@media (max-width: 767px) {
  .navbar-brand {
    padding-top: 15px;
  }
  .navbar-nav>li>a {
    text-align: left!important;
  }
}

.back-cover {
  background-repeat: no-repeat;
  background-size: cover;
}

a {
  color: #333;
}

footer {
  margin-top: 80px;
  font-size: 14px;
}



footer>div>div>p {
  color: #666;
}

footer>div>div>p>a {
  color: #666;
}

.button {
  text-align: right;
  padding-right: 50px;
  margin-bottom: 20px;
}

.contents {}

.breadcrumb {
  position: relative;
  z-index: 2;
  width: 100%;
  background: rgba(0, 0, 0, 0.08);
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.breadcrumb ul {
  padding: 0 15px;
  margin: 0 auto;
  list-style: none;
  position: relative;
}

.breadcrumb ul li {
  display: inline-block;
  padding-right: .8em;
  color: #777;
  font-size: 12px;
}

.breadcrumb ul li i {
  padding-right: .8em;
}

.breadcrumb ul li .fa {
  margin-right: .6em;
}

.breadcrumb ul li a {
  color: #6077b9;
}

.breadcrumb ul li.breadPrint {
  position: absolute;
  right: 0;
  top: -3px;
  font-size: .8em;
}

.breadcrumb ul li.breadPrint i {
  margin-right: 5px;
}

.breadcrumb ul li.breadPrint a {
  color: #333;
}

@media (max-width: 930px) {
  .nav>li>a {
    position: relative;
    display: block;
    padding: 0 5px;
  }
}



@media (max-width: 767px) {
  ul.nav-center li {
    display: block;
  }

  ul.nav-center li a {
    display: block;
    color: #000;
    padding: 10px;
    border-bottom: 2.5px solid #28a7e1;
  }

  ul.nav-center li a span {
    padding-bottom: 4px;
    border-bottom: none;
  }
  .tl-logo{
    margin-top: -10px;
  }
}