@import url(./bousai_body.css);
@import url(./topFreearea_map.css);

/* 横スクロールバー禁止 */
html, body {
    overflow-x: hidden;
}

/* body */
body {
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

#navi_tab_406 {
    display: none !important;
}

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

    /*L-Alert内容表示用 start */
    #pcx_detail, .pcx_detail {
        width: 100%;
    }

        #pcx_detail th, #pcx_detail td, .pcx_detail th, .pcx_detail td {
            padding: 6px;
        }

        #pcx_detail th, .pcx_detail th {
            width: 15%;
            text-align: center;
        }

        #pcx_detail td, .pcx_detail td {
            width: 85%;
        }

    .evacuation_bold {
        font-weight: bold;
    }
    /*L-Alert内容表示用 end */

    /* L-Alert内容表示用 ver2.1 避難情報 start */
    #pcx_evacuation, .pcx_evacuation {
        width: 100%;
    }

        #pcx_evacuation th, #pcx_evacuation td, .pcx_evacuation th, .pcx_evacuation td {
            padding: 6px;
        }

        #pcx_evacuation th, .pcx_evacuation th {
            width: 20%;
            text-align: center;
        }

        #pcx_evacuation td, .pcx_evacuation td {
            width: 40%;
        }
    /* L-Alert内容表示用 ver2.1 避難情報 end */
}

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

    /* L-Alert内容表示用 start */
    #pcx_detail, .pcx_detail {
        width: 100%;
    }

        #pcx_detail th, #pcx_detail td, .pcx_detail th, .pcx_detail td {
            padding: 6px;
        }

    .evacuation_bold {
        font-weight: bold;
    }
    /* L-Alert内容表示用 end */

    /* L-Alert内容表示用 ver2.1 避難情報 start */
    #pcx_evacuation, .pcx_evacuation {
        width: 100%;
    }

        #pcx_evacuation th, #pcx_evacuation td, .pcx_evacuation th, .pcx_evacuation td {
            padding: 6px;
        }

        #pcx_evacuation tr:first-child td, .pcx_evacuation tr:first-child td {
            border-top: none;
        }
    /* L-Alert内容表示用 ver2.1 避難情報 end */
}



/* 緊急情報・新着情報 共通エリア start */

