@charset "UTF-8";
.faq_wrap{box-shadow:2px 2px 0px 4px #FF9533;
  border-radius:8px;
  margin-bottom:30px;
}
.accordion_bar {
  display: table;
  width: 100%;
  position: relative;
}
.accordion_bar:hover {
  cursor: pointer;
}
.question{
    width: 630px;
    flort:left;
    padding:10px 10px 10px 40px;
    background: url(../image/faq/i_q.png) no-repeat 10px 10px;
    font-size:18px;
}
.accordion_bar.opened {}
.accordion_btn {
  position: absolute;
  top:0px;
  right:10px;
  width:92px;
}
.accordion_btn > div {
  position: relative;

}
.accordion_btn > div:before {
  font-family: haluene;
  font-size: 30px;
  position: absolute;
  top: -10px;
  left: 0;
}
.accordion_btn > div span {
  text-decoration: underline;
}
.accordion_btn_open {
  display: inline-block;
}
.accordion_btn_close {
  display: none;
}
.opened .accordion_btn_open {
  display: none;
  padding-left: 30px;
}
.opened .accordion_btn_close {
  display: inline-block;
}
.accordion_btn_open:before {
    content:" ";
    display:inline-block;
    width:92px;
    height:30px;
  background: url("../image/faq/bt_o.png") ;
  background-size:contain;
  vertical-align:middle;
}
.accordion_btn_close:before {
    content:" ";
    display:inline-block;
    width:92px;
    height:30px;
  background: url("../image/faq/bt_c.png") ;
  background-size:contain;
  vertical-align:middle;
}
.accordion_inner {
  display: none;
  background: url(../image/faq/i_a.png) no-repeat 10px 20px #FFFFC5;
  padding:20px 10px 20px 40px;
  font-size:16px;
  border-radius:8px;
}


/* --------------------------レスポンシブ  -----------------------------*/
@media only screen and (max-width: 640px) {
img{width:100%}

.question{
    width: 70%;
    float:left;
    padding:10px 10px 10px 40px;
    background: url(../image/faq/i_q.png) no-repeat 10px 10px;
    font-size:16px;
}
.accordion_btn {
  position: absolute;
  top:0px;
  right:0px;
  width:60px;
}

.accordion_btn_open:before {
  content:" ";
    display:inline-block;
    width:75px;
    height:20px;
  background: url("../image/faq/bt_o_sp.png") no-repeat;
  background-size:contain;
  vertical-align:middle;
}
.accordion_btn_close{padding-left:60px;}
.accordion_btn_close:before {
  content:" ";
    display:inline-block;
    width:80px;
    height:30px;
  background: url("../image/faq/bt_c_sp2.png") no-repeat ;
  background-size:contain;
  vertical-align:middle;
}


}