@charset "utf-8";

/* -----------------------------------------------------------

    機能ページ

----------------------------------------------------------- */
/*余白の調整*/
.contentsWrap {
    padding: 80px 0;
}

.result_procas .contentsWrap {
    padding: 120px 0 80px 0;
}

/*サイトリスト*/
.site_list02 .contentsWrap {
    padding: 80px 0 0 0;
}

/* -----------------------------------------------------------
    機能一覧表
----------------------------------------------------------- */
.function_list_body {
    background-color: #014476;
    color: #fff;
    padding: 32px 24px;
    border-radius: 8px;
    display: flex;
}

/*タイトル*/
.function_list_body h3 {
    width: 13%;
    font-size: 22px;
}

/*一覧*/
.function_list_table {
    display: flex;
    flex-wrap: wrap;
    width: 87%;
}

/*区切り線*/
.function_list_table hr {
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: #fff;
    width: 100%;
    margin-bottom: 32px;
}

/*機能リスト*/
.function_list_table .listSet {
    width: 30%;
    margin: 0 1.5% 32px 1.5%;
}

.function_list_table .listSet h4 {
    margin-bottom: 16px;
    font-size: 20px;
}

.function_list_table .listSet .functionList {
    font-size: 16px;
}

.function_list_table .listSet .functionList li {
    position: relative;
    list-style-type: disclosure-closed;
    margin-bottom: 6px;
    margin-left: 1em;
}

/*ボタン*/
.function_list .btArea {
    margin: 64px auto 0 auto;
}

.function_list .btArea a {
    margin: 1.5% 1%;
}

/*----------------------------------------------------

	 1000px以下

----------------------------------------------------*/
@media screen and (max-width: 1000px) {
    .function_list_body {
        display: block;
    }

    /*タイトル*/
    .function_list_body h3 {
        width: 96%;
        text-align: center;
        margin-bottom: 32px;
        background-color: #fff;
        color: #014476;
        border-radius: 4px;
        padding: 4px 2%;
    }

    /*一覧*/
    .function_list_table {
        width: 100%;
    }
}

/*----------------------------------------------------

	 768px以下

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

    /*余白の調整*/
    .contentsWrap {
        padding: 64px 0 40px 0;
    }

    .result_procas .contentsWrap {
        padding: 48px 0;
    }

    /* -----------------------------------------------------------
    機能一覧表
----------------------------------------------------------- */
    /*アコーディオン*/
    .functionList {
        display: none;
    }

    .listTitle {
        padding: 0;
        color: #fff;
        font-size: 20px;
        position: relative;
    }

    .listTitle::before {
        /* 閉じている時 */
        content: "＋";
        position: absolute;
        right: 20px;
    }

    .listTitle.active::before {
        /* 開いている時 */
        content: "－";
    }

    .function_list_body {
        padding: 32px 5%;
    }

    /*一覧*/
    .function_list_table {
        display: block;
    }

    .function_list_table .listSet .functionList {
        margin-top: 24px;
    }

    .function_list_table .listSet {
        width: 100%;
        margin: 0 0 24px 0;
        border-bottom: solid 1px #FFF;
        padding-bottom: 24px;
    }

    .function_list_table .listSet h4 {
        font-size: 17px;
        margin-bottom: 0;
    }

    /*区切り線*/
    .function_list_table hr {
        display: none;
    }
}