/* 中デバイス（タブレット, 768px 以上）
============================================== */
@media (min-width: 768px) {
  .img-size {
    width: 70px;
    margin-bottom: .5rem;
  }
}

/* 大デバイス（デスクトップ, 992px 以上）
============================================== */
@media (min-width: 992px) {
  nav ul {
    display: flex;
  }

  nav ul li {
    -webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);
    border-left: 1px dotted gray;
  }

  ul .right {
    -webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);
    border-right: 1px dotted gray;
  }

  ul .border-after {
    border-left: 1px dotted white;
  }

  footer .right {
    border-right: 1px dotted white;
  }

  nav ul li a {
    display: block;
    transform: skewX(-150deg);
    padding: 0 10px;
  }
}

/* 中デバイス（タブレット, 992px 未満）
============================================== */
@media (max-width: 991.98px) {
  nav ul {
    padding-top: 1rem;
  }
  p.botan img {
    width: 250px;
  }
}

/* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media (max-width: 575.98px) {
  footer nav ul.navbar-nav {
    display: block;
  }
  p.botan img {
    width: 150px;
  }
}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.navbar {
	background-image: url('../img/nav_bg.jpg');
	background-repeat: repeat-x;
background-repeat: repeat-y;

}

.bg-footer {
  background-image: url('../img/nav_bg.jpg');
  background-repeat: repeat-x;
  background-repeat: repeat-y;
}

.adress {
  border-radius: 8px;
  background-color: #fff;
  margin: 0 auro;
}