@charset "utf-8";
/* CSS Document */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

inheritance

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- title --- */
.title_area {
	background-image: url(/media_library/souzoku/images/qa/qa_main.png);
}

.breadcrumb{
	margin-bottom: 40px;
}

dl{
	display: flex;
	flex-wrap: wrap;
}
dl.imagetable{
	flex-wrap:nowrap;
}

dl dt,dl dd{
	margin: 0;
}

dl.table dt{
	width:20%;
}
dl.table dd{
	width:80%;
}

dl.table.c3 dt.column1{
	width:20%;
}
dl.table.c3 dd.column2{
	width:20%;
}
dl.table.c3 dd.column3{
	width:60%;
}

dl.table dd span dl dd.column1{
	width:20%;
}
dl.table dd span dl dd.column2{
	width:35%;
}
dl.table dd span dl dd.column3{
	width:10%;
}
dl.table dd span dl dd.column4{
	width:20%;
}

dl dd span{
	display: inline-block;
	width: 100%;
	/*display: flex;
	flex-direction: column;
	min-width: 100%;*/
}

dl.imagetable dt{
	margin-right:5rem;
}

ol{
	list-style-type: decimal;
	margin-left: 2.5rem;
}
ol dl{
	margin-left:-2rem;
}
ol dl dd{
	width:100%;
}

h5.midashi_red{
	font-weight: bold;
	color:#ff3300;
	font-size: 1.4rem;
  background-color: #fde1d6;
  padding-left: 7px;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 750px) {

}

@media screen and (max-width: 480px) {
	dl.table dt,dl.table dd{
		width:100%;
	}
	dl.table dt{
		font-weight: bold;
	}
	dl.table dd{
		margin-bottom: 10px;
	}
	
	dl.imagetable{
		flex-direction: column;
	}
	
	dl.imagetable dt{
		margin-right: 0;
	}
	
	dl.imagetable img{
		margin:20px auto 10px;
		display:block;
	}
}