@charset "utf-8";
/* CSS Document */
/*--------------- for mobile ---------------*/
.consultingInner {
  max-width: 1040px;
  margin: 0 10px;
}
h2 {
  background: url(../consulting/images/title.jpg) center center;
  margin-bottom: 0;
}
.consultingInner > section {
  padding-top: 60px;
  margin-bottom: 30px;
}
.consultingInner > section:last-child {
  margin-bottom: 60px;
}
.flex {
  padding-bottom: 30px;
  position: relative;
}
.human01 {
  background: url("../consulting/images/human01_gy.svg") no-repeat right bottom;
  background-size: 70px;
}
.human02 {
  background: url("../consulting/images/human02_gy.svg") no-repeat right bottom;
  background-size: 70px;
}
.human03 {
  background: url("../consulting/images/human03_gy.svg") no-repeat left bottom;
  background-size: 100px;
}
.human04 {
  background: url("../consulting/images/human04_gy.svg") no-repeat left bottom;
  background-size: 100px;
}
.flex::after {
  content: "";
  display: block;
  width: 100%;
  height: 70px;
  background: url("../consulting/images/arrow.svg") no-repeat center center;
  background-size: 50px;
  position: absolute;
  bottom: -70px;
}
.flexTxtRight {
  margin-top: 70px;
}
.textContent {
  max-width: 700px;
  text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff;
}
h3, h4 {
  font-size: 2.4rem;
  border-bottom: 2px #01c3cf solid;
  padding-bottom: 5px;
  font-weight: bold;
}
.textContent p, .textContent ol {
  margin-top: 15px;
  line-height: 1.5em;
}
.imagePict {
  display: none;
}
  ol {
    list-style-type: none;
    counter-reset: li_count;
  }
  ol li {
    margin-bottom: 45px;
    display: flex;
  }
  ol li::before {
    counter-increment: li_count;
    content: counter(li_count);
    font-size: 2.2rem;
    font-weight: bold;
  }
  ol li span {
    padding-left: 10px;
    display: block;
  }
  ol li:last-child {
    margin-bottom: 0;
  }
  .contact {
    padding: 30px 0;
    background-color: #f0ede0;
    margin-bottom: 60px;
  }
  .contactInner {
    max-width: 1040px;
    margin: 0 10px;
  }
  .textContact {
    font-size: 1.6rem;
    font-weight: bold;
		line-height: 1.5;
  }
  .textContact p {
    margin-bottom: 0.5em;
  }
.btn.btnContact {
	padding: 0 1.2em;
	display: block;
	text-align: center;
	margin: 20px auto 0;
	max-width: 400px;
}



/*--------------- for pc ---------------*/
@media screen and (min-width:1160px) {
  .consultingInner {
    margin: 0 auto;
  }
  h2 {
    background: url(../consulting/images/title.jpg) left top;
  }
  .consultingInner > section {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  .consultingInner > section:last-child {
    margin-bottom: 150px;
  }
  .flex {
    display: flex;
  }
	.human01, .human02, .human03, .human04 {
		background: none;
	}

.flex::after {
  background-position: center top;
  background-size: 70px;
}
  .flexTxtRight {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 100px;
  }
  .textContent {
  }
  h3, h4 {
    font-size: 3rem;
  }
  .textContent p, .textContent ol {
    line-height: 1.7em;
  }
  .imagePict {
		display: block;
    width: 340px;
    text-align: center;
  }
  .imagePict img.onayami {
    height: 200px;
  }
  .imagePict img.solution {
    height: 320px;
  }
  .contact {
    padding: 65px 0;
    margin-bottom: 140px;
  }
  .contactInner {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .textContact {
    font-size: 2.4rem;
		line-height: 1;
  }
  .textContact p {
    margin-bottom: 20px;
  }
.btn.btnContact {
  font-size: 2.5rem;
	padding: 0 2em;
	margin: 0;
}
}