@charset "UTF-8";

/* CSS Document */

/* ================================================================================================================ */

/* all device */

@media (min-width:0px) and (max-width: 9999px) {

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput h4 {
        font-size: 2.0rem;
        margin-bottom: 1.4rem !important;
        font-weight: normal;
    }
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput label {
        /* font-size: 1.4rem; */
        font-size: 1.6rem;
        margin-bottom: 0.5rem !important;
        font-weight: normal;
    }

    /*============================
    #search_area_prefectureList
    ============================*/

    /* search/sanjyo.php */

    #main div.hierarchy_search>div.container {
        padding: 0;
        margin: 0;
        font-weight: 500;
        line-height: 1.6;
    }
    #main div.hierarchy_search>div.container>main>div.py-5.text-center>h2 {
        font-size: 3.2rem;
        margin-bottom: 2.2rem;
        letter-spacing: 1px;
        font-weight: normal;
    }
    #main div.hierarchy_search>div.container>main>div.py-5.text-center>p.lead {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    #main div.hierarchy_search>div.container>main>div.d-flex.justify-content-center.flex-row.flex-wrap.g-5>div.m-1>a.btn.btn-outline-secondary {
        font-size: 1.7rem;
        padding: 0.6rem 1.2rem;
    }
    #main div.hierarchy_search>div.container>main>div.d-flex.justify-content-center.flex-row.flex-wrap.g-5>div.m-1 {
        padding: 0 0.15rem;
    }

    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>thead>tr>th {
        font-size: 1.7rem;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td {
        vertical-align: middle;
    }


    /*============================

    ============================*/
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5 {
        font-size: 1.6rem;
        padding: 0;
        margin: 0;
        font-weight: normal;
    }
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>h4 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>thead>tr {
        font-size: 1.8rem;
        padding: 0;
        margin: 0;
        font-weight: normal;
    }
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td {
        font-size: 1.5rem;
        padding: 1rem 1rem;
    }


}

/* ================================================================================================================ */

@media (min-width:0px) and (max-width: 9999px) {
        #main {
            /* background-color: #f8f9fa!important; */
        }
        #main div.hierarchy_search {
            background-color: transparent !important;
        }

        #main div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.py-5.text-center,
        #main > div > div > main > div.py-5.text-center.memberSearchFront {
            margin-top: 2.6rem;
        }

        #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td>a {
            /*color: #0d6efd;*/
        }

        #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5 {
            padding-top: 0 !important;
        }
        #main div.hierarchy_search>div.container>main>div.row.g-5 {
            padding-top: 2.5rem !important;
        }
        #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5 {
            margin-bottom: 2rem !important;
        }
        main#main section#banner_ad.banner_ads {
            margin-top: 65px;
        }
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput h4 {
            font-size: 2.3rem;
            margin-bottom: 1.4rem !important;
        }

        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput input,
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select,
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select option {
            /* box-shadow: 0px 3px 3px #f1f1f1; */
            background-color: #f1f1f1;
        }

        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput input ,
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select ,
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select option
         {
            /* font-size: 1.4rem; */
            font-size: 1.6rem;
            padding: 0.7rem 1.5rem;
        }
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput a {
            /*color: #0d6efd;*/
        }
        #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data {
            font-size: 1.6rem;
            padding: 0;
            margin: 0;
            font-weight: normal;
        }
        #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data > h3 {
            font-size: 2.4rem;
        }
        #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th {
            text-align: left !important;
            font-size: 1.8rem;

            text-align: left !important;
            font-size: 1.8rem;
            padding: 0.5rem 1rem 0.5rem 0;
            vertical-align: top;
        }
        #main div.hierarchy_search a {
            /*color: #0d6efd !important;*/
        }
        #main div.hierarchy_search a:hover {
            /*color: hsl(263deg 98% 33%) !important;*/
            opacity: 0.7 !important;
        }
        #main div.hierarchy_search a:active {
            /*color: hsl(263deg 98% 33%) !important;*/
            opacity: 0.7 !important;
        }
        #main div.hierarchy_search a:visited {
            /*color: hsl(263deg 98% 33%) !important;*/
        }

        #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table tr:not(:first-child) th {
            font-weight: normal;
        }
        #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table {
            margin-top: 0.2rem;
        }
        #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput {
            margin-top: 3rem;
        }


    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td a,
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td {
        font-size: 1.6rem;
    }
    #main div.hierarchy_search>div.container>main h4.listHeader {
        font-size: 2.4rem;
        margin-bottom: 1rem;
    }
    #main div.hierarchy_search>div.container>main p.counter {
        font-size: 2.0rem;
        margin-bottom: 0.2rem;
    }


}

