h2 {
position: relative;
color: #333333;
text-shadow: 0 0 2px white;
}
h2:before {
content: "";
position: absolute;
background: #D8D8D8;
width: 60px;
height: 60px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: -15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}

h4{
position: relative;
display: inline-block;
padding: 0 55px;
color: #424242;
font-size:10%; 
font-weight: 700; 
}

h4:before, h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block; 
width: 35px;
height: 3px;
background-color: black;
}

h4:before {left:0 ;}
h4:after {right:0;}


h3{
position: relative;
padding: 0.15em 2.5em;
color: #848484;
font-weight: 700; 
font-size:70%;
border-top: solid 2px black;
border-bottom: solid 3px black;
}
h3:before, h3:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
h3:before {left: 5px;}
h3:after {right: 5px;}

table {
	border-collapse: collapse;
	width:100%;
     	font-size:12pt
}
th.t_top {
    border-top: #660155 4px solid;
}
th {
	border-bottom: #708466 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #708466 1px dotted;
	text-align: left;
	padding: 10px;
}
tr:hover {
    background: #f7edf3;
    color: #660155;
}

body{font-size:14pt}

.wrap{
 display:flex;
}
.box{
 width: 49%;
 margin: 1%;
 background-color: #f7f7f7;
}



ul.main {
  background: #F5FBEF;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
 
ul.main li{
  line-height: 1.5;
  padding: 0.5em 0;
}


.list_test-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}
 
.list_test:before {
    content:  "";     /* 空の要素作成 */
    width: 10px;                /* 幅指定 */
    height: 10px;               /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #f4d9de;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 3px;                   /* 位置指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin-right: 5px;          /* 余白指定 */
}
 
.list_test {
    padding:  5px;             /* 余白指定 */
    background-color:  #ffffff; /* 背景色指定 */
    border-radius:  10px;       /* 角丸指定 */
    margin-bottom: 5px;         /* 要素と要素の間指定 */
    color: #605e5e;                /* 文字色指定 */
    font-size:  10px;           /* 文字サイズ指定 */
}


	/* タイトル付きボックス------------------ */

.box10 {
 position: relative;
 margin: 3em auto;
 padding: 0em 0.5em 0em;
 font-size: 12pt;
 width: 100%;
 background-color: #fbfaff; /*BOX背景色 */
 border: 3px solid #261482; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
.title10 {
 position: absolute;
 display: inline-block;
 top: -28px; /*タブ調整 */
 left: -3px; /*タブ調整 */
 padding: 1px 10px;
 height: 26px;
 font-weight: bold;
 color: #fafafa; /* タイトル色 */
 background-color: #261482; /* タイトル背景色 */
 border-radius: 5px 5px 0 0;
}

	/* タイトル付きボックスここまで------------------ */

/* 青色バックのみ変更ボックス------------------ */
.box4 {
	  margin: 2em auto;
    padding: 1em 1em 0.1em 1em;
    font-size: 11pt;
	  color: #2c2c2f;
    background: #f2fbff;/*背景色*/
	  border-radius: 9px;
	  width: 90%;
}
.box4 p {
    margin: 0; 
    padding: 0;
}

	/* 青色バックのみ変更ボックスここまで------------------ */