@charset "utf-8";
/* CSS Document */
.articleTitle {
    margin-bottom: 20px;
}
.contentBox .wrap{
	display: flex;
}
.contentBox .wrap .sideArea{
	flex:240px 0 0;
	border-right: 1px solid #e5e5e5;
}

.faqArea{
	padding:0 0 0 40px;
	width:calc(100% - 240px);
}

ul.faqList > li{
	margin-bottom: 10px;
}

ul.faqList li h3{
    background: #e8e7e7;
    padding: 10px;
    position: relative;
    font-size: 1.3em;
    color: #222;
    font-weight: normal;}

.faqList li h3 b {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    margin-right: 10px;
    color: #51649A;
}
.faqList li h3 b:before{
	content: "Q";
}


ul.faqList li .definition{
	padding:15px 10px;
    font-size: 1.2em;
    color: #686868;
    line-height: 1.8;}

@media (max-width: 767px){
.contentBox .wrap{
    flex-wrap: wrap;
}
.contentBox .wrap .sideArea{
    flex:100% 0 0;
    border-right: none;
}

.faqArea{
    padding:0 0 30px;
    width:calc(100% - 0px);
}
}