@media (min-width: 1200px) and (max-width:9999px) {


    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput {
        margin-top: 4rem;
    }


}
@media (min-width: 1000px) and (max-width:1199px) {
}


@media (max-width:1199px) {
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput h4 {
        text-align: center;
    }

}

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

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput {
        display: block;
        width: 100%;
        margin-bottom: 1.2rem;
    }


}

@media (min-width: 1200px) {

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput.selectCategory {
        padding-right:20px;
    }
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput.selectAddress {
        padding-left:20px;
    }


}

@media (min-width: 992px) {

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput.selectCategory > div.row {
        margin-bottom: 1.5rem !important;
    }

    #main div.hierarchy_search {
        padding: 0 38px !important;
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent !important;
    }

    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data {
        margin-top:2rem;
    }


}
@media (max-width: 991px) {

    #main div.hierarchy_search {
        padding: 0 32px !important;
    }

    #banner_ad {
        padding-top: 50px;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data {
        font-size: 1.6rem;

        overflow-x: scroll;
        width: 100%;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data > h3 {
        font-size: 2.4rem;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table {
        width: 100%;
        min-width:991px;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th {
        text-align: left !important;

        font-size: 1.4rem;
        vertical-align: top;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th a {
        /*color: #0d6efd;*/

        font-size: 1.4rem;
    }
    main#main section#banner_ad.banner_ads {
        margin-top: 52px;
    }

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput {
        margin-top: 2.8rem;
    }

    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.py-5.text-center {
        margin-bottom: 0;
        padding-bottom: 1.6rem !important;
    }

    #main div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.d-flex.justify-content-center.flex-row.flex-wrap.g-5>div.m-1>a.btn.btn-outline-secondary {
        font-size: 1.2rem;
        padding: 0.5rem 1.2rem;
    }


    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td a,
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td {
        font-size: 1.2rem;
    }

    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5 {
        font-size: 1.4rem;
    }
    #main div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>h4 {
        font-size: 1.4rem;
        margin-bottom: 1.5rem;
    }

    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>thead>tr>th {
        font-size: 1.2rem;
    }
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td,
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td>a {
        font-size: 1.2rem;
        padding: 0.6rem 0.6rem;
    }

    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td>a {
        padding: 0;
    }

    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5 {
        padding-top: 0 !important;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5 {
        padding-top: 1.8rem !important;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5 {
        margin-bottom: 0.7rem !important;
    }

    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>thead>tr>th {
        font-size: 1.5rem;
    }



    #main div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.py-5.text-center,
    #main > div > div > main > div.py-5.text-center.memberSearchFront {
        margin-top: 0.6rem;
    }


    #main div.hierarchy_search>div.container>main h4.listHeader {
        font-size: 1.8rem;
        margin-bottom: 0.6rem;
    }
    #main div.hierarchy_search>div.container>main p.counter {
        font-size: 1.55rem;
        margin-bottom: 0;
    }


}
@media (max-width: 767px) {

    #main div.hierarchy_search {
        padding:0 20px !important;
    }



}
@media (max-width: 575px) {


    #main div.hierarchy_search {
        padding: 0 14px !important;
    }

    #main div.hierarchy_search>div.container>main>div.py-5.text-center>h2 {
        font-size: 2.2rem;
        margin-bottom: 2rem;
        letter-spacing: 1px;
    }
    #main div.hierarchy_search>div.container>main>div.py-5.text-center>p.lead {
        font-size: 1.4rem;
        text-align: justify;

    }
    #main > div > div > main > div.py-5.text-center.memberSearchFront {
        margin-bottom: 2.6rem;
        padding-bottom: 0 !important;
    }
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput h4 {
        font-size: 1.6rem;
        margin-bottom: 1.4rem !important;
    }

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput input ,
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select ,
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select option
     {
        font-size: 1.3rem;
    }

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput.selectAddress > div.row > div {
        margin-bottom: 1.0rem;
    }

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput label {
        font-size: 1.4rem;
    }

    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput input, #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select, #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select option {
        font-size: 1.4rem;
        padding: 0.4rem 0.9rem;
    }


}

