/*================================================
width
================================================*/
#content #faq,
#content #faq .data h3,
#content #faq .data dl{
  width: 100%;
}

#content #faq .img_box img{
  width: 80%;
}

#content #faq .data dl dd{
  width: 90%;
}

#content #faq .data,
#content #faq .img_box{
  width: 45%;
}

#content #faq .data dl dt,
#content #faq .data h3 span{
  width: 8%;
}

/*タブレット（iPad ランドスケープ）*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #content #faq .img_box img{
    width: auto;
  }
}

/*タブレット（iPad Pro ポートレート）*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #content #faq .data,
  #content #faq .img_box,
  #content #faq .img_box img{
    width: 100%;
  }
}


/*================================================
height
================================================*/
#content #faq .data h3 span,
#content #faq .data dl,
#content #faq .img_box img{
  height: 100%;
}

#content #faq h3{
  height: 40px;
}

/*タブレット（iPad ランドスケープ）*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #content #faq .img_box img{
    height: 60%;
  }
}


/*================================================
display
================================================*/
#content #faq,
#content #faq .data,
#content #faq .data h3,
#content #faq .data h3 span,
#content #faq .data dl,
#content #faq .data dl dt,
#content #faq .data dl dd,
#content #faq .img_box{
  display: flex;
  flex-wrap: wrap;
}

#content #faq .img_box img{
  display: block;
}



/*================================================
justify-content
================================================*/
#content #faq{
  justify-content: space-between;
}

#content #faq .data h3 span,
#content #faq .data dl dt{
  justify-content: center;
}

@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #content #faq .img_box{
    justify-content: flex-end;
  }
}


/*================================================
align-items
================================================*/
#content #faq .data h3,
#content #faq .data h3 span{
  align-items: center;
}

#content #faq .data dl{
  align-items: flex-start;
}


/*================================================
font-size
================================================*/
#content #faq .data h3 span,
#content #faq .data dl dt{
  font-size: 24px;
}



/*================================================
font-weight
================================================*/
#content #faq .data h3 span,
#content #faq .data dl dt{
  font-weight: bold;
}

#content #faq .data h3{
  font-weight: normal;
}


/*================================================
background
================================================*/
#content #faq .data h3{
  background: #000;
}

#content #faq .data h3 span{
  background: #b93831;
}

/*#content #faq .img_box img{
  background: #dcdcdd;
}*/


/*================================================
color
================================================*/
#content #faq .data h3{
  color: #fff;
}

#content #faq .data dl dt{
  color: #b93831;
}



/*================================================
padding
================================================*/
#content #faq{
  padding: 10px 3% 0;
}

#content #faq .data dl{
  padding: 15px 0;
}

/*タブレット（iPad ランドスケープ）*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #content #faq{
    padding-bottom: 60px;
  }
}

/*タブレット（iPad Pro ポートレート）*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #content #faq{
    padding-bottom: 120px;
  }
}

/*タブレット（iPad ポートレート）*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
  #content #faq{
    padding-bottom: 130px;
  }
}


/*================================================
margin
================================================*/
#content #faq .data{
  margin-bottom: 20px;
}

#content #faq .data h3 span{
  margin-right: 10px;
}

#content #faq .img_box img{
  margin: 0 auto;
}

/*タブレット（iPad Pro ポートレート）*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #content #faq .data{
    margin-bottom: 40px;
  }

  #content #faq .img_box img{
    margin: 0;
  }

}