@charset "UTF-8";
/*--------------------------------------------------------------
 front page only
----------------------------------------------------------------*/
#main-content h2 {/* reset */
margin-top:0;
}

#main-content h2 {/* reset */
position:static;
width:auto;
padding:0;
font-size:1rem;
font-weight:normal;
letter-spacing:0;
text-shadow:none;
}

#main-content h2::before {/* reset */
position:static;
top:0;
left:0;
width:auto;
height:auto;
z-index:0;
content:'';
}

#main-content h2::after {/* reset */
position:static;
bottom:0;
left:0;
width:auto;
height:auto;
z-index:0;
border:none;
content:'';
}

#main-content h2 {
position:relative;
margin-top:1.5rem;
padding:.5em .5em .5em 1.75em;
border:#DDDDDD 1px solid;
border-radius:4px;
background-size: 4px 4px;
background-image: linear-gradient( -45deg,transparent, transparent 17%, #DDDDDD 17%, #DDDDDD 50%, transparent 50%, transparent 67%, #DDDDDD 67%, #DDDDDD );
font-size:1.1rem;
font-weight:700;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:.1em;
}

#main-content h2::before {
position:absolute;
top:.5em;
left:0.75em;
height:calc(100% - 1em);
border-left:#EF8201 0.5em solid;
content:'';
}

#main-content h2::after {
position:absolute;
top:.0;
left:0;
width:100%;
height:100%;
z-index:-1;
background-image: linear-gradient( #FFF, #EEE );
content:'';
}

#main-content h2:first-child {
margin-top:0;
}