@charset "UTF-8";

/* CSS Document */


/* GENERAL */

.faq-wrap{
    color: #775436;
    width: 95%;
    max-width: 900px;
}
.faq-wrap dt {
	position: relative;
	margin: 0 0 1.5em 3em;
    font-weight: bold;
    text-indent: -50px;
}
.faq-wrap dd {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 6em;
	border-bottom: 1px dotted #0097a7;
    text-indent: -50px;
    text-align: justify;
}
.faq-wrap dt::before, .faq-wrap dd::before {
	font-size: 1.2em;
	color: #ffffff;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
}
.faq-wrap dt::before {
	padding: 0;
    content: "";
	background: url(../images/q.png);
display: inline-block;/*忘れずに！*/
  width: 55px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
      background-size: contain;
  vertical-align: middle;
    background-repeat: no-repeat;
    
}
.faq-wrap dd::before {
	padding: 0;
    content: "";
	background: url(../images/a.png);
display: inline-block;/*忘れずに！*/
  width: 55px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
      background-size: contain;
  vertical-align: middle;
    background-repeat: no-repeat;  
}




@media only screen and (max-width: 750px) {
    .faq-wrap dd {
        position: relative;
        padding: 0 0 1.5em 4em;
        text-indent: -50px;
    }
    
    .faq-wrap dt::before {
      width: 50px;/*画像の幅*/
      height: 30px;/*画像の高さ*/

    }
    .faq-wrap dd::before {
      width: 50px;/*画像の幅*/
      height: 30px;/*画像の高さ*/
    }
}