@charset "utf-8";

/*
  File Name   : consul-se.css
  Description : コンサルSE
*/

@media screen and (min-width: 812px) {
  .header-nav .header-nav-services a {
    color: #193776;
  }

  .header-nav .header-nav-services a:after {
    left: 0;
    width: 100%;
  }
}

.services-sec {
  margin: 0 0 40px;
  padding: 0 40px 40px;
  background: #f1f5f9;
}

.services-sec h2 {
  position: relative;
  margin: 0 -40px 30px;
  padding: 50px 15px;
  border-top: 2px solid #193776;
  border-bottom: 2px solid #193776;
  color: #193776;
  font-size: 24px;
  text-align: center;
  text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, 1px 1px 3px #fff, -1px 1px 3px #fff;
  background-size: cover !important;
}

.services-sec-consul h2 {
  background: url(../img/services/bg-services-01.jpg) no-repeat 50% 50%;
}

.services-sec-dev h2 {
  background: url(../img/services/bg-services-02.jpg) no-repeat 50% 50%;
}

.services-sec-network h2 {
  background: url(../img/services/bg-services-03.jpg) no-repeat 50% 50%;
}

.services-sec-support h2 {
  background: url(../img/services/bg-services-04.jpg) no-repeat 50% 50%;
}

.services-sec-operation h2 {
  background: url(../img/services/bg-services-05.jpg) no-repeat 50% 50%;
}

.services-sec-desc {
  text-align: center;
}

.services-sec-detail {
  display: none;
  margin: 0 0 1.5em;
}

.services-sec-btn {
  margin: 0;
  text-align: center;
}

.services-sec-btn span {
  cursor: pointer;
  transition: all .2s ease-in-out;
}

@media screen and (max-width: 811px) {
  .services-sec {
    margin: 0 0 20px;
    padding: 0 15px 15px;
  }

  .services-sec h2 {
    margin: 0 -15px 20px;
    padding: 20px 15px;
    font-size: 18px;
  }

  .services-sec-desc {
    text-align: left;
  }

  .services-sec-desc br {
    display: none;
  }
}