<style type="text/css">


.ck_marker01{
background-color: #ff9;
}

.ck_marker02{
 background: linear-gradient(transparent 80%, #e6001a 80%);
}


/*見出し上書き*/
.article-item.heading .item_heading h2.__border {
border-image: linear-gradient(
      90deg,
      #fd5384,
      #e577ae,
      #b5a2de,
      #81c6fb
    )
    1 / 0 0 1px 4px;
 padding-bottom: 8px;
}
.article-item.heading .item_heading h3.__border {
border-image: linear-gradient(
      90deg,
      #fd5384,
      #e577ae,
      #b5a2de,
      #81c6fb
    )
    1 / 0 0 1px 0;
    padding-bottom: 8px;
}


.background-box{
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    padding: 1rem;
}



/*レイアウトここから*/

._article .flex_box01, ._article .flex_box02, ._article .flex_box03{
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
align-content: stretch;
margin-bottom:.5rem;
}


._article .flex_box01-item {
padding: 5px;
	width: 25%;
	text-align: center;
	margin-bottom: .5rem;
}


.flex_box01::after {
display: block;
	content:"";
	width: 75%;;

}

._article .flex_box02-item {
padding: 10px;
width: 50%;
text-align: center;
margin-bottom: .5rem;
}

._article .flex_box03-item {
padding: 5px;
	width: 25%;
	text-align: center;
	margin-bottom: .5rem;
}

.flex_box03::after {
display: block;
content:"";
width: 25%;;
}

.br-sp{
display:none;
}



@media (max-width: 769px) {
	
._article .copytxtimg{
    width: 100%;
}

._article .content_img40{
width: 40%;
margin: 0 0 4rem 0;
}


._article .flex_box01-item {
width: 33.333%;
}

	._article .flex_box02-item {
padding: 10px 0;		
width: 100%;
}
	
	._article .flex_box03-item {
width: 50%;
	}
	
.br-sp{
display:block
}
		
	}
	
</style>


