/* 
rootカラーを変更することでテーマカラーを一括で変更できます
個別で変えたい箇所は"color: var(--primary-color);"を外して各自カラーを設定してください
*/

:root {
    --primary-color: #fe8685;
  }

.left_control {
    float: none;
    margin-bottom: 8px;
    margin-right: 25px;
}

a {
    text-decoration: none;
    color: #095694
}

a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.nav {
    display: none;
}

p,
li,
dd,
dt,
td {
    font-size: 14px;
    line-height: 21px;
    color: #464646;
}

ol,
ul {
    margin-left: 20px;
}

h1 {
    font-size: 18px;
    color: #8cc63f;
    margin: 30px 0px;

    border-bottom: 1px dotted #B9B9B9;
    padding-bottom: 8px;
}

h2 {
    font-size: 23px;
    margin: 10px 0px;
    line-height: 20px;
    padding: 15px 0px;
    color: var(--primary-color);
}

h3 {
    font-size: 19px;
    margin: 8px 0px;
    line-height: 30px;
    padding: 10px 5px;
    color: #FFFFFF;
    background: #828282;
}

h4 {
    font-size: 16px;
    padding: 5px 0px;
}

h5 {
    font-size: 18px;
    color: #0d54ba;
    margin: 30px 0px 10px 0;
    border-bottom: 1px dotted #B9B9B9;
    padding-bottom: 8px;
}


.span_s {
    font-size: 12px;
}

.span_m {
    font-size: 16px;
    font-weight: bold;
}

.span_l {
    font-size: 19px;
    font-weight: bold;
}

.red_character {
    color: #F70E12;
    font-weight: bold;
}

.black_character {
    color: #0B0B0B;
}

.del {
    color: #F70E12;
}

#red_character {
    color: #F70E12;
    font-weight: bold;
}



.top_subtitle {
    padding: 10px 0 10px 25px !important;
    background: var(--primary-color);
    color: #FFFFFF !important;
    text-align: start;
}

.bottom_pc {
    display: none;
}