@media (min-width:641px) and (max-width: 991px) {

    main#main section#banner_ad.banner_ads {
        margin-top: 64px;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th,
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th a {
        font-size: 1.6rem;
    }

    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>thead>tr>th {
        font-size: 1.4rem;
    }
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td,
    div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td>a {
        font-size: 1.4rem;
    }





}
@media (min-width:576px) and (max-width: 991px) {


    /* sanjyo_page */

    #main div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.d-flex.justify-content-center.flex-row.flex-wrap.g-5>div.m-1>a.btn.btn-outline-secondary {
        font-size: 1.4rem;
        padding: 0.5rem 0.8rem;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td a,
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>tbody>tr>td {
        font-size: 1.4rem;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5 {
        padding-top: 0 !important;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5 {
        padding-top: 1.8rem !important;
    }
    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5 {
        margin-bottom: 0.8rem !important;
    }

    #main div.hierarchy_search>div.container>main>div.row.g-5>div.col-md-12.col-lg-12.pt-5>div.table-responsive>table.table.table-striped.text-nowrap>thead>tr>th {
        font-size: 1.6rem;
    }

    #main div.bg-light.sanjyo_page.hierarchy_search>div.container>main>div.py-5.text-center,
    #main > div > div > main > div.py-5.text-center.memberSearchFront {
        margin-top: 2.0rem;
    }


    #main div.hierarchy_search>div.container>main h4.listHeader {
        font-size: 2.0rem;
    }
    #main div.hierarchy_search>div.container>main p.counter {
        font-size: 1.6rem;
    }


    /* search index */

    #main div.hierarchy_search>div.container>main>div.py-5.text-center>h2 {
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }
    #main div.hierarchy_search>div.container>main>div.py-5.text-center>p.lead {
        font-size: 1.5rem;
    }
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput h4 {
        font-size: 1.7rem;
    }
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput label {
        font-size: 1.5rem;
    }
    #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput input, #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select, #main div.hierarchy_search>div.container>main div.memberSearchForm div.memberSearchFormInput select option {
        font-size: 1.4rem;
    }
    #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th, #main div.hierarchy_search>div.container>main>div.col-md-12>div.row.filter_data table.table th a {
        font-size: 1.4rem;
    }

}
@media (max-width: 575px) {

}


@media (max-width: 375px) {

}
@media (max-width: 350px) {

}

/* ================================================================================================================ */



/*============================
css settings (multi-device)
============================*/


/* all device */

@media (min-width:0px) and (max-width: 9999px) {

}

/* pc */

@media (min-width:992px) and (max-width: 9999px) {

}
@media (min-width: 992px) {
    /* sub breakpoint 1 */
}

@media (min-width: 1200px) {
    /* 1200px = kijun no breakpoint */
}

@media (min-width: 1450px) {
    /* sub breakpoint 2 */
}

@media (min-width: 1921px) {
    /* sub breakpoint 2 */
}


/* tablet */

@media (min-width:641px) and (max-width: 767px) {
    /* 767px = kijun no breakpoint */
}

@media (min-width:641px) and (max-width: 991px) {
    /* sub breakpoint 1 */
}


/* smartphone */

@media (min-width:0px) and (max-width: 640px) {

}
@media (max-width: 350px) {
    /* sub breakpoint 1 */
}

@media (max-width: 375px) {
    /* 375px = kijun no breakpoint */
}

@media (max-width: 425px) {
    /* sub breakpoint 2 */
}

@media (max-width: 577px) {
    /* sub breakpoint 3 */
}

@media (max-width: 640px) {
    /* sub breakpoint 4 */
}

.form-check-inline label{
    margin-right: 10px;
}