@charset "utf-8";
/*************************************************
 top.css
**************************************************/


/* 基本スタイル */
.top .contents { overflow-x: hidden;}
.top_section { padding: 20px 0;}

.wrap.dual { position: relative;display: flex; justify-content: space-between; align-items: stretch; z-index: 10;}
.wrap.dual .dual_01,
.wrap.dual .dual_02 { padding: 0;}
.wrap.dual > div { width: calc(50% - 15px); min-height: 100px;}

.sec_header { position: relative; /* box-shadow: inset 0 0 0 1px red; */}
.sec_header .wrap { position: relative;}
.sec_header h2 { position: relative; z-index: 2;}

.top_section, 
.sec_header,
.sec_header .wrap { overflow: visible;}



/* 01 ---------------------------------*/
.sec_01 { padding-top: 0;}



/* 02 ---------------------------------*/
.sec_02 {}

.sec_02_cont { display: flex; align-items: stretch; border: 1px solid #333; margin-bottom: 1.5rem; padding-bottom: 0;}
.sec_02_cont h2 { display: flex; justify-content: center; align-items: center; width: 12em; margin: 0; font-size: 1.4em;}
.inportant_wrap,
.emergency_wrap { width: calc(100% - 12em); padding: 1rem;}
.nodata { margin-bottom: 0; border: none;}

.important { border-color: #A70D0D;}
.important h2 { color: #fff; background-color: #A70D0D;}
.important h2 .important_title { padding: 0.5em 0 0.5em 48px; background: url("../img/top_ico_emergency.png") left center no-repeat;}
.important dl { margin-bottom: 0; padding-left: 1.5%; padding-right: 1.5%;}

.emergency { border-color: #A7D962;}
.emergency h2  { font-weight: normal;}
.emergency h2 a { position: relative; display: flex; align-items: center; align-content: center; justify-content: center; text-align: center; text-decoration: none; flex-wrap: wrap; height: 100%; color: #000; background: linear-gradient( -55deg, #A7D962, #A7D962 5em, #BFE787 5em, #BFE787); border: 1px solid #A7D962;}
.emergency h2 a:before { position: absolute; display: block; content: ""; bottom: 5px; right: 5px; width: 0.8em; height: 0.8em; background: linear-gradient( -45deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8) 50%, transparent 50%, transparent);}

.emergency h2 span { display: block; width: 6.5em;}
.emergency h2 .emergency_title_txt01 { position: relative; font-weight: bold; background: linear-gradient( 360deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8) 0.5em, transparent 0.5em, transparent);}

.emergency ul { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0; list-style: none;}
.emergency li { width: 22%; margin: 0.3rem 1.5%; border-bottom: 1px dashed #000;}
.emergency li a { position: relative; display: flex; align-items: center; height: 100%; padding: 0.5em 23px 0.5em 0; text-decoration: none; color: #000; background: url(
"../img/arrow_brown.png") right 5px center no-repeat; transition-duration: 0.15s;}
.emergency li a:hover,
.emergency li a:focus { background-color: #E7F5CF; background-position: right 0px center;}



/* 03 ---------------------------------*/
.sec_03,
.sec_03 .sec_bg_mid,
.sec_03 .wrap { padding-bottom: 0;}

.sec_03 { padding-top: 0;}
.sec_03 .sec_header { position: relative; background: url("../img/top_sec_bg_sec03_top.png") center bottom -84px repeat-x;}
.sec_03 .sec_header .wrap { padding-top: 120px; overflow: visible;}
.sec_03 .sec_header .wrap:before,
.sec_03 .sec_header .wrap:after { position: absolute; display: block; content: ""; background: center center no-repeat;}
.sec_03 .sec_header .wrap:before { width: 146px; height: 226px; top: 0px; left: -120px; background-image: url("../img/top_section_topics_bg_pt.01.png");}
.sec_03 .sec_header .wrap:after { width: 146px; height: 226px; top: 0px; right: -120px; background-image: url("../img/top_section_topics_bg_pt.02.png");}

.sec_03 .sec_bg_mid { background: url("../img/top_sec_bg_sec03_mid.png") center top;}

.tabmenu { margin-bottom: 1.5rem;}
.menu { display: flex; overflow: visible;}
.menu li { position: relative; width: 31.33333%; margin-left: 3%; border: 2px solid #82C0D5; background-color: #82C0D5; border-radius: 0.3em;}
.menu li:first-of-type { margin-left: 0;}
.menu li a { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; padding: 0.8em 0.2em; font-size: 1.2em; color: #000; text-align: center; text-decoration: none; background-color: #82C0D5; border-radius: 0.2em; z-index: 2; transition-duration: 0.15s;}
.menu li a:hover,
.menu li a:focus { background-color: #7FABD5;}
.menu li.active { background-color: #82C0D5;}
.menu li.active a { background-color: #fff;}
.menu li.active:before {
  position: absolute; bottom: -0.5em; left: 50%; margin-left: -0.75em; display: block; content: ""; width: 1.5em; height: 1.5em;
  background-color: #fff; border: 2px solid #82C0D5; transform: rotate(45deg);
}
.tabmenu .section { padding: 0;}
.tabmenu .section h2 { display: none; padding: 0;}
.tabmenu .division { padding: 1.5rem; background-color: #fff; box-shadow: inset 0 0 0 3px rgba(134,184,223,0.5); border-radius: 0.3em;}
.tabmenu.news dd { border-bottom: 2px dotted #333;}
.tab_rss { display: flex; justify-content: center; align-items: stretch; margin-bottom: 0; padding-bottom: 0;}
.tab_rss li { margin: 10px;}
.tab_rss .rss {}
.tab_rss .more {}
.tab_rss li a { display: flex; justify-content: flex-start; align-items: center; height: 100%; min-width: 10em; padding: 0.8rem 2.5rem 0.8rem 1rem; text-decoration: none; color: #000; background: url("../img/arrow_white.png") right 10px center no-repeat; border-radius: 0.3em; transition-duration: 0.15s;}
.tab_rss li a:hover,
.tab_rss li a:focus { background-position: right 5px center;}
.tab_rss li a span { font-size: 0rem;}
.tab_rss .rss a { background-color: #EDB156;}
.tab_rss .more a { background-color: #82C0D5;}
.tab_rss .rss a:hover,
.tab_rss .rss a:focus { background-color: #ED8D56;}
.tab_rss .more a:hover,
.tab_rss .more a:focus { background-color: #7FABD5;}


.topics { height: 100%; background: url("../img/top_slider_topics_bg_2x.png") center center no-repeat; background-size: contain;}
.topics h2 { margin-bottom: 0.5rem; text-align: center;}

/* topics slider */
.topics .slide_box { width: calc(100% - 200px); overflow: visible; margin-bottom: 66px;}
.topics #topicsitem { overflow: visible; background-color: #fff;}

.topics .slick-prev,
.topics .slick-next {}
.topics .slick-prev { left: -60px; z-index: 100;}
.topics .slick-next { right: -60px; z-index: 99;}
.topics .slick-arrow { width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
.topics .slick-arrow:before { background-image: url("../img/top_topics_arrow.png");}
.topics .slick-arrow:hover:before,
.topics .slick-arrow:focus:before { background-color: #2828A3;}
.topics .slide a { text-decoration: none; color: #000;}
.topicsitem_text { padding: 0.75rem; background-color: #fff; min-height: 8.5em;}
.topicsitem_text p { margin-bottom: 0;}
.topicsitem_title { margin-bottom: 0.5em; font-size: 1.2em;}

.topics .buttons { bottom: -48px; right: 0px; padding: 0;}
.topics .slick-dots { position: relative; bottom: -14px; /* left: 0%; right: 76px; */ height: 0; width: auto; margin: 0 76px 0 0; padding-bottom: 0; text-align: left; overflow: visible;}
.topics .slick-dots li,
.topics .slick-dots li button { width: 26px; height: 26px;}
.topics .slick-dots li button:before { border: 2px solid #fff; background-color: #82C0D5;}
.topics .slick-dots li.slick-active button:before,
.topics .slick-dots li button:hover:before,
.topics .slick-dots li button:focus:before { border-color: #82C0D5; box-shadow: inset 0 0 0 2px #fff;}



/* 04 ---------------------------------*/
.sec_04 { padding-top: 0; background: url("../img/top_section_searcg_bg.png") center top -2em repeat-x;}
.sec_04 .sec_header { position: relative; min-height: 202px; background: url("../img/top_sec_bg_sec04_top.png") center top -8rem repeat-x;}
.sec_04 .sec_header .wrap { padding-top: 170px;}
.sec_04 .sec_header .wrap:before { position: absolute; display: block; content: "";}
.sec_04 .sec_header .wrap:before { width: 323px; height: 202px; top: 0px; left: -90px; background: url("../img/top_section_searcg_bg_pt01.png") center center no-repeat; background-size: contain;}

.sec_04 .sec_header h2 { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 0; padding-top: 40px; padding-bottom: 0.5em; font-size: 2.4em;}
.sec_04 .sec_header h2 span {font-size: 0.8em;}
.sec_04 .sec_header h2:before,
.sec_04 .sec_header h2:after { position: absolute; display: block; content: "";}
.sec_04 .sec_header h2:before { top: 0px; left: 0%; right: 0%; height: 30px; background: url("../img/top_section_title_sec04_bg.png") center center no-repeat;}
.sec_04 .sec_header h2:after { bottom: 0px; left: 50%; width: 5em; height: 5px; margin-left: -2.5em; background: repeating-linear-gradient( 90deg, #BFE787, #BFE787 25%, #F8DE6C 25%, #F8DE6C 50%);}


/* easy_search */
.easy_search { margin-top: 3.5em; margin-bottom: 2rem; padding: 1.5em 3em; background-color: #E7F5CF; border-radius: 0.5em;}
.easy_search_outer { padding: 0;}
label.easy_search_txt { display: block; width: 0; height: 0; padding: 0; overflow: hidden;}
.easy_search_txt_label { font-size: 1.3em;}
.easy_search_inner { display: flex; justify-content: flex-start; align-items: center; width: calc(100% - 0em); padding: 0;}

input.easy_search_txt,
select.ct_select,
input.easy_search_bt { height: 56px; font-size: 1.1em; margin: 2px;}
input.easy_search_txt
input.easy_search_bt { display: flex; align-items: center;}

input.easy_search_txt { width: calc(100% - 8em - 18em - 12px); padding-left: 1em; padding-right: 0.5em;}
input.easy_search_bt { justify-content: center; width: 8em; padding: 0; color: #fff; background-color: #222; border: 2px solid #222;}
select.ct_select { width: 18em; padding: 0 0 0 0.5em; border: 2px solid #BFE787; background-color: #BFE787;}

select.ct_select option { color: #000; background-color: #BFE787;}
select.ct_select option:checked { color: #000; background-color: #1E90FF;}


form input.easy_search_txt[type="text"] { max-width: inherit; border: 2px solid #fff;}
form input.easy_search_bt[type="submit"] { margin: 2px;}

input.easy_search_bt:hover,
input.easy_search_bt:focus { border-color: #FC9A9F;}

.easy_search_keyword { margin-top: 1em; margin-bottom: 0;}
.easy_search_keyword dt,
.easy_search_keyword dd {}
.easy_search_keyword dt { float: left; width: 12em; padding-top: 0.5em;}
.easy_search_keyword dd { margin-left: 0; }

.easy_search_keyword ul { margin-bottom: 0;}
.easy_search_keyword li { float: left; margin: 0.5em 0 0; padding: 0 1em; border-right: 1px solid #000;}
.easy_search_keyword li:last-of-type { border: none;}
.easy_search_keyword a { color: #000;}
.easy_search_keyword a:hover,
.easy_search_keyword a:focus { text-decoration: none;}

.life_menu { margin-bottom: 2rem; padding: 0; background-color: #FFF4C5; border-radius: 0.5em;}
.life_menu ul { display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 0; padding: 20px 1em;}
.life_menu li { width: calc(16.6666666667% - 2em); margin: 1em;}

.point_search {}
.point_search ul { display: flex; align-items: stretch;}
.point_search li { width: 31.333333%; margin-left: 3%; }
.point_search li:nth-child(3n+1) { margin-left: 0;}
.point_search a { position: relative; display: flex; align-items: center; align-content: center; height: 100%; padding: 1.5em 1.5em 1.5em 4em; font-size: 1.2em; color: #000; text-decoration: none; background: left center no-repeat #CFF2F5; border-radius: 0.5em; transition-duration: 0.15s;}
.point_search a:before { position: absolute; display: block; content: ""; top: 50%; left: 1em; width: 2.5em; height: 2.5em; margin-top: -1.25em; background: center center no-repeat #82C0D5; background-size: contain; border-radius: 50%;}
.point_search_qa a:before { background-image: url("../img/top_search_ico01.png");}
.point_search_calendar a:before { background-image: url("../img/top_search_ico02.png");}
.point_search_institution a:before { background-image: url("../img/top_search_ico03.png");}
.point_search a:hover,
.point_search a:focus { background-color: #C8E4F7;}



/* 05 ---------------------------------*/
.sec_05 { padding-top: 0; padding-bottom: 0;}
.sec_05 .sec_header {position: relative; min-height: 228px; background: url("../img/top_sec_bg_sec05_top.png") center bottom repeat-x;}
.sec_05 .sec_header .wrap:before { position: absolute; display: block; content: "";}
.sec_05 .sec_header .wrap:before { width: 542px; height: 228px; top: 20px; right: -120px; background: url("../img/top_section_other_bg_pt01.png") center center no-repeat; background-size: contain;}

.sec_05 .sec_bg_mid { background: url("../img/top_sec_bg_sec05_mid.png") center top;}

.sec_05 .dual { align-items: flex-start;}
.sec_05 .dual .dual_01 { width: calc(100% - 260px - 1.5rem); margin-top: 0.5rem; padding-bottom: 0;}
.sec_05 .dual .dual_02 { width: 260px; margin-top: 0.5rem; margin-left: 1.5rem; margin-bottom: 2rem; padding-bottom: 0; background-color: #fff;}
.sec_05 .dual_02 h2 { margin-bottom: 0.3em; padding: 0.3em 0.5em; text-align: center; font-weight: normal; background-color: #F8B95A;}

.sec_05 .dual,
.sec_05 .dual .dual_01,
.other_list
{ overflow: visible;}

.other_list {}
.other_list ul { display: flex; align-items: stretch; flex-wrap: wrap; overflow: visible; margin-bottom: 0;}
.other_list li { width: 31.33333%; margin-bottom: 1.5rem; margin-left: 3%; padding: 0;}
.other_list li:nth-child(3n+1) { margin-left: 0;}
.other_list a { display: flex; font-size: 1.1em; color: #000; text-decoration: none; background-color: #fff; border-radius: 0.5em; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); transition-duration: 0.15s;overflow: hidden;}
.other_list_image { width: 120px; padding: 0;}
.other_list_image img { max-width: 100%; height: auto;}
.other_list_text { display: flex; justify-content: center; align-items: center; text-align: center; width: calc(100% - 120px); padding: 0.5em 0.3em;}

.other_list a:hover,
.other_list a:focus { background-color: #FDD497;}


.magazine { padding-bottom: 0.5rem;}
.magazine_image { padding: 0 1.5rem; text-align: center;}
.magazine_image img { max-width: 100%; height: auto;}
.magazine_button { padding-bottom: 0;}
.magazine_button ul { display: flex; justify-content: center; align-items: stretch; margin: 0; padding: 0 0.5rem;}
.magazine_button li { width: calc(50% - 1rem); margin: 0.5rem;}
.magazine_button a { display: block; height: 100%; padding: 0.35em; text-align: center; color: #000; text-decoration: none; background: #E5ECF4; border-radius: 0.5em; transition-duration: 0.15s;}
.magazine_button a:hover,
.magazine_button a:focus { background-color: #AEC3DB;}

.population { position: relative; background-color: #fff; margin-bottom: 2rem; padding-bottom: 0; border-radius: 0.5em;}
.population h2 { position: relative; margin: 0; padding: 0.5em 0.5em 0.5em 1.3em; background-color: #D1EBA2; font-weight: normal;}
.population h2:before { position: absolute; display: block; content: ""; top: 0.5em; bottom: 0.5em; left: 0.5em; width: 7px; background: linear-gradient( #88D480, #88D480 50%, #28B472 50%, #28B472);}
.population .date { font-size: 0.7em;}

.population ul { display: flex; justify-content:space-around; align-items: stretch; align-content: center; margin: 0.5em 0; padding-bottom: 0;}
.population li { margin: 0.5em 1em; padding: 0.85em 0 0.65em 40px; background: left center no-repeat;}
.population li.population01 { background-image: url("../img/ico_population01.png");}
.population li.population02 { background-image: url("../img/ico_population02.png");}
.population li.population03 { background-image: url("../img/ico_population03.png");}
.population li.population04 { background-image: url("../img/ico_population04.png");}

.population_more { position: absolute; top: 0.7em; right: 1rem;}
.population_more a { display: block; padding: 0.5em 2.5rem 0.5em 0.5em; text-decoration: none; color: #000; background: url("../img/arrow_green.png") right 10px center no-repeat; transition-duration: 0.15s;}
.population_more a:hover,
.population_more a:focus { background-position: right 5px center;}



/* 06 ---------------------------------*/
.sec_06 { padding-top: 0; padding-bottom: 0;}
.sec_06 .sec_header { background: url("../img/top_sec_bg_sec06_top.png") center bottom -60px repeat-x;}
.sec_06 .sec_header .wrap { padding-top: 120px; overflow: visible;}
.sec_06 .sec_header .wrap:before,
.sec_06 .sec_header .wrap:after { position: absolute; display: block; content: ""; background: center center no-repeat;}
.sec_06 .sec_header .wrap:before { width: 152px; height: 265px; top: -60px; left: -110px; background-image: url("../img/top_section_site_bg_pt01.png");}
.sec_06 .sec_header .wrap:after { width: 342px; height: 172px; top: 30px; right: -110px; background-image: url("../img/top_section_site_bg_pt02.png");}
.sec_06 .sec_bg_mid { background: url("../img/top_sec_bg_sec06_mid.png") center top;}

.sec_06 .sec_header h2 { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 1.75rem; padding-top: 40px; padding-bottom: 0.5em; font-size: 2em;}
.sec_06 .sec_header h2:before { position: absolute; display: block; content: "";}
.sec_06 .sec_header h2:before { bottom: 0px; left: 50%; width: 5.5em; height: 5px; margin-left: -2.75em; background: repeating-linear-gradient( 90deg, #C19D53, #C19D53 25%, #F8B95A 25%, #F8B95A 50%);}

.banner_site {}
.banner_site ul { display: flex; flex-wrap: wrap; }
.banner_site li { width: 23%; margin: 0 1% 2rem; text-align: center;}
.banner_site a { display: inline-block;}
.banner_site a img { max-width: 100%; height: auto;}

.top_banner_ad { position: relative;}
.top_banner_ad h2 { position: relative; margin: 1rem 0; padding: 0.5em 0.5em 0.5em 1.3em; font-weight: normal;}
.top_banner_ad h2:before { position: absolute; display: block; content: ""; top: 0.5em; bottom: 0.5em; left: 0.5em; width: 7px; background: linear-gradient( #88D480, #88D480 50%, #28B472 50%, #28B472);}
.top_banner_ad ul { display: flex; flex-wrap: wrap; margin-bottom: 0;}
.top_banner_ad li { width: 18%; margin: 0 1% 2rem; text-align: center;}
.top_banner_ad a { display: inline-block;}
.top_banner_ad a img { max-width: 100%; height: auto;}

.top_banner_ad_more { position: absolute; top: 1.6em; right: 1rem;}
.top_banner_ad_more a { display: block; padding: 0.5em 2.5rem 0.5em 1em; text-decoration: none; color: #000; background: url("../img/arrow_green.png") right 10px center no-repeat #E7F5CF; border-radius: 0.3em; transition-duration: 0.15s;}
.top_banner_ad_more a:hover,
.top_banner_ad_more a:focus { background-color: #D1EBA2; background-position: right 5px center;}


@media all and (-ms-high-contrast: none) {


/* 06 */
  .banner_site a,
  .top_banner_ad a { display: block; text-align: center;}

}



/*************************************************
 レスポンシブ　1160 + 20 
**************************************************/
@media screen and (max-width:1180px) {

  .top_section .wrap { margin-left: 2.5%; margin-right: 2.5%;}  

  /*
  .wrap.dual { display: block;}
  .wrap.dual > div { width: 100%;}
  */
  
  /* 02 ----------------------*/
  .sec_02_cont { display: block;}
  .sec_02_cont h2  { width: 100%;}
  .inportant_wrap,
  .emergency_wrap { width: 100%;}

  .emergency h2 a { width: 100%; padding: 0.5em;}
  .emergency h2 span.emergency_title_txt02 { width: 100%;}
  
  
  /* 03 ----------------------*/
  .sec_03 .wrap.dual { display: block;}
  .sec_03 .wrap.dual > div { width: 100%;}
  .topics { max-width: 760px; margin-left: auto; margin-right: auto;}
  
  
  /* 04 ----------------------*/
  .life_menu li { width: calc(25% - 2em);}
  
  
  /* 05 ----------------------*/
  .other_list li,
  .other_list li:nth-child(3n+1) { width: 48.5%; margin-left: 3%;}
  .other_list li:nth-child(2n-1) { margin-left: 0;}
  
  
  .population ul { flex-wrap: wrap;}
  .population li { width: calc(50% - 2em);}
  

  .banner_site li { width: 31.111111%;}



  /* 06 ----------------------*/
  .top_banner_ad li { width: 31.333333%;}

  
}


/*************************************************
 レスポンシブ　768 + 20 
**************************************************/
@media screen and (max-width:788px) {

  /* 01 ----------------------*/
  .sec_01 { padding-bottom: 10px;}


  /* 02 ----------------------*/
  .sec_02 { padding-top: 0;}


  .emergency li { width: 47%;}

  
  /* 03 ----------------------*/
  .sec_03 .sec_header { background-position: center bottom -130px;}
  .sec_03 .sec_header .wrap { padding-top: 60px;}
  .sec_03 .sec_header .wrap:before,
  .sec_03 .sec_header .wrap:after { height: 150px; background-size: contain;}
  .sec_03 .sec_header .wrap:before { left: -20px;}
  .sec_03 .sec_header .wrap:after { right: -20px;}


  .topics .slide_box { margin-bottom: 120px;}
  
  
  
  /* 04 ----------------------*/
  .sec_04 .sec_header { min-height: 134px; background-position: center top -8rem;}
  .sec_04 .sec_header .wrap { padding-top: 134px;}
  .sec_04 .sec_header .wrap:before { height: 134px; left: -150px;}

  .easy_search { margin-top: 1.5em; padding-left: 1em; padding-right: 1em;}
  .easy_search_inner { flex-wrap: wrap;}
  .easy_search input.easy_search_txt { width: 100%;}
  select.ct_select { width: calc(100% - 5em - 8px);}
  input.easy_search_bt { width: 5em;}
  .easy_search_keyword dt { float: none; width: auto;}
  .easy_search_keyword dd { padding-left: 0em;}

  .life_menu li { width: calc(33.333333% - 2em);}

  .point_search ul { display: block;} 
  .point_search li,
  .point_search li:nth-child(3n+1) { width: 100%; margin-left: 0%; margin-bottom: 1em;}


  
  /* 05 ----------------------*/
  .sec_05 .sec_header { min-height: 80px; background: url("../img/top_sec_bg_sec05_top.png") center bottom -120px repeat-x;}
  .sec_05 .sec_header .wrap:before { height: 152px; width: 362px; top: -60px; right: -60px;}

  
  .sec_05 .wrap.dual { display: block;}
  .sec_05 .wrap.dual > div { width: 100%;}
  .sec_05 .dual .dual_02 { margin-left: 0; margin-right: 0;}

  
  .other_list_image { width: 80px;}
  .other_list_text { width: calc(100% - 80px);}
  .other_list_text br { display: none;}
  
  
  .population li { width: calc(100% - 2em);}
  .population_more { position: static; float: right; margin: 0 0.5em 1em 1em;}

  .banner_site li { width: 48%; margin-bottom: 1rem;}

  
  
  /* 06 ----------------------*/
  .sec_06 .sec_header { background-position: center bottom -60px;}
  .sec_06 .sec_header .wrap { padding-top: 40px; overflow: visible;}
  .sec_06 .sec_header .wrap:before,
  .sec_06 .sec_header .wrap:after { background-size: contain;}
  .sec_06 .sec_header .wrap:before { width: 102px; height: 176px; top: -25px; left: -40px;}
  .sec_06 .sec_header .wrap:after { width: 228px; height: 114px; top: -30px; right: -80px;}


  .top_banner_ad li { width: 48%; margin-bottom: 1rem;}
  .top_banner_ad_more { position: static; float: right; margin-top: 1em;}

}



/*************************************************
 レスポンシブ　560 + 20 
**************************************************/
@media screen and (max-width:580px) {


  .important dl { padding-top: 0; padding-bottom: 0;}


  /* 02 ----------------------*/
  .emergency li { width: 97%;}
  
  
  
  /* 03 ----------------------*/
  .tab_rss li { width: calc(50% - 20px);}  
  .tab_rss li a { width: 100%; min-width: inherit;}
  
  
    
  /* 04 ----------------------*/
  .life_menu li { width: calc(50% - 1em); margin: 0.5em;}
  
  
  /* topics slider */
  .topics .slide_box { width: calc(100% - 68px); margin-bottom: 120px;}
  .topics .slick-prev { left: -34px;}
  .topics .slick-next { right: -34px;}
  .topics .slick-arrow { width: 44px; height: 44px;}
  .topics .slick-dots { bottom: -46px; margin-right: 0;}
  .topics .buttons { bottom: -44px;}
  
  
  
  /* 05 ----------------------*/
  .other_list li,
  .other_list li:nth-child(3n+1),
  .other_list li:nth-child(2n-1) { width: 100%; margin-left: 0%;}
  
  .magazine_image img { max-height: 180px;}

  
}