/*-----------------------------
  				consulting
-----------------------------*/
.mainTitle{
  background: url("../common/images/consulting_title.jpg") no-repeat center center / cover;
}

/*--- checkBox ---*/
.checkBox{
	border: 3px solid var(--green);
	border-radius: 8px;
}
.checkBox ul li{
	border-bottom: 1px dotted var(--green);
	color: var(--green);
	font-size: 2.4rem;
	line-height: 1.5;
}
.checkBox ul li:last-child{
	border-bottom: none;
}
.checkBox .checkTxt{
	display: block;
	padding: 12px 22px 12px 45px;
	position: relative;
}
.checkBox .checkTxt::before{
	position: absolute;
  top: 13px;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("../common/images/top-trouble-check.svg") no-repeat left center / 100% ;
}
.checkBox figure{
	margin-right: -20px;
	max-width: 350px;
}
@media screen and (max-width: 768px) {
.checkBox ul{
	padding: 3% 5.5%;
}
.checkBox ul li{
	font-size: 2rem;
}
.checkBox .checkTxt{
	padding-left: 32px;
	padding-right: 0;
}
.checkBox .checkTxt::before{
  top: 12.5px;
  width: 25px;
  height: 25px;
}
.checkBox figure{
	margin: 0 auto 25px;
	width: 85%;
}
}/* //end for SP */
@media screen and (min-width: 769px) {
.checkBox{
	align-items: center;
}
.checkBox ul{
	padding: 25px 60px;
	/* max-width: 640px; */
}
.checkBox ul li{
	padding-left: 15%;
  padding-right: 15%;
}
}/* //end for PC */


@media screen and (min-width: 769px) {
.pcFlex .img{
	width: 38%;
	max-width: 450px;
}
.pcFlex .txt{
	width: 58%;
	max-width: 700px;
}
.flexReverse {
	flex-direction: row-reverse;
}
}/* //end for PC */


#consulting .basicTable{
	width: 100%;
}
#consulting .basicTable tbody th,
#consulting .basicTable tbody td{
	vertical-align: middle;
}
#consulting .basicTable tbody th{
	border-right: none;
}
#consulting .basicTable tbody td ul li{
	position: relative;
	padding-left: 15px;
}
#consulting .basicTable tbody td ul li::before{
	content: "";
  background: var(--green);
  border-radius: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0.8em;
  left: 0;
}
#consulting .basicTable thead th:nth-child(1){
	border-bottom: 1px solid #fff;
}
#consulting .basicTable tbody tr:not(:last-of-type) th{
	border-bottom: 1px solid #fff;
}
#consulting .basicTable tbody th{
  width: calc(3em + 62px);
}
#consulting .basicTable tbody td.bgLGry02 {
    width: 380px;
}
@media screen and (max-width: 768px) {
  #consulting .basicTable{
    width: 800px;
  }
  #consulting .basicTable thead th:nth-child(1) {
    width: 100px;
  }
  #consulting .basicTable tbody th{
    width: calc(3em + 62px);
  }
}/* //end for SP */
@media screen and (min-width: 769px) {
#consultingSystemBuilding .btnWrap .btn{
	margin: 0 17px;
	max-width: 300px;
}
}/* //end for PC */


.threePoint li{
	background: #fdf9ef;
	border: 1px solid var(--green);
	border-radius: 150px;
	/* color: var(--green); */
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.5;
	margin: 0 30px;
	padding: 50px 20px 20px;
	text-align: center;
	width: 300px;
	height: 300px;
}
.threePoint li span{
	background: var(--green);
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 2rem;
	margin-bottom: 20px;
	padding: 2px 20px;
}
.threePoint .shadow{
	box-shadow: 0 7px 5px rgba(0,0,0,0.12);
}
@media screen and (max-width: 768px) {
.threePoint li{
	margin: 20px auto 0;
}
}/* //end for SP */


#consultingOnb dt{
	border-bottom: 1px solid var(--green);
}
#consultingOnb dd{
	padding-top: 20px;
}

@media screen and (max-width: 768px) {
}/* //end for SP */
@media screen and (min-width: 769px) {
}/* //end for PC */