@charset "UTF-8";
/* CSS Document */

.mk-qa-box01 {
	margin-bottom: 25px;
}
.mk-qa-box01 h2 {
	margin-top: -3px;
	margin-left: -4px;
}

.mk-qa-list01 {
	width: 600px;
	margin: 50px auto 0;
}
.mk-qa-list01 li {
	margin-bottom: 60px;
}

.mk-qa-list01-question {
	display: table;
	width: 100%;
	padding-bottom: 22px;
	background:url(../images/bg_qa01.gif) no-repeat left bottom;
}
.mk-qa-list01-question p {
	display: table-cell;
	width: 87px;
	text-align: left;
	vertical-align: middle;
}
.mk-qa-list01-question span {
	display: table-cell;
	padding-left: 18px;
	font-size: 19px;
	color: #53585d;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.mk-qa-list01-answer {
	display: table;
	width: 100%;
	padding-top: 16px;
}
.mk-qa-list01-answer p {
	display: table-cell;
	width: 87px;
	padding-top: 4px;
	text-align: right;
	vertical-align: top;
}
.mk-qa-list01-answer span {
	display: table-cell;
	padding-right: 10px;
	padding-left: 18px;
	font-size: 16px;
	color: #53585d;
	line-height: 24px;
	text-align: left;
	vertical-align: top;
}
.mk-qa-list01-answer span a {
	color: #53585d;
	text-decoration: none;
}

@media screen and (max-width:767px) {
  .mk-qa-list01 {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
    width: 100%;
    margin: 2.5em auto 0;
    padding-right: 10px;
    padding-left: 10px;
  }
  .mk-qa-list01 li {
    margin-bottom: 3em;
  }

  .mk-qa-list01-question p {
    width: 12%;
    text-align: right;
    vertical-align: top;
  }
  .mk-qa-list01-question span {
    padding: 0 10px 0;
  }
  
  .mk-qa-list01-answer p {
    width: 12%;
    padding-top: 5px;
    vertical-align: top;
  }
  .mk-qa-list01-answer p > img {
    width: 50%;
  }
  .mk-qa-list01-answer span {
    padding: 6px 10px 0;
  }
}