#concept h2{background: url(../img/subtitle/concept.png); margin-bottom: 20px; background-repeat:no-repeat;}

#system .subsection ul.kiyaku li{margin-left:2em; margin-top:0.5em; margin-bottom:0.5em; list-style:circle;}
h4{font-weight:bold;}

#concept h2.terms{background: url(../img/subtitle/terms.png); margin-bottom: 20px; background-repeat:no-repeat; margin-top:20px;}
#concept h2.trans{background: url(../img/subtitle/trans.png); margin-bottom: 20px; background-repeat:no-repeat; margin-top:20px;}


.act {color:orange;text-indent:-1em;padding:1em 1.5em;}
.act2 {color:orange;text-indent:0.5em;padding:1em 0;}
.sct {text-indent:-1em;}

	.concept_detail{
		padding: 0.25em 2.5% 4em;
		font-size: larger;
		font-weight: bold;
	}

	.concept_flex{
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		margin: 0.25em 2.5%;
		padding: 1.5em 2.5%;
		width: 90%;
		background-color:rgba(255,255,255,0.7);
	}

	.concept_flex:nth-child(even){
		flex-direction: row;
	}

	.concept_flex:nth-child(odd){
		flex-direction: row-reverse;
	}

	.concept_title{
    	display: flex;
    	flex-direction: row;
    	align-items: center;
		font-size: large;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.concept_title::before{
		background: url(../img/hr_sqr.png);
		background-size: contain;
		background-repeat: no-repeat;
		content: "";
		height: 2em;
		width: 2em;
		margin-right: 0.25em;
	}

	.flex_text{
		display: inline-block;
		color: #551f1f;
		font-weight: bold;
		width: 70%;
	}

	.flex_image{
		display: inline-block;
		width: 28%;
		height: 100%;
	}

	.conceptbg{
		width: 100%;
		padding: 1.5em 0;
		background-image: url(../img/hpbg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}