@charset "UTF-8";
/* Q&Aページ用のスタイルシート */

.red{
	color:#d35352;
}
/*
#qa_main{
	padding:60px 0;
	background:#efefef;
}
*/

/* qa_nav
------------------------------------------------------------------------------------- */
.qa_nav_wrap{
	display:flex;
	justify-content:space-between;
	/*align-items:center;*/
	margin:0 auto 40px;
	background:#fff;
}
.qa_nav_ttl{
	display: flex;
	align-items:center;
	justify-content:center;
	width:28%;
	padding:40px 0;
	box-sizing:border-box;
	text-align:center;
	font-size: 1.4em;
}
.qa_nav{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items:center;
	justify-content: flex-start;
	width:72%;
	padding:20px 50px;
	box-sizing:border-box;
	border-left:solid 1px #efefef;
}
.qa_nav a{
	display:block;
	padding:12px 36px 12px 0;
	box-sizing:border-box;
	font-size:1.2em;
	font-weight:bold;
	line-height:1;
}
.qa_nav a:before,
.qa_contents_nav_ttl:before{
	display:inline-block;
	content:'';
	margin:0 10px 0 0;
	position:relative;
	top:-2px;
	width:7px;
	height:7px;
	border-right:2px solid #ca6666;
	border-bottom:2px solid #ca6666;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.qa_feature{
	width:72%;
	padding:30px 40px;
	box-sizing:border-box;
	border-left:solid 1px #efefef;
}
.qa_feature a{
	display:block;
	width:100%;
	margin:0 0 17px;
	padding:0 0 17px 40px;
	position:relative;
	border-bottom:solid 1px #ddd;
	font-size:1.2em;
	font-weight:bold;
	line-height:1;
}
.qa_feature a:last-child{
	margin:0;
	padding:0 0 0 40px;
	border-bottom:none;
}
.qa_feature .qa_icon{
	margin:0 6px 0 0;
	position:absolute;
	left:0;
	top:-5px;
}
.qa_icon{
	display:block;
	width:32px;
	height:32px;
}
.qa_contact p{
	margin:0 0 30px;
}


/* qa_contents_header
------------------------------------------------------------------------------------- */
.qa_contents_header,
.qa_contents_main{
	margin:0 auto 80px;
	background:#fff;
}
.qa_contents_ttl{
	padding:40px 0 30px;
	box-sizing:border-box;
	border-bottom:solid 1px #efefef;
	text-align:center;
	font-size:0.95em;
	font-weight:bold;
	line-height:1;
}
.qa_contents_ttl strong{
	display:block;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.8em;
}
.qa_contents_sub_ttl{
	margin:60px 0 30px;
	padding:4px 0 4px 8px;
	border-left:solid 3px #ddd;
	font-size:1.3em;
	font-weight:bold;
	line-height:1;
}
.qa_contents_sub_ttl:first-child{
	margin:0 0 30px;
}
.qa_contents_nav_wrap{
	display:flex;
	justify-content:space-between;
	padding:40px 45px;
}
.qa_contents_nav{
	width:32%;
}
.qa_contents_nav_ttl{
	display:block;
	margin:0 0 30px;
	box-sizing:border-box;
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
}
.qa_contents_nav_list a{
	display:block;
	width:100%;
	margin:0 0 14px;
	padding:0 0 14px 30px;
	position:relative;
	border-bottom:solid 1px #ddd;
	font-size:1em;
	font-weight:bold;
	line-height:1;
}
.qa_contents_nav_list a:last-child{
	margin:0;
	padding:0 0 0 30px;
	border-bottom:none;
}
.qa_contents_nav_list .qa_icon{
	width:23px;
	height:23px;
	position:absolute;
	left:0;
}

