@charset "UTF-8";
/* Scss Document */
#page_ttl h1 {
	background: url(../images/faq/ico_page_ttl.png) top 1em center no-repeat;
}
.content {
	margin-top: -86px;
	padding-top: 86px;
}
.page_nav {
	margin-bottom: 2em;
	text-align: center;
}
.page_nav li {
	display: inline-block;
}
.page_nav li:after {
	content: '|';
	margin: 0 1em;
}
.page_nav li:first-child:before {
	content: '|';
	margin: 0 1em;
}
.content_inner section {
	margin-top: -63px;
	padding-top: 63px;
}
dl {
	padding: 2em 0;
}
dl:last-child {
	margin-bottom: 2em;
}
dt {
	margin-bottom: 1em;
	padding: 1em;
	background: #FFF;
	color: #00B3EC;
	font-weight: bold;
}
dt:before {
	content: 'Q';
	margin-right: 1em;
	background: #00B3EC;
	border-radius: 50%;
	padding: .5em .9em;
	color: #FFF;
}
dd {
	padding-left: 3.5em;
	text-indent: -3em;
	word-break: break-all;
}
dd:before {
	content: 'A';
	margin-right: 1em;
	padding: .5em .9em;
	background: #E9608D;
	border-radius: 50%;
	color: #FFF;
}
dd ul {
	margin-top: .5em;
	padding-left: 2em;
	text-indent: -1em;
}
dd li {
	margin-bottom: .5em;
}

@media screen and (max-width: 768px) {
#page_ttl h1 {
	background: none;
}
.content {
	margin-top: -18.67vw;
	padding-top: 18.67vw;
}
dl {
	padding: 1.5em 0;
}
dt {
	margin-bottom: 1em;
	padding-left: 3em;
	text-indent: -3em;
	font-size: 1.6rem;
}
dt:before {
	margin-right: .5em;
	padding: .5em .8em;
}
dd {
	padding-left: 3em;
	text-indent: -3em;
}
dd:before {
	margin-right: .5em;
	padding: .5em .8em;
	font-size: 1.6rem;
}
}