@charset "utf-8";

/* ========================================
 * �e�[�u�� �u�����Ɋւ��邨�葱���ɂ‚��āv
 * ======================================== */

table.type02 {
    border-collapse: collapse;
    width:100%;
    background-color: #cccccc;

}

table.type02 thead {
    background-color: #efece7;
    margin: 1px;
    padding: 10px;
    font-style: normal;
    font-weight: nomal;
    text-align: left;
    vertical-align: middle;

}

table.type02 thead tr {
    padding-left:15px;
    height:100px;
    border: 1px solid gray;

}

table.type02 thead tr th {
    padding-left:15px;
    vertical-align: middle;
    border: 1px solid gray;
}

table.type02 tbody tr td {
    padding:15px;
    text-align: left;
    vertical-align: middle;
    background-color: #fff !important;
    border: 1px solid gray;
}

table.type02 td > ul {
    margin:10px 10px 0px 30px;
    list-style-type: disc;
    background-color: #fff !important;
    padding-bottom:20px;
}

table.type02 td > ul.no-marker {
    margin-left:15px;
    list-style-type: none;
}

table.type02 td > ul > li > a {
    color: #004498;
    overflow: hidden;
    outline: none;
    font-weight:bold;
}

.w40p {
    width:46%;
}
.w32p {
    width:30%;
}
.w28p {
    width:24%;
}

@media (max-width: 768px) {
    table.type02,
    table.type02 thead,
    table.type02 tbody,
    table.type02 th,
    table.type02 td,
    table.type02 tr {
        display: block;
        width:100%;
        border:none !important;
        padding:0px 0px 0px 0px !important;
    }

    table.type02 thead {
        display: none;
        padding:0px ;
    }

    table.type02 td {
        border:none;
        position:relative;
    }

    table.type02 td::before {
        content:attr(data-label);
        display: flex;
        font-weight:bold;
        background-color: #efece7;
        min-height: 60px;
        text-align: left;
        align-items: center ;
        padding: 8px;
    }
}


/* ========================================
 * �e�[�u�� �u���ʌ����̌����Ǘ��@�ցv
 * ======================================== */
.tableSection {
    margin: 5px 0 15px 0;
}

table.type01 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #cccccc;
    word-wrap: break-word;
}

table.type01 th {
    background-color: #efece7;
    border: 1px solid #fff;
    margin: 1px;
    padding: 10px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

table.type01 td {
    background-color: #fff;
    padding: 10px;
    margin: 1px;
    vertical-align: middle;
}

caption {
    text-align: left;

}
.center {
    text-align: center;
}
.image-container {
display: flex;
    flex-direction: column; /* �c�����ɕ��ׂ� */
    align-items: center;

}
.image-container img {
    display: block; /* �摜����̗]�����Ȃ��� */
}

.flex {
    display: flex;
}
.flexText {
    margin-right: 20px;
    min-width: max-content;
}
.w20p {
    width: 20% !important;
}
.w80p {
    width: 80% !important;
}