@charset "UTF-8";

   .article h2 {
background-image: repeating-linear-gradient(
-45deg
,rgba(8,140,192,.3) 0%,rgba(8,140,192,.3) 50%,rgba(57,188,128,.3) 50%,rgba(57,188,128,.3) 100%);
border: 0;
position: relative;
padding: .8em .8em .8em 1.8em;
border-radius: 4px;
margin-bottom: 30px;
font-size: 22px;
font-weight: bold;
}
.article h2::before,
.article h2::after {
position: absolute;
content: '';
border-radius: 100%
}
.article h2::before {
top: .3em;
left: .3em;
z-index: 2;
width: 20px;
height: 20px;
background: #088cc0;
}
.article h2::after {
top: 0.6em;
left: .7em;
width: 15px;
height: 15px;
background: #39bc80;
}
.article h3 {
margin-top: 26px;
background: 0 0;
position: relative;
padding: 11px 0 8px 28px;
border: 0;
border-bottom: 1px solid rgba(0, 134, 171, 0.6);
}
.article h3::before {
position: absolute;
top: 2px;
left: 5px;
content: '';
width: 8px;
height: 17px;
background-color: #4c79c3;
transform: skew(-15deg);
-o-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-webkit-transform: skew(15deg);
}
.article h3::after {
position: absolute;
top: 19px;
left: 5px;
content: '';
width: 8px;
height: 17px;
background-color: #2fa770;
transform: skew(-15deg);
-o-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-webkit-transform: skew(-15deg);
}
.article h4 {
position: relative;
padding: 9px 9px 9px 26px;
border: none;
}
.article h4::after {
position: absolute;
content: '';
border-radius: 100%
}
.article h4::after {
top: .6em;
left: .1em;
width: 15px;
height: 15px;
background-image: linear-gradient(135deg,
#4c79c3 0%,
#4c79c3 50%,
#2fa770 50%,
#2fa770 100%,
transparent 0);
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
margin-top: 1.87em;
margin-bottom: 1.26em;
}
.box{
background: #ffdddd;
border: 1px solid #d25555;
padding: 20px;
} .internal-blogcard::after{
content: '続きを読む \00bb'; position: absolute;
bottom: .5rem;
right: 1rem;
font-size: 70%;
background-color: #3b5b78; padding: .4em 3em;
font-weight: bold;
color: #fff; border-radius: 2px;
}  @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ }