﻿html, body {
    /*min-width: 1000px;*/
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

table {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}


.tbl-col1 {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}


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

    .last td:last-child {
        border-bottom: solid 1px #ccc;
        width: 100%;
    }

    .tbl-col1 {
        border-collapse: collapse; /* セルの隙間をなくす */
        border-spacing: 0; /* セル間のスペースを0に */
    }

        .tbl-col1 th, .tbl-col1 td {
            /*border-bottom: 1px black;*/
            display: block;
            width: 100%;
            text-align: left;
        }

    .tbl-col2 {
        width: 100%;
        border-collapse: collapse; /* セルの隙間をなくす */
        border-spacing: 0; /* セル間のスペースを0に */
    }

        .tbl-col2 th, .tbl-col2 td {
            display: table-cell;
            width: calc(50% - 10px); /* 横2列 */
            text-align: left;
            vertical-align: central;
        }

    .sp-img {
        max-width: 100%;
        height: auto;
    }

}

.styleP02-1 {
    font-size: 12px;
    border: 1px solid #F4B082;
    background-color: #F4B082;
    text-align: center;
}

.styleP02-2 {
    font-size: 12px;
    border: 1px solid #F4B082;
    text-align: left;
}

.styleP05-1 {
    font-size: 12px;
    border: 1px solid #F4B082;
    background-color: #F4B082;
    text-align: center;
}

.styleP05-2 {
    font-size: 12px;
    border: 1px solid #E69ABA;
    text-align: left;
}

.styleP1-1 {
    font-size: 12px;
    border: 1px solid #FFF096;
    background-color: #FFF096;
    text-align: center;
}

.styleP1-2 {
    font-size: 12px;
    border: 1px solid #FFD350;
    text-align: left;
}

.styleP2-1 {
    font-size: 12px;
    border: 1px solid #E69ABA;
    background-color: #E69ABA;
    text-align: center;
}

.styleP2-2 {
    font-size: 12px;
    border: 1px solid #E69ABA;
    text-align: left;
}

.styleP4-1 {
    font-size: 12px;
    border: 1px solid #FFD350;
    background-color: #FFD350;
    text-align: center;
}

.styleP4-2 {
    font-size: 12px;
    border: 1px solid #FFD350;
    text-align: left;
}

.styleS2-1 {
    font-size: 12px;
    border: 1px solid #F4B082;
    background-color: #F4B082;
    text-align: center;
}

.styleS2-2 {
    font-size: 12px;
    border: 1px solid #F4B082;
    text-align: left;
}

.styleS5-1 {
    font-size: 12px;
    border: 1px solid #88C99D;
    background-color: #88C99D;
    text-align: center;
}

.styleS5-2 {
    font-size: 12px;
    border: 1px solid #88C99D;
    text-align: left;
}

.styleS10-1 {
    font-size: 12px;
    border: 1px solid #7BCDEE;
    background-color: #7BCDEE;
    text-align: center;
}

.styleS10-2 {
    font-size: 12px;
    border: 1px solid #7BCDEE;
    text-align: left;
}

.styleS20-1 {
    font-size: 12px;
    border: 1px solid #64B0D5;
    background-color: #64B0D5;
    text-align: center;
}

.styleS20-2 {
    font-size: 12px;
    border: 1px solid #64B0D5;
    text-align: left;
}

.font9 {
    font-size: 9px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font10 {
    font-size: 10px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font11 {
    font-size: 11px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font12 {
    font-size: 12px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font13 {
    font-size: 13px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font14 {
    font-size: 14px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font15 {
    font-size: 15px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.font16 {
    font-size: 16px;
    font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}
