@charset "UTF-8";
/* CSS PC/SP共通レイアウト */
#faq {
  width: 100%;
}

#faq strong {
  font-family: "Noto Sans JP", system-ui, sans-serif;
  font-weight: 700;
}

#faq .ttl_sub {
  margin-bottom: 120px;
}

#faq .faq_list .inner {
  width: 880px;
  margin-top: -15px;
  margin-bottom: 60px;
}

/*--------------------------------------------------*
 *   よくある質問
 *--------------------------------------------------*/
#faq .faq_list {
  width: 880px;
  margin: 0px auto 90px;
}

#faq .faq_list ul {
  list-style:none;
}

#faq .faq_list ul li {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom:10px;
  border-bottom:1px solid #EBEBEB;
}
#faq .faq_list ul li .question{
/*  
  background:url("../img/faq/icon_q.png") no-repeat left 10px
              ,url("../img/faq/icon_open.png") no-repeat right 14px;   
  background-size:24px 24px
                    ,18px auto;
*/                    
background:url("../img/faq/icon_open.png") no-repeat right 14px;   
background-size:18px auto;
padding:10px 0px 10px 32px;
  cursor:pointer;
  position:relative;
}
#faq .faq_list ul li .question.open{
/*  
  background:url("../img/faq/icon_q.png") no-repeat left 10px
              ,url("../img/faq/icon_close.png") no-repeat right 22px;   
  background-size:24px 24px
                    ,18px auto;
*/
  background:url("../img/faq/icon_close.png") no-repeat right 22px;
  background-size:18px auto;
  padding:10px 0px 10px 32px;
}
#faq .faq_list ul li .answer{
/*
  background:url("../img/faq/icon_a.png") no-repeat left top; 
  background-size:24px 24px; 
*/  
  padding-left:32px;
  padding:4px 32px 6px 32px;
  display:none;
  position:relative;
}
#faq .faq_list ul li .question span{
  font-family: "Noto Sans JP", system-ui, sans-serif;
  font-weight: 700;
  font-size: 2.0rem;
  color: #00B255;
  position:absolute;
  top:4px;
  left:0;
}
#faq .faq_list ul li .answer span{
  font-family: "Noto Sans JP", system-ui, sans-serif;
  font-weight: 700;
  font-size: 2.0rem;
  color: #00B255;
  position:absolute;
  top:0px;
  left:0;
}

#faq .faq_list ul li a {
  color: #00b255;
}


/* スマホレイアウト */
@media (max-width: 639px) {
  #faq {
    padding-top: 70px;
  }
  #faq .ttl_sub {
    margin-bottom: 9vw;
  }
  #faq .faq_list .inner {
    width: 100%;
    margin-top: -4vw;
    margin-bottom: 9vw;
  }
  #faq .lead {
    width: auto;
    font-size: 3.73vw;
    line-height: 1.6;
    margin: 0px 8vw 4vw;
  }

  /*--------------------------------------------------*
  *   よくある質問
  *--------------------------------------------------*/
  #faq .faq_list {
    width: auto;
    margin: 0px 8vw 18vw;
  }
  #faq .faq_list ul {
    width: 100%;
    display: block;
    flex-wrap: nowrap;
  }
  #faq .faq_list ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3.2vw;
    font-size: 3.73vw;    
  }

  #faq .faq_list ul li .question{
/*    
    background:url("../img/faq/icon_q.png") no-repeat left 10px
                ,url("../img/faq/icon_open.png") no-repeat right 14px;   
    background-size:20px auto
                      ,18px auto;
*/
    background:url("../img/faq/icon_open.png") no-repeat right 14px;   
    background-size:18px auto;
    padding:10px 32px 10px 32px;
    cursor:pointer;
  }
  #faq .faq_list ul li .question.open{
/*    
    background:url("../img/faq/icon_q.png") no-repeat left 10px
                ,url("../img/faq/icon_close.png") no-repeat right 22px;   
    background-size:20px auto
                      ,18px auto;
*/
    background:url("../img/faq/icon_close.png") no-repeat right 22px;
    background-size:18px auto;
    padding:10px 32px 10px 32px;
  }
  #faq .faq_list ul li .answer{
/*    
    background:url("../img/faq/icon_a.png") no-repeat left 10px; 
    background-size:20px auto;  
*/    
    padding-left:32px;
    padding:10px 0px 6px 32px;
    display:none;
  }
  #faq .faq_list ul li .question span{
    top:1.4vw;
  }
  #faq .faq_list ul li .answer span{
    top:1.8vw;
  }
  
  #faq .faq_list ul li a {
    color: #00b255;
  }
  


  #traffic .faq_list ul li a {
    font-size: 4.27vw;
  }

}