@charset "utf-8";
.h2Wrap{
  padding-bottom: 150px;
  background-color: #000;
}
.h2Wrap h2{
  margin-bottom: 30px;
}
.h2Wrap p{
  font-size: 18px;
}
.h2Wrap p span{
  font-size: 12px;
  display: block;
}
.qWrap{
  padding: 50px 0;
}
.qWrap dl{
  padding: 50px 0;
  border-bottom: 1px dotted #585858;
}
.qWrap dt {
	font-size: 18px;
	margin-bottom: 30px;
}
.qWrap dt .notBox{
  padding: 20px 0 0 85px;
	display: block;
	min-height: 70px;
}
.qWrap dt >.qBox{
  background-color: #333333;
font-size: 30px;
line-height: 70px;
height: 70px;
width: 70px;
display: inline-block;
text-align: center;
float: left;
}
.qWrap dd{
  font-size: 0;
}
.graph{
  display: inline-block;
  width: 21%;
  margin-right: 3%;
  vertical-align: top;
}
.qaAbox{
  display: inline-block;
  width: 76%;
  font-size: 12px;
  vertical-align: top;
}
.item{
  font-size: 0;
  margin-bottom: 10px;
}
.item li{
  display: inline-block;
  width: auto;
  font-size: 18px;
  position: relative;
  padding-left: 25px;
  vertical-align: middle;
  margin-right: 20px;
}
.item li:before{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #00425f;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.item li:nth-child(2):before{background-color:#a84944}
.item li:nth-child(3):before{background-color:#2c5a46}
.item li:nth-child(4):before{background-color:#683d61}
.item li:nth-child(5):before{background-color:#cca094}
.item li:nth-child(6):before{background-color:#96a093}
.item li:nth-child(7):before{background-color:#d2d2d2}
.item li:nth-child(8):before{background-color:#838383}
.item li:nth-child(9):before{background-color:#ac94a6}

@media screen and (max-width:1040px){

}
@media screen and (max-width:768px){
  .graph{
    width: 100%;
    margin-right: 0;
    
    margin-bottom: 20px;
  }
  .graph img{
    margin: 0 auto;
    max-width: 217px;
  }
  .qaAbox{
    width: 100%;
  }
}
@media screen and (max-width:540px){
  .h2Wrap{
    padding-bottom: 40px;
  }
  .qWrap{
    padding: 10px 0;
  }
  .qWrap dl{
    padding: 30px 0;
  }
  .qWrap dt {
		margin-bottom: 20px;
	}
	.qWrap dt .qBox {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 24px;
	}
	.qWrap dt .notBox {

		padding: 6px 0 0 55px;
		min-height: 40px;
		line-height: 1.5;
	}
}