/* COMMON
----------------------------------------------- */
#mainv {
  width: 100%;
  height: 390px;
  position: relative;
  background: url(../img/index/mainv.jpg) center center no-repeat;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#mainv h2 {
  font-size: 36px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #fff;
  text-align: center;
  position: relative;
  padding-top: 145px;
  margin-bottom: 10px;
  text-shadow: 0px 0px 3px #000;
}
@media screen and (max-width: 992px) {
  #mainv {
    height: 220px;
    background-position: center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #mainv h2 {
    font-size: 24px;
    padding-top: 90px;
  }
}

#fh5co-archive, #fh5co-information, #fh5co-recruit {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  #fh5co-archive, #fh5co-information, #fh5co-recruit {
    padding: 30px 0 20px;
  }
}

#fh5co-archive {
  padding: 0;
}
#fh5co-archive div {
  padding: 0;
}
#fh5co-archive .to-animate-2 {
  -webkit-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  -o-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  background: #fff;
}
#fh5co-archive .archive1 a {
  background: url(../img/index/bg_business.jpg) center center no-repeat;
}
@media screen and (max-width: 992px) {
  #fh5co-archive .archive1 a {
    background-position: center;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}
#fh5co-archive .archive2 a {
  background: url(../img/index/bg_record.jpg) center center no-repeat;
}
@media screen and (max-width: 992px) {
  #fh5co-archive .archive2 a {
    background-position: center;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}
#fh5co-archive .archive3 a {
  background: url(../img/index/bg_works.jpg) center center no-repeat;
}
@media screen and (max-width: 992px) {
  #fh5co-archive .archive3 a {
    background-position: center;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}
#fh5co-archive .archive1 a,
#fh5co-archive .archive2 a,
#fh5co-archive .archive3 a {
  display: block;
  height: 330px;
}
#fh5co-archive .archive1 a:hover,
#fh5co-archive .archive2 a:hover,
#fh5co-archive .archive3 a:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
}
#fh5co-archive .archive1 h3,
#fh5co-archive .archive2 h3,
#fh5co-archive .archive3 h3 {
  height: 330px;
  margin: 0;
  background: #008000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  /* IE 8 */
}
#fh5co-archive .archive1 h3 span,
#fh5co-archive .archive2 h3 span,
#fh5co-archive .archive3 h3 span {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 150px;
}
@media screen and (max-width: 768px) {
  #fh5co-archive .archive1,
  #fh5co-archive .archive2,
  #fh5co-archive .archive3 {
    height: 160px;
  }
  #fh5co-archive .archive1 h3,
  #fh5co-archive .archive2 h3,
  #fh5co-archive .archive3 h3 {
    height: 160px;
  }
  #fh5co-archive .archive1 h3 span,
  #fh5co-archive .archive2 h3 span,
  #fh5co-archive .archive3 h3 span {
    padding-top: 70px;
  }
}

#fh5co-information {
  padding: 0;
}
#fh5co-information div {
  padding: 0;
}
#fh5co-information .to-animate-2 {
  -webkit-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  -o-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.19);
  background: #fff;
}
#fh5co-information .information1 {
  background: url(../img/index/bg_company.jpg) center center no-repeat;
}
@media screen and (max-width: 992px) {
  #fh5co-information .information1 {
    background-position: center;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}
#fh5co-information .information2 {
  background: url(../img/index/bg_office.jpg) center center no-repeat;
}
@media screen and (max-width: 992px) {
  #fh5co-information .information2 {
    background-position: center;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}
#fh5co-information .information1,
#fh5co-information .information2 {
  height: 330px;
  margin: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#fh5co-information .information1 a,
#fh5co-information .information2 a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 3px #333;
  text-align: center;
  padding-top: 150px;
}
@media screen and (max-width: 768px) {
  #fh5co-information .information1,
  #fh5co-information .information2 {
    height: 160px;
  }
  #fh5co-information .information1 a,
  #fh5co-information .information2 a {
    padding-top: 70px;
  }
}
#fh5co-information .information1:hover,
#fh5co-information .information2:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
}
#fh5co-information .information3 {
  height: 330px;
  padding: 20px;
}
#fh5co-information .information3 h3 {
  font-weight: bold;
}
#fh5co-information .information3 .more {
  position: absolute;
  top: 20px;
  right: 20px;
}
#fh5co-information .information3 .more a {
  color: #000;
  border: solid 1px #000;
  padding: 3px 20px;
}
#fh5co-information .information3 .info_list {
  padding: 0;
}
#fh5co-information .information3 .info_list li {
  list-style: none;
  padding: 8px 0;
}
@media screen and (max-width: 992px) {
  #fh5co-information .information3 .info_list li {
    padding: 5px 0;
  }
}
#fh5co-information .information3 .info_list li .date {
  float: left;
  width: 6em;
  margin: 0 10px 0 0;
}
#fh5co-information .information3 .info_list li .ttl {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fh5co-information .information3 .info_list li .ttl a {
  color: #000;
}
@media screen and (max-width: 768px) {
  #fh5co-information .information3 {
    min-height: 220px;
    height: auto;
  }
  #fh5co-information .information3 h3 {
    margin-bottom: 15px;
  }
}

#fh5co-recruit {
  padding: 50px 0;
  background: url(../img/index/bg_recruit.jpg) center center no-repeat !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media screen and (max-width: 768px) {
  #fh5co-recruit {
    padding: 30px 0 10px;
  }
}
#fh5co-recruit h3 {
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  #fh5co-recruit h3 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #fh5co-recruit .to-animate-2 {
    margin-bottom: 20px;
  }
}
#fh5co-recruit .to-animate-2 p {
  font-weight: 700;
  font-size: 18px;
  padding: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
#fh5co-recruit .to-animate-2 p span {
  color: #fff;
  padding: 8px 40px;
  border: solid 2px #fff;
  text-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 1px 0px #ccc;
  -moz-box-shadow: 0px 0px 1px 0px #ccc;
  -webkit-box-shadow: 0px 0px 1px 0px #ccc;
}
#fh5co-recruit .recruit1 a {
  background: url(../img/index/bg_recruit_s1.jpg) center top no-repeat !important;
}
#fh5co-recruit .recruit2 a {
  background: url(../img/index/bg_recruit_s2.jpg) center top no-repeat !important;
}
#fh5co-recruit .recruit3 a {
  background: url(../img/index/bg_recruit_s3.jpg) center top no-repeat !important;
}
#fh5co-recruit .recruit1 a,
#fh5co-recruit .recruit2 a,
#fh5co-recruit .recruit3 a {
  display: block;
  padding: 190px 0 28px;
  transition: all 0.7s ease 0s;
}
#fh5co-recruit .recruit1 a:hover,
#fh5co-recruit .recruit2 a:hover,
#fh5co-recruit .recruit3 a:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
  outline: medium none;
}