.l-contents--invoice {
    padding-bottom: 0;
    background: #fff
}

@media(min-width: 1100px) {
    .l-contents--invoice .sp-only {
        display: none
    }
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .sp-only {
        display: none
    }
}

.l-contents--invoice p {
    font-size: 14px
}

.l-contents--invoice .mgb0 {
    margin-bottom: 0
}

.l-contents--invoice .mgb20 {
    margin-bottom: 20px
}

.l-contents--invoice .u-wid-full {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px
}

.l-contents--invoice a img:hover {
    opacity: .6
}

.l-contents--invoice .c-note-3 a {
    text-decoration: underline
}

.l-contents--invoice .c-note-3 .c-icon-gray-imp {
    width: 14px;
    min-width: 14px;
    height: 13px
}

.l-contents--invoice .p-no-indent {
    text-indent: 0;
    padding-left: 0
}

.l-contents--invoice .p-box__invoice {
    margin: 80px auto;
    border-radius: 15px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-box__invoice {
        margin: 40px 20px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-box__invoice {
        margin: 20px
    }
}

.l-contents--invoice .p-title__h2 {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 40px;
    font-size: 25px
}

.l-contents--invoice .p-title__h2__01 {
    width: 250px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-title__h2__01 {
        width: 190px
    }
}

.l-contents--invoice .p-title__h2__02 {
    width: 563.94px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-title__h2__02 {
        width: 200px
    }
}

.l-contents--invoice .p-title__h2__03 {
    width: 627.23px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-title__h2__03 {
        width: 222.31px
    }
}

.l-contents--invoice .p-title__h2__04 {
    width: 215.37px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-title__h2__04 {
        width: 150px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-title__h2 {
        font-size: 20px;
        padding-top: 15px;
        line-height: 2rem;
        margin-bottom: 20px
    }
}

.l-contents--invoice .p-title__h2 .p-text__orange {
    color: #d99348
}

.l-contents--invoice .p-title__h2::before {
    display: inline-block;
    position: absolute;
    content: "";
    bottom: -10px;
    left: 50%;
    width: 40px;
    height: 3px;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #f78c21;
    border-radius: 2px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-title__h2::before {
        bottom: 0px
    }
}

.l-contents--invoice .p-invoice__h4 {
    font-size: 18px;
    margin-top: 30px;
    padding: .333em 1em;
    background: #f5f5f5;
    border-left: 2px solid #f78c21
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__h4 {
        font-size: 14px
    }
}

.l-contents--invoice .p-invoice__wrapper .ga_click {
    color: #333
}

.l-contents--invoice .p-invoice__wrapper .ga_click:hover {
    text-decoration: none;
    color: #c11920
}

.l-contents--invoice .p-invoice__wrapper__mv {
    background: url(/common/img/home/procedures/invoice/invoice_mv_03.png) no-repeat top left/30%, url(/common/img/home/procedures/invoice/invoice_mv_04.png) no-repeat bottom right/30%;
    background-color: #f2df6b;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 310px;
    margin-bottom: 100px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 100%;
        min-height: 298px;
        margin-bottom: 50px;
        background: url(/common/img/home/procedures/invoice/invoice_mv_03.png) no-repeat top left/50%, url(/common/img/home/procedures/invoice/invoice_mv_04.png) no-repeat bottom right/50%;
        background-color: #f2df6b
    }
}

@media screen and (min-width: 688px)and (max-width: 749px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 500px
    }
}

@media screen and (min-width: 581px)and (max-width: 687px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 420px
    }
}

@media screen and (min-width: 526px)and (max-width: 580px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 380px
    }
}

@media screen and (min-width: 630px)and (max-width: 680px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 470px
    }
}

@media screen and (min-width: 588px)and (max-width: 629px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 420px
    }
}

@media screen and (min-width: 415px)and (max-width: 471px) {
    .l-contents--invoice .p-invoice__wrapper__mv {
        height: 350px
    }
}

.l-contents--invoice .p-invoice__wrapper__mv__area .mv__bg {
    margin-left: -20px;
    margin-right: -20px;
    max-width: 500px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv__area .mv__bg {
        max-width: 200px;
        width: 100%
    }
}

