/* ========================

Table of contents
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

=========================*/
.wrapper {
  width: 100%;
}

.wrapper .header {
  background: #560000;
}

.wrapper .header__box--logo {
  margin-top: 20px;
  width: 140px;
}

.wrapper .header__box .nav ul li ul li {
  background: #560000;
  border-top: 1px solid #904d4d;
}

.wrapper .header__box .nav ul li ul li:first-child {
  border-top: 2px solid #904d4d;
}

.wrapper .breadcrumb {
  border-top: 2px solid #904d4d;
  background: #800000;
}

.wrapper .contents__visual {
  background: #904d4d;
}

.wrapper .contents__image {
  background-image: url(../images/bg/bg-lo_top.jpg);
}

.wrapper .contents__image--logo {
  margin-top: -88px;
}

.wrapper .contents__head {
  background: #904d4d;
  border-top: 4px solid #a08080;
  border-bottom: 4px solid #a08080;
}

.wrapper .contents__box--title {
  color: #560000;
  border-bottom: 2px solid #560000;
}

.wrapper .contents__box__access--icon {
  color: #002063;
}

.wrapper .contents__box__services:nth-child(2) {
  border: none;
}

.wrapper .contents__box__services--map img {
  width: 100%;
  height: auto;
}

.wrapper .contents__box__contact .submit {
  background: #a08080;
}

.wrapper .contents__box__contact .submit:hover {
  border: 1px solid #a08080;
}

.wrapper .footer__box {
  background: #904d4d;
  border-top: 1px solid #560000;
}

.wrapper .footer__box__top {
  border-top: 4px solid #a08080;
}

.wrapper .footer__box__bottom {
  background: #a08080;
  border-top: 1px solid #9b5959;
  border-bottom: 1px solid #9b5959;
}

.wrapper .footer--copyright {
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .wrapper .header__box--logo {
    width: 75px;
    margin-top: 10px;
  }
  .wrapper .header__box .nav-sp__toggle__menu {
    background: #560000;
  }
  .wrapper .header__box .nav-sp__toggle__menu--list {
    border-top: 1px solid #904d4d;
  }
  .wrapper .contents__box .googlemap-sp {
    background: #800000;
  }
  .wrapper .footer__box__top {
    border-top: 5px solid #560000;
  }
  .wrapper .footer__box__top__box__l4 p:first-child {
    width: 110px;
  }
  .wrapper .footer__box__bottom {
    background: #B18A8A;
  }
  .wrapper .footer__box__bottom__box--list {
    border-bottom: 1px solid #8E3F3F;
  }
}

@media screen and (min-width: 461px) and (max-width: 768px) {
  .wrapper .contents__image--logo {
    margin-top: -63px;
  }
}

@media screen and (max-width: 460px) {
  .wrapper .contents__image--logo {
    margin-top: -53px;
  }
}