@charset "UTF-8";
/* Scss Document */
/* Base */
.clearfix {
  min-height: 1px; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

* html .clearfix {
  height: 1px; }

a {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-decoration: none; }
  a:link, a:visited {
    color: #4387b7; }
  a:hover, a:active {
    color: #00629d; }
  a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75; }

body {
  font-size: 1rem;
  line-height: 1.8;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-weight: 300;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #fff; }
  @media (max-width: 600px) {
    body {
      font-size: 0.84rem; } }

h1, h2, h3, h4, h5 {
  font-weight: bold;
  line-height: 100%;
  letter-spacing: 1px; }

.small {
  font-size: 0.7rem; }

/******* Main *******/
main {
  width: 100%;
  min-height: 500px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center; }

.container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  overflow: hidden; }
  @media (max-width: 800px) {
    .container {
      width: 100%;
      max-width: auto;
      padding: 0 10px; } }
  .container img {
    max-width: 100%; }

section {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  clear: both; }

.visible-xs {
  display: none !important; }

.mgntop {
  padding-top: 40px; }

@media only screen and (max-width: 800px) {
  .hidden-sm {
    display: none !important; } }
@media only screen and (max-width: 600px) {
  .hidden-xs {
    display: none !important; }

  .visible-xs {
    display: block !important; }

  .mgntop {
    padding-top: 2px; } }
/******* Footer *******/
footer {
  width: 100%;
  padding-top: 40px;
  text-align: center;
  overflow: hidden;
  clear: both;
  position: relative; }
  @media (max-width: 600px) {
    footer {
      padding-top: 20px; } }

#footer {
  width: 100%;
  padding-top: 40px;
  text-align: center;
  overflow: hidden;
  clear: both;
  position: relative; }
  @media (max-width: 600px) {
    #footer {
      padding-top: 20px; } }
  #footer p {
    color: #fff;
    margin-bottom: 20px; }
  #footer h1 {
    margin-bottom: 20px; }
    #footer h1 img {
      max-width: 100%;
      margin: 0 auto; }
      @media (max-width: 600px) {
        #footer h1 img {
          max-width: 50%; } }

#address {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #40a2ab; }
  #address h2 {
    font-size: 1.8rem;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 20px; }
    @media (max-width: 600px) {
      #address h2 {
        font-size: 1.2rem;
        letter-spacing: 1px; } }
  #address p {
    margin-bottom: 10px; }
  #address a {
    color: #fff;
    text-decoration: none !important; }
  #address .copy {
    font-size: 0.6rem; }

#bana {
  margin-bottom: 30px; }
  #bana a {
    clear: both; }
    #bana a img {
      margin-bottom: 20px; }