@charset "utf-8";

/* contentsWrap
------------------------------------------------------------------------------------------------------------- */

@media (max-width: 414px) {
    #contentsWrap{
    padding: 0 15px 40px;
    }
}



/* visualArea
------------------------------------------------------------------------------------------------------------- */
#visualArea{
background: #5f4012 url(../img/visual.jpg) no-repeat 50% 50%;
background-size: cover;
}
#visualArea::before{
background: url(../img/visual_frame_t.png) no-repeat left top;
background-size: 100% 7px;
}
#visualArea::after{
background: url(../img/visual_frame_b.png) no-repeat left bottom;
background-size: 100% 17px;
}
#ttlCategory{
background: url(../img/title.png) no-repeat left 50%;
}
@media (max-width: 768px) {
    #visualArea{
    background: #5f4012 url(../img/visual.jpg) no-repeat 50% 50%;
    background-size: cover;
    }
    #ttlCategory{
    background: url(../img/title.png) no-repeat left 50%;
    background-size: 250px auto;
    }
}
@media (max-width: 414px) {
    #ttlCategory{
    background: url(../img/title.png) no-repeat -10px 50%;
    background-size: 180px auto;
    }
}

/* section
------------------------------------------------------------------------------------------------------------- */

#contentsWrap section.block {
margin-top:3.5em;
}
#contentsWrap section.block  p{
margin-top:2em;
}
#contentsWrap section.block  .ttlHl + p{
margin-top:0;
}
#contentsWrap section.block  p:first-child{
margin-top:0;
}
.ttlHl::after{
background:#90611b;
}
.ttlMl{
background:#90611b;
}

.section ul{
margin-top:2em;
}
.listCircle li:before{
background: #90611b;
}
.listNumber li:before{
color:#90611b;
}
@media (max-width: 414px) {
    #contentsWrap section.block  {
    margin-top:2.5em;
    }
    #contentsWrap section.block  p{
    margin-top:1em;
    }
    .section ul{
    margin-top:1em;
    }
}