@charset "utf-8";
/**********レイアウト**********/

#index-about .l,
#index-about .r{
	width: 50%;
}

#index-reason td{
	padding: 0 24px;
	border: 1px solid #808080;
	border-width: 0 0 0 1px;
}

#index-reason td h3{
	font-size: 2.375em;
	font-weight: 800;
}

#index-reason td h3 .num{
	font-size: 0.75em;
	text-align: center;
	font-style: normal;
	font-weight: 700;
    line-height: 1.5em;
	color: #FFFFFF;
	background: #998426;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	margin-right: 0.375em;
	display: inline-block;
}

#index-reason td p{
	 line-height: 2em;
}

#index-reason td:first-child{
	border: 0px solid #808080;
}

#index-flow{
	width: 100%;
	border: 0px solid #808080;
    border-collapse: collapse;
}

#index-flow tr{
	border-bottom: 1px dotted #808080;
}

#index-flow th{
	white-space: nowrap;
	padding: 24px 0px;
	border-right: 0px solid #808080;
	width: 30%;
    text-align: left;
}

#index-flow th h3{
	font-weight: 800;
}

#index-flow th h3 .num{
	text-align: center;
	font-style: normal;
	font-weight: 700;
    line-height: 1.5em;
	color: #FFFFFF;
	background: #dd1818;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	margin-right: 0.5em;
	display: inline-block;
}

#index-flow td{
	padding: 24px 0px;
}

#index-flow td p{
	margin: 0.5em 0;
}

#index-flow td dl.tab{
	font-size: 0.9em;
	border: 0px solid #808080;
	border-radius: 4px;
	overflow: hidden;
}

#index-flow td dl.tab dt{
	font-weight: 500;
	color: #FFFFFF;
	background: #FF9400;
	width: calc(100% - 24px);
	border: 0px solid #808080;
	padding: 8px 12px;
	display: inline-block;
}

#index-flow td dl.tab h3{
	font-weight: 500;
}

#index-flow td dl.tab dt.open h3{
	font-weight: 500;
	color: #FCE9CE;
}

#index-flow td dl.tab dd{
	line-height: 1.625em;
	background: #FCE9CE;
	border: 0px solid #808080;
	padding: 12px 20px;
}

#index-flow td dl.tab hr{
	margin: 1.125em 0;
    border-top-style: hidden;
    border-bottom-style: dotted;
	opacity: 0.5;
}

#index-flow td dl.tab h4{
	font-size: 1.25em;
}

#index-qa .q,
#index-qa .a{
	text-align: center;
	font-style: normal;
	font-weight: bold;
    line-height: 1.5em;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	margin-right: 0.5em;
	display: inline-block;
}

#index-qa .q{
	color: #000000;
	background: #cccccc;
}

#index-qa dt.open .q{
	color: #FFFFFF;
	background: #998426;
}

#index-qa .a{
	color: #998426;
	background: none;
	border: 2px solid #998426;
}

#index-qa .date{
	font-size: 0.5em;
}


@media (max-width: 1023px){
	
	#index-about .l,
	#index-about .r{
		width: 100%;
	}

	
	#index-reason td{
		padding: 12px 0;
		border: 0px solid #808080;
	}
	
	#index-flow tr{
	border-bottom: 1px dotted #808080;
	}

	#index-flow th{
		width: calc(100% - 0px);
		padding: 24px 0px 0px;
		border-bottom: 0px dotted #CCCCCC;
		float:left;
	}

	#index-flow td{
		width: calc(100% - 0px);
		padding: 12px 0px 24px;
		float:left;
	}
	
}