.bottom_smart {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/***************** top *****************/


.top_c1 {
    margin: 10px;
    padding: 10px;
    float: left;
    height: 40px;
    width: 90%;
    display: block;
    border: 1px solid #979797;
    background-color: #F8F9F4;
    background-image: url(../img/menu_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    ;
    display: table;
}

.top_c1 p {
    color: #207752;
    display: block;
    padding: 0px 20px 5px 20px;
}

/*#c1color1{background: #0E778E!important;}
#c1color1:before{border-top: 15px solid #207752!important; }
#c1color2{	background: #E11665!important;}
#c1color2:before{border-top: 15px solid #6A6D2D!important; }
#c1color3{	background: #A89A11!important;}
#c1color3:before{border-top: 15px solid #1E6B6D!important; }*/


.top_c1a {
    text-align: center;
}

.top_c1b {
    font-size: 14px;
    line-height: 20px;
    margin-left: 25px;
}

.top_c1b h3 {
    font-size: 22px;
    color: #0F6CB8;
    line-height: 35px;
}

.top_link {
    color: #0F6CB8;
    font-weight: bold;
    text-align: end;
}


.c1color_1 {
    background-color: #FFFFFF
}

.c1color_2 {
    background-color: #fc1a1a
}

.c1color_3 {
    background-color: #076318
}

.c1color_4 {
    background-color: #6a9b15
}

.c1color_5 {
    background-color: #346dd1
}

.c1color_6 {
    background-color: #034682
}

.c1color_7 {
    background-color: #034682
}

.c1color_8 {
    background-color: #034682
}

.c1color_9 {
    background-color: #034682
}

.news {
    display: table;
    margin: 0px 10px;
}

.news_date {
    display: table-cell;
    padding-right: 15px;
}

.news_text {
    display: table-cell;
    padding-bottom: 5px;
}

.kigyo_list1smart dt {
    font-weight: bold;
}

.kigyo_list1smart dd {
    margin-left: 10px;
}

/***********************�󌱑΍�@**********************/
.button_jyukou {
    margin: 25px auto 15px auto;
    text-align: center;
}

.button_jyukou img {
    width: 100%;
    max-width: 800px;
}

.btn_1 {
    width: 185px;
    background-color: #002370;
    padding: 5px 15px;
    margin: 10px;
    border-radius: 5px;
    color: #fff !important;
}

.btn_1 a {
    color: #fff !important;
}


.btn_con {
    width: 100%;
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.btn_2,
.btn_3,
.btn_4 {
    max-width: 320px;
    width: 95% !important;
    padding: 15px 5px;
    margin: 5px 0;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.btn_2 {
    background-color: #e78a38;
    border-radius: 8px;
}


/*button*/
.button {
    width: 90%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 8px 0 10px 15px;
    color: #fff;
    background-color: #4db6ac;
    border-radius: 5px;
    box-shadow: 2px 2px 2px#607D8B;
    text-shadow: 0 -1px #757575;
    margin: 10px;
    background-image: url("../image/pdf.png");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: left 20px center;
}

.button2 a {
    display: block;
    color: #fff;
}

.button2 {
    width: 90%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 8px 0 10px 15px;
    color: #fff;
    background-color: #2A4EE8;
    border-radius: 5px;
    box-shadow: 2px 2px 2px#607D8B;
    text-shadow: 0 -1px #757575;
    margin: 10px;
}

.button2 a {
    display: block;
    color: #fff;
}

/***************** B_gakkai *****************/



@media only screen and (max-width:1000px) {
    .gakkai_list {
        width: 97%;
        margin-top: 10px;
        border: 1px solid #ddd;
        border-collapse: collapse;
    }

    .gakkai_list th {
        padding: 3px 5px;
        font-weight: normal;
        background: #f4f4f4;
        display: block;
        font-size: 13px;
    }

    .gakkai_list td {
        padding: 8px 2px;
        display: block;
    }

    .gakkai_list2 {
        width: 97%;
        border-collapse: collapse;
    }

    .gakkai_list2 th {
        padding: 12px 9px;
        border: 0px solid #ddd;
        background: #f4f4f4;
        width: 97%;
        display: block;
        font-size: 13px;
    }

    .gakkai_list2 td {
        padding: 12px 9px;
        border: 0px solid #ddd;
        width: 97%;
        display: block;
    }

    .gakkai_list3 {
        width: 97%;
        border-collapse: collapse;
    }

    .gakkai_list3 th {
        padding: 5px;
        border: 0px solid #ddd;
        background: #f4f4f4;
        width: 97%;
        display: block;
        font-size: 11px;
    }

    .gakkai_list3 td {
        padding: 5px;
        border: 1px solid #ddd;
        width: 97%;
        display: block;
    }

    .kigyo_list1 {
        display: none;
    }

    .gakkai_list4 {
        width: 97%;
        border-collapse: collapse;
    }

    .gakkai_list4 th {
        padding: 5px;
        border: 1px solid #727272;
        background: #F4f4f4;
        width: 97%;
        display: block;
        font-size: 11px;
    }

    .gakkai_list4 td {
        padding: 5px;
        border: 1px solid #727272;
        width: 97%;
        display: block;
    }

    #num1 {
        background: #7B8CAA;
        color: #FFFFFF;
        text-align: center;
    }

    #num2 {
        background: #CEDBED;
        color: #000000;
    }

    #num3 {
        font-weight: bold;
    }



    /***************** ����o�^ *****************/
    .reg dt {
        font-size: 18px;
        padding: 15px 10px 5px 10px;
        border-bottom: 3px solid #D1D1D1;
        margin: 25px 0px 15px 0px;
        color: #666666;
    }

    .reg2 dt {
        padding: 10px 10px 5px 10px;
        margin: 0px 0px 15px 0px;
        color: #6A4647;
        background-color: #D7DCEB;
    }

    .reg2 dd {
        padding: 10px 10px 5px 10px;
        margin: 0px;
    }

    .reg dd {
        padding: 1px 5px 1px 10px;
    }

    .reg_ul {
        margin-left: 25px;
    }

    .reg_ul li {
        list-style-type: none;
    }

    .reg_ul li:before {
        content: '';
        width: 6px;
        height: 6px;
        display: inline-block;
        border-radius: 100%;
        background: #20B97B;
        position: relative;
        left: -15px;
        top: -3px;
    }

    .reg_ol {
        margin-left: 25px;
        font-weight: bold;
    }

    /***************** �󌱑΍�u�� *****************/
    .number {
        background-color: var(--primary-color);
        padding: 2px 8px;
        text-align: center;
        margin: 0px 10px;
        color: #FFFFFF;
        border-radius: 10px;
    }

    .subtitle_2 {
        padding: 5px;
        font-weight: bold;
        background: #eaf5d3;
        margin: 25px 0px 10px 0 !important;
    }

    /***************** �v���O�����ڍ� *****************/
    .proi_Lcategory {
        text-align: center;
        background: #0A218E;
        color: #FFFFFF;
        padding: 5px;
        margin: 15px 0px;
        margin-top: 30px;
    }

    .proi_Mcategory {
        text-align: center;
        background: #CC0000;
        color: #FFFFFF;
        padding: 5px;
        margin: 15px 0px;
        margin-top: 30px;
    }

    .subline {
        font-weight: bold;
        padding: 10px 5px;
        border-top: #686868 1px solid;
        margin-top: 15px;
    }


    .pro_no {
        font-size: 13px;
        color: #0C2BA0;
        margin-left: 5px;
    }

    .pro_date {
        font-size: 18px;
        margin: 15px 5px;
        color: #FFFFFF;
        border: 1px solid #A2A2A2;
        padding: 5px;
        background: #0288D1
    }

    .pro_area {
        font-size: 15px;
        margin: 15px 5px;
        color: #071952;
        border: 1px solid #A2A2A2;
        padding: 5px;
    }

    .pro_title {
        font-size: 18px;
        margin: 15px 5px;
        color: #071952;
        display: table;
        width: 100%;
    }

    .t1 {
        font-size: 13px !important;
    }

    .pro_user {
        font-size: 14px;
        margin-bottom: 5px;
        margin-left: 10px;
    }

    .pro_space {
        margin-top: 25px;
    }

    .happyou_date {
        margin: 20px 0px 20px 0px;
        font-size: 15px;
        padding: 5px;
        background: #3A7A27;
        color: #FFFFFF;
    }

    .happyou_date2 {
        margin: 20px 0px 20px 0px;
        font-size: 15px;
        padding: 5px;
        color: #FFFFFF;
        background: #ff9900
    }

    .happyou_no {
        font-size: 12px;
        border-bottom: 1px solid #737373;
        padding: 4px 0px;
        margin: 25px 0px 10px 0px;
    }

    .happyou_no1 {
        font-size: 12px;
        padding: 4px;
        margin-right: 20px;
        background: #737373;
        color: #E7E7E7
    }

    .happyou_title {
        color: #2B3F80;
        font-size: 17px;
        line-height: 23px;
        margin: 15px 0px 5px 0px;
        font-weight: bold;
    }

    .happyou_subtitle {
        color: #666868;
        font-size: 13px;
        margin-left: 10px;
    }

    .happyou_name {
        color: #979797;
        font-size: 14px;
        margin-left: 10px;
    }

    .happyou_back {
        color: #979797;
        text-align: right;
        margin: 20px 0px 20px 0px;
        font-size: 13px;
    }

    .top_f1 {
        margin: 15px 10px 5px 0px;
        padding: 30px 5px;
        width: 99%;
        border: 1px solid #FFFFFF;
        background-color: #FF4106;
        border-radius: 10px;
        background-image: url(../image/arrow.png);
        background-position: center right;
        background-repeat: no-repeat;
    }

    .top_f1a {
        color: #FFFFFF;
        font-size: 33px;
        font-weight: bold;
        line-height: 28px;
        display: table-cell;
        /* vertical-align: middle; */
        padding: 10px;
        display: block;
    }

    .top_f1a a:hover {
        color: #FFED00 !important;
    }

    .top_f2 {
        margin: 15px 10px 5px 0px;
        padding: 30px 5px;
        width: 99%;
        border: 1px solid #FFFFFF;
        background-color: #03367A;
        border-radius: 10px;
        background-image: url(../image/arrow.png);
        background-position: center right;
        background-repeat: no-repeat;
    }

    .top_f2a {
        color: #FFFFFF;
        font-size: 33px;
        font-weight: bold;
        line-height: 28px;
        display: table-cell;
        /* vertical-align: middle; */
        padding: 10px;
        display: block;
    }

    .top_f2a a:hover {
        color: #FFED00 !important;
    }

    .pro_no {
        display: flex;
        align-items: center;
    }

    .pro_no:after {
        border-top: 1px dotted;
        content: "";
        flex-grow: 1;
    }

    .pro_no:after {
        margin-left: 1rem;
    }

    /********************* �e�L�X�g *********************/
    .text_dd h3 {
        margin: -5px 0 5px;
    }

    .text_dd dd {
        font-size: 15px !important;
        line-height: 27px;
        color: hsla(0, 0%, 42%, 1.00);
    }

    /********************* qa *********************/
    .qa {
        margin-left: 0;
        padding-left: 5px;
    }

    .qa_q {
        font-size: 15px !important;
        margin-top: 5px;
        list-style-type: none;
        list-style-position: outside;
        background-image: url(../image/0-01.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 30px;
        padding: 5px 10px 5px 30px;
        padding-left: 40px !important;
        color: #044F9E;
    }

    .qa_a {
        background: #fbf5fc;
        list-style-type: none;
        list-style-position: outside;
        background-image: url(../image/0-02.png);
        background-repeat: no-repeat;
        background-position: 3px 8px;
        background-size: 30px;
        padding: 10px;
        padding-left: 40px;
        vertical-align: top;
        border: 1px solid #C4C4C4;
    }

    .qa_a2 {
        margin-bottom: 5px;
        padding-left: 25px;
        list-style-type: none;
        list-style-position: outside;
        background-repeat: no-repeat;
        padding-right: 15px;
    }

    .qa_o {
        margin-bottom: 25px;
        list-style-type: none;
        padding-right: 15px;
    }

    /**************************************************/

    .accordion2 {
        list-style-type: none;
    }

    .accordion2 .inner {
        display: none;
    }

    .accordion2 p {
        cursor: pointer;
        padding: 10px;
    }

    /* .accordion2 .inner li {} */

    .area {
        padding: 10px 30px;
        font-weight: bold;
        font-size: 17px;
        float: left;
    }
}