@charset "UTF-8";
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #222;
  font-weight: 400;
  font-size: 14px;
  font-feature-settings: "palt";
  line-height: 1.8em;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.smp-block {
  display: block; }
  @media screen and (min-width: 768px) {
    .smp-block {
      display: none; } }

.pc-block {
  display: none; }
  @media screen and (min-width: 768px) {
    .pc-block {
      display: block; } }

.tab-block {
  display: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #333; }

a:hover {
  opacity: 0.6; }
  a:hover img {
    opacity: 0.6; }

div.smp-taggle {
  display: block;
  position: fixed;
  /* bodyに対しての絶対位置指定 */
  right: 0;
  top: 0;
  width: 14%;
  height: 54px;
  cursor: pointer;
  z-index: 5;
  text-align: center; }
  @media screen and (min-width: 768px) {
    div.smp-taggle {
      display: none; } }

nav.smp-nav-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 4; }
  nav.smp-nav-box ul {
    padding-top: 20px; }
    nav.smp-nav-box ul li {
      width: 100%;
      margin-bottom: 20px; }
      nav.smp-nav-box ul li a {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 16px;
        border-bottom: dotted 1px #173a84; }
        nav.smp-nav-box ul li a img {
          height: 20px; }
      nav.smp-nav-box ul li:first-child a {
        border-bottom: solid 1px #173a84; }
        nav.smp-nav-box ul li:first-child a img {
          width: 61%;
          height: auto; }

header {
  /*div*/
  /**/ }
  header div {
    padding-top: 20px; }
    header div h1 span {
      display: block;
      width: 61%;
      margin: 0 auto; }
    header div nav#pc-head {
      display: none; }
  @media screen and (min-width: 768px) {
    header {
      width: 100%;
      background: #FFF;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 5;
      /*div*/ }
      header div {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0;
        position: relative; }
        header div h1 {
          width: 20%;
          position: absolute;
          left: 3.4%;
          top: 0;
          background: #FFF;
          padding: 15px 0;
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25); }
          header div h1 span {
            display: block;
            width: 90%;
            margin: 0 auto; }
        header div nav#pc-head {
          display: block;
          padding-top: 28px;
          padding-bottom: 28px;
          /*ul*/ }
          header div nav#pc-head ul {
            width: 62.2%;
            display: flex;
            margin-left: 25%; }
            header div nav#pc-head ul li {
              border-right: solid 1px #000; }
              header div nav#pc-head ul li a {
                display: block;
                padding: 1px 0; }
              header div nav#pc-head ul li img {
                display: block;
                margin: 0 auto; }
              header div nav#pc-head ul li:first-child {
                width: 7.8%; }
                header div nav#pc-head ul li:first-child img {
                  width: 42%; }
              header div nav#pc-head ul li:nth-child(2) {
                width: 7.4%; }
                header div nav#pc-head ul li:nth-child(2) img {
                  width: 44%; }
              header div nav#pc-head ul li:nth-child(3) {
                width: 14.1%; }
                header div nav#pc-head ul li:nth-child(3) img {
                  width: 73.2%; }
              header div nav#pc-head ul li:nth-child(4) {
                width: 19.5%; }
                header div nav#pc-head ul li:nth-child(4) img {
                  width: 78%; }
              header div nav#pc-head ul li:nth-child(5) {
                width: 12.6%; }
                header div nav#pc-head ul li:nth-child(5) img {
                  width: 67.3%; }
              header div nav#pc-head ul li:nth-child(6) {
                width: 12.5%; }
                header div nav#pc-head ul li:nth-child(6) img {
                  width: 63%; }
              header div nav#pc-head ul li:nth-child(7) {
                width: 12.5%; }
                header div nav#pc-head ul li:nth-child(7) img {
                  width: 65.3%; }
              header div nav#pc-head ul li:nth-child(8) {
                width: 7.5%;
                border-right: none; }
                header div nav#pc-head ul li:nth-child(8) img {
                  width: 43%; } }

/*header*/
footer a#to_top_btn {
  display: block;
  width: 100%;
  background: #173a84;
  padding: 10px 0; }
  @media screen and (min-width: 768px) {
    footer a#to_top_btn {
      padding: 25px 0; } }
  footer a#to_top_btn span {
    display: block;
    width: 12.6%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      footer a#to_top_btn span {
        width: 46px; } }
footer p {
  width: 94%;
  margin: 0 auto;
  padding: 10px 0;
  color: #173a84;
  text-align: justify;
  font-size: 15px; }
  @media screen and (min-width: 768px) {
    footer p {
      text-align: center;
      padding-bottom: 60px; } }
  footer p span {
    font-weight: bold;
    font-size: 1.1em; }
    @media screen and (min-width: 768px) {
      footer p span {
        margin-top: 30px;
        line-height: 3em; } }

@media all and (-ms-high-contrast: none) {
  header div h1 span img {
    max-height: 78px; } }