*:focus {
	outline: none;
}
summary {
	display: block;
}
summary::-webkit-details-marker {
	display: none;
}
@keyframes wiggle {
	0% {
		transform: translateY(-50%) rotate(-5deg);
	}
	50% {
		transform: translateY(-50%) rotate(5deg);
	}
	100% {
		transform: translateY(-50%) rotate(-5deg);
	}
}

@-webkit-keyframes wiggle {
	0% {
		-webkit-transform: translateY(-50%) rotate(-5deg);
	}
	50% {
		-webkit-transform: translateY(-50%) rotate(5deg);
	}
	100% {
		-webkit-transform: translateY(-50%) rotate(-5deg);
	}
}
/* --- SP ---------- */
@media print, screen and (max-width: 768px) {
	main{
		padding-top: 70px;
	}
	section{
		padding: 50px 0;
		box-sizing: border-box;
	}
	section .inner{
		max-width: 980px;
		width: 90%;
		margin: 0 auto;
	}
	.sec-nav{}
	.sec-nav .bl-title{}
	.sec-nav .bl-title .el-title{
		font-size: 21px;
	}
	.sec-nav nav{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 5% auto 0;
	}
	.sec-nav nav .box{
		display: block;
		text-decoration: none;
		padding: 10px;
		margin: 0 15px 15px 0;
		box-sizing: border-box;
		font-size: 12px;
		color: #555;
		border: 1px solid #555;
		box-shadow:4px 4px 6px -4px #989898;
	}
	.sec-qa{
		background-color: #eff9fa;
	}
	.sec-qa .bl-title{}
	.sec-qa .bl-title .el-title{
		padding: 3em 0 1em;
		margin: 0;
		font-size: 19px;
	}
	.sec-qa .bl-title:first-child .el-title{
		padding: 0 0 1em;
	}
	.sec-qa .ly-qa{
		background-color: #fff;
		padding: 15px 0 30px;
	}
	.sec-qa .ly-qa .wrap{
		max-width: 880px;
		width: 90%;
		margin: 0 auto;
	}
	.sec-qa .ly-qa .wrap .box{}
	.sec-qa .ly-qa .wrap .box .bl-q{}
	.sec-qa .ly-qa .wrap .box .bl-q .el-title{
		position: relative;
		font-size: 13px;
		padding: 1em 0 1em 30px;
		margin-top: 0;
		line-height: 1.7;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	.sec-qa .ly-qa .wrap .box .bl-q .el-title::before{
		position: absolute;
		top: 10px;
		left: 0;
		content: 'Q';
		color: #2eb9b9;
		font-weight: bold;
		font-size: 20px;
		line-height: 1;
	}
	.sec-qa .ly-qa .wrap .box .bl-a{
		position: relative;
		font-size: 13px;
		padding-left: 30px;
		box-sizing: border-box;
		margin: 2em auto;
		line-height: 1.7;
	}
	.sec-qa .ly-qa .wrap .box .bl-a::before{
		position: absolute;
		top: -3px;
		left: 5px;
		content: 'A';
		color: #ff6c39;
		font-weight: bold;
		font-size: 20px;
	}
	.sec-qa .ly-qa .wrap .box .bl-a p{}
	.sec-qa .ly-qa .wrap .box .bl-a ul{}
	.sec-qa .ly-qa .wrap .box .bl-a ul li{}
}
/* --- PC ---------- */
@media print, screen and (min-width: 769px) {
	section{
		padding: 5% 0;
		box-sizing: border-box;
	}
	section .inner{
		max-width: 980px;
		width: 90%;
		margin: 0 auto;
	}
	.sec-nav{}
	.sec-nav .bl-title{}
	.sec-nav .bl-title .el-title{}
	.sec-nav nav{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 5% auto 0;
	}
	.sec-nav nav .box{
		display: block;
		text-decoration: none;
		padding: 15px;
		margin: 0 15px 15px 0;
		box-sizing: border-box;
		font-size: 14px;
		color: #555;
		border: 1px solid #555;
		box-shadow:4px 4px 6px -4px #989898;
	}
	.sec-nav nav .box:hover{
		background-color: #f5f5f5;
	}
	.sec-qa{
		background-color: #eff9fa;
	}
	.sec-qa .bl-title{}
	.sec-qa .bl-title .el-title{
		padding: 3em 0 1em;
		margin: 0;
	}
	.sec-qa .bl-title:first-child .el-title{
		padding: 0 0 1em;
	}
	.sec-qa .ly-qa{
		background-color: #fff;
		padding: 15px 0 30px;
	}
	.sec-qa .ly-qa .wrap{
		max-width: 880px;
		width: 90%;
		margin: 0 auto;
	}
	.sec-qa .ly-qa .wrap .box{}
	.sec-qa .ly-qa .wrap .box .bl-q{
		cursor: pointer;
	}
	.sec-qa .ly-qa .wrap .box .bl-q .el-title{
		position: relative;
		font-size: 15px;
		padding: 1em 0 1em 30px;
		line-height: 1.7;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	.sec-qa .ly-qa .wrap .box .bl-q .el-title:hover{
		border-color: #2eb9b9;
	}
	.sec-qa .ly-qa .wrap .box .bl-q .el-title::before{
		position: absolute;
		top: 9px;
		left: 0;
		content: 'Q';
		color: #2eb9b9;
		font-weight: bold;
		font-size: 20px;
	}
	.sec-qa .ly-qa .wrap .box .bl-q .el-title::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10.4px 6px 0 6px;
		border-color: #2eb9b9 transparent transparent transparent;
	}
	.sec-qa .ly-qa .wrap .box .bl-q:hover .el-title::after{
		animation-name: wiggle;
		-webkit-animation-name: wiggle;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		visibility: visible !important;
	}
	.sec-qa .ly-qa .wrap .box .bl-a{
		position: relative;
		font-size: 15px;
		padding-left: 60px;
		box-sizing: border-box;
		margin: 2em auto;
		line-height: 1.7;
	}
	.sec-qa .ly-qa .wrap .box .bl-a::before{
		position: absolute;
		top: -3px;
		left: 30px;
		content: 'A';
		color: #ff6c39;
		font-weight: bold;
		font-size: 20px;
	}
	.sec-qa .ly-qa .wrap .box .bl-a p{}
	.sec-qa .ly-qa .wrap .box .bl-a ul{}
	.sec-qa .ly-qa .wrap .box .bl-a ul li{}
}