@charset "utf-8";

.page-title { background: url(/common/images/bg_pagetitle.jpg) no-repeat center / cover; }


/*------------------------------------------------------
    [qa]
    index
------------------------------------------------------*/
#qa .index {}
#qa .index .title-d {}
#qa .index .contents {}
#qa .index .title-c { margin-bottom: 10px;}
#qa .index .title-c a { color: #333;}
#qa .index .list-a { margin-bottom: 40px;}
#qa .index .list-a li {}
#qa .index .list-a li a {}

@media (min-width: 768px) {
    #qa .index { margin-left: auto; margin-right: auto; }
}

@media (max-width: 767px) {

}


/*------------------------------------------------------
    [qa]
    qa-inner
------------------------------------------------------*/
#qa .qa-inner {}
#qa .qa-inner .title-d {}

#qa .qa-inner dl {}
#qa .qa-inner dl > div { margin-bottom: 50px;}
#qa .qa-inner dl dt { position: relative; padding-left: 30px; margin-bottom: 5px;}
#qa .qa-inner dl dt::before { content: "Q."; position: absolute; left: 0; top: -5px; color: #36A3D1; font-weight: bold; font-size: 2rem; }
#qa .qa-inner dl dd { position: relative; padding-left: 30px; }
#qa .qa-inner dl dd::before { content: "A."; position: absolute; left: 0; top: -5px; color: #c00; font-size: 2rem; font-weight: bold; }

#qa .qa-inner dl dd .title-c { margin-bottom: 5px;}
#qa .qa-inner dl dd .list-a { margin-bottom: 30px;}
#qa .qa-inner dl dd .list-a li {}

#qa .qa-inner dl dd .title-c {}
#qa .qa-inner dl dd ol { padding-left: 1.5em;}
#qa .qa-inner dl dd ol li {}

@media (min-width: 768px) {
    #qa .qa-inner { margin-left: auto; margin-right: auto;}
}

@media (max-width: 767px) {

    #qa .qa-inner dl dd .table-a tr td:first-child { background-color: #05A2B6; color: #fff; font-weight: bold; }
    #qa .qa-inner dl dd .table-a tr td { text-align: center; font-size: 1.6rem; padding: 5px; }
    #qa .qa-inner dl dd .table-a tbody tr:not(:last-of-type) { border-bottom-width: 0px;}
}


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

 [qa]
common

------------------------------------------------------*/
#qa .table-b thead th { background: #2071B0; color: #fff; }


@media (min-width: 768px) {
#qa .table-b th { width: 230px; }

}

@media (max-width: 767px) {

}


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

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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}