@charset "UTF-8";

/* ----------------------------------
 よくあるお問い合わせ TOP
---------------------------------- */
#contents_faq_category .navigation-frame .navigation-list li { width: 100%; min-height: 60px;}

@media screen and (min-width: 769px) {
	#contents_faq_category .navigation-frame .navigation-list li { width: calc((100% - 20px * 2)/3); min-height: 80px;}
}

#contents_faq_list { max-width: 1130px; padding: 0 15px; margin: 0 auto 30px;}
#contents_faq_list .faq-box { display: none !important;}
#contents_faq_list .faq-box.check { display: block !important;}
#contents_faq_list.faq-category-page .faq-box { display: block !important;}

@media screen and (min-width: 769px) {
	#contents_faq_list { margin: 0 auto 40px;}
}

/* 一覧へ戻るボタン
---------------------------------- */
#contents_faq_category_top_back { padding: 0 0 40px;}
#contents_faq_category_top_back p { max-width: 90%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#contents_faq_category_top_back p a {
  width: 100%;
	min-height: 44px;
  height: 100%;
  margin: 0 0 10px;
	border: var(--site-border-solid);
	border-radius: 44px;
	font-size: 14px;
	font-weight: 700;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
	background: #FFF;
	position: relative;
	transition: var(--site-transition);
}
#contents_faq_category_top_back p a::before {
	content: '';
	border: var(--site-color-green) 2px solid;
	border-radius: 44px;
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	opacity: 0;
	transition: var(--site-transition);
}
#contents_faq_category_top_back p a::after {
	content: '';
	width: 17px;
	height: 17px;
	margin: 0 0 0 5px;
	border-radius: 17px;
	display: block;
	background-color: #FFF;
	background-image: url("../../img/usr/common/ico_arrow_g.png");
	background-repeat: no-repeat;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-position: center;
	position: absolute;
	top: calc(50% - 8.5px);
	right: 15px;
}
#contents_faq_category_top_back p a:hover::after { background-image: url("../../img/usr/common/ico_arrow_gr.png");}
#contents_faq_category_top_back p a:hover::before { opacity: 1.0;}

@media screen and (min-width: 769px) {
	#contents_faq_category_top_back { padding: 0 0 80px;}
	#contents_faq_category_top_back p { max-width: 300px;}
	#contents_faq_category_top_back p a { min-height: 60px; font-size: 18px;}
}