@charset "UTF-8";
.mat70	{margin-top:70px !important;}
.ppal30	{padding-left:30px !important;}
.past_title	{font-size:42px !important;}

#qa #main_bg {
	background: #ffffff;
}
#qa #main_visual {
	background: url("/moetaku/_assets/images/qa/main_visual.webp") no-repeat center top;
}
#qa #dir_path section {
	padding: 6px 0;
}

.js-aco 	{
cursor: pointer;
cursor: hand;

}

@media (max-width: 768px) {
.ppal30	{padding-left:0 !important;}
.past_title	{font-size:16px !important;}

#qa #main_visual {
		background: url("/moetaku/_assets/images/qa/main_visual_sp.webp") no-repeat center top;
		background-size: 100%;
		height:300px !important;
	}

	
#qa #dir_path section {
	margin-top:-50px !important;
	margin-bottom:-50px !important;
	}	
}



#qa .campaign_span {
	width: 1010px;
	margin: 40px auto 0;
}
#qa .campaign_span dl {
	width: 1010px;
	margin-left:15px;
}
#qa .campaign_span dt{
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0;
	background: #f29c9f;
	color: #fff;
	text-align: center;
	line-height: 85px;
	letter-spacing: 2px;
	font-size: 42px;
	font-weight: bold;
	border-radius: 10px;
	vertical-align: middle;
}
#qa .campaign_span dt:after{
	position: absolute;
	z-index: -5;
	top: 70px;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	background: #f29c9f;
	transform: rotate(45deg);
	content: "";
}

#qa .head_text{
	background:#009ebb;
	padding:15px;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	border-top:2px solid #cccccc;
}

#qa .head_text2{
	background:#e4007f;
	padding:15px;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	border-top:2px solid #cccccc;
	margin-top:-40px !important;
}
#qa .head_text3{
	background:#fff100;
	padding:15px;
	color:#000;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	border-top:2px solid #cccccc;
	margin-top:-40px !important;
}

@media (max-width: 768px) {
	#qa .campaign_span {
		width: 95%;
		margin: 10px auto 0;
	}
	#qa .campaign_span dl {
		width: 100%;
	margin-left:0px;
	}
	#qa .campaign_span dt {
	height: 50px;
	line-height: 55px;
		font-size: 20px;
	}
#qa .campaign_span dt:after{
	top: 40px;
	}
#qa .head_text{
	padding:10px;
	font-size:18px;
	}
#qa .head_text2{
	padding:10px;
	font-size:18px;
	}
#qa .head_text3{
	padding:10px;
	font-size:18px;
	}

}

#qa .block .qa {
	position: relative;
	left:100px;
	border-left: solid 2px #cccccc;
	border-right: solid 2px #cccccc;
	border-bottom: solid 2px #cccccc;
	margin-top: 30px;
	width:1000px;
}

#qa .block .qa>dl>dt {
	position: relative;
	background-color: #eefaff;
	padding: 17px 20px 12px 130px;
	font-size: 125%;
	font-weight: bold;
	color:#535353;
}

#qa .block .qa>dl>dt:before {
	background: #009ebb;
	content: "";
	width: 110px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#qa .block .qa>dl>dt:nth-of-type(1) {  
	border-top: solid 2px #cccccc;
		}

#qa .block .qa>dl>dt:nth-of-type(1):before {
	border-top: solid 0px #cccccc;
}

#qa .block .qa .imgw {
    position: relative;
	width:150px !important;
	height:150px !important;
	margin-top:-10px !important;
	float:left;
	margin-right:20px;
}

#qa .block .qa .imgw2 {
    position: relative;
	width:150px !important;
	height:150px !important;
	margin-top:-10px !important;
	float:right;
}

#qa .block .qa>dl>dt:after {
	background: url(/moetaku/_assets/images/qa/i_q_01.gif) no-repeat;
	content: "";
	width: 80px;
	height: 30px;
	position: absolute;
	left: 15px;
	top: 45%;
	margin-top: -12px;
}

