@charset "UTF-8";
.clearfix2::after {
    content: " ";
    display: block;
    clear: both;
}

#main h2 {
    width: calc(100% - 20px);
    margin: 0 0 20px 0;
    padding: 10px 10px 0px 10px;
    font-size: 22.4px;
}

.after_content {
    width: 100%;
    margin: 0 0 80px 0;
    line-height: 1.9;
}

.after_contentInn {
    width: 100%;
    margin: 0 0 80px 0;
}

.afterContent_graph{
    width: 100%;
}
.graph_img {
    width: 36.4%;
    float: left;
}
.graph_img img {
    width: 100%;
}
.graph_txt {
    width: calc(63.6% - 40px);
    margin: 50px 0 0 40px;
    float: right;
}


.warrantyPeriod_txt {
    margin: 0 0 30px 0;
}

.afterContent_thumbnail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.thumbnail {
    width: calc((100% - 15px) / 4);
    margin: 0 0 20px 0;
    display: inline-block;
    line-height: normal;
}

.thumbnail_img {
    width: 100%;
    height: auto;
}
.thumbnail_img img {
    width: 100%;
    height: auto;
}
.thumbnail_title {
    width: 100%;
    text-align: center;
}

.afterContent_repair {
    margin: 0 0 20px 0;
}
.afterContent_repair table {
    width: 100%;
    margin: 0 0 0 0;
}
.afterContent_repair table, td, tr {
    border: 0px none;
    line-height: normal;
}
.afterContent_repair table th {
    padding: 0 0 0 0;
    font-weight: normal;
}
.afterContent_repair table td {
    padding: 0 0 10px 0;
}

.afterContent_warranty {
    width: 100%;
}
.warranty_covered, .warranty_notCovered {
    width: calc((100% - 40px) / 2);
    border: solid 1px #234473;
}
.warranty_covered p, .warranty_notCovered p{
    width: 100%;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    background-color: #234473;
}
.warranty_covered span, .warranty_notCovered span{
    font-size: 28px;
}
.warranty_covered {
    margin: 0 35px 0 0;
    float: left;
}
.warranty_notCovered {
    padding: 0 0 0 0;
    margin: 0 1px 0 0;
    float: right;
}
.warranty_covered ul, .warranty_notCovered ul{
    margin: 10px 0 10px 10px;
}
.warranty_covered ul li, .warranty_notCovered ul li{
    list-style-type: disc;
    margin: 0 0 0 25px;
}

.afterContent_flow {
    display: flex;
    justify-content: space-between;
}
.afterContent_flowInn {
    width: 28%;
}
.afterContent_flowInn .flow_title {
    height: 30px;
    padding-top: 2px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    background-color: #D06738;
}
.afterContent_flowInn .flow_txt {
    width: calc(100% - 20px);
    margin: 5px auto 0;
}
.afterContent_flow .flow_arrow {
    display: flex;
    align-items: center;
}

/* Q & A */
.QandA_category {
    margin: 0 0 10px 0;
    font-size: 16px;
}
.afterContent_QandA .QandA {
    width: calc(100% - 35px);
    margin: 0 0 30px 35px;
}
.afterContent_QandA .QandA .QandA_question, .afterContent_QandA .QandA .QandA_answer {
    width: 100%;
    margin: 0 0 6px 0;
    display: flex;
}
.afterContent_QandA .QandA .QandA_txt {
    width: calc(100% - 40px);
    margin: 0 0 0 10px;
}
.afterContent_QandA .QandA .QandA_question .question_icon, .afterContent_QandA .QandA .QandA_answer .answer_icon  {
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background-color: #D06738;
    display: inline-block;
}
.afterContent_QandA .QandA .QandA_answer .answer_icon {
    background-color: #234473;
}


/* レスポンシブ用 */
@media screen and (max-width:960px){
    @charset "UTF-8";
    #main h2 {
        width: calc(100% - 20px);
        padding: 10px 10px 10px 10px;
    }

    .after_content {
        width: calc(100% - 20px);
        margin: 0 10px 80px 10px;
    }

    /* 保証対象 */
    .afterContent_warranty {
        display: flex;
        justify-content: space-between;
    }
    .warranty_covered, .warranty_notCovered {
        width: calc((100% - 30px) / 2);
    }
    .warranty_covered {
        margin: 0 25px 0 0;
        float: left;
    }
    .warranty_notCovered {
        padding: 0 0 0 0;
        margin: 0 1px 0 0;
        float: right;
    }
}


@media screen and (max-width:767px) {
    @charset "UTF-8";

    #main h2 {
        font-size: 22px;
        line-height: normal;
    }

    .after_content {
        margin-bottom: 40px;
        line-height: 1.8;
    }

    /* グラフ */
    .afterContent_graph{
        width: 100%;
    }
    .graph_img {
        width: 70%;
        margin: 0 15%;
        display: inline-block;
        clear:both;
    }
    .graph_img img {
        width: 100%;
    }
    .graph_txt {
        width: calc(63.6% - 40px);
        width: 100%;
        margin: 50px 0 0 40px;
        clear: both;
    }

    .afterContent_repair table th, td {
        margin: 0 0 100px 0;
        display: table-cell;
    }

    .afterContent_repair table th {
        width: 145px;
    }
    .afterContent_repair table td {
        width: auto;
        padding: 0 0 20px 0;
    }

    /* 保証対象 */
    .warranty_covered, .warranty_notCovered {
        width: calc((100% - 20px) / 2);
    }

    .warranty_covered p, .warranty_notCovered p{
        padding: 5px 0 5px 0;
        font-size: 15px;
    }
    .warranty_covered span, .warranty_notCovered span{
        font-size: 24px;
    }
    .warranty_covered ul, .warranty_notCovered ul{
        margin: 10px 0 10px 5px;
    }
    .warranty_covered ul li, .warranty_notCovered ul li{
        list-style-type: disc;
        margin: 0 0 0 15px;
    }

    /* 保証修理の流れ */
    .afterContent_flowInn .flow_title {
        height: 60px;
        font-size: 14px;
        line-height: 60px;
    }
    .afterContent_flowInn .flow_title_sp {
        font-size: 14px;
        line-height: 30px;
    }

}