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

.red{
	color:#F00;
	}

.qa_wrap h1 {
    text-align: center;
    margin: 30px 0;
    font-size: 26px;
    letter-spacing: 3px;
/*    border-bottom: #a1d0e2 5px solid;
*/}

.qa_wrap h2 {
    margin: 80px 0 30px;
    font-size: 20px;
    letter-spacing: 1px;
    border-bottom: #000 3px solid;
	background-color:#fff;
	padding:15px 0;
}

.qa_wrap h3 {
    font-size: 18px;
	font-weight:bold;
	margin:10px 0;
}


ul.qa_menu {
	list-style-type:none;
	background-color:#fff8fa;
	border:5px solid #FCC;
	padding:25px;
	border-radius:5px;
}

ul.qa_menu li {
	position:relative;
	padding: 0em 0.3em 0.5em 1.3em;
	line-height:1.7;
}

ul.qa_menu li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0.5em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #000;
}

.answer {
	padding:25px 10px 25px 25px;
	background-color:#fff8fa;
	border:1px solid #FCC;
	border-radius:5px;
}

.answer-box {
	background-color:#fff;
	padding:15px;
	border:1px solid #dcdcdc;
	margin:15px 0;
}

.answer a {
	color:#06C;
}

.answer-flexbox{
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
}


.answer-flexbox .item{
	margin:15px 0px;
	 
	}

.answer-flexbox dl {
}

.answer-flexbox dt {
  float:left;
  clear:left;
  width:80px;
}

.answer-flexbox dd {
  float:left;
  width:220px;
  margin:0 7px;
}

@media screen and (max-width: 950px) {
.answer img{
	width:100%;
}
}

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

.answer {
	padding:25px 15px;
	background-color:#fff8fa;
	border:1px solid #FCC;
	border-radius:5px;
}

.answer img{
	width:100%;
}


.answer-flexbox dd {
  margin-left:10px;
   width: calc(100% - 97px);
}

}