@charset "UTF-8";


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



------------------------------------------------------*/
#headVisual { background: url(./images/bg_headtitle.jpg) no-repeat center center; background-size: cover;}

@media (min-width: 768px) {

}

@media (max-width: 767px) {


}

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

    feeInner

------------------------------------------------------*/
.feeInner { margin-bottom: 100px;}
.feeInner > .title { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 26px; letter-spacing: 2px;}
.feeInner > .title::before { content: ''; background-color: #F1AD1B; width: 65px; height: 65px; border-radius: 50%; position: absolute; left: 0; top: -8px;}
.feeInner > .title::after { content: ''; background: url(./images/icon_houjin.svg) no-repeat left top; background-size: 100% auto; width: 30px; height: 31px; position: absolute; left: 18px; top: 8px; }



.feeInner .contentsInner {}
.feeInner .contentsInner .table-1 {}
.feeInner .contentsInner .table-1 th { padding: 5px;}
.feeInner .contentsInner .table-1 td:not([class^='bg-']) { text-align: left;}

.feeInner .contentsInner section {}
.feeInner .contentsInner section:not(:last-of-type) { margin-bottom: 40px;}
.feeInner .contentsInner section .heading-2 {}
.feeInner .contentsInner section .text {}
.feeInner .contentsInner section .text p {}

#fee01 {}
#fee02 {}
#fee02 > .title::after { background: url(./images/icon_kojin.svg) no-repeat left top; background-size: 100% auto; width: 31px; height: 32px; }

#fee03 {}
#fee03 > .title::after { background: url(./images/icon_souzoku.svg) no-repeat left top; background-size: 100% auto; width: 30px; height: 36px; top: 5px; }

#fee04 {}
#fee04 > .title::after { background: url(./images/icon_zeimu.svg) no-repeat left top; background-size: 100% auto; width: 29px; height: 44px; top: 4px; }

#fee05 {}
#fee05 > .title::after { background: url(./images/icon_mitsumori.svg) no-repeat left top; background-size: 100% auto; width: 30px; height: 31px; }

@media (min-width: 768px) {
    .feeInner {}
    .feeInner > .title { font-size: 2.8rem; padding-left: 85px; margin-bottom: 60px;}
    .feeInner > .title::before {}
    .feeInner > .title::after {}
    
    .feeInner .contentsInner {}
    .feeInner .contentsInner .table-1 {}
    .feeInner .contentsInner .table-1 td:not([class^='bg-']) { padding-left: 40px;}
    
    .feeInner .contentsInner section {}
    .feeInner .contentsInner section .heading-2 {}
    .feeInner .contentsInner section .text {}
    .feeInner .contentsInner section .text p {}
    
    #fee01 {}
    #fee01 table { margin-bottom: 55px;}
    #fee02 {}
    #fee03 {}
    #fee04 {}
    #fee05 {}
}

@media (max-width: 767px) {
    .feeInner {}
    .feeInner > .title { font-size: 2.4rem; padding-left: 80px; margin-bottom: 30px;}
    .feeInner > .title::before {}
    .feeInner > .title::after {}
    
    .feeInner .contentsInner {}
    .feeInner .contentsInner .table-1 {}
    .feeInner .contentsInner .table-1 td:not([class^='bg-']) { padding-left: 15px;}
    
    .feeInner .contentsInner section {}
    .feeInner .contentsInner section .heading-2 {}
    .feeInner .contentsInner section .text {}
    .feeInner .contentsInner section .text p {}
    
    #fee01 {}
    #fee01 table { margin-bottom: 30px;}
    #fee02 {}
    #fee03 {}
    #fee04 {}
    #fee05 {}
}



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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}



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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}



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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}



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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}



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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}