クリック　オープン　アコーディオン

<script>

  //回転
  $(function () {
$('.toggle').click(function () {
$(this).toggleClass('active');
});
});

///現れる 
    $(function(){
        $(".toggle").on("click", function() {
            $(this).next().slideToggle();
        });
    });

</script>

    //クリックで矢印回転 基本

    .toggle {
position: relative;
display: inline-block;
    padding-right: 1em;
}

.toggle:after {
content: "";
display: block;
position: absolute;
}

.toggle.active:after {
}

//矢印が回転するアニメーション
.toggle:after {
content: "";
display: block;
position: absolute;
top: 35%;
right: 0;
width: 11px;
height: 11px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
}

.toggle.active:after {
transform: rotate(135deg);
transition: .3s;
}

    //全国

    .d_bg_green{ background: #edffed;


        .center_title_box .title{ color: #333;}


.erea_wrap{ margin-top: 4rem;

    .erea_chihou_wrap{

        margin-bottom: 2rem;

        .title{ font-weight: bold; margin:  1rem 0; font-size: 24px;} //.toggle
        
        .chihou_con{background: #fff; padding: 2rem; border-radius: 1rem; 
                                                                        //display: none;///toggleでオープン

            .chihou_one{ font-size: 18px;
                h4{font-weight: bold;}}
        
        }

        }
        }
    
    }