/* テーブル両脇の罫線表示 */

.m-table_table > thead > tr > td:first-child, .m-table_table > thead > tr > th:first-child {
    border-left: 1px solid rgb(186, 189, 190);
}

.m-table_table > thead > tr > td:last-child, .m-table_table > thead > tr > th:last-child {
    border-right: 1px solid rgb(186, 189, 190);
}

.m-table_table > tbody > tr > td:first-child, .m-table_table > tbody > tr > th:first-child {
    border-left: 1px solid rgb(186, 189, 190);
}
.m-table_table > tbody > tr > td:last-child, .m-table_table > tbody > tr > th:last-child {
    border-right: 1px solid rgb(186, 189, 190);
}

/* 画像透過用 */

img.opa-05{
    opacity: 0.5;
}

/* m-grid m-box併用 バナー＋テキスト並列配置用 */

.m-grid.m-grid_bnr .m-box_inner {
    border: none;
    padding: 0;
}

.m-image.m-image_left {
    align-items: flex-start;
}

.m-grid.m-grid_bnr .m-box_inner:hover {
    box-shadow: none;
}

/* アンカーリストから下矢印を消す処理 */

.m-link-list-anchor.hide-anchor>li>a:before {
    border: none;
    width: 0px;
}

.m-link-list-anchor.hide-anchor>li>a:after {
    background: none;
    width: 0px;
}

.m-link-list-anchor.hide-anchor>li>a {
    padding-left: 0;
}

/* グリッドモジュール 5カラム用 チップフェライトビーズ個別適用 */

.m-grid.column5 {
    display: flex;
    flex-wrap: wrap
}

.m-grid.column5>.m-grid_column {
    margin-left: 3.5%;
    width: 18.5%
}

.m-grid.column5>.m-grid_column:nth-child(n+1) {
    margin-left: auto
}

.m-grid.column5>.m-grid_column:nth-child(5n+1) {
    margin-left: 0
}

.m-grid.column5>.m-grid_column:nth-child(-n+5) {
    margin-top: 0
}

@media screen and (min-width:769px) {

    /* PC時のみm-tab-line内のアイコンを表示させる */

    .m-tab-line_list.icon li img{
        width:40px;
        height:auto;
        margin-right: 10px;
    }

    /* PC時のみ横幅900pxのボックスを適用させる */

    .box900-pc {
        max-width: 850px;
        margin: 0 auto;
    }

    .box900-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅850pxのボックスを適用させる */

    .box850-pc {
        max-width: 850px;
        margin: 0 auto;
    }

    .box850-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅800pxのボックスを適用させる */

    .box800-pc {
        max-width: 800px;
        margin: 0 auto;
    }

    .box800-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅750pxのボックスを適用させる */

    .box750-pc {
        max-width: 750px;
        margin: 0 auto;
    }

    .box750-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅700pxのボックスを適用させる */

    .box700-pc {
        max-width: 700px;
        margin: 0 auto;
    }

    .box700-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅700pxのボックスを適用させる */

    .box700-pc {
        max-width: 700px;
        margin: 0 auto;
    }

    .box700-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅650pxのボックスを適用させる */

    .box650-pc {
        max-width: 650px;
        margin: 0 auto;
    }

    .box650-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅600pxのボックスを適用させる */

    .box600-pc {
        max-width: 600px;
        margin: 0 auto;
    }

    .box600-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅550pxのボックスを適用させる
    　 チップフェライトビーズ用 */

    .box550-pc {
        max-width: 550px;
        margin: auto;
    }

    .box550-pc .m-grid{
        margin-top: 0;
    }

    .box550-pc .m-grid.column5 .m-image {
        height: 50px;
    }

    /* PC時のみ横幅500pxのボックスを適用させる */

    .box500-pc {
        max-width: 500px;
        margin: 0 auto;
    }

    .box500-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅450pxのボックスを適用させる */

    .box450-pc {
        max-width: 450px;
        margin: 0 auto;
    }

    .box450-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅400pxのボックスを適用させる */

    .box400-pc {
        max-width: 400px;
        margin: 0 auto;
    }

    .box400-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅350pxのボックスを適用させる */

    .box350-pc {
        max-width: 350px;
        margin: 0 auto;
    }

    .box350-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

    /* PC時のみ横幅300pxのボックスを適用させる */

    .box300-pc {
        max-width: 300px;
        margin: 0 auto;
    }

    .box300-pc .m-text-lead_text {
        font-size: 2.5rem;
    }

}

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

    /* TB以下のサイズではm-tab-line内のアイコンを表示させない */

    .m-tab-line_list.icon li img{
        display:none;
        margin: 0;
    }
}

@media screen and (max-width:480px) {
    .m-link.horizontal-sp{
      display: flex;
      align-items: center;
    }
}