/* qa_contents_main
------------------------------------------------------------------------------------- */
.qa_contents_entry_wrap{
	padding:45px;
	box-sizing:border-box;
}
.qa_contents_entry{
	margin:0 0 30px;
	border:solid 1px #ddd;
}
.qa_contents_entry:last-child{
	margin:0;
}
.qa_contents_entry_ttl{
	padding:20px 20px 20px 70px;
	margin:0 !important;
	position:relative;
	background:#fafafa;
	border-bottom:solid 1px #ddd;
	font-weight:bold;
	font-size:1.3em;
}
.qa_contents_entry_ttl .qa_icon,
.qa_contents_entry_body .qa_icon{
	position:absolute;
	left:20px;
}
.qa_contents_entry_body{
	padding:30px 20px 30px 70px;
	position:relative;
	border-bottom:solid 1px #ddd;
}
.qa_contents_entry_body:last-child{
	border-bottom:none;
}
.qa_contents_entry_body p{
	margin:0 0 1em !important;
	font-size:0.95em;
	line-height:1.8em;
	text-align:justify;
	text-justify:inter-ideograph;
}
.qa_contents_entry_body p:last-child{
	margin:0 !important;
}
.qa_contents_entry_body ul,
.qa_contents_entry_body ol{
	margin:0 0 1em !important;
	font-size:0.95em;
	line-height:1.4em;
}
.qa_contents_entry_body li{
	margin:0 0 7px;
	list-style-type:disc;
	list-style:disc;
}
.qa_contents_entry_body ol li{
	list-style-type: decimal;
	list-style: decimal;
}
.qa_contents_entry_relation{
	padding:30px 60px;
	box-sizing:border-box;
}
.qa_contents_entry_relation h4{
	margin:0 0 20px;
	font-weight:bold;
}
.qa_contents_entry_relation .relation_entry{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.qa_contents_entry_relation .relation_entry .link_card {
	width:48%;
	background:#fff;
}


/* mobile
----------------------------------------------------- */
@media screen and ( max-width: 767px ){
/*
	#qa_main{
		padding:20px 0;
	}
*/

	/* qa_nav
	------------------------------------------------------------------------------------- */
	.qa_nav_wrap{
		display:block;
		margin:0 auto 20px;
	}
	.qa_nav_ttl{
		width:100%;
		padding:12px 0;
		font-size: 1.1em;
	}
	.qa_nav{
		width:100%;
		padding:12px 5%;
		border-left:none;
		border-top:solid 1px #efefef;
	}
	.qa_nav a{
		display:block;
		padding:8px 0;
		box-sizing:border-box;
		font-size:0.9em;
		font-weight:bold;
		line-height:1;
	}
	.qa_nav a:before,
	.qa_contents_nav_ttl:before{
		margin:0 6px 0 0;
		width:4px;
		height:4px;
		border-right:1px solid #ca6666;
		border-bottom:1px solid #ca6666;
	}

	.qa_feature{
		width:100%;
		padding:20px 5%;
		border-left:none;
		border-top:solid 1px #efefef;
	}
	.qa_feature a{
		margin:0 0 10px;
		padding:0 0 10px 24px;
		font-size:0.9em;
	}
	.qa_feature a:last-child{
		padding:0 0 0 24px;
	}
	.qa_icon{
		width:18px;
		height:18px;
		top:-2px;
	}
	.qa_contact p{
		margin:0 0 15px;
		font-size:0.9em;
	}

	
	/* qa_contents_header
	------------------------------------------------------------------------------------- */
	.qa_contents_header,
	.qa_contents_main{
		margin:0 auto 20px;
	}
	.qa_contents_ttl{
		padding:20px 0 15px;
	}
	.qa_contents_ttl strong{
		font-size:1.2em;
	}
	.qa_contents_sub_ttl{
		margin:30px 0 15px;
		font-size:1em;
	}
	.qa_contents_sub_ttl:first-child{
		margin:0 0 15px;
	}
	.qa_contents_nav_wrap{
		display:block;
		padding:20px 5%;
	}
	.qa_contents_nav{
		width:100%;
		margin:0 0 30px;
	}
	.qa_contents_nav:last-child{
		margin:0;
	}
	.qa_contents_nav_ttl{
		margin:0 0 16px;
		font-size:0.95em;
	}
	.qa_contents_nav_list a{
		margin:0 0 10px;
		padding:0 0 10px 24px;
		font-size:0.9em;
	}
	.qa_contents_nav_list a:last-child{
		padding:0 0 0 24px;
	}
	.qa_contents_nav_list .qa_icon{
		width:18px;
		height:18px;
		top:-1px;
	}

	/* qa_contents_main
	------------------------------------------------------------------------------------- */
	.qa_contents_entry_wrap{
		padding:10px 5%;
	}
	.qa_contents_entry{
		margin:0 0 20px;
	}
	.qa_contents_entry_ttl{
		padding:10px 10px 10px 40px;
		font-size:1.05em;
	}
	.qa_contents_entry_ttl .qa_icon,
	.qa_contents_entry_body .qa_icon{
		width:22px;
		height:22px;
		position:absolute;
		left:10px;
		top:14px;
	}
	.qa_contents_entry_body{
		padding:15px 10px 15px 40px;
	}
	.qa_contents_entry_body p,
	.qa_contents_entry_body ul,
	.qa_contents_entry_body ol{
		font-size:0.85em;
	}
	.qa_contents_entry_relation{
		padding:15px;
	}
	.qa_contents_entry_relation h4{
		margin:0 0 10px;
	}
	.qa_contents_entry_relation .relation_entry{
		display:block;
	}
	.qa_contents_entry_relation .relation_entry .link_card {
		width:100%;
	}

}