/*
division
*/
.division h1, 
.net h1, 
.administration h1 {
  background: url("../images/index_mv_01.jpg") center top no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
  .division::before, .net::before, .administration::before {
    background: url("../images/index_mv_01.jpg") center top no-repeat;
    background-size: cover;
  }
.division h1, 
.net h1, 
.administration h1 {
	background: none;
}
}

.division .listMain, .net .listMain, .administration .listMain {
  margin-right: auto;
  margin-top: 75px;
  margin-bottom: 75px;
  margin-left: auto;
  width: 756px;
}

@media only screen and (max-width: 767px) {
  .division .listMain, .net .listMain, .administration .listMain {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 92%;
    border-bottom: 1px solid #aa926c;
  }
  .division .listMain:after, .net .listMain:after, .administration .listMain:after {
    content: " ";
    display: block;
    clear: both;
  }
}

.division .listMain li, .net .listMain li, .administration .listMain li {
  display: table-cell;
  width: 252px;
  background: #dedede;
  border-right: 2px solid #fff;
  font-size: 1.3rem;
  letter-spacing: 0.23em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .division .listMain li, .net .listMain li, .administration .listMain li {
    display: block;
    float: left;
    width: 33.33333%;
    font-size: 0.95rem;
    letter-spacing: 0;
  }
}

.division .listMain li:hover, .net .listMain li:hover, .administration .listMain li:hover {
  opacity: 0.7;
}

.division .listMain li a, .net .listMain li a, .administration .listMain li a {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #5a5a5a;
}

.division .listMain .act, .net .listMain .act, .administration .listMain .act {
  background: #aa926c;
}

.division .listMain .act a, .net .listMain .act a, .administration .listMain .act a {
  color: #fff;
}

.division h2, .net h2, .administration h2 {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .division h2, .net h2, .administration h2 {
    margin-bottom: 15px;
  }
}

.division h2 .txt01, .net h2 .txt01, .administration h2 .txt01 {
  display: block;
  margin-bottom: 10px;
  font-size: 2.8rem;
  font-style: italic;
  letter-spacing: 0.15em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .division h2 .txt01, .net h2 .txt01, .administration h2 .txt01 {
    font-size: 1.6rem;
  }
}

.division h2 .txt02, .net h2 .txt02, .administration h2 .txt02 {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.23em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .division h2 .txt02, .net h2 .txt02, .administration h2 .txt02 {
    font-size: 0.95rem;
  }
}

.division .writeMain, .net .writeMain, .administration .writeMain {
  margin-bottom: 30px;
  font-size: 1.8rem;
  letter-spacing: 0.09em;
  line-height: 1.70556;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .division .writeMain, .net .writeMain, .administration .writeMain {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 92%;
    font-size: 1.3rem;
    line-height: 1.6;
  }
}

.division .imgBox, .net .imgBox, .administration .imgBox {
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  width: 890px;
}

@media only screen and (max-width: 767px) {
  .division .imgBox, .net .imgBox, .administration .imgBox {
    margin-bottom: 30px;
    width: 92%;
  }
}

@media only screen and (max-width: 767px) {
  .division .imgBox img, .net .imgBox img, .administration .imgBox img {
    width: 100%;
  }
}

.division .sec, .net .sec, .administration .sec {
  margin-right: auto;
  margin-left: auto;
  width: 890px;
  border: 1px solid #bcb5b4;
}

@media only screen and (max-width: 767px) {
  .division .sec, .net .sec, .administration .sec {
    width: 92%;
  }
}

.division .sec, .net .sec, .administration .sec {
  margin-bottom: 55px;
}

@media only screen and (max-width: 767px) {
  .division .sec, .net .sec, .administration .sec {
    margin-bottom: 30px;
  }
}

.division .sec h3, .net .sec h3, .administration .sec h3 {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #f1efef;
  border-bottom: 1px solid #bcb5b4;
  font-size: 1.8rem;
  letter-spacing: 0.18em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .division .sec h3, .net .sec h3, .administration .sec h3 {
    font-size: 1.3rem;
  }
}

.division .sec01 dl, .net .sec01 dl, .administration .sec01 dl {
  padding-top: 40px;
  padding-right: 50px;
  padding-bottom: 40px;
  padding-left: 50px;
}

@media only screen and (max-width: 767px) {
  .division .sec01 dl, .net .sec01 dl, .administration .sec01 dl {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }
}

.division .sec01 dt, .net .sec01 dt, .administration .sec01 dt {
  margin-bottom: 30px;
  font-size: 2.1rem;
  letter-spacing: 0.11em;
  line-height: 1.6;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .division .sec01 dt, .net .sec01 dt, .administration .sec01 dt {
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 1.5rem;
  }
}

.division .sec01 dd, .net .sec01 dd, .administration .sec01 dd {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1.89286;
}

@media only screen and (max-width: 767px) {
  .division .sec01 dd, .net .sec01 dd, .administration .sec01 dd {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.division .sec01 dd dl, .net .sec01 dd dl, .administration .sec01 dd dl {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.division .sec01 dd dt, .net .sec01 dd dt, .administration .sec01 dd dt {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1.89286;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .division .sec01 dd dt, .net .sec01 dd dt, .administration .sec01 dd dt {
    font-size: 1.2rem;
  }
}

.division .sec02 p, .net .sec02 p, .administration .sec02 p {
  padding-top: 40px;
  padding-right: 50px;
  padding-bottom: 40px;
  padding-left: 50px;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1.89286;
}

@media only screen and (max-width: 767px) {
  .division .sec02 p, .net .sec02 p, .administration .sec02 p {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
