@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* style css　*/
/*==================================================================*/
#inspection #container #title {
  background: url("/inspection/image/title_bg.jpg") no-repeat top center;
  background-size: cover;
}
#inspection #container #wrapper {
  margin: 0;
}
#inspection #container #contents .link .link-in {
  margin: 5em auto 3em;
}
#inspection #container #contents .link .link-in ul {
  letter-spacing: -0.4em;
  text-align: center;
}
#inspection #container #contents .link .link-in ul li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 5px;
  font-weight: bold;
  width: 160px;
}
#inspection #container #contents .link .link-in ul li a {
  display: block;
  padding: 1em 0;
}
#inspection #container #contents .link .link-in ul li a:hover {
  text-decoration: none;
}
#inspection #container #contents .link .link-in ul li.all {
  border: 2px solid #ad6767;
}
#inspection #container #contents .link .link-in ul li.all a {
  color: #ad6767;
}
#inspection #container #contents .link .link-in ul li.all a:hover {
  color: #fff;
  background: #ad6767;
}
#inspection #container #contents .link .link-in ul li.all.active {
  background: #ad6767;
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.all.active a {
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.surface {
  border: 2px solid #6a67ad;
}
#inspection #container #contents .link .link-in ul li.surface a {
  color: #6a67ad;
}
#inspection #container #contents .link .link-in ul li.surface a:hover {
  color: #fff;
  background: #6a67ad;
}
#inspection #container #contents .link .link-in ul li.surface.active {
  background: #6a67ad;
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.surface.active a {
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.internal {
  border: 2px solid #ad6793;
}
#inspection #container #contents .link .link-in ul li.internal a {
  color: #ad6793;
}
#inspection #container #contents .link .link-in ul li.internal a:hover {
  color: #fff;
  background: #ad6793;
}
#inspection #container #contents .link .link-in ul li.internal.active {
  background: #ad6793;
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.internal.active a {
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.other {
  border: 2px solid #67ad74;
}
#inspection #container #contents .link .link-in ul li.other a {
  color: #67ad74;
}
#inspection #container #contents .link .link-in ul li.other a:hover {
  color: #fff;
  background: #67ad74;
}
#inspection #container #contents .link .link-in ul li.other.active {
  background: #67ad74;
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.other.active a {
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.structure {
  border: 2px solid #ad9867;
}
#inspection #container #contents .link .link-in ul li.structure a {
  color: #ad9867;
}
#inspection #container #contents .link .link-in ul li.structure a:hover {
  color: #fff;
  background: #ad9867;
}
#inspection #container #contents .link .link-in ul li.structure.active {
  background: #ad9867;
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.structure.active a {
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.training {
  border: 2px solid #67a4ad;
}
#inspection #container #contents .link .link-in ul li.training a {
  color: #67a4ad;
}
#inspection #container #contents .link .link-in ul li.training a:hover {
  color: #fff;
  background: #67a4ad;
}
#inspection #container #contents .link .link-in ul li.training.active {
  background: #67a4ad;
  color: #fff;
}
#inspection #container #contents .link .link-in ul li.training.active a {
  color: #fff;
}
#inspection #container #contents #animationList {
  margin: 0 auto 8em;
}
#inspection #container #contents #animationList.lists {
  letter-spacing: -0.4em;
}
#inspection #container #contents #animationList.lists section {
  border-bottom: 15px solid white;
}
#inspection #container #contents #animationList.lists .list {
  width: 330px;
  height: 411px;
  padding: 0.8em;
  display: inline-block;
  letter-spacing: normal;
}
#inspection #container #contents #animationList.lists .list h2 {
  padding: 0.3em;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
#inspection #container #contents #animationList.lists .list .txt {
  padding: 1em;
  background: #fff;
}
#inspection #container #contents #animationList.lists .list .txt .product {
  position: relative;
  margin: 0 auto 1em;
  padding: 0.7em 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#inspection #container #contents #animationList.lists .list .txt .product a {
  text-decoration: underline;
}
#inspection #container #contents #animationList.lists .list .txt .product a:hover {
  text-decoration: none;
}
#inspection #container #contents #animationList.lists .list .txt .product dt {
  margin: 0 auto 0.3em;
  font-weight: bold;
}
#inspection #container #contents #animationList.lists .list .txt .product dd {
  color: #696969;
  font-size: 0.85em;
}
#inspection #container #contents #animationList.lists .list .txt .product dd.arrow {
  color: #000;
  position: absolute;
  right: 0;
  top: 35%;
  bottom: 35%;
}
#inspection #container #contents #animationList.lists .list .txt .product dd.arrow i {
  font-size: 1.4em;
}
#inspection #container #contents #animationList.lists .list .txt .pdf {
  position: relative;
}
#inspection #container #contents #animationList.lists .list .txt .pdf:after {
  content: "\f1c1";
  font-family: "FontAwesome";
  padding: 0 0 0 0.5em;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 30%;
  font-size: 1.4em;
}
#inspection #container #contents #animationList.lists .list .txt .photo dl {
  position: relative;
  text-align: center;
}
#inspection #container #contents #animationList.lists .list .txt .photo dl dt img {
  max-width: 275px;
}
#inspection #container #contents #animationList.lists .list .txt .photo dl dt span {
  color: #fff;
  position: absolute;
  right: 2px;
  bottom: 33px;
}
#inspection #container #contents #animationList.lists .list .txt .photo dl dd {
  padding: 0 auto 1em;
}
#inspection #container #contents #animationList.lists .surface {
  background: #e9e8f3;
}
#inspection #container #contents #animationList.lists .surface h2 {
  background: #6a67ad;
}
#inspection #container #contents #animationList.lists .internal {
  background: #efe1e9;
}
#inspection #container #contents #animationList.lists .internal h2 {
  background: #ad6793;
}
#inspection #container #contents #animationList.lists .other {
  background: #e1efe3;
}
#inspection #container #contents #animationList.lists .other h2 {
  background: #67ad74;
}
#inspection #container #contents #animationList.lists .sekigaisen .photo dl {
  height: 235px;
}
#inspection #container #contents #animationList.lists .sekigaisen .photo dl dt span {
  bottom: 135px!important;
}
#inspection #container #contents #animationList.lists .structure {
  background: #efeae1;
}
#inspection #container #contents #animationList.lists .structure h2 {
  background: #ad9867;
}
#inspection #container #contents #animationList.lists .training {
  background: #e1edef;
}
#inspection #container #contents #animationList.lists .training h2 {
  background: #67a4ad;
}
#inspection #container #contents #btn li {
  cursor: pointer;
}
#inspection #container #contents .active {
  background-color: #d2d2d2;
}