@charset "UTF-8";
/*
 * ================================================
 *
 * [faq]
 *
 * ================================================
 */
.faqVox {
	margin-bottom: 40px;
}
.faqItem {
	margin: 0 15px 15px;
}
	.faqItem dt,
	.faqItem dd .inner {
		position: relative;
		min-height: 40px;
		padding: .75em 3em .75em 50px;
	}
	.faqItem dt::before,
	.faqItem dd .inner::before {
		content: 'Q';
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		width: 40px;
		height: 100%;
	}
	.faqItem dt {
		background: #F5F5F5;
	}
	.faqItem dt::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 15px;
		border-right: 2px solid #2c60ab;
		border-bottom: 2px solid #2c60ab;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
		width: 12px;
		height: 12px;
		margin-top: -8px;
		-webkit-transition: .2s;
		        transition: .2s;
	}
	.faqItem dt.open::after {
		-webkit-transform: rotate(-135deg);
		        transform: rotate(-135deg);
		margin-top: -4px;
	}
	.faqItem dt::before {
		content: 'Q';
		background: #2c60ab;
		color: #FFF;
		padding-top: .7em;
	}
	.faqItem dd {}
		.faqItem dd .inner {
			padding: 1em 1em .5em 50px;
		}
		.faqItem dd .inner::before {
			content: 'A';
			color: #2c60ab;
			padding-top: 1em;
		}
		.faqItem dd ol {
			list-style: decimal;
			padding: 1em 0 0 1.2em;
		}
		.faqItem dd .note {
			display: inline-block;
			font-size: 1.3rem;
		}
		.faqItem dd .link {
			text-align: right;
			padding-top: .5em;
		}
			.faqItem dd .link a {
				color: #005EAC;
				position: relative;
				padding-left: 1.25em;
			}
			.faqItem dd .link a::before {
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 6px 0 6px 8px;
				border-color: transparent transparent transparent #005EAC;
				position: absolute;
				top: .4em;
				left: 0;
			}
/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {}

/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	.faqItem {
		margin: 0 0 15px 0;
	}
		.faqItem dt {
			padding-right: 2.5em;
		}
		.faqItem dt::after {
			right: 12px;
			width: 10px;
			height: 10px;
			margin-top: -7px;
		}
		.faqItem dt.open::after {
			margin-top: -2px;
		}
		.faqItem dd .inner {
			padding-right: 1em;
		}
		.faqItem dd .link {
			padding-top: 1em;
		}
}