@charset "UTF-8";

/************************************************************
INDEX
************************************************************/

.faq_wrap {
  font-size: 0;
  line-height: 0;
}

.faq_wrap #tab0,
.faq_wrap #tab1,
.faq_wrap #tab2,
.faq_wrap #tab3 {
  display: inline-block;
	*display:inline;
	*zoom:1;
  padding: 19px 0;
  width: 33%;
  /*border-left:2px solid #ffffff;
  border-right:2px solid #ffffff;
  border-radius: 10px 10px 0 0 / 10px 10px 0 0;
  background: #e0e0e0;
  color: #007851;*/
  font-size: 21px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
  border: 1px solid #ccc;
  position: relative;
}
.faq_wrap #tab0:hover,
.faq_wrap #tab1:hover,
.faq_wrap #tab2:hover,
.faq_wrap #tab3:hover{
  opacity: .8;
  cursor: pointer;
  background: #007851;
  color: #FFF;
}

.faq_wrap #tab1::after,
.faq_wrap #tab2::after,
.faq_wrap #tab3::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background-color: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.faq_wrap #tab0.select,
.faq_wrap #tab1.select,
.faq_wrap #tab2.select,
.faq_wrap #tab3.select {
  background: #007851;
  color: #FFF;
}
.faq_wrap #tab1.select::after,
.faq_wrap #tab2.select::after,
.faq_wrap #tab3.select::after {
  background-color: #007851;
}

.faq_wrap #detail0,
.faq_wrap #detail1,
.faq_wrap #detail2,
.faq_wrap #detail3 {
  display: none;
  padding: 10px;
  width: 100%;
  /*border-top:2px solid #007851;*/
}

.faq_wrap #detail0.select,
.faq_wrap #detail1.select,
.faq_wrap #detail2.select,
.faq_wrap #detail3.select {
  display: block;
}

.faq_wrap #detail0 .faq_list,
.faq_wrap #detail1 .faq_list,
.faq_wrap #detail2 .faq_list,
.faq_wrap #detail3 .faq_list {
  font-size: 0;
  line-height: 0;
}

.faq_wrap #detail0 .faq_list dt,
.faq_wrap #detail1 .faq_list dt,
.faq_wrap #detail2 .faq_list dt,
.faq_wrap #detail3 .faq_list dt {
  display: inline-block;
	*display:inline;
	*zoom:1;
  padding: 10px 20px 10px 0;
  width: 30%;
  border-top: 1px dotted #cccccc;
  color: #007851;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  vertical-align: top;
}

.faq_wrap #detail0 .faq_list dd,
.faq_wrap #detail1 .faq_list dd,
.faq_wrap #detail2 .faq_list dd,
.faq_wrap #detail3 .faq_list dd {
  display: inline-block;
	*display:inline;
	*zoom:1;
  padding: 10px 0;
  width: 70%;
  border-top: 1px dotted #cccccc;
  font-size: 16px;
  line-height: 1.4;
  vertical-align: top;
  color: #000;
}

.faq_wrap #detail0 .faq_list dd a,
.faq_wrap #detail1 .faq_list dd a,
.faq_wrap #detail2 .faq_list dd a,
.faq_wrap #detail3 .faq_list dd a {
  color: #e47e24;
  font-weight: bold;
}
.faq_wrap #detail0 .faq_list dd a:hover,
.faq_wrap #detail1 .faq_list dd a:hover,
.faq_wrap #detail2 .faq_list dd a:hover,
.faq_wrap #detail3 .faq_list dd a:hover{
  opacity: .8;
  background: #e47e24;
  color: #fff;
}

/* --------------------TB/SP */

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

.faq_wrap #detail0 .faq_list dt,
.faq_wrap #detail1 .faq_list dt,
.faq_wrap #detail2 .faq_list dt,
.faq_wrap #detail3 .faq_list dt {
  display: block;
  padding: 10px 0;
  width: 100%;
  border-top: 3px solid #cccccc;
  color: #007851;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
}

.faq_wrap #detail0 .faq_list dd,
.faq_wrap #detail1 .faq_list dd,
.faq_wrap #detail2 .faq_list dd,
.faq_wrap #detail3 .faq_list dd {
  display: inline-block;
	*display:inline;
	*zoom:1;
  padding: 10px 0;
  width: 100%;
  border-top: 1px dotted #cccccc;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
}
.faq_wrap #tab0, .faq_wrap #tab1, .faq_wrap #tab2, .faq_wrap #tab3{
  font-size: 16px;
}

}


/* add_20210915 */
.faq_wrap .ttl3 span a {
  margin-left: 10px;
  font-size: 16px;
}
.faq_wrap .ttl3 span a:hover {
  opacity: .5;
  background: #e47e24;
  color: #FFF;
}
.faq_wrap dd img {
    display: block;
    margin: 10px auto;
}
.bike-battery-sec .block.other {
    display: flex;
    justify-content: center;
}