@charset "utf-8";
/* warranty */
#warranty {
    padding-bottom: 80px
}

#warranty_main {
    max-width: 1300px;
    margin: 0 auto
}

#warranty_main .readText p {
    font-size: 30px;
    text-align: center;
    padding: 40px 0
}

#warranty_main .howto {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

#warranty_main .howto h2 {
    font-size: 30px;
    color: #fff;
    padding: 15px;
    background: linear-gradient(to right, #133f75, #0f315a)
}

#warranty_main .howto p {
    font-size: 17px;
    line-height: 1.6;
    padding: 25px;
    background: #e5eef7
}

@media screen and (max-width: 767px) {
    #warranty_main .readText p {
        font-size: 19px;
        padding: 30px 0
    }

    #warranty_main .howto h2 {
        font-size: 19px;
        color: #fff;
        padding: 10px 5px
    }

    #warranty_main .howto p {
        font-size: 14px;
        line-height: 1.6;
        padding: 15px;
        text-align: left
    }
}

.w_contents {
    max-width: 1000px;
    margin: 0 auto;
    width: 90%;
}

.w_contents h3 {
    font-size: 26px;
    color: #fff;
    padding: 10px;
    background: linear-gradient(to right, #133f75, #0f315a);
    text-align: center;
    margin-top: 65px;
    margin-bottom: 20px
}

.w_contents p.w_text {
    font-size: 15px;
    line-height: 1.6
}

.w_contents p.w_note {
    font-size: 14px;
    line-height: 1.4
}

.w_contents p.w_snote {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 3px
}

@media screen and (max-width: 767px) {
    .w_contents h3 {
        font-size: 18px;
        padding: 7px 3px;
        margin-top: 40px;
        margin-bottom: 10px
    }

    .w_contents p.w_text {
        font-size: 14px;
        line-height: 1.6
    }

    .w_contents p.w_note {
        font-size: 13px;
        line-height: 1.4
    }

    .w_contents p.w_snote {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 3px
    }
}

#warranty_point ul {
    display: flex;
    justify-content: space-between
}

#warranty_point li {
    width: 18%;
}

@media screen and (max-width: 767px) {
    #warranty_point ul {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    #warranty_point li {
        width: 32.4%;
        margin-right: 1.4%;
        text-align: center;
    }

    #warranty_point li:nth-of-type(3n) {
        margin-right: 0
    }

    #warranty_point li:nth-of-type(n+4) {
        margin-top: 5px
    }
}

#warranty_period img {
    margin-top: 20px
}

#warranty_period ul {
    display: flex;
    margin-top: 80px
}

#warranty_period ul li:nth-of-type(1) {
    font-size: 22px;
    color: #fff;
    background: #0059b2;
    width: 20%;
    text-align: center;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: center
}

#warranty_period ul li:nth-of-type(2) {
    background: #e5eef7;
    width: 80%;
    padding: 20px 0 20px 8%
}

#warranty_period dl {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

#warranty_period dl dt {
    border-right: 1px solid #555;
    padding-right: 18px
}

#warranty_period dl dt .wp_t {
    font-size: 19px;
    margin-right: 10px;
    vertical-align: 1em
}

#warranty_period dl dt .zeroen {
    font-size: 25px;
    color: #b20000
}

#warranty_period dl dt .zeroen strong {
    font-size: 75px
}

#warranty_period dl dd .wp_t {
    font-size: 19px;
    margin-right: 10px;
    vertical-align: .5em
}

#warranty_period dl dd {
    font-size: 43px;
    padding: 0 18px
}

#warranty_period dl dd strong {
    color: #b20000
}

