<style>
.box_merit2 {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #e8ddbd;
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
line-height: 2;
}

.under {
border-bottom: dashed 3px orange;
font-size: 1.2em;

}


.box-title2 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; 
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}

h2.article {
	color: #fff;
	background: orange;
    padding: 8px 0px 4px;
	border-radius: 4px;
    text-shadow: 1px 1px 0px #1a96c5;
	box-shadow: 2px 2px 0px #EBEBEB;
    border: 0px;
}

h3.article {
	font-size: 19px;
	font-weight: bold;
    position: relative;
    color: #495254;
    background: #fff;
    border-radius: 4px;
    padding: 7px 7px 7px 20px;
    border-left: 0;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 0px #ddd;
}
h3.article::before {
    content: "";
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 5px 3px;
    width: 7px;
    background: rgb(0,197,255);
    background: linear-gradient(180deg, rgba(0,197,255,1) 0%, rgba(186,239,255,1) 100%);
}



h3.article2 {
	font-size: 19px;
	font-weight: bold;
    position: relative;
    color: #495254;
    background: #fff;
    border-radius: 4px;
    padding: 7px 7px 7px 20px;
    border-left: 0;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 0px #ddd;
}
h3.article2::before {
    content: "";
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 5px 3px;
    width: 7px;
    background: rgb(0,197,255);
    background: linear-gradient(180deg, rgb(255 0 0) 0%, rgb(255 163 129) 100%); 
}






.box_merit {
 position:relative!important;
 padding: 10px 20px 15px!important;
 margin: 2.5em auto!important;

 color: #555555!important;
 background-color: #e8ddbd!important;
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc!important;
line-height: 2!important;
}
.under {
border-bottom: dashed 3px orange!important;
font-size: 1.2em!important;

}


.box-title {
 position: absolute!important;
 top: -15px!important;
 left: 30px!important;
 padding: 4px 20px!important;
 color: #555555!important;
 font-weight: bold!important;
 background-color: rgba(255,255,255,.4)!important;
 border-left: 2px dotted rgba(0,0,0,.1)!important;
 border-right: 2px dotted rgba(0,0,0,.1)!important;
 box-shadow: 0 0 5px rgba(0,0,0,0.2)!important;
 transform: rotate(-5deg)!important;


}




.box_meritAO {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #003bb9;
 box-shadow: inset 0 0 40px rgb(77, 98, 255), 0 2px 2px #ccc;
line-height: 2;
}
.underAO {
border-bottom: dashed 3px orange;
font-size: 1.2em;

}


.box-titleAO {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #000000; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}





.box_meritKI {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #FFFF00;
 box-shadow: inset 0 0 40px rgba(207, 207, 0,1), 0 2px 2px #ccc;
line-height: 2;
}
.underKI {
border-bottom: dashed 3px orange;
font-size: 1.2em;

}


.box-titleKI {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}


.box_meritPINK {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #be1369;
 box-shadow: inset 0 0 40px rgb(255, 33, 181), 0 2px 2px #ccc;
line-height: 2;
}
.underPINK {
border-bottom: dashed 3px orange;
font-size: 1.2em;

}


.box-titlePINK {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}




.box_meritMI {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #1DB225;
 box-shadow: inset 0 0 40px rgb(21, 129, 27), 0 2px 2px #ccc;
line-height: 2;
}
.underMI {
border-bottom: dashed 3px #EFFF32;
font-size: 1.2em;

}


.box-titleMI {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}



.box_meritAKA {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #ca4242;
 box-shadow: inset 0 0 40px rgb(255, 4, 4), 0 2px 2px #ccc;
line-height: 2;
}
.underAKA {
border-bottom: dashed 3px orange;
font-size: 1.2em;

}


.box-titleAKA {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #000000; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}



.box_meritMIZU {
 position:relative;
 padding: 10px 20px 15px;
 margin: 2.5em auto;

 color: #555555; 
 background-color: #9DF1F3;
 box-shadow: inset 0 0 40px rgba(136, 204, 203,1), 0 2px 2px #ccc;
line-height: 2;
}
.underMIZU {
border-bottom: dashed 3px orange;
font-size: 1.2em;

}


.box-titleMIZU {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);


}




</style>


/*
20211102 by hiroyuki suzuki
*/