@charset "UTF-8";
.container_qa {
	width: 100%;
	background: url(../../images/top_osusumebg.gif) center repeat;
	z-index: 1;
}

.qa_product_title {
	display: block;
	height: 192px;
	width: 100%;
	position: relative;
	z-index: 10;
	background-image: url(../../images/qa/qa_titlebg_pc.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 30px;
}

.qa_product_title img {
	display: block;
	margin: 0 auto;
	width: 472px;
	height: 113px;
}

#qa_menu_sp, #gnav_qa {
	display: none;
}

.qa_menu {
	width: 960px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	clear: both;
	margin-top: 0;
}

.qa_menu ul {
	padding-top: 0;
	margin-bottom: 0;
}

.qa_menu ul li {
	float: left;
	width: 125px;
	height: 125px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.qa_menu ul li.right {
	margin-right: 0;
}

.menu_center01 {
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.menu_center02 {
	width: 903px;
	margin: auto;
	overflow: hidden;
}

.menu_center02 li {
	float: left;
}

.qa_products {
	width: 960px;
	padding: 50px 0 20px 0;
	margin: 0 auto;
	clear: both;
}

.qa_products ul {
	padding-left: 8px;
}

.qa_products ul li {
	float: left;
	width: 933px;
	margin: 0 22px 30px 0;
	background-image: url(../../images/qa/qa_con_bg.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.qa_products ul li img {
	width: 130px;
	height: 130px;
	margin: -15px 0 0 20px;
}

.qa_products ul li .qatitle {
	width: 600px;
	height: 60px;
	margin: 25px 0 0 170px;
	position: absolute;
	font-size: 18pt;
	font-weight: bold;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	color: #FFF;
	z-index: 1039;
}

.qa_con {
	width: 100%;
	padding: 10px 0;
	font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	/*全体のフォントサイズ*/
}

.box {
	padding: 0 1em;
	margin: 0 0;
	color: #5d627b;
	background: white;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.qa_contact_bt {
	width: 100%;
	margin: 10px auto;
	max-width: 400px;
}

.qa_contact_bt img {
	float: left;
	width: 413px;
	height: 98px;
	margin: 0 0 40px 0;
}

/*ボックス全体*/
.accbox {
	margin: 0 5% 5% 5%;
	padding: 0;
	width: 90%;
	float: left;
	background-color: #fff;
}

.accbox label {
	display: block;
	margin: 1.5px 0 15px 0;
	padding: 13px 10px 7px 10px;
	color: #880b07;
	background: #ffefc0;
	cursor: pointer;
	transition: all 0.5s;
	line-height: 1.7;
	position: relative;
	border-radius: 5px;
}

.accbox label span.right01:before {
	content: '\f13a';
	font-family: 'FontAwesome';
	padding-right: 8px;
	font-size: 1.5em;
}

.accbox label:hover {
	background: #ffefc0;
}

.accbox input {
	display: none;
}

.accbox .accshow {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	color: #515151;
	margin: 0 0 0 0;
}

.accbox .accshow sup {
	vertical-align: super;
	font-size: smaller;
}

.accbox .accshow p {
	width: 100%;
	margin: 0;
	text-align: left;
	text-indent: -2em;
	padding-left: 40px;
}

/*ラベル*/
/*アイコンを表示*/
/*ラベルホバー時*/
/*チェックは隠す*/
/*中身を非表示にしておく*/
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	height: auto;
	padding: 2%;
	background: #fff;
	opacity: 1;
}

.cssacc:checked + label span.right01:before {
	content: '\f139';
}

/*アイコンを入れ替える*/
.right01 {
	/*width: 100%;
	height: 30px;
	text-align: right;
	margin:-20px 0 0 0;
	float: right;*/
	width: 100%;
	height: 30px;
	text-align: right;
	/* margin: -20px 0 0 0; */
	/* float: right; */
	position: absolute;
	top: 6px;
	right: 10px;
}