@media print,screen {
	.entry-content .faq_list {
		margin: 0 auto 30px;
		list-style-type: none;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.entry-content .faq_list > li {
		width: 100%;
		flex-basis: 100%;
	}
	.entry-content .faq_list > li .faq_inner {
		margin: 0 6% 10px;
		text-decoration: none;
		display: block;
		border: 1px solid #222a35;
		border-radius: 5px;
		padding: 1px;
		background: #fff;
	}
	.entry-content .faq_list > li .faq_inner > h3 {
		text-align: left;
		font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		color: #fff;
		font-size: 110%;
		margin: 0;
		padding: 6px 32px 6px 12px;
		background: #222a35;
		border-radius: 5px;
		cursor: pointer;
	}
	.entry-content .faq_list > li .faq_inner > h3:before {
		content: "Q.";
		display: inline-block;
		margin-right: 5px;
	}
	.entry-content .faq_list > li .faq_inner > h3:after {
		content: "";
		display: block;
		width: 25px;
		height: 25px;
		position: absolute;
		right: 5px;
		top: 45%;
		top: calc( 50% - 12.5px );
		background: url(./images/mouse_cursor.png) no-repeat center;
	}
	.entry-content .faq_list > li .faq_inner.disp > h3:after {
		background: url(./images/mouse_close.png) no-repeat center;
	}
	.entry-content .faq_list > li .faq_inner .faq_content {
		opacity: 0;
		position: fixed;
		left: -9999px;
		top: -9999px;
		height: 0;
		overflow: hidden;
		margin: 12px 15px 12px;
		transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
	}
	.entry-content .faq_list > li .faq_inner .faq_content > *:last-child {
		margin-bottom: 0;
	}
	.entry-content .faq_list > li .faq_inner.disp .faq_content {
		position: static;
		opacity: 1;
		height: auto;
	}
}
/*
@media print,screen and ( min-width: 30em ) {
	.entry-content .faq_list > li {
		width: 50%;
		flex-basis: 50%;
	}
}
*/
@media print,screen and ( min-width: 768px ) {
	.entry-content .faq_list > li {
		width: 50%;
		flex-basis: 50%;
	}
}
/*
@media print,screen and ( min-width: 1020px ) {
	.entry-content .faq_list > li {
		width: 25%;
		flex-basis: 25%;
	}
}
*/