#qa .block .qa>dl>dd {
	padding: 20px 30px 30px 30px;
	height:auto;
	min-height:120px;
	line-height:30px;
}


.qatext	{
width:1000px;
margin-left:60px;
text-align:center;
}
.qatext2	{
text-align:center;
}

@media (max-width: 768px) {

#qa .block .qa {
position: relative;
margin: 0 auto;
width:95%;
left:0;
}
#qa .block .qa>dl>dt {
	padding: 10px 15px 10px 88px;
	font-size: 90%;
	font-weight: bold;
	color:#535353;
	
}
#qa .block .qa>dl>dt:before {
	height: 100%;
	width: 70px;
}
#qa .block .qa>dl>dt:after {
	background: url(/moetaku/_assets/images/qa/i_q_01_sp.gif) no-repeat;
	content: "";
	width: 60px;
	position: absolute;
	left: 5px;
	top: 45%;
	margin-top: -12px;
}

#qa .block .qa>dl>dd {
overflow: hidden !important;
padding: 0px 10px 10px 10px;
line-height:20px;
font-size:12px;
height:100%;
}

#qa .block .qa .imgw {
	overflow: hidden !important;
    position: relative;
	width:100px !important;
	height:100px !important;
	margin-top:10px !important;
	margin-left:-10px !important;
	float:left;
}

#qa .block .qa .imgw2 {
    position: relative;
	width:100px !important;
	height:100px !important;
	margin-top:10px !important;
	float:right;
}


.qatext	{
width:100%;
margin-left:0px;
text-align:left;
}

.qatext2	{
text-align:left;
}
}


#qa .attention {
	width: 1000px;
	margin: 40px auto;
	border: 4px solid #ccc;
	border-radius: 15px;
	box-sizing: border-box;
	padding:20px 20px 10px;
}
#qa .attention div {
	line-height: 26px;
	font-size: 100%;
	padding-bottom:10px;
}

@media (max-width: 768px) {

#qa .attention {
	width: 95%;
	margin: 30px auto;
}
	}


#qa .search_block { clear: both; padding: 3em 8% 0; position: relative; }
#qa .search_block #qa_search_box { width: 103%; padding: 1em;
    background: url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 58% left 10px;
    padding-left: 3em;

}
#qa .search_block #result_box { max-height: 15em; width: 87%; overflow: auto; position: absolute; top: 8em; left: 8%; z-index: 100; }
#qa .search_block #result_box li {padding: 0.5em 1em; padding-right: 3em; border: 1px solid #cccccc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(95% - 1em); position: relative;}
#qa .search_block #result_box li:after {content:"＞"; color :#cdcdcd; font-weight: bold; position: absolute; right: 1em;}
#qa .search_block #result_box li.full { white-space: normal;}
#qa .search_block #result_box li.result_q { background: #eefaff;}
#qa .search_block #result_box li.result_q:before { content:"Q"; color: #009ebb; font-weight: bold; padding-right: 1em; }
#qa .search_block #result_box li.result_a { background: #ffeded;}
#qa .search_block #result_box li.result_a:before { content:"A"; color: #f29c9f; font-weight: bold; padding-right: 1em; }
#qa .search_block #result_box li span { background: #ff0; font-weight: bold;}
@media (max-width: 768px) {
	#qa .search_block{padding: 6em 3% 0;}
  #qa .search_block #qa_search_box { width: 100%; position: relative; z-index: 1;}
  #qa .search_block #qa_search_box input { position: initial !important; margin-bottom: 0; }
  #qa .search_block #result_box { top: 10em; left:6.6%; width: 95%;}
}


#qa #second_content input[type="text"], #qa #second_content input[type="checkbox"] + label.checkbox2, #qa #second_content input[type="radio"] + label {
    border: 16px solid #eee;
    border-radius: 10px;
}