.sub_top .contents article { float: none; width: 100%;margin-right:0;}
.sub_top .contents nav { display: none;}
.sub_top .contents h1 { width: auto; max-width: 1400px; margin: 0px auto; padding: 0px; border: none;}
.sub_top .contents h1 img { max-width: 100%; height: auto;}

.sub_top .contents h1.subtitle{background: #DFF4EC;height: 200px;text-align: center;}
.sub_top .contents h1.subtitle span{line-height: 200px;background: rgba(255,255,255,0.5); padding: 10px;}
.sub_top .contents h1 span.read_text { display: block; height: 0px; width: 10px; overflow: hidden;}

.sub_top .contents section { width: auto; margin: 0px auto; padding: 1.2em 0px; background-color: #EEEEEE;}
.sub_top .contents section h2 { padding: 0.5em 0px; background: none;}
.sub_top .contents section h2:before { display: none;}
.sub_top .contents section.easy_search { background-color: transparent;}

.sub_top .contents section.emergency { padding-bottom: 1em;}
.sub_top .contents section.emergency .wrap > dl { margin-bottom: 0px; padding-bottom: 0em;  background-color: #FBE2E3;}
.sub_top .contents section.emergency .wrap > dl > dt,
.sub_top .contents section.emergency .wrap > dl > dd { padding-top: 1em; padding-bottom: 1em;}
.sub_top .contents section.emergency .wrap > dl > dt { float: left; width: 7em; text-align: center; color: #ffffff; font-weight: bold; background-color: #B20000;}
.sub_top .contents section.emergency .wrap > dl > dd { margin-left: 0px; padding-left: 8em; padding-right: 1em; padding-bottom: 5px;}
.sub_top .contents section.emergency .wrap > dl > dd p.nodata { padding: 0em !important; border:none !important;}
.sub_top .contents section.emergency .wrap > dl > dd ul { margin-bottom: 0px;}
.sub_top .contents section.emergency .wrap > dl > dd ul li { margin-bottom: 0.5em;}
.sub_top .contents section.emergency .wrap > dl > dd ul li:before { background-color: #B20000;}
.sub_top .contents section.emergency ul.emergency_menu { margin-bottom: 0em; padding: 0.8em 0em 0.6em; background-color: #ffffff;}
.sub_top .contents section.emergency ul.emergency_menu li { display: inline-block; padding-left: 1.6em;}
.sub_top .contents section.emergency ul.emergency_menu li:before { top: 0.1em; height: 0.9em; width: 0.9em; background: url(../img/arrow_emergency.png) center center no-repeat; background-size: contain;}
.contents .emergency dl.news { margin-bottom: 0em;}
.contents .emergency dl.news dt:first-of-type,
.contents .emergency dl.news dd:first-of-type { padding-top: 0em;}
.contents .emergency dl.news dd { border-bottom: 1px solid #aaaaaa;}
.contents .emergency dl.news dd:last-of-type { border-bottom: none;}

.sub_top .contents section.easy_search { padding-bottom: 2em;}
.sub_top .contents section.easy_search h2 { text-align: center;}
.sub_top .contents section.easy_search ul { width: 1012px; margin: 0px auto; padding: 2px; text-align: center; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); box-sizing: border-box;}
.sub_top .contents section.easy_search ul li { position: relative; float: left; width: 164px; height: 157px; margin: 2px; padding: 0px; background-size: contain;}
.sub_top .contents section.easy_search ul li:before { position: absolute; content: ""; display: block; top: 0px; bottom:0px; left: 0px; right: 0px; width: auto; height: auto; background: url(../img/sub_menu_hover_bg.png); border-radius: 0px; transition-duration: 0.3s;}
.sub_top .contents section.easy_search ul li:hover:before { opacity: 0;}
.sub_top .contents section.easy_search ul li a { position: relative; display: block; width: 100%; height: 100%;}
.sub_top .contents section.easy_search ul li a img { position: relative; top: 50%; margin-top: -30px;}
.sub_top .contents section.easy_search ul li a:hover img { opacity: 1;} 

.easy_search_01 { background: url(../img/sub_menu_bg_1.png);}
.easy_search_02 { background: url(../img/sub_menu_bg_2.png);}
.easy_search_03 { background: url(../img/sub_menu_bg_3.png);}
.easy_search_04 { background: url(../img/sub_menu_bg_4.png);}
.easy_search_05 { background: url(../img/sub_menu_bg_5.png);}
.easy_search_06 { background: url(../img/sub_menu_bg_6.png);}

.sub_top .contents .left_contents { width: 800px; padding-top: 1em; float: left;}
.sub_top .contents .right_contents { width: 260px; padding-top: 1em; float: right;}

.sub_top .contents .left_contents .txtbox { margin-bottom: 1em; padding: 1.5em 1em; background-color: #ffffff;}
.sub_top .contents .left_contents .txtbox p { padding: 0em;}

/* right */
.sub_top .contents .right_contents ul.banner {}
.sub_top .contents .right_contents ul.banner li { margin: 0em auto 1.5em; padding: 0px;}
.sub_top .contents .right_contents ul.banner li:before { display: none;}

.sub_top .contents .right_contents ul.text_banner {margin-bottom: 0;}
.sub_top .contents .right_contents ul.text_banner li { width: auto; height: auto; margin: 0px 0px 1em; padding: 0px;}
.sub_top .contents .right_contents ul.text_banner li a { display: block; width: 100%; height: auto; margin: 0px; padding: 1.4em 1.5em 1.3em 1em; text-decoration: none; background-color: #ffffff; border: 2px solid #DDDDDD; box-sizing: border-box;}
.sub_top .contents .right_contents ul.text_banner li a:hover { opacity: 0.7;}
.sub_top .contents .right_contents ul.text_banner li:before { top: 2px; bottom: 2px; left: inherit; right: 2px; height: auto; width: 1em; background: url(../img/button_more_arrow.png) center center no-repeat #249941; border-radius: 0px; z-index: 2;}

.sub_top .contents .left_contents .news { position: relative;}
.sub_top .contents .left_contents .news h2 { margin-bottom: 0.2em;}
.sub_top .contents .left_contents .news dl { padding: 1.5em; font-size: 0.9em; background-color: #ffffff;}
.sub_top .contents .left_contents .news dt,
.sub_top .contents .left_contents .news dd { padding-top: 1.2em; padding-bottom: 1.2em;}
.sub_top .contents .left_contents .news dt { width: 6em;}
.sub_top .contents .left_contents .news dd { padding-left: 7em; border-bottom: 1px solid #DADACF;}
.sub_top .contents .left_contents .news dd a { text-decoration: none;}
.sub_top .contents .left_contents .news dd a:hover { text-decoration: underline;}
.sub_top .contents .left_contents .news ul.more { position: absolute; top: 0px; right: 0px;}
.sub_top .contents .left_contents .news ul.more li { float: left;}
.sub_top .contents .left_contents .news ul.more li:before { display: none;}
.sub_top .contents .left_contents .news ul.more li a { position: relative; display: block; width: 8.5em; padding: 0.8em; background-color: #333333; font-size: 0.9em; text-decoration: none; color: #ffffff; box-sizing: border-box;}
.sub_top .contents .left_contents .news ul.more li a:before,
.sub_top .contents .left_contents .news ul.more li.rss a:after { position: absolute; content: ""; display: block;}
.sub_top .contents .left_contents .news ul.more li a:before { right: 7px; top: 0px; bottom: 0px; width: 1em; background: url(../img/button_more_arrow.png) center center no-repeat; transition-duration: 0.2s;}
.sub_top .contents .left_contents .news ul.more li a:hover:before { right: 2px;} 
.sub_top .contents .left_contents .news ul.more li.rss a { padding-left: 30px; background-color: #F39801; color: #000000;}
.sub_top .contents .left_contents .news ul.more li.rss a:after { left: 5px; top: 0px; bottom: 0px; width: 20px; background: url(../img/button_rss.png) center center no-repeat;}


.sub_top .contents .left_contents .file_section,
.sub_top .contents .left_contents .menu_section,
.sub_top .contents .left_contents .link { margin: 0 0 1em; padding: 1.5em 1.5em 1.25em; background: #ffffff;}

.sub_top .contents .left_contents .file_section h2,
.sub_top .contents .left_contents .link h2 { margin: 0px; margin-bottom: 1.5em; padding: 0px 0px 0.1em; font-size: 1.2em; border-bottom: 2px solid #CDDB80; display: inline-block;}
.sub_top .contents .left_contents .link ul { display: block; margin: 0em;}
.sub_top .contents .left_contents .link ul li { margin-bottom: 0.5em}
.sub_top .contents .left_contents .link ul li:before { top: 0.1em; left: 0.4em; height: 0.9em; width: 1.2em; background: url(../img/menu_list_arrow.png) center center no-repeat; border-radius: 0em; background-size: contain;}

.sub_top .contents .left_contents .list {}
.sub_top .contents .left_contents .list > .left,
.sub_top .contents .left_contents .list > .right {width: 46%; margin: 0% 1%; overflow: visible;}
.sub_top .contents .left_contents .list > .left { float: left;}
.sub_top .contents .left_contents .list > .right { float: right;}

.sub_top .contents .left_contents .list .section { position: relative; margin: 20px 0em 30px; padding-bottom: 0px; background: #ffffff; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);}
.sub_top .contents .left_contents .list .section h2 { margin:  0px; padding: 0.9em 0.5em 1em; border-top:3px solid  #249941; font-size: 1.1em; font-weight: normal;}
.sub_top .contents .left_contents .list .section h2.active { background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #F5F5F5 100%);}
.sub_top .contents .left_contents .list .section h2 a { text-decoration: none;}
.sub_top .contents .left_contents .list .section h2 a:hover { text-decoration: underline;}

.list .section .listopen { position: absolute; display: block; top: 0.5em; right: 0.5em; width: 2.2em; height: 2.2em; background: #E5ECBB; z-index: 2; box-sizing: border-box; transition-duration: 0.2s;}
.list .section .listopen img { position: absolute; width: 1em; height: 1em; top: 0.6em; right: 0.6em; transition-duration: 0.2s;}
.list .section .listopen.active img { transform: rotate(135deg);}
.list .section .listopen span { font-size: 0.8em;}
.list .section .listopen span.text_open { display: inline-block; text-indent: -1000em; width: 0px; height: 0em;}
.list .section .listopen span.text_close {position: absolute; display: none; left: 0.75em; top: 0.8em; overflow: hidden; height: 1.2em;}
.list .section .listopen.active { width: 5.5em; background-color: #ffffff;}
.list .section .listopen.active span.text_open { display: none;}
.list .section .listopen.active span.text_close { display: block;}
.list .section ul { margin: 0px; padding: 0px; overflow: hidden; display: none;}

.list .section ul li { margin: 0px; padding: 0px 1em 5px;}
.list .section ul li:before { display: none;}
.list .section ul li a { position: relative; display: block; padding: 0.9em 1em 1em 2em; border-bottom: 1px solid #E5ECBB; }
.list .section ul li a:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; left: 0.5em; width: 12px; background: url(../img/arrow_footer_menu.png) center center no-repeat; transition-duration: 0.2s;}
.list .section ul li a:hover:before { left: 0.8em;} 
.list .section ul li.more a { border: none;}
.list .section ul li.more a:before { width: 0.9em; height: 0.9em; top: 1em; bottom: auto; left: 0.4em; background: url(../img/menu_list_arrow.png); background-size: contain;}
.list .section ul li.more a:hover:before { left: 0.7em;} 

/*************************************************
 レスポンシブ　1100 + 20
**************************************************/
@media screen and (min-width: 0px) and (max-width: 1120px) {.not{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
  
  .sub_top .contents article { margin-left: 0px; margin-right: 0px;}
  .sub_top .contents .locus { width: 98%; box-sizing: border-box;}

  .sub_top .contents section { padding-left: 2%; padding-right: 2%;}
  .sub_top .contents section.easy_search ul { width: 508px;}
  
  .sub_top .contents .left_contents,
  .sub_top .contents .right_contents { float: none; width: auto;}
  
  .sub_top .contents ul.banner.large,
  .sub_top .contents ul.banner.small { text-align: center;}
  .sub_top .contents ul.banner.large li,
  .sub_top .contents ul.banner.small li { display: inline-block; margin-left: 0.5em; margin-right: 0.5em;}
  
}

/*************************************************
 レスポンシブ　640 + 20
**************************************************/
@media screen and (min-width: 0px) and (max-width:660px) {

  .sub_top .contents section.emergency .wrap > dl > dt { float: none; width: auto;}
  .sub_top .contents section.emergency .wrap > dl > dd { padding-top: 0em; padding-left: 1em;}
  .sub_top .contents section.emergency .wrap > dl > dd ul li{ margin-top: 1.2em; margin-bottom: 1.2em;}
  .sub_top .contents section.emergency ul li{ margin-top: 0.75em; margin-bottom: 0.75em;}
  .sub_top .contents .left_contents .news dl { float: none; width: auto;}
  .sub_top .contents .left_contents .news dd { width: auto; padding-top: 0em; padding-left: 0.5em;} 
  .sub_top .contents .left_contents .news ul.more { position: inherit;}
  .sub_top .contents .left_contents .news ul.more li{ padding: 0em;}

  .sub_top .contents section.emergency dl.news { padding-bottom: 0.5em;}
  .sub_top .contents section.emergency dl.news dd { padding-top: 0.25em;}
  
  .sub_top .contents section.easy_search ul li { float: left; width: 131px; height: 126px;}
  .sub_top .contents section.easy_search ul li a img { width: 131px; height: auto; margin-top: -24px;}
  .sub_top .contents section.easy_search ul { width: 274px;}
  .sub_top .contents .left_contents .news ul.more li { width: 48%; margin-left: 1%; margin-right: 1%;}
  .sub_top .contents .left_contents .news ul.more li a { width: 100%; padding: 1em 1.5em;}

  .sub_top .contents .left_contents .news dt { width: auto; padding-bottom: 0.5em;}
  
  .sub_top .contents .left_contents .list > .left,
  .sub_top .contents .left_contents .list > .right { width: 98%; float: none;}

  .sub_top .contents .left_contents .list > .left .section:first-of-type,
  .sub_top .contents .left_contents .list > .right .section:first-of-type { margin-top: 0em;}
  .sub_top .contents .left_contents .news ul.more li.rss a { padding-left: 40px;}
  
}







/**============新header bodyクラスdefault用==============****/
@media (min-width: 1120px) {

/*header*/
header .page_control ul li{margin-right: 1em;}
.head_top{display: flex;width: 100%;}
.default header .head_top h1{position: static;padding: 1em 0 0 0;width: 200px;height: auto; margin: auto;}
.default header {display: flex;align-items: flex-end;max-width: 1100px;overflow: visible;flex-wrap: wrap; padding-bottom: 0.5em;}
.default header .page_control{position: static;padding: 10px 0 2px 0;background-color: rgba(255, 255, 255, 0.8);box-sizing: border-box;overflow: auto;}
header .page_control ul{margin: 0 0 0 3em;float: left;}
/* 通常のグローバルナビ */
.default header .page_control{width: 80%;}

.default header .page_control_wrap .global-nav{background-color:#DDE9D8;width:80%;height:auto;margin:0 0 0 6.8em;display: flex;padding: 3px 2em;background-color: #359848;position: relative;border-radius:30px;}
.default header .page_control_wrap .global-nav ul{width:1100px;display:flex !important;justify-content:center;flex-direction:row;padding:0;margin:0;background-color:#DDE9D8;}
.default header .page_control_wrap .global-nav ul li{width: 100%; margin:0;text-align:center;padding:0;border: 2px solid #359848;}
.default header .page_control_wrap .global-nav ul li a{margin: 0;height: auto; background:#1f6f2b;color:#FFF;font-size:1.2em;font-weight:normal;padding:0.8em 0;text-decoration:none;display:block;position:relative;z-index:999999;}
.default header .page_control_wrap .global-nav ul li a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#f5b21a;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;}
.default header .page_control_wrap .global-nav ul li a:hover::after{transform:scaleX(1);}
.default header .page_control_wrap .global-nav ul li a:focus,
.default header .page_control_wrap .global-nav ul li a:hover{transition:0.3s;background:#67AF20;}
.default header .page_control_wrap .global-nav .navlist{overflow:visible;height: auto;}
/*サブナビ= */
.default header .page_control_wrap .global-nav .navlist li.have_subnav{position:relative;}
.default header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li{width:calc(25% - 10px);border: none;}
.default header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li a{position:relative;display:block;padding:1.3em 0 1.3em 2.5em;white-space:nowrap;background-color:#FFF;color:#333;font-weight:normal;font-size:1em;text-align:left;}
.default header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li a::before{position:absolute;content:"";width:1em;height:1em;top:50%;left:0.4em;margin-top:-0.5em;background:url(../img/button_more_arrow.png) center center #249941 no-repeat;background-size:contain;border-radius:50%;}
.default header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li a:hover{background:#f6eec4;opacity:1;}

.default header .page_control_wrap .global-nav .navlist li.have_subnav .subnav {display: flex; flex-wrap: wrap;flex-direction: row;gap: 10px;justify-content: flex-start;width: 1064px;padding: 1em;margin: 0;position: fixed;top: 113px;left: calc((100vw - 1120px) / 2);background: #b5e36f;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity .3s ease,transform .3s ease,visibility 0s linear .3s;}
.default header .page_control_wrap .global-nav .navlist li.have_subnav.is-hover .subnav {opacity: 1;visibility: visible;transform: translateY(0);transition: opacity .3s ease,transform .3s ease,visibility 0s;}
.default header .page_control_wrap {margin: 0 .5em 0 0 ;padding: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;width: auto;box-sizing: border-box;}
.default header .page_control_wrap .nav-search ul li:first-child{margin-right: 2em;}

/*js用*/
body.default header .page_control_wrap2 .global-nav .navlist li.have_subnav .subnav{display: none;}

/*************右上navボタン***********************/
.default header nav.PC-nav{display: block;z-index: 110;position: fixed;background-color: transparent;bottom: 0;left: 0;height: auto;margin: 0;}
.default header nav.PC-nav button{background-color: #000;border: none;position: fixed;top: 8px; right: calc(-555px + 50vw);padding: 0;}




}