@charset "utf-8";
/*============================
safety
============================*/
.inn {
  width: 710px;
}
.safety_dl {
  margin-bottom: 40px;
  overflow: hidden;
}
.safety_dl dt {
  float: right;
  width: 225px;
}
.safety_dl dt img {
  width: 100%;
  height: auto;
}
.safety_dl dd {
  margin-right: 240px;
}
#book_area {
  margin-bottom: 25px;
}
#book_area ul {
  margin-right: -25px;
  overflow: hidden;
  width: 735px;
}
#book_area ul li {
  float: left;
  box-sizing: border-box;
  margin-bottom: 25px;
  margin-right: 25px;
  width: 220px;
}
#book_area ul li:nth-child(3n+1) {
  clear: both;
}
#book_area ul li dt {
  margin-bottom: 10px;
}
#book_area ul li dt a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
}
#book_area ul li dt a img:hover {
  color: #fff;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#movie_area {
  margin-bottom: 25px;
}
#movie_area ul {
  margin-right: -25px;
  overflow: hidden;
  width: 735px;
}
#movie_area ul li {
  float: left;
  box-sizing: border-box;
  margin-bottom: 25px;
  margin-right: 25px;
  width: 220px;
}
#movie_area ul li:nth-child(3n+1) {
  clear: both;
}
#movie_area ul li dt {
  margin-bottom: 10px;
}
#movie_area ul li dt a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
}
#movie_area ul li dt a:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("../common/images/icon_saisei.png") left top no-repeat;
  z-index: 40;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
#movie_area ul li dt a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  z-index: 30;
  left: 0;
  top: 0;
}
.safety_dl .btn_teikitenken {
  text-align: center;
  margin-top: 20px;
  margin-right: 240px;
}
.safety_dl .btn_teikitenken a img:hover {
  color: #fff;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

@media screen and (max-width: 667px) {
  .inn {
    width: 100%;
  }
  .safety_dl {
    margin-bottom: 20px;
  }
  .safety_dl dt {
    float: none;
    width: auto;
    text-align: center;
    margin-bottom: 10px;
  }
  .safety_dl dd {
    margin-right: 0;
  }
  #book_area {
    margin-bottom: 25px;
  }
  #book_area ul {
    margin-right: -2%;
    overflow: hidden;
    width: 100%;
  }
  #book_area ul li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #book_area ul li:nth-child(2n) {
    margin-right: 0;
  }
  #book_area ul li:nth-child(2n+1) {
    clear: both;
  }
  #book_area ul li:nth-child(3n+1) {
    clear: none;
  }
  #book_area ul li dt {
    margin-bottom: 10px;
  }
  #book_area ul li dt img {
    width: 100%;
    height: auto;
  }
  #book_area ul li dt a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  #movie_area {
    margin-bottom: 25px;
  }
  #movie_area ul {
    margin-right: -2%;
    overflow: hidden;
    width: 100%;
  }
  #movie_area ul li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #movie_area ul li:nth-child(2n) {
    margin-right: 0;
  }
  #movie_area ul li:nth-child(2n+1) {
    clear: both;
  }
  #movie_area ul li:nth-child(3n+1) {
    clear: none;
  }
  #movie_area ul li dt {
    margin-bottom: 10px;
  }
  #movie_area ul li dt img {
    width: 100%;
    height: auto;
  }
  #movie_area ul li dt a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  #movie_area ul li dt a:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("../common/images/icon_saisei.png") left top no-repeat;
    z-index: 40;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
  }
  #movie_area ul li dt a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 30;
    left: 0;
    top: 0;
  }
  .safety_dl .btn_teikitenken {
    margin-right: 0px;
  }
}

/*# sourceMappingURL=safety.css.map */