@charset "utf-8";

.index_list {
    overflow: hidden;
}

.index_list li {
    width: 305px;
    float: left;
    margin: 20px 20px 20px 0;
}

.index_list li:nth-child(3n) {
    margin: 20px 0 20px 0;
}

.index_list li a {
    text-decoration: none;
}

.index_list li a img {
    width: 100%;
    display: block;
    margin: 0;
}

.index_list li a figcaption {
    padding: 10px 12px;
    color: #fff;
    font-weight: bold;
    /* font-size: 0.9rem; */
    font-size: 13px;
}

.index_list li a figcaption.hoso {
    background: #D00000;
}

.index_list li a figcaption.infra {
    background: #417505;
}

.index_list li a figcaption.jimu {
    background: #1766C1;
}


ul.bxslider li {}

ul.bxslider li img {
    margin: 0 auto;
    display: block;
}

.jigyo_photo {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
}

.jigyo_photo img {
    display: block;
    margin: 0 10px 0 0;
    float: left;
    width: 230px;
}

.jigyo_photo img:last-child {
    margin: 0 0 0 0;
}

.jigyo_photo a {
    display: block;
    margin: 0 10px 0 0;
    float: left;
    width: 230px;
}

.jigyo_photo a:last-child {
    margin: 0 0 0 0;
}

.jigyo_photo p {
    display: block;
    margin: 0 10px 0 0;
    float: left;
    width: 230px;
}

.jigyo_photo p:last-child {
    margin: 0 0 0 0;
}

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

    .index_list {
        overflow: hidden;
    }

    .index_list li {
        width: 48%;
        float: left;
        margin: 2% 2% 2% 0;
        position: relative;
    }

    .index_list li:nth-child(2),
    .index_list li:nth-child(4) {
        float: right;
        margin: 2% 0 2% 0;
    }

    .index_list li:nth-child(3) {
        margin: 2% 2% 2% 0;
    }

    .index_list li a {
        text-decoration: none;
    }

    .index_list li a img {
        width: 100%;
        display: block;
        margin: 0;
    }

    .index_list li a figcaption {
        padding: 4% 3%;
        color: #fff;
        font-weight: bold;
        font-size: 0.7rem;
        line-height: 0.8rem;
        /* position: absolute;
	bottom:0; */
        width: 94%;
        height: 1.5rem;
    }

}


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

    .index_list {
        overflow: hidden;
    }

    .index_list li {
        width: 48%;
        float: left;
        margin: 2% 2% 2% 0;
        position: relative;
    }

    .index_list li:nth-child(2),
    .index_list li:nth-child(4),
    .index_list li:nth-child(6) {
        float: right;
        margin: 2% 0 2% 0;
    }

    .index_list li:nth-child(3) {
        margin: 2% 2% 2% 0;
    }

    .index_list li a {
        text-decoration: none;
    }

    .index_list li a img {
        width: 100%;
        display: block;
        margin: 0;
    }

    .index_list li a figcaption {
        padding: 4% 4%;
        color: #fff;
        font-weight: bold;
        font-size: 0.65rem;
        line-height: 0.8rem;
        /* position: absolute;
	bottom:0; */
        width: 92%;
        height: 1.5rem;
    }

}

/* ============================
   Footer Navigation (#f-gnav)
   ============================ */

#f-gnav {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
}

/* ▼ 親UL（横並び） */
#f-gnav>ul {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding-left: 0;
    margin: 0;
}

#f-gnav>ul>li {
    list-style: none;
}

/* ▼ 見出しリンク */
#f-gnav>ul>li>a {
    display: block;
    padding: 8px 0;
    font-size: 0.95rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

/* ▼ メニューは常時表示（ドロップダウン無し） */
#f-gnav .menu {
    position: static !important;
    max-height: none !important;
    opacity: 1 !important;
    background: #fff !important;
    box-shadow: none !important;
    /* padding-top: 10px; */
}

/* ▼ 3カラム横並び */
#f-gnav .menu .innerbox {
    display: flex;
    justify-content: center;
    gap: 40px;
}

/* ▼ 各カラム */
#f-gnav .menu .menu_inner {
    float: none !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ▼ 左側の縦線 */
#f-gnav .menu .menu_inner li.left {
    border-left: 1px solid #999;
    padding-left: 20px;
}

/* ▼ リンク */
#f-gnav .menu a {
    color: #000;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.2rem;
}

#f-gnav .menu a.inner_ttl {
    display: block;
    font-size: 0.85rem;
    font-weight: bold;
    margin-bottom: 8px;
}

#f-gnav .menu .innerbox {
    width: initial;
    margin: 0 auto;
}

/* ▼ スマホ（767px以下）では非表示 */
@media screen and (max-width: 767px) {
    #f-gnav {
        display: none;
    }
}