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

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

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

.wrapper .header {
  background: #282828;
}

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

.wrapper .header__box .nav ul li ul li {
  background: #282828;
  border-top: 1px solid #666666;
}

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

.wrapper .breadcrumb {
  border-top: 2px solid #666666;
  background: #494949;
}

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

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

.wrapper .contents__visual {
  background: #5e5e5e;
}

.wrapper .contents__visual__box--title {
  text-shadow: 1px 1px 0px #666666;
}

.wrapper .contents__head {
  background: #494949;
  border-top: 4px solid #898989;
  border-bottom: 4px solid #898989;
}

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

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

.wrapper .contents__box__table__box .company__table--left {
  width: 150px;
}

.wrapper .contents__box__map--image img {
  max-width: 800px;
}

.wrapper .contents__box__mapbox__box {
  border-top: 4px solid #282828;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
}

.wrapper .contents__box__mapbox__box--heading--circle {
  background: #282828;
}

.wrapper .contents__box__mapbox__box__box {
  border-top: 1px solid #5e5e5e;
}

.wrapper .contents__box__mapbox__box__box--list span {
  background: #494949;
}

.wrapper .contents__box__coldstorage {
  padding: 50px 0;
  border-bottom: 2px dotted #656666;
}

.wrapper .contents__box__coldstorage:nth-child(3) {
  border: none;
}

.wrapper .contents__box__coldstorage--l {
  float: left;
  width: 200px;
  line-height: 200%;
  font-weight: bold;
}

.wrapper .contents__box__coldstorage--l img {
  width: 80%;
  height: auto;
}

.wrapper .contents__box__coldstorage__r {
  float: right;
  width: 760px;
}

.wrapper .contents__box__coldstorage__r--l {
  float: left;
  width: 120px;
  line-height: 200%;
}

.wrapper .contents__box__coldstorage__r--r {
  float: right;
  width: 640px;
  line-height: 200%;
}

.wrapper .contents__box__coldstorage__r--r a span {
  color: #09538F;
  font-size: 13px;
  text-decoration: underline;
  display: inline-block;
  margin-left: 10px;
}

.wrapper .contents__box--box .organization--image {
  width: initial;
  margin: 0 auto;
  position: relative;
  left: -52px;
}

.wrapper .contents__box__services--r .services--r--text--bg {
  background: #888888;
  padding: 15px 0;
  border-radius: 10px;
}

.wrapper .contents__box__services--r .services--r--text--bg .contents__box__services--r--text {
  color: #fff;
}

.wrapper .contents__box__services--r .services--r--text--bg .contents__box__services--r--text span {
  color: #fff;
}

.wrapper .contents__box__services--r--arrow {
  padding: 30px 0;
  text-align: center;
}

.wrapper .contents__box .mapbox-open {
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
}

.wrapper .contents__box .box-open {
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
}

.wrapper .contents__box__contact .submit {
  background: #898989;
  border: 1px solid #282828;
}

.wrapper .footer__box {
  background: #666666;
  border-top: 1px solid #494949;
}

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

.wrapper .footer__box__bottom {
  background: #898989;
  border-top: 1px solid #686868;
  border-bottom: 1px solid #686868;
}

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

@media screen and (max-width: 960px) {
  .wrapper .header__box--logo {
    margin-top: 10px;
  }
  .wrapper .header__box .nav-sp__toggle__menu {
    background: #282828;
  }
  .wrapper .header__box .nav-sp__toggle__menu--list {
    border-top: 1px solid #494949;
  }
  .wrapper .contents__box--box .organization--image {
    width: 90%;
    left: -8%;
  }
  .wrapper .contents__box .googlemap-sp {
    background: #666666;
  }
  .wrapper .contents__box__coldstorage {
    padding: 50px 0;
    border-bottom: 2px dotted #656666;
  }
  .wrapper .contents__box__coldstorage:nth-child(3) {
    border: none;
  }
  .wrapper .contents__box__coldstorage--l {
    float: none;
    width: 94%;
    margin: 0 auto;
    font-size: 13px;
  }
  .wrapper .contents__box__coldstorage__r {
    float: none;
    width: 94%;
    margin: 0 auto;
    font-size: 13px;
  }
  .wrapper .contents__box__coldstorage__r--l {
    float: none;
    width: 100%;
  }
  .wrapper .contents__box__coldstorage__r--r {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .wrapper .contents__box__table__box .company__table--left {
    border-left: 3px solid #282828;
  }
  .wrapper .footer__box__top {
    border-top: 5px solid #282828;
  }
  .wrapper .footer__box__top__box__l4 p:first-child {
    width: 120px;
  }
  .wrapper .footer__box__bottom {
    background: #ABABAB;
  }
  .wrapper .footer__box__bottom__box--list {
    border-bottom: 1px solid #777777;
  }
}

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

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