@charset "UTF-8";

/* ▼▼▼ 
======================================================*/

.faq1{
	font-weight: 400;
	padding-bottom: 150px;
}
.faq1 dl{ margin-bottom: 50px;}
.faq1 dl.mb70{ margin-bottom: 70px;}
.faq1 dl dt{
	color: #697C92;
	font-size: 23px;
	line-height: 1.4;
	padding: 20px 20px 20px 75px;
	background: #FAF7F4;
	border-bottom: 1px dashed #909FB2;
	position: relative;
}
.faq1 dl dt:before{
	content: "Q";
	color: #909FB2;
	font-size: 32px;
	line-height: 1.2;
	font-family: 'Zen Old Mincho', serif;
	position: absolute;
	top: 15px;
	left: 30px;
}
.faq1 dl dd{ padding: 20px 0;}
.faq1 dl dd .bd-top{
	padding-top: 10px;
	border-top: 1px solid #BEC2C7;
	margin-top: 10px;
}

.faq1 .tb-clm2{
	display: flex;
	justify-content: space-between;
	max-width: 800px;
}
.faq1 .tb-clm2 table{ width: 45%;}
.faq1 .tb-clm2 table th,.faq1 .tb-clm2 table td{
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}
.faq1 .tb-clm2 table th{ font-weight: 700;}
.faq1 .tb-clm2 table th.bg-gray{
	width: 110px;
	font-weight: normal;
	background: #DEDEDE;
}


/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {
	.faq1{ padding-bottom: 100px;}
	.faq1 dl{ margin-bottom: 40px;}
	.faq1 dl.mb70{ margin-bottom: 60px;}
	.faq1 .tb-clm2{ display: block;}
	.faq1 .tb-clm2 table{
		width: 100%;
		margin-bottom: 20px;
	}
	.faq1 .tb-clm2 table tr{
		display: flex;
		flex-wrap: wrap;
	}
	.faq1 .tb-clm2 table th,.faq1 .tb-clm2 table td{
		display: block;
		padding: 4px;
	}
	.faq1 .tb-clm2 table th{ width: 50%;}
	.faq1 .tb-clm2 table th.bg-gray{ width: 100%;}
}