@charset "utf-8";
/* CSS Document */

#QA {
padding:80px 10px 80px;
}
#QA h2{
font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:26px;
padding: 10px;
line-height: 1.8;
background-color: #66A338;
color:#fff;
margin-bottom: 50px
}
#QA p{
margin-bottom: 30px
}

#QA .qa_box {
width:98%;
box-shadow: 0 0 5px #ccc;
padding: 28px;
margin:0 auto 80px;
}

#QA .qa_box > dl > dt {
background-image: url(../img/q.gif);
background-repeat: no-repeat;
background-position: left top;
min-height: 40px;
box-sizing: border-box;
padding-left: 50px;
padding-top: 8px;
font-weight: bold
}

#QA .qa_box > dl > dd {
background-image: url(../img/a.gif);
background-repeat: no-repeat;
background-position: left 24px;
min-height: 88px;
box-sizing: border-box;
padding-left: 50px;
padding-top: 16px;
margin-left: 0;
border-top:solid 1px #CCCCCC;
margin-top: 8px;
}

#QA .qa_box > dl > dd .qa_link{
text-align: right;
margin-top: 40px
}
#QA .qa_box > dl > dd .qa_link a{
color: #D7000F;
text-decoration: underline;
display: inline-block;
margin:0 10px
}

#QA .qa_box > dl > dd .qa_link a:hover{
text-decoration: none;
}  
  
#QA ol{
padding-left: 30px;
margin: 50px auto
}
   
#QA ol li{
margin-bottom: 20px;
list-style: decimal;
}

#QA ol li::marker{
	font-weight:bold;
}
 
#QA ol li span{
font-weight: bold;
display: block
}


#QA .qa_box dd dl{
margin:50px auto
}  

#QA .qa_box dd dl dt{
font-weight: bold;
margin:30px auto  20px
}  

#QA .qa_box dd dl dd{
margin-left: 30px
}  



#QA .qa_box dd dl dd li{
margin-bottom: 20px;
list-style:disc;
}  

#QA .qa_box dd dl dd li span{
font-weight: bold;
display: block
}
#Qa07 span,
#Qa08 span{
font-weight: bold;
}


@media screen and (max-width: 767px) {
#QA .qa_box {
width: 90%;
margin-bottom: 40px;
padding: 16px;
}

#QA .qa_box dd dl {
  margin: 20px auto;
}

#QA .qa_box dd dl dd{
margin-left: 0;
}

#QA .qa_box dd dl dt {
  margin: 30px auto 0;
}

#QA ol,
#QA .qa_box dd dl dd ul{
margin: 20px auto;
padding-left:0;
}


#QA ol li,
#QA .qa_box dd dl dd li{
list-style-position: inside
}  
#QA ol li span,
#QA .qa_box dd dl dd li span{
display: inline
}


}

  
  
  
  
  
  
  
  
  