@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : faq.css
 author     : Ability Consultant
 style info : よくあるご質問
=================================================================== */
/*icon style*/
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/*@include dots(#color1,#color2,width);*/
/*@include btn_slider(#color1,#color2,size);*/
@-webkit-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-moz-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-ms-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/* -----------------------------------------------------------
	Disable gnav.fixed
----------------------------------------------------------- */
#header #gnav.fixed {
	position: relative;
	height: 192px;
}

@media only screen and (max-width: 1024px) {
	#header #gnav.fixed {
		height: 147px;
	}
}

/* -----------------------------------------------------------
	con_faq
----------------------------------------------------------- */
.con_faq {
	margin: auto;
	margin-bottom: 90px;
	width: 95%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_faq {
		margin-bottom: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq {
		margin-bottom: 3em;
	}
}

.con_faq .box_lnk {
	margin-bottom: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_faq .box_lnk {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk {
		margin-bottom: 1.5em;
	}
}

.con_faq .box_lnk .txt_top {
	text-align: center;
	margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk .txt_top {
		margin-bottom: 1.5em;
		text-align: left;
	}
}

.con_faq .box_lnk ul {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 5px 0;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul {
		display: block;
		border-collapse: collapse;
		border-spacing: 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul:after {
		display: table;
		content: '';
		clear: both;
	}
}

.con_faq .box_lnk ul li {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #e1e1e1;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li {
		display: block;
		float: left;
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li:nth-child(1) {
		border-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li:nth-child(2) {
		border-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li:nth-child(2n) {
		border-left: 0;
	}
}

.con_faq .box_lnk ul li a {
	display: block;
	position: relative;
	font-size: 100%;
	color: #413529;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 18px 0 30px;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li a {
		font-size: 86%;
		padding: 10px 0;
	}
}

@media only screen and (min-width: 1025px) {
	.con_faq .box_lnk ul li a:hover .ic_arrow {
		-webkit-transform: translate(-50%, 5px);
		-moz-transform: translate(-50%, 5px);
		-ms-transform: translate(-50%, 5px);
		-o-transform: translate(-50%, 5px);
		transform: translate(-50%, 5px);
	}
}

@media print {
	.con_faq .box_lnk ul li a:hover .ic_arrow {
		-webkit-transform: translate(-50%, 5px);
		-moz-transform: translate(-50%, 5px);
		-ms-transform: translate(-50%, 5px);
		-o-transform: translate(-50%, 5px);
		transform: translate(-50%, 5px);
	}
}

.ie8 .con_faq .box_lnk ul li a:hover .ic_arrow {
	-webkit-transform: translate(-50%, 5px);
	-moz-transform: translate(-50%, 5px);
	-ms-transform: translate(-50%, 5px);
	-o-transform: translate(-50%, 5px);
	transform: translate(-50%, 5px);
}

.con_faq .box_lnk ul li a em {
	display: block;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li a em {
		margin-bottom: 0.3em;
	}
}

.con_faq .box_lnk ul li a .ic_arrow {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 18px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_lnk ul li a .ic_arrow {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		max-width: 6.8%;
		margin: auto;
	}
}

.con_faq .box_faqs .box_group {
	margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_faq .box_faqs .box_group {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group {
		margin-bottom: 2.5em;
	}
}

.con_faq .box_faqs .box_group .title_group {
	font-weight: normal;
	font-size: 172%;
	color: #fff;
	background: #93c5c0;
	text-align: center;
	padding: 19px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_faq .box_faqs .box_group .title_group {
		font-size: 158%;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group .title_group {
		font-size: 122%;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group .title_group {
		padding: 0.5em 1em;
	}
}

.con_faq .box_faqs .box_group ul {
	padding-top: 1em;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul {
		padding-top: 0;
	}
}

.con_faq .box_faqs .box_group ul li {
	border-bottom: 1px dashed #e1e1e1;
	padding: 20px 0;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li {
		padding: 1em 0;
	}
}

.con_faq .box_faqs .box_group ul li > * {
	position: relative;
	padding-left: 3em;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li > * {
		padding-left: 1.8em;
	}
}

.con_faq .box_faqs .box_group ul li > *:before {
	display: block;
	position: absolute;
	left: 0;
	top: -0.6em;
	font-family: "Gilda Display", serif;
	font-size: 236%;
}

@media only screen and (max-width: 1024px) {
	.con_faq .box_faqs .box_group ul li > *:before {
		font-size: 225%;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li > *:before {
		font-size: 143%;
	}
}

.con_faq .box_faqs .box_group ul li .txt_question {
	font-size: 122%;
	margin-top: 0.6em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_faq .box_faqs .box_group ul li .txt_question {
		font-size: 115%;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li .txt_question {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li .txt_question {
		padding-right: 1em;
	}
}

.con_faq .box_faqs .box_group ul li .txt_question.active:after {
	content: "\f106";
}

.con_faq .box_faqs .box_group ul li .txt_question:before {
	content: 'Q.';
	color: #93c5c0;
}

.con_faq .box_faqs .box_group ul li .txt_question:after {
	display: none;
	content: "\f107";
	font-family: "FontAwesome";
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	font-size: 120%;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li .txt_question:after {
		display: block;
	}
}

.con_faq .box_faqs .box_group ul li .txt_answer {
	font-size: 100%;
	margin: 2.5em 0 0 2em;
}

@media only screen and (max-width: 767px) {
	.con_faq .box_faqs .box_group ul li .txt_answer {
		display: none;
		font-size: 93%;
		margin-top: 1.5em;
	}
}

.con_faq .box_faqs .box_group ul li .txt_answer:before {
	content: 'A.';
	color: #b50101;
}

/*# sourceMappingURL=../maps/faq.css.map */