@charset "utf-8";


.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/*flex-safari対策- */
.col-xs-6,.col-sm-3{
    margin: 0 -1px;
}

body {
    background-color: #fff;
    color: #000;
      font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.navbar-toggle{
    border: none;
    padding-top: 10px;
}

.icon-bar{
    border-bottom: 2px solid #000000;
}

img {
    display: block;
    max-width: 100%;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

p {
    line-height: 1.8;
}

.navbar {
    background-color: #ffffff;
    margin-bottom: 0;
}

nav {
    margin-right: 0;
    padding-right: 0;
}

nav h1 {
    margin: 0;
    padding: 0;
}

.navbar ul {
    background-color: #f8f8f8;
    margin-top: 0;
    margin-bottom: 0;
}

.navbar li a {
    font-size: 12pt;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
    padding: 15px;
}

h1 a {
    width: 200px;
    overflow: hidden;
    display: block;
}

h1 a img {
    position: absolute;
    width: 160px;
    top: 3px;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 440px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
}

@media only screen and (min-width:768px) {

    .navbar ul {
        background-color: #ffffff;
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar li a {
        font-size: 10pt;
        font-weight: bold;
        border: none;
        padding: 25px 10px;
    }

    h1 a img {
        position: absolute;
        width: 190px;
        top: 10px;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #c50000;
        background-color: #ffffff;
    }
}

nav a {
    transition: 0.2s;
}

nav {
    font-size: 9pt;
    font-weight: bold;
}

footer {
    padding: 30px 0;
}

footer a {
    color: #000000;
}

footer h2 {
    font-size: 11pt;
    color: #c7191a
}

footer ul {
    list-style: none;
    padding: 0;
}

footer li {
    font-size: 9pt;
    padding-bottom: 10px;
}

footer #rights {
    font-size: 9pt;
    color: #000000;
    text-align: center;
}

@media only screen and (min-width:768px) {
    footer #rights {
        text-align: right;
    }
}

#pagetop a {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-color: #000000;
    transition: 0.3s;
    background-image: url("../img/pagetop.png");
    background-size: cover;
    text-indent: -9999px;
    z-index: 9999;
}

#pagetop a:hover {
    opacity: 0.5;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?10on2u');
  src:  url('../fonts/icomoon.eot?10on2u#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?10on2u') format('truetype'),
    url('../fonts/icomoon.woff?10on2u') format('woff'),
    url('../fonts/icomoon.svg?10on2u#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_back:before {
  content: "\e900";
}
.icon-arrow-left-alt1:before {
  content: "\e902";
}
.icon-lock:before {
  content: "\e901";
}