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

/*===================*/





body {
/*	--h: 212deg;
	--l: 43%;
	--brandColor: hsl(var(--h), 71%, var(--l));
	background-color: whitesmoke;*/
}

#section1 p,#section2 p {
    line-height:1.667;
    font-size: 1rem; 
    text-align: justify;
    overflow-wrap: break-word !important;
}

#section1 p span{font-weight: bold;color:#A6782E;padding-right: 0.5rem; }

#section1 ol {
	list-style: none;
	counter-reset: list;
	padding: 0;
}

#section1 li {
	position: relative;
	counter-increment: list;
	/*max-width: 59.9rem;*/
	/*margin: 2rem auto;*/
	padding: 2rem 1rem 1rem;
	box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: white;
}

#section1 li {
		margin: 0.4rem auto 1rem auto;
		padding: 1.6rem 1rem  1.5rem 1rem;
}

#section1 li::before {
	--stop: calc(100% / var(--length) * var(--i));
	--l: 62%;
	--l2: 88%;
	--c1: hsl(var(--h), 71%, var(--l));
	--c2: hsl(var(--h), 71%, var(--l2));
	
	content: '';
	display: block;
	width: 100%;
	height: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}

#section1 h3 {
	display: flex;
	align-items: baseline;
	margin: 0 0 1rem;
    font-size: 1.5rem;
	color: var(--brandColor);
}

#section1 h3::before {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	content: counter(list);
	padding: 1rem;
	border-radius: 50%;
	background-color: var(--brandColor);
	color: white;
}

/*******/
    
    
    
img.fl_left, img.fl_right  {
    width: 120px;
    height: 132px;
    border-radius: 50%;
    border:1px solid #000000;
    shape-outside: circle();
    
  }
  img.fl_left  {
    float: left;
    margin-right: 20px;
  }
   img.fl_right  {
    float: right;
    margin-left: 20px;
  } 
    
 p.text {
    /*text-align:justify;*/
   margin-bottom: 10px;
    
  }
    
 .mj_title{font-weight:bolder;color:#A6782E;padding-right: 3px;}    
    

/*******/
    
    
 /*=====================*/ 
    
fieldset {
  border: 0.2rem solid #FFD140;
  border-radius: 0.5rem;

 /* background-color: #FFF;*/	
 /* box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);*/

}
.fieldset_0{border: 0.2rem solid #9E9A9A;}
legend {
margin-left: 2rem;
font-size: 1.2rem;
font-weight: bold;
padding: 0 .6rem;

 
}  

    
legend, .content_title1 h3{

background: #A6782E;
background: linear-gradient(to bottom right, #A6782E 33%, #2C2D2A 84%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}  
    
.content_title1 h3 {     
    text-align: left;
    display:inline-block;
    border-bottom: 2px solid transparent;
    font-size: 1.5rem;
    border-image: linear-gradient(0.25turn,  rgba(32,104,188,100), rgba(9,9,121,0)); border-image-slice: 1;
}    
    
/*=====================*/ 
    
    
  /*--------------------*/ 
    
 .intro {
	padding: 1rem 1.5rem 1.5rem 2rem;
	/*border: 0.3rem solid #A6782E;*/
	columns: 17rem;
	column-gap: 4rem;
	column-rule: 4px dotted #A6782E;
	/*border-radius: 0.5rem;*/
}  
    
    
    
 /*------------------*/  
/*=========section 2==========*/




.wrapper {
	max-width: 60rem;padding: 1rem;
	margin: 0 auto;
    background-color: #FFFFFF;	box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);border-radius: 0.5rem;
}

ul.hh_ul_0, ul.hh_ul  {
	padding: 1rem 1.4rem 1rem 2.0rem;
    columns: 17rem;
	column-gap: 5rem;
list-style-type: none;
/*	border: 0.3rem solid #FFD140;

	border-radius: 0.5rem;*/
}

ul.hh_ul_0  {

	column-rule: 4px dotted #9E9A9A;

}
ul.hh_ul  {

	column-rule: 4px dotted #FFD140;

}
ul.hh_ul > * + * , ul.hh_ul_0 > * + *{
margin-top: 1rem;	
}
 ul.hh_ul, ul.hh_ul_0 {
/*margin-top: 1rem; list-style-type: none;*/
}
ul.hh_ul li, ul.hh_ul_0 li {
	break-inside: avoid;
}

ul.hh_ul li::marker, ul.hh_ul_0 li::marker {
	/*content: counters(list-item, '') ': ';*/
	font-weight: 700;
	font-size: 1em;
	color: #A6782E;
}

ul.hh_ul li span, ul.hh_ul_0 li span {/*color:#96600F;#6A4307*/
	display: block;
}

ul.hh_ul li span:first-child, ul.hh_ul_0 li span:first-child {
	font-size: 1em;/*color:#8B5C12;*/font-weight: 600;
}

ul.hh_ul li span:last-child {
	/*font-style: italic;*/
}

/*--------grid------------*/

.grid-container {
  display: grid;
  grid-template-columns: 5.3rem auto;
  /*grid-template-rows: 100px 300px;*/
  grid-gap: 1rem 0.3rem;
padding: 1.5rem 1.4rem 1.8rem 1.4rem;
  
}

.grid-container > div {


}
.grid-container .item1{text-align: right;color: #A6782E;font-weight: 600;}
.grid-container .item2{text-align:left;}
/*-------------------------*/
/*===================*/

@media screen and (max-width: 530px) {
 .intro {
	padding: 1rem 1.3rem 1.5rem 1.4rem;

} 
 #section1 li {
		margin: 0.4rem auto 1rem auto;
		padding: 1.6rem 1rem  1.5rem 1rem;
	}
	
#section1 h3 {
		font-size: 1.20rem;
		margin: 0.5rem 0 1rem;
	}
	
#section1 h3::before {
    width: 1rem; height: 1rem;
	margin-right: 0.7rem;
	}
ul.hh_ul_0, ul.hh_ul {
	padding: 1.0rem 1rem 1rem 1.5rem;

	
}
.grid-container {
	padding: 1.0rem 1rem 1rem 0.4rem;
grid-gap: 0.5rem;
	
}

.content_title1 { margin-top: 0.4rem;margin-bottom: 1rem; }
.content_title1 h3 {    
    font-size: 1.2rem;  
}
    
}