@charset "UTF-8";
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* PCレイアウト */
/* フォント　英語フォント */
/* Global Mixins for CSS3 prefix */
/* Clearfix */
/* Opacity */
/* Hover animation */
/* シンプル茶色ボタン */
/* 茶色ボタン */
/* ドットライン付け茶色ボタン */
/* 白色ボタン */
/* サブ見出し・シングルタイプ */
/* サブ見出し・シングルタイプ */
/* サブ見出し・英語表記付き */
/* ===================================================================
CSS information

 file name  :faq.css
 author     :Ability Consultant
style info  :FAQ
=================================================================== */
/*----------------------------------------------------
	.gnav	アクティブ状態
----------------------------------------------------*/
#faq #side .gnav li.gnav_faq a {
	background: #776d5d;
	color: #fff;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

#faq #side .gnav li.gnav_faq a span {
	color: #fff;
	border-bottom: 1px solid #776d5d;
}

/* .tb_menu 	タブメニュー
----------------------------------------------------------- */
.con_faq {
	margin-bottom: 50px;
	max-width: 980px;
}

.con_faq:before,
.con_faq:after {
	content: '';
	display: table;
	clear: both;
}

@media only screen and (min-width: 768px) {
  .con_faq {
	padding: 0 15px;
}
}
@media only screen and (min-width: 992px) {
  .con_faq {
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0;
}
}
.con_faq .tb_menu {
	text-align: center;
}

.con_faq .tb_menu li {
	margin: 0 1%;
	width: 45%;
	border: 1px dotted #bdbdbd;
	padding: 0.8em !important;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	font-size: 90%;
	background: #EFE4CE;
	float: none;
}

.con_faq .tb_menu li a {
	padding: 0.8em;
	background: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 110%;
	border: 1px solid #bbb;
}

@media only screen and (min-width: 768px) {
  .con_faq .tb_menu li a {
	padding: 0.4em 0.8em;
}
}
.con_faq .tb_menu li a i {
	vertical-align: middle;
}

.con_faq .tb_menu li a i.fa-angle-right {
	margin-left: 5px;
	font-size: 120%;
}

@media only screen and (min-width: 768px) {
  .con_faq .tb_menu li {
	width: 116px;
	height: 47px;
	border: none;
	border-top: 1px solid #EFE4CE;
}
}
.con_faq .tb_menu li:hover,
.con_faq .tb_menu li.resp-tab-active {
	background: #fff;
	border: 1px solid #aaa;
}

@media only screen and (min-width: 768px) {
  .con_faq .tb_menu li:hover,
  .con_faq .tb_menu li.resp-tab-active {
	border-bottom: 1px solid #fff;
}
}

/* -----------------------------------------------------------
	FAQコンテンツ
----------------------------------------------------------- */
dl {
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 15px;
	border-bottom: 1px solid #e3e3e3;
}

dl dt {
	margin-bottom: 15px;
	padding: 16px 0 16px 65px;
	background: url(../faq/images/ic_q.gif) 0 center no-repeat;
}

dl dd {
	padding: 5px 0 31px 65px;
	background: url(../faq/images/ic_a.gif) 0 5px no-repeat;
}

dl dd a.tel {
	pointer-events: auto;
}

@media only screen and (min-width: 768px) {
  dl dd a.tel {
	pointer-events: none;
	text-decoration: none;
}
}

.last {
	border-bottom: none;
}