@charset "UTF-8";
/* CSS Document */

/* 中身======================================================================================================== */
.sub_bar{
	background-color: transparent;
	color: #111;
}

#list{
	text-align: center;
}
#list table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: solid 1px #111;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#list th{
	background-color: #111;
	color: #FFF;
}
#list th,
#list td{
	box-sizing: border-box;
}
#list th:first-child{
	border-top-color: #111;
}
#list td{
	border-top: solid 1px #111;
	border-right: solid 1px #111;
}


#qa{
	padding: 4vw 0;
}
#qa dl{
	color: #FFF;
	border-top: solid 1px #FFF;
}
#qa dl:nth-child(3n-2){ 	background-color: #5E554E; }
#qa dl:nth-child(3n-1){ 	background-color: #565B4C; }
#qa dl:nth-child(3n){ 	background-color: #4E3A45; }
#qa dt{
	padding: 4vw;
	font-weight: bold;
}
#qa dd{
	padding: 0 4vw 4vw;
}


/* スマホのみ======================================================================================================== */
@media print and (max-width: 750px), screen and (max-width: 750px){
#list table{
	display: flex;
	width: 100%;
	font-size: 4vw;
	box-sizing: border-box;
}
#list thead{
	display: block;
	width: 50%;
}
#list tbody{
	display: block;
	width: 50%;
}
#list tr,
#list th,
#list td{
	display: block;
	width: 100%;
}
#list th,
#list td{
	padding: 0px;
	height: 15vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#list th{
	border-top: solid 1px #FFF;
}
#list th span{
	width: 100%;
	font-size: 3vw;
}
#list td span{
	font-size: 12px;
}
#list td{
	font-size: 6vw;
	font-weight: bold;
}

}


/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){
#list th,
#list td{
	width: 11.1%;
	padding: 10px 0;
	border: inherit;
	border: solid 1px #111;
}
#list th{
	border-right: solid 1px #FFF;
}
#list th:last-child{
	border-right: solid 1px #111;
}
#list th span{
	font-size: 10px;
}
#list td span{
	font-size: 12px;
}
#list td{
	font-size: 30px;
	font-weight: bold;
}
#list td:first-child{
}

#qa{
	padding: 40px 0;
}
#qa dl{
	transition: all 0.2s ease;
}
#qa dl:hover{
	opacity: 0.8;
}
#qa dt{
	padding: 40px;
	font-size: 30px;
}
#qa dd{
	padding: 0 40px 40px;
}
#qa dd em{
	font-size: 20px;
}

}