.l-contents--invoice .p-invoice__wrapper__mv__bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv__bg {
        display: block
    }
}

.l-contents--invoice .p-invoice__wrapper__mv__text {
    z-index: 4;
    position: absolute;
    top: 55px;
    left: 20px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv__text .p-invoice__wrapper__mv__title {
        text-align: center
    }
}

.l-contents--invoice .p-invoice__wrapper__mv__text .p-mv__title01 {
    width: 280px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv__text .p-mv__title01 {
        width: 180px
    }
}

.l-contents--invoice .p-invoice__wrapper__mv__text .p-mv__title02 {
    width: 100px;
    margin-top: 20px;
    display: block
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__wrapper__mv__text {
        left: 5%
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv__text {
        position: relative;
        top: 30px;
        left: 0px;
        text-align: center
    }

    .l-contents--invoice .p-invoice__wrapper__mv__text .p-invoice__wrapper__mv__title .p-mv__title02 {
        width: 90px;
        margin: 10px auto
    }
}

.l-contents--invoice .p-invoice__wrapper__mv__img {
    z-index: 4;
    position: absolute;
    right: 4.5%;
    width: 670px;
    top: 20px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__wrapper__mv__img {
        right: 2%
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__wrapper__mv__img {
        width: 100%;
        position: relative;
        right: 2%;
        text-align: center;
        top: 46px
    }
}

.l-contents--invoice .p-section__anker-01 .p-section__inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-section__anker-01 .p-section__inner {
        padding: 0 20px
    }
}

.l-contents--invoice .p-invoice__hr {
    border-top: 3px solid rgba(0, 0, 0, .1);
    margin-top: 60px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__hr {
        margin-top: 30px;
        margin-bottom: 0
    }
}

.l-contents--invoice .p-invoice__list01 {
    max-width: 1100px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 1rem
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01 {
        margin: 0
    }
}

.l-contents--invoice .p-invoice__list01__li {
    border-left: 2px solid rgba(0, 0, 0, .1);
    width: 50%
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__list01__li {
        padding: 20px 96px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li {
        text-align: center;
        margin: 0;
        border-left: none;
        border-right: 2px solid rgba(0, 0, 0, .1);
        padding-top: 5px;
        padding-bottom: 40px
    }
}

.l-contents--invoice .p-invoice__list01__li:last-child {
    border-right: 2px solid rgba(0, 0, 0, .1)
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li:last-child {
        border-right: none;
        padding-top: 5px;
        padding-bottom: 40px
    }
}

.l-contents--invoice .p-invoice__list01__li a:before {
    content: "";
    display: block;
    width: .7em;
    height: .7em;
    border-right: solid 2px;
    border-bottom: solid 2px;
    margin: auto;
    position: relative;
    top: 60px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #bab5b5
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li a:before {
        top: 55px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li--item {
        padding: 0
    }
}

.l-contents--invoice .p-invoice__list01__li a {
    padding: 0 0 40px;
    display: block
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li a {
        padding-bottom: 0
    }
}

.l-contents--invoice .p-invoice__list01__li--text {
    text-align: center
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li--text01 {
        margin-right: 15px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li--text02 {
        margin-left: 10px
    }
}

.l-contents--invoice .p-invoice__list01__li--text__img01 {
    width: 350px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li--text__img01 {
        width: 120px
    }
}

.l-contents--invoice .p-invoice__list01__li--text__img02 {
    width: 350px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__list01__li--text__img02 {
        width: 120px
    }
}

.l-contents--invoice .p-section__anker-02 {
    background: url(/common/img/home/procedures/invoice/invoice_bg01.svg) repeat;
    background-size: 14px;
    padding: 20px 0
}

.l-contents--invoice .p-section__anker-02 .p-anker-02__title01 {
    width: 240px;
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-section__anker-02 .p-anker-02__title01 {
        width: 180px;
        margin-top: 10px
    }
}

.l-contents--invoice .p-section__anker-02__area {
    margin-top: 30px
}

.l-contents--invoice .p-section__anker-02__box {
    border: 1px solid #ddd;
    border-radius: 10px;
    max-width: 490px;
    width: 100%;
    margin-right: 30px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-section__anker-02__box {
        max-width: 438px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-section__anker-02__box {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
}

.l-contents--invoice .p-section__anker-02__box a {
    padding: 40px 20px 20px 40px;
    display: block
}

.l-contents--invoice .p-section__anker-02__box a:hover {
    opacity: .6
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-section__anker-02__box a {
        padding: 20px 15px 0px 20px
    }
}

.l-contents--invoice .p-section__anker-02__box02 {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-section__anker-02__box02 {
        margin-top: 20px
    }
}

.l-contents--invoice .p-section__anker-02__box--txt {
    width: 100%;
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: bold
}

.l-contents--invoice .p-section__anker-02__box--txt__link {
    padding-left: 30px
}

.l-contents--invoice .p-section__anker-02__box--txt img {
    width: 60px
}

.l-contents--invoice .p-section__anker-02__box--txt img :hover {
    opacity: .6
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-section__anker-02__box--txt img {
        width: 50px
    }
}

.l-contents--invoice .p-section__anker-02__box--txt::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: .6em;
    height: .6em;
    border-top: 2px solid #bab5b5;
    border-right: 2px solid #bab5b5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.l-contents--invoice .p-section__anker-03 {
    background: url(/common/img/home/procedures/invoice/invoice_bg02.svg) repeat;
    background-size: 14px;
    padding: 20px 0
}

.l-contents--invoice .p-section__anker-03 .p-anker-03__link01 a {
    text-decoration: underline
}

.l-contents--invoice .p-section__anker-03 .p-anker-03__link01 a:hover {
    text-decoration: none;
    color: #c11920
}

.l-contents--invoice .p-section__anker-03 .p-anker-03__note {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 7px;
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-section__anker-03 .p-anker-03__note {
        padding: 20px 10px
    }
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f3f3f3;
    border-radius: 7px;
    padding: 20px;
    margin: 20px auto;
    max-width: 1010px;
    width: 100%;
    max-height: 770px;
    overflow-x: scroll
}

@media(min-width: 1100px) {
    .l-contents--invoice .p-section__anker-03 .p-invoice__img01 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .l-contents--invoice .p-section__anker-03 .p-invoice__img01::-webkit-scrollbar {
        display: none
    }
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__area {
    max-width: 480px;
    margin-top: 120px;
    margin-right: 10px
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__area__img {
    width: 460px;
    max-width: 460px
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__text__box {
    background: #fff;
    border-radius: 7px;
    width: 500px;
    padding: 15px;
    margin: 15px 0
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__text__box .p-invoice__fs13 {
    font-size: 13px;
    margin-bottom: 0
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__text__box .p-invoice__fs11 {
    font-size: 11px;
    margin-bottom: 0
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__text__box a {
    text-decoration: underline
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__text__box a:hover {
    text-decoration: none
}

.l-contents--invoice .p-section__anker-03 .p-invoice__img01__text__box .c-icon-gray-imp {
    width: 14px;
    min-width: 14px;
    height: 13px
}

.l-contents--invoice .p-section__anker-03 .c-icon-primary-co-imp {
    width: 18px;
    min-width: 18px;
    height: 17px;
    margin-left: .3125rem
}

.l-contents--invoice .p-heading-3 {
    background: #f78c21;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-heading-3 {
        font-size: 14px;
        margin-top: 0px;
        padding-left: 2rem;
        text-indent: -0.8rem
    }
}

.l-contents--invoice .p-heading-3::before {
    content: "●";
    width: 1.5em;
    font-size: .5em;
    vertical-align: middle;
    color: #ffc397
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-heading-3__fix {
        text-indent: 0em
    }

    .l-contents--invoice .p-heading-3__fix::before {
        position: absolute;
        top: 20px;
        left: 7px
    }
}

.l-contents--invoice .p-heading-3__wrapper,
.l-contents--invoice .p-heading-3__wrapper--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {

    .l-contents--invoice .p-heading-3__wrapper,
    .l-contents--invoice .p-heading-3__wrapper--center {
        display: block
    }
}

.l-contents--invoice .p-heading-3__wrapper--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.l-contents--invoice .p-label {
    border-radius: 5px;
    margin-right: 20px;
    font-weight: 700;
    height: 68px
}

.l-contents--invoice .p-label span {
    display: block;
    width: 2em;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-label span {
        display: inline-block
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-label {
        max-width: 767px;
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
        text-align: center;
        height: auto
    }
}

.l-contents--invoice .p-label01 {
    color: #e58e03;
    border: 1px solid #e58e03;
    padding: 20px 25px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-label01 {
        padding: 5px
    }
}

.l-contents--invoice .p-label02 {
    color: #005cab;
    border: 1px solid #005cab;
    padding: 20px 25px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-label02 {
        padding: 5px
    }
}

.l-contents--invoice .p-label03 {
    color: #00b050;
    border: 1px solid #00b050;
    padding: 20px 25px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-label03 {
        padding: 5px
    }
}

.l-contents--invoice .p-invoice__contact__wrapper {
    border: 2px solid #ddd;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 7px;
    margin: 10px auto 40px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__contact__wrapper {
        display: block;
        padding: 20px 20px 10px
    }
}

.l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__head {
    width: 50%;
    text-align: center;
    border-right: 2px solid #ddd;
    display: inline-block;
    padding-top: 15px;
    padding-right: 20px;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__head {
        width: 100%;
        border-right: none;
        padding-top: 0;
        padding-right: 0px
    }
}

.l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__head__h4 {
    width: 300px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__head__h4 {
        width: 200px;
        margin-bottom: 10px
    }
}

.l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell {
    width: 50%;
    text-align: center;
    position: relative;
    padding-left: 50px
}

.l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell:hover {
    cursor: pointer;
    cursor: hand
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell {
        width: 100%;
        margin-top: 10px;
        padding-left: 20px
    }
}

.l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/common/img/home/procedures/invoice/icon_invoice_tell.png);
    background-size: contain;
    margin-right: 15px;
    position: absolute;
    top: 10px;
    left: 40px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell::before {
        top: 5px;
        left: 30px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell::before {
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0px;
        top: 3px
    }
}

.l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell a {
    font-size: 2.25rem;
    font-weight: 900;
    color: #f78c21
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__contact__wrapper .p-invoice__contact__tell a {
        font-size: 1.75rem
    }
}

.l-contents--invoice .p-invoice__link01__description {
    background: #f7f7f7;
    border-radius: 7px;
    padding: 40px 0
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link01__description {
        padding: 25px 10px 35px
    }
}

.l-contents--invoice .p-invoice__link01__description .text-center {
    padding: 0 40px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link01__description .text-center {
        padding: 0px
    }
}

.l-contents--invoice .p-invoice__link01__description .p-invoice__link__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 844px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link01__description .p-invoice__link__inner {
        display: block
    }
}

.l-contents--invoice .p-invoice__link01__description .p-invoice__link__inner .p-link__inner__img01 {
    margin-right: 30px;
    width: 405px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link01__description .p-invoice__link__inner .p-link__inner__img01 {
        margin: 0 auto 20px;
        max-width: 280px;
        width: 100%
    }
}

.l-contents--invoice .p-invoice__link01__description .p-invoice__link__inner .p-link__inner__img02 {
    width: 405px;
    margin: 0 20px 0px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link01__description .p-invoice__link__inner .p-link__inner__img02 {
        max-width: 280px;
        width: 100%;
        margin: 0 auto
    }
}

.l-contents--invoice .p-invoice__link02__description__title {
    font-weight: bold;
    margin: 30px 0 15px;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__description__title {
        line-height: 1.5;
        text-align: center;
        font-size: 14px
    }
}

.l-contents--invoice .p-invoice__link02__description__title01::after {
    content: "";
    width: 680px;
    height: 1px;
    background-color: #ddddde;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__link02__description__title01::after {
        width: 570px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__description__title01::after {
        display: none
    }
}

.l-contents--invoice .p-invoice__link02__description__title02::after {
    content: "";
    width: 250px;
    height: 1px;
    background-color: #ddddde;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__link02__description__title02::after {
        width: 150px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__description__title02::after {
        display: none
    }
}

.l-contents--invoice .p-invoice__link02__description__title03::after {
    content: "";
    width: 340px;
    height: 1px;
    background-color: #ddddde;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-invoice__link02__description__title03::after {
        width: 260px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__description__title03::after {
        display: none
    }
}

.l-contents--invoice .p-invoice__link02__wrapper--blue {
    background: #f2f8fb;
    border-radius: 7px;
    padding: 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__wrapper--blue {
        padding: 25px
    }
}

.l-contents--invoice .p-invoice__link02__wrapper--blue .p-box__blue__text {
    margin-bottom: 10px
}

.l-contents--invoice .p-invoice__link02__wrapper--blue .p-box__blue__text__span {
    font-weight: bold;
    font-size: 16px;
    color: #053b6e
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__wrapper--blue .p-box__blue__text__span {
        font-size: 14px
    }
}

.l-contents--invoice .p-invoice__link02__wrapper--orange {
    background: #fff5ee;
    border-radius: 7px;
    padding: 20px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__wrapper--orange {
        padding: 25px
    }
}

.l-contents--invoice .p-invoice__link02__wrapper--orange .p-box__orange__text {
    margin-bottom: 10px
}

.l-contents--invoice .p-invoice__link02__wrapper--orange .p-box__orange__text__span {
    font-weight: bold;
    color: #f78c21;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-invoice__link02__wrapper--orange .p-box__orange__text__span {
        font-size: 14px
    }
}

.l-contents--invoice .p-invoice__link02__wrapper--orange .c-note-3 {
    margin-top: 10px
}

.l-contents--invoice .p-faq__section {
    background: url(/common/img/home/procedures/invoice/invoice_bg01.svg) repeat;
    background-size: 14px;
    padding: 20px 0
}

.l-contents--invoice .p-faq__section .p-box__invoice {
    max-width: 1100px
}

.l-contents--invoice .p-faq__question {
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    text-align: left;
    font-weight: bold;
    padding: 20px 0;
    font-size: 16px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-faq__question {
        font-size: 14px;
        -webkit-line-clamp: 1;
        padding-right: 100px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question {
        font-size: 15px;
        -webkit-line-clamp: 3;
        padding-right: 40px
    }
}

.l-contents--invoice .p-faq__question__area {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    max-width: 975px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question__area .p-faq__question {
        text-indent: -3em;
        padding-left: 3em
    }
}

.l-contents--invoice .p-faq__question01::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/common/img/home/procedures/invoice/invoice_img_q_01.png) no-repeat;
    background-size: contain;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question01::before {
        width: 30px;
        height: 30px
    }
}

.l-contents--invoice .p-faq__question02::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/common/img/home/procedures/invoice/invoice_img_q_02.png) no-repeat;
    background-size: contain;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question02::before {
        width: 30px;
        height: 30px
    }
}

.l-contents--invoice .p-faq__question03::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/common/img/home/procedures/invoice/invoice_img_q_03.png) no-repeat;
    background-size: contain;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question03::before {
        width: 30px;
        height: 30px
    }
}

.l-contents--invoice .p-faq__question04::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/common/img/home/procedures/invoice/invoice_img_q_04.png) no-repeat;
    background-size: contain;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question04::before {
        width: 30px;
        height: 30px
    }
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-faq__question::before {
        font-size: 24px;
        display: inline-block;
        vertical-align: sub;
        margin-right: 15px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__question {
        font-size: 15px;
        display: block
    }
}

.l-contents--invoice .p-faq__answer {
    padding-top: 0
}

.l-contents--invoice .p-faq__text {
    padding: 20px;
    padding-left: 4.5rem
}

.l-contents--invoice .p-faq__text .a_underline {
    text-decoration: underline
}

.l-contents--invoice .p-faq__text .a_underline:hover {
    text-decoration: none
}

.l-contents--invoice .p-faq__text .c-note-3__a {
    text-decoration: underline
}

.l-contents--invoice .p-faq__text .c-note-3__a:hover {
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__text {
        padding: 20px 0px;
        text-indent: 0em;
        padding-left: 3em
    }
}

.l-contents--invoice .p-faq__text::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/common/img/home/procedures/invoice/invoice_img_a.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 15px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-faq__text::before {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__text::before {
        width: 30px;
        height: 30px;
        left: 0
    }
}

.l-contents--invoice .p-faq__text:last-child {
    padding-bottom: 20px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-faq__text {
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__text {
        font-size: 13px
    }
}

.l-contents--invoice .p-faq__list li {
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 0 !important
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .p-faq__list li {
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .p-faq__list li {
        font-size: 13px
    }
}

.l-contents--invoice .c-accordion__box+.c-accordion__box {
    margin-top: 20px
}

.l-contents--invoice .c-accordion__box dd {
    display: none;
    position: relative
}

.l-contents--invoice .c-accordion__title {
    width: 100%;
    position: relative;
    cursor: pointer
}

.l-contents--invoice .c-accordion__title>* {
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .c-accordion__title:hover>* {
        opacity: .6
    }
}

.l-contents--invoice .c-accordion__title>*:first-child {
    margin-top: 0
}

.l-contents--invoice .c-accordion__title>*:last-child {
    margin-bottom: 0
}

.l-contents--invoice .c-accordion__description {
    padding-top: 0
}

.l-contents--invoice .c-accordion__description>*:first-child {
    margin-top: 0
}

.l-contents--invoice .c-accordion__description>*:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .c-accordion__description {
        padding-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .c-accordion__description {
        padding-top: 0px
    }
}

.l-contents--invoice .c-accordion__icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 26px;
    height: 26px
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .c-accordion__icon {
        width: 21px;
        height: 21px
    }
}

@media screen and (max-width: 767px) {
    .l-contents--invoice .c-accordion__icon {
        width: 15px;
        height: 15px
    }
}

.l-contents--invoice .c-accordion__icon::before,
.l-contents--invoice .c-accordion__icon::after {
    font-family: "fontawesome solid";
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

@media screen and (max-width: 767px) {

    .l-contents--invoice .c-accordion__icon::before,
    .l-contents--invoice .c-accordion__icon::after {
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7)
    }
}

.l-contents--invoice .c-accordion__icon::before {
    content: ""
}

.l-contents--invoice .c-accordion__icon::after {
    content: "";
    opacity: 0
}

.l-contents--invoice .is-active .p-faq__question {
    -webkit-line-clamp: inherit
}

@media screen and (min-width: 767px)and (max-width: 1100px) {
    .l-contents--invoice .is-active .p-faq__question {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.l-contents--invoice .is-active .c-accordion__icon::before {
    opacity: 0
}

.l-contents--invoice .is-active .c-accordion__icon::after {
    opacity: 1
}

.v1-modal {
    display: none;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.v1-modal__btn--close::after,
.v1-modal__btn--close::before {
    background: #fff;
    content: "";
    height: 1px;
    position: absolute;
    right: -5px;
    top: -36px;
    width: 48px
}

.v1-modal__btn--close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.v1-modal__btn--close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.v1-modal__bg {
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    position: absolute;
    width: 100%
}

.v1-modal__content {
    background: #fff;
    border: 1px solid #d9d9d9;
    left: 50%;
    max-width: 900px;
    padding: 3px 3px 3px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

@media screen and (max-width: 767px) {
    .v1-modal__content {
        width: 95%
    }
}

.v1-modal__content ::-webkit-scrollbar {
    width: 8px
}

.v1-modal__content ::-webkit-scrollbar-track {
    background: #eee
}

.v1-modal__content ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px
}

.v1-modal__inner {
    margin: auto;
    width: 100%
}

.v1-modal__scroll {
    height: 56vh;
    overflow-y: scroll;
    scrollbar-color: #ccc #eee;
    scrollbar-width: thin
}

@media screen and (max-width: 767px) {
    .v1-modal__scroll {
        height: 28vh;
        padding: 4vw
    }
}

.bg--kouatu {
    background: #deeaf4;
    padding: 10px;
    border-radius: 7px
}

.bg--gasu {
    background: #eaf6ec;
    padding: 10px;
    border-radius: 7px
}