.kinkyu_list_area {
    background-color: var(--background-color,#fff);
}

/* 5件以上のときマウスホイールスクロール（緊急情報） */
.kinkyu_list_area .kinkyuTxt {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.kinkyu_list_area .kinkyuTxt::-webkit-scrollbar {
    width: 6px;
}

.kinkyu_list_area .kinkyuTxt::-webkit-scrollbar-track {
    background: #fceaea;
    border-radius: 3px;
}

.kinkyu_list_area .kinkyuTxt::-webkit-scrollbar-thumb {
    background: #841518;
    border-radius: 3px;
}

.area_news {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 39px;
    background-color: var(--background-color,#FFFCF7);
}

.area_news_follower {
    max-width: 1050px;
    margin: 0 auto;
}
/* 緊急情報・新着情報 共通エリア end */

/* 緊急情報 start */
.kinkyuBlock {
}

.kinkyuTtl {
    display: grid;
    grid-template-columns: 119px 1fr 119px;
    align-items: center;
    position: relative;
    min-height: 50px;
    background-color: var(--background-color,#FEECEC);
    border-bottom: 2px solid #841518;
}

    .kinkyuTtl::before {
        content: "";
        width: 119px;
        height: 1px;
    }

.centerTitle {
    position: static;
    display: flex;
    justify-content: center;
    grid-column: 2;
    font-size: 1.38em;
    letter-spacing: 1.76px;
}

    .centerTitle h2 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: none;
        text-align: center;
        font-weight: 500;
        color: var(--text-color,#841518);
    }

        .centerTitle h2::before {
            content: "";
            display: inline-block;
            width: 26px;
            height: 23px;
            background-image: url('../images/bousai/caution.png');
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 11px;
            transform: translateY(2px);
        }

.kinkyuTtl .listLinkArea {
    grid-column: 3;
    justify-self: end;
    width: 114px;
    border-radius: 2px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 3px;
    box-sizing: border-box;
    background-color:var(--background-color,#fff);
}

    .kinkyuTtl .listLinkArea::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 10px;
        background-image: url('../images/bousai/bousai_arrow_red.png');
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 9px;
        transform: translateY(1px);
    }

    .kinkyuTtl .listLinkArea a {
        font-weight: 500;
        position: relative;
        color:var(--text-color,#333);
    }

        .kinkyuTtl .listLinkArea a::before {
            content: "";
            position: absolute;
            width: 114px;
            height: 30px;
            transform: translate(-34px, -3px);
        }

.kinkyuTxt li {
    display: flex;
    flex-wrap: wrap;
}

.nodata {
    background-color: var(--background-color,#FFF);
}
    .kinkyuTxt li:first-child {
        padding-top: 22px;
        padding-left: 30px;
        padding-bottom: 16px;
    }

    .kinkyuTxt li:not(:first-child) {
        padding-left: 30px;
        padding-bottom: 16px;
    }

    .kinkyuTxt li:last-child {
        padding-left: 30px;
        padding-bottom: 22px;
    }

.kinkyuTxt .koushinDay {
    padding-right: 14.5px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 500;
}

.kinkyuTxt .k_naiyo {
    max-width: 680px;
}

li.nodata {
    text-align: left;
    padding: 10px 0px 10px 15px;
}

@media screen and (max-width:1100px) {
    .kinkyuBlock {
        width: 900px;
        margin: 0px auto;
    }

    .kinkyuTxt li:first-child {
        padding-left: 30px;
        padding-right: 30px;
    }

    .kinkyuTxt li:not(:first-child) {
        padding-left: 30px;
        padding-right: 30px;
    }

    .kinkyuTxt li:last-child {
        padding-left: 30px;
        padding-right: 30px;
    }

    .kinkyuTxt .k_naiyo {
        max-width: 630px;
    }
}

@media screen and (max-width:950px) {
    .kinkyuTxt li {
        display: block;
    }

    .kinkyuBlock {
        width: 700px;
        margin: 0px auto;
    }

    .kinkyuTxt li:first-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kinkyuTxt li:not(:first-child) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kinkyuTxt li:last-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kinkyuTxt .k_naiyo {
        max-width: unset;
    }
}

@media screen and (max-width:767px) {
    .kinkyuTxt li {
        display: block;
    }

    .kinkyuBlock {
        width: 550px;
        margin: 0px auto;
    }

    .kinkyuTxt li:first-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kinkyuTxt li:not(:first-child) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kinkyuTxt li:last-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kinkyuTxt .k_naiyo {
        max-width: unset;
    }
}

@media screen and (max-width:600px) {
    .kinkyuTxt li {
        display: block;
    }

    .kinkyuBlock {
        width: 350px;
        margin: 0px auto;
    }

    .kinkyuTxt li:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .kinkyuTxt li:not(:first-child) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .kinkyuTxt li:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .kinkyuTxt .k_naiyo {
        max-width: unset;
    }

    /* ここで2列表示にする start */
    .kinkyuTtl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 8px;
        position: relative;
        min-height: auto;
        text-align: center;
        padding: 12px 16px 14px;
    }

    .kinkyuTtl::before {
        display: none;
    }

    .centerTitle {
        position: static;
        display: flex;
        justify-content: center;
        width: 100%;
        left: auto;
        transform: none;
        margin-bottom: 0;
    }

        .centerTitle h2 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transform: none;
            text-align: center;
        }

    .kinkyuTtl .listLinkArea {
        margin-right: 0;
        margin-left: 0;
        width: auto;
        min-width: 114px;
        padding: 8px 16px;
        transform: none;
    }
    /* ここで2列表示にする end */
}

/* 緊急情報 end */

/* 新着情報 start */

.naiyo {
    background-color: var(--background-color,#fff);
}
.newInfo {
    margin-top: 35px;
}

.newTtl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    min-height: 50px;
    background-color: var(--background-color,#EAFBFB);
    border-bottom: 2px solid #909090;
}

    .newTtl h2 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-size: 1.38em;
        font-weight: 500;
        letter-spacing: 1.76px;
        color: var(--text-color,#065EB3);
    }

        .newTtl h2::before {
            content: "";
            display: inline-block;
            width: 22px;
            height: 21px;
            background-image: url('../images/bousai/icon-info.svg');
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 11px;
            transform: translateY(2px);
        }

    .newTtl .listLinkArea {
        width: 114px;
        border-radius: 2px;
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 3px;
        box-sizing: border-box;
        background-color: var(--background-color,#fff);
    }

        .newTtl .listLinkArea::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 10px;
            background-image: url('../images/bousai/bousai_arrow_red.png');
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 9px;
            transform: translateY(1px);
        }

        .newTtl .listLinkArea a {
            font-weight: 500;
            position: relative;
            color: var(--text-color,#333);
        }

            .newTtl .listLinkArea a::before {
                content: "";
                position: absolute;
                width: 114px;
                height: 30px;
                transform: translate(-34px, -3px);
            }

#rss {
    margin-left: auto;
    margin-right: 17px;
    font-size: 14px;
    letter-spacing: 1.12px;
    font-weight: 500;
    opacity: 1;
    transform: translateY(2px);
    color:var(--text-color,#333)
}

.naiyo .news_list_area li {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 1px solid #E5E7EB;
}


.naiyo .news_list_area article {
    display: flex;
    flex-wrap: wrap;
}

    .naiyo .news_list_area article .koushinDay {
        padding-right: 14.5px;
        font-weight: 500;
    }


    .naiyo .news_list_area article .kijiTtl {
        max-width: 740px;
    }

        .naiyo .news_list_area article .kijiTtl a {
            font-weight: 500;
            color: var(--text-color,#333);
        }

p.nodata {
    text-align: left;
    padding: 20px 0px 30px 30px;
}

@media screen and (max-width:1100px) {
    .newInfo {
        width: 900px;
        margin: 0px auto;
        margin-top: 30px;
    }

    .naiyo .news_list_area li:first-child {
        padding-left: 30px;
        padding-right: 30px;
    }

    .naiyo .news_list_area li:not(:first-child) {
        padding-left: 30px;
        padding-right: 30px;
    }

    .naiyo .news_list_area li:last-child {
        padding-left: 30px;
        padding-right: 30px;
    }

    .naiyo .news_list_area article .kijiTtl {
        max-width: 700px;
    }
}

@media screen and (max-width:950px) {
    .naiyo .news_list_area article {
        display: block;
    }

    .newInfo {
        width: 700px;
        margin: 0px auto;
        margin-top: 30px;
    }

    .naiyo .news_list_area li:first-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .naiyo .news_list_area li:not(:first-child) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .naiyo .news_list_area li:last-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .naiyo .news_list_area article .kijiTtl {
        max-width: unset;
    }
}

@media screen and (max-width:767px) {
    .naiyo .news_list_area article {
        display: block;
    }

    .newInfo {
        width: 550px;
        margin: 0px auto;
        margin-top: 30px;
    }

    .naiyo .news_list_area li:first-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .naiyo .news_list_area li:not(:first-child) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .naiyo .news_list_area li:last-child {
        padding-left: 20px;
        padding-right: 20px;
    }

    .naiyo .news_list_area article .kijiTtl {
        max-width: unset;
    }
}

@media screen and (max-width:600px) {
    .naiyo .news_list_area article {
        display: block;
    }

    .newInfo {
        width: 350px;
        margin: 0px auto;
        margin-top: 20px;
    }

    .naiyo .news_list_area li:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .naiyo .news_list_area li:not(:first-child) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .naiyo .news_list_area li:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .naiyo .news_list_area article .kijiTtl {
        max-width: unset;
    }

    /* ここで2列表示にする start */
    .newTtl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 8px;
        min-height: auto;
        height: auto;
        padding: 12px 16px 14px;
    }

        .newTtl h2 {
            position: static;
            left: auto;
            transform: none;
            margin-bottom: 0;
            width: 100%;
            text-align: center;
        }

        .newTtl .listLinkArea {
            justify-self: auto;
            margin-right: 0;
            margin-left: 0;
            width: auto;
            min-width: 114px;
            padding: 8px 16px;
            transform: none;
        }

        .newTtl #rss {
            justify-self: auto;
            display: inline-block;
            margin: 0;
            line-height: 1;
            transform: none;
        }
    /* ここで2列表示にする end */
}

/* 5件以上のときマウスホイールスクロール（新着情報） */
.naiyo .news_list_area ul {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.naiyo .news_list_area ul::-webkit-scrollbar {
    width: 6px;
}

.naiyo .news_list_area ul::-webkit-scrollbar-track {
    background: #e8f1fb;
    border-radius: 3px;
}

.naiyo .news_list_area ul::-webkit-scrollbar-thumb {
    background: #065EB3;
    border-radius: 3px;
}

/* 新着情報 end */






/*:::::::::::::::::::::::::
 * ボタンエリア1
 *::::::::::::::::::::::::*/
.btn-area1 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--background-color,#EAFBFB);
}

.wrap_btn {
    display: flex;
    max-width: 980px;
    margin: 0px auto;
    padding: 0;
    font-size: 90%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.link_title_area {
    text-align: center;
    margin-bottom: 30px;
}

.ttl-pickup {
    position: relative;
    display: inline-block;
    padding: 0 40px;
    font-size: 1.75em;
    font-weight: 500;
    color: var(--text-color,#0B5FB3);
}

    /* 左線 */
    .ttl-pickup::before,
    .ttl-pickup::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 180px;
        height: 1px;
        background-color: #0B5FB3;
    }

    /* 左 */
    .ttl-pickup::before {
        left: -180px;
    }

    /* 右 */
    .ttl-pickup::after {
        right: -180px;
    }

    .wrap_btn a {
        text-decoration: none;
        font-size: 1.2em;
        font-weight: bold;
    }

    .wrap_btn li {
        margin: 0;
        list-style: none;
    }



.wrap_btn .btn {
    text-align: center;
    display: block;
    width: 210px;
    height: 180px;
    border-radius: 10px;
    background-color: var(--background-color,#fff);
    position: relative;
    overflow: hidden;
    border:1px solid #0B5FB3;
}


    .wrap_btn .btn p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: var(--background-color,#0B5FB3);
        color: var(--text-color,#fff);
        margin: 0;
        padding: 18px 10px;
        box-sizing: border-box;
        font-size: 0.95em;
        line-height: 1.4;
    }

    .wrap_btn .btn .nigyou {
        padding: 6px 10px;
    }





.btn01 {
    background-image: url("../images/bousai/btn01.svg");
    background-repeat: no-repeat;
    background-position: center 21px;
}



.btn02 {
    background-image: url("../images/bousai/btn02.svg");
    background-repeat: no-repeat;
    background-position: center 28px;
}

.btn03 {
    background-image: url("../images/bousai/btn03.svg");
    background-repeat: no-repeat;
    background-position: center 31px;
}



.btn04 {
    background-image: url("../images/bousai/btn04.svg");
    background-repeat: no-repeat;
    background-position: center 28px;
}








/* ボタンエリア2 start */


.ttl-bousaigensai {
    position: relative;
    display: inline-block;
    padding: 0 40px;
    font-size: 1.75em;
    font-weight: 500;
    color: var(--text-color,#0B5FB3); /* タイトル文字色 */
}

    /* 左線 */
    .ttl-bousaigensai::before,
    .ttl-bousaigensai::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 180px;
        height: 1px;
        background-color: #0B5FB3;
    }

    /* 左 */
    .ttl-bousaigensai::before {
        left: -180px;
    }

    /* 右 */
    .ttl-bousaigensai::after {
        right: -180px;
    }


    .hisai_info_area {
        width: 100%;
        padding-top: 78px;
        padding-bottom: 77px;
        background-color: #fff9f9;
    }

    .hisai_info_area_follower {
        max-width: 1100px;
        margin: 60px auto 0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .hisai_menuarea {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .hisai_menuarea li {
            min-width: 0;
        }

            .hisai_menuarea li a {
                display: block;
                height: 100%;
                color: var(--text-color,#333);
                text-decoration: none;
            }

                .hisai_menuarea li a:hover {
                    text-decoration: none;
                }

    .menu_btn {
        min-height: 97px;
        height: 100%;
        padding: 24px 56px 24px 24px;
        box-sizing: border-box;
        box-shadow: 0px 3px 6px #0000001A;
        border-radius: 5px;
        border: 1px solid #ead9d9;
        background-color: #fff;
        background-image: url(../images/bousai/bullet-gray.png);
        background-repeat: no-repeat;
        background-position: right 24px center;
        display: flex;
        align-items: center;
    }

        .menu_btn::before {
            content: "";
            flex: 0 0 32px;
        }

        .menu_btn p {
            margin: 0;
            flex: 1;
            min-width: 0;
            font-size: 1.125rem;
            font-weight: 500;
            line-height: 1.6;
            letter-spacing: 0.04em;
            color: var(--text-color,#333);
            text-align: center;
        }



.btn_area {
    width: 100%;
    padding-top: 78px;
    padding-bottom: 77px;
    background-color: var(--background-color,#FCFCFC);
}

.btn_area_follower {
    max-width: 1150px;
    margin: 0 auto;
    margin-top: 60px;
}

.btn_list_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

    .btn_list_area li {
        width: 320px;
        height: 97px;
        box-shadow: 0px 3px 6px #0000001A;
        border-radius: 5px;
        background-image: url(../images/bousai/icon-tri.svg);
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: right 5px bottom 5px;
        border: 1px solid #065EB3;
    }


        .btn_list_area li a {
            display: flex;
        }

            .btn_list_area li a:hover {
                text-decoration: none;
            }

.icon-jijo {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.icon-kyoujo {
    padding-top: 9px;
    padding-bottom: 7px;
    padding-left: 9px;
}

.icon-koujo {
    padding-top: 9px;
    padding-bottom: 7px;
    padding-left: 9px;
}

.btn_cont_text {
    letter-spacing: 2px;
    opacity: 1;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.125rem;
    height: 100%;
    margin-top: 24px;
    color: var(--text-color,#333);
}

.min-txt {
font-size:0.875rem;
}

@media screen and (max-width:1000px) {
    .hisai_info_area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hisai_menuarea {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .btn_area ul li {
        margin-right: 15px;
        margin-left: 15px;
        margin-top: 30px;
    }
}


@media screen and (max-width:767px) {
    .hisai_info_area {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hisai_info_area_follower {
        margin-top: 30px;
        padding: 0 16px;
    }

    .hisai_menuarea {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .menu_btn {
        min-height: 84px;
        padding: 20px 48px 20px 20px;
        background-position: right 20px center;
    }

    .menu_btn::before {
        flex-basis: 28px;
    }

    .menu_btn p {
        font-size: 1rem;
    }

    .btn_area {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* タイトル文字サイズ縮小 */
    .ttl-pickup,
    .ttl-bousaigensai {
        font-size: 1.3em;
    }

    /* タイトル横ラインが画面端に届かないようクリップ */
    .link_title_area {
        overflow: hidden;
        margin-bottom: 20px;
    }

    /* 防災・減災セクション上マージン削除 */
    .btn_area_follower {
        margin-top: 0;
    }
}

/* ボタンエリア end */

/*:::::::::::::::::::::::::
 * 防災関連リンク
 *::::::::::::::::::::::::*/

.kanrenlink_area {
    display: flex;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
    justify-content: space-between;
    box-sizing: border-box;
}

.kanrenlink_title {
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}



.kanrenlink_title > div {
    text-align: center;
}


    .kanrenlink_title h2 {
        font-size: 1.75em;
        font-weight: 500;
        margin-top: 32px;
        letter-spacing: 0.1em;
        color: var(--text-color,#065EB3);
    }

.link_list a {
    font-size: 0.9em;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.linkbox_wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 750px;
    max-width: 100%;
    justify-content: space-between;
}


.link_midashi {
    font-size: 1.2em;
    padding: 10px 1px;
    font-weight: bold;
    height: 40px;
    margin: 0 auto;
    border-bottom: 1px solid #D1D1D1;
}

    .link_midashi p {
        margin: 8px 0;
        padding: 0;
        border-left: 5px solid #065EB3;
        text-indent: 12px;
    }

.link_box {
    width: 320px;
    margin-bottom: 24px;
}

    .link_box ul {
        margin-top: 20px;
    }
        .link_box ul li {
            position: relative;
            padding-left: 18px; /* 疑似要素分の余白 */
            font-size: 1.05em;
            margin-bottom: 20px;
        }

            /* ▶ 右向き三角形 */
            .link_box ul li::before {
                content: "";
                position: absolute;
                left: 2px;
                top: 0.6em;
                width: 0;
                height: 0;
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent;
                border-left: 4px solid #065EB3; 
            }

.link_list ul li a img {
    padding-left: 3px;
}

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

    .kanrenlink_area {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .kanrenlink_title {
        width: 100%;
        justify-content: center;
        margin-bottom: 24px;
    }

    .kanrenlink_title > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .linkbox_wrapper {
        width: 100%;
        max-width: 760px;
        margin-top: 0;
    }

    .link_box {
        width: calc((100% - 24px) / 2);
        max-width: none;
        margin-bottom: 32px;
    }

    .link_list {
        margin-bottom: 0;
    }
}

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

    #area_link {
        padding-bottom: 30px;
        padding-top: 30px;
    }
}

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

    .kanrenlink_area {
        padding: 0 16px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .kanrenlink_title {
        margin-bottom: 20px;
    }

    .kanrenlink_title img {
        width: 50px;
    }

    .kanrenlink_title h2 {
        font-size: 1.25em;
        margin-top: 12px;
    }

    /* ピックアップ・防災減災セクションタイトル横ラインをスマホ幅に合わせて短縮 */
    .ttl-pickup::before,
    .ttl-pickup::after {
        width: 57px;
    }

    .ttl-pickup::before {
        left: -62px;
    }

    .ttl-pickup::after {
        right: -62px;
    }

    .ttl-bousaigensai::before,
    .ttl-bousaigensai::after {
        width: 57px;
    }

    .ttl-bousaigensai::before {
        left: -62px;
    }

    .ttl-bousaigensai::after {
        right: -62px;
    }

    .linkbox_wrapper {
        display: block;
    }

    .link_box {
        width: 100%;
        margin-bottom: 28px;
    }

    .link_box:last-child {
        margin-bottom: 0;
    }

    .link_midashi {
        height: auto;
    }

    .link_box ul {
        margin-top: 16px;
    }
}