@media screen and (max-width: 1000px) {
    #warranty_period ul li:nth-of-type(2) {
        padding: 20px;
    }

    #warranty_period dl {
        display: block;
        margin-bottom: 20px;
        text-align: center
    }

    #warranty_period dl dt {
        border-right: none;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    #warranty_period img {
        margin-top: 10px
    }

    #warranty_period ul {
        display: block;
        margin-top: 40px
    }

    #warranty_period ul li:nth-of-type(1) {
        font-size: 17px;
        width: 100%;
        text-align: center;
        line-height: 1.6;
        padding: 5px
    }

    #warranty_period ul li:nth-of-type(2) {
        width: 100%;
        padding: 10px
    }

    #warranty_period dl dt .wp_t {
        font-size: 16px;
        margin-right: 10px;
        vertical-align: 1em
    }

    #warranty_period dl dt .zeroen {
        font-size: 18px
    }

    #warranty_period dl dt .zeroen strong {
        font-size: 60px
    }

    #warranty_period dl dd .wp_t {
        font-size: 16px;
        margin-right: 10px;
        vertical-align: .5em
    }

    #warranty_period dl dd {
        font-size: 35px;
        padding: 0
    }
}

#warranty_plan ul {
    display: flex;
    justify-content: space-between
}

#warranty_plan li {
    width: 49.5%;
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid #0f315a
}

#warranty_plan dl {
    display: flex;
    text-align: center;
    margin-bottom: 30px;
    align-items: flex-end
}

#warranty_plan dl dt {
    width: 47%
}

#warranty_plan dl dd {
    width: 53%
}

#warranty_plan dl p {
    margin-top: 15px
}

@media screen and (max-width: 767px) {
    #warranty_plan ul {
        display: block
    }

    #warranty_plan li {
        width: 100%
    }

    #warranty_plan li:nth-of-type(2) {
        margin-top: 10px
    }

    #warranty_plan dl {
        margin-bottom: 15px;
        justify-content: space-between
    }

    #warranty_plan dl dt {
        width: 28%
    }

    #warranty_plan dl dd {
        width: 68%
    }

    #warranty_plan dl p {
        margin-top: 10px
    }
}

#warranty_mainte ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#warranty_mainte .warranty_mainte_img1 {
    width: 60%
}

#warranty_mainte .warranty_mainte_img2 {
    width: 38%
}

#warranty_mainte .warranty_mainte_img2 img:nth-of-type(2) {
    margin-top: 5%
}

#warranty_mainte .warranty_mainte_tx {
    width: 18%;
    margin-top: 30px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #0f315a;
    padding: 15px 9px
}

#warranty_mainte .warranty_mainte_tx h4 {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background: #b20000;
    padding: 5px 8px;
    margin-bottom: 10px
}

#warranty_mainte .warranty_mainte_tx .wm_kakaku {
    color: #b20000;
    font-size: 32px;
    margin-top: 10px
}

#warranty_mainte .warranty_mainte_tx .wm_kakaku small {
    font-size: 18px
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    #warranty_mainte .warranty_mainte_tx {
        width: 32%;
        margin-right: 2%;
    }

    #warranty_mainte li:nth-of-type(5) {
        margin-right: 0;
    }

    #warranty_mainte li:nth-of-type(7) {
        margin-right: 34%;
    }
}

@media screen and (max-width: 767px) {
    #warranty_mainte .warranty_mainte_img1 {
        width: 100%
    }

    #warranty_mainte .warranty_mainte_img1 img {
        width: 100%
    }

    #warranty_mainte .warranty_mainte_img2 {
        width: 100%;
        display: flex;
        margin-top: 2%;
    }

    #warranty_mainte .warranty_mainte_img2 img {
        width: 49%
    }

    #warranty_mainte .warranty_mainte_img2 img:nth-of-type(2) {
        margin-left: 2%;
        margin-top: 0;
    }

    #warranty_mainte .warranty_mainte_tx {
        width: 49%;
        margin-top: 10px;
        padding: 8px 3px
    }

    #warranty_mainte .warranty_mainte_tx h4 {
        font-size: 15px;
        padding: 3px 7px;
        margin-bottom: 5px
    }

    #warranty_mainte .warranty_mainte_tx .wm_kakaku {
        font-size: 25px;
        margin-top: 5px
    }


    #warranty_mainte .warranty_mainte_tx .wm_kakaku small {
        font-size: 15px
    }
}

#warranty_etc h4 {
    text-align: center;
    font-size: 26px;
    margin: 80px 0 15px;
    border-bottom: 1px solid #0f315a;
    padding-bottom: 8px
}

@media screen and (max-width: 767px) {
    #warranty_etc h4 {
        font-size: 18px;
        margin: 40px 0 10px;
        padding-bottom: 6px
    }
}