@charset "UTF-8";
/*------------------------------------------------------------Content*/

#titleimage_area {
  width: 100%;
  height: calc(400px * 0.7);
  z-index: 0;
    background:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255,255, 255, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 252, 255, 0.2) 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255,255, 255, 0.1)),  url(../img/title_img/bg_faq_sp.jpg) no-repeat center top;
  background-size: 8px 8px ,cover;
  position: relative;
}
#titleimage_area #mainimage {
  height: calc(400px * 0.7);
  position: relative;
}

@media print,
screen and (min-width:768px) {
  #titleimage_area {
    width: 100%;
    height: 400px;
        background:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255,255, 255, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 252, 255, 0.2) 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255,255, 255, 0.1)),  url(../img/title_img/bg_faq_sp.jpg) no-repeat right top;
  background-size: 8px 8px ,cover;
  }
  #titleimage_area #mainimage {
    height: 400px;
    position: relative;
  }

}
@media print,
screen and (min-width:992px) {
  #titleimage_area {
    width: 100%;
    height: 400px;
        background:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255,255, 255, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 252, 255, 0.2) 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255,255, 255, 0.1)),  url(../img/title_img/bg_faq.jpg) no-repeat right top;
  background-size: 8px 8px ,cover;
  }
  #titleimage_area #mainimage {
    height: 400px;
    position: relative;
  }

}
@media print,
screen and (min-width:1200px) {
  #titleimage_area {
    width: 100%;
    height: 400px;
        background:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255,255, 255, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 252, 255, 0.2) 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255,255, 255, 0.1)),  url(../img/title_img/bg_faq.jpg) no-repeat center top;
  background-size: 8px 8px ,cover;
  }
}
/*faqlist*/
dl.faqlist div {
	margin-bottom: 20px;
	text-align: left;
}
dl.faqlist div dt {
	background: url(../img/faq_img/icon_q.png) no-repeat left 20px top 13px, linear-gradient(  -45deg,  #ec6927 25%,  #ea580f 25%, #ea580f 50%,  #ec6927 50%, #ec6927 75%,  #ea580f 75%, #ea580f  );
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 35px auto, 8px 8px;
	padding: 15px 20px 15px 65px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
}
dl.faqlist div dd {
	background: url(../img/faq_img/icon_a.png) no-repeat left 20px top 10px, url(../img/common_img/bg_noteline.png) repeat 0 0;
	background-size: 35px auto, auto;
	padding: 15px 20px 15px 65px;
	line-height: 150%;
}