@charset "UTF-8";

/*------------------------------------------------------



------------------------------------------------------*/
.contentsWrap { margin-bottom: 30px;}

.title-a { font-size: 32px;; border-bottom: 1px solid #ccc; padding-left: 2.2em; padding-bottom: 22px; margin-top: 20px; }

.title-b { font-size: 26px; color: #603813; background-color: #f1e9e0; line-height: 1.3; font-weight: normal; padding: 23px 20px 23px 30px; margin-bottom: 25px; }
.title-b::before { content: ''; border-left: 5px solid #603813; padding: 3px 0; position: relative; left: -10px; }

.title-c { font-size: 22px; border-bottom: 2px solid #c78a21; font-weight: normal; background: url(/common/images/icon01.png) no-repeat left top; background-size: 18px auto; padding-left: 24px; line-height: 1; padding-bottom: 6px; margin-bottom: 20px; }


@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    .title-a { line-height: 1.2; padding-left: 1.8em !important; background-position: 0.3em 0px !important; }
}


/*------------------------------------------------------

    happenIndex
    happenSingle

------------------------------------------------------*/
#happenIndex .title-a ,
#happenSingle .title-a { background: url(/happen/images/icon01.png) no-repeat 0.5em 4px; background-size: 40px auto;}



@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------

    flow

------------------------------------------------------*/
#flow .title-a { background: url(/flow/images/icon01.png) no-repeat 0.5em 4px; background-size: 40px auto;}



@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------

    list

------------------------------------------------------*/
ul.list { list-style-type: none; margin-bottom: 25px; }
ul.list li { padding-left: 1.2em; }
ul.list li::before { content: '■'; color: #ef5a24; font-size: 0.75em; vertical-align: baseline; text-indent: -1.3em; display: inline-block; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {
    ul.list li::before { content: '■'; font-size: 1em; text-indent: -1em; }
}



/*------------------------------------------------------

    fee-keiji

------------------------------------------------------*/
#fee-keiji article { background-color: #fff;}
#fee-keiji .title-a { background: url(/fee/images/icon01.png) no-repeat 0.5em 4px; background-size: 40px auto;}
#fee-keiji table .red { color: #ad2f07; }
#fee-keiji .bg-yellow { color: #ad2f07; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


.accent-a { color: #890202; }