@charset "utf-8";

/* =====================
区スタイル
===================== */


/* =====================
header
===================== */

.header {
  border-bottom: 6px solid;
}

.head_link_list_ku_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_l {
  max-width: 445px;
}

.head_link_list_ku {
  padding: 0;
  font-size: 1.3rem;
  border-right: 1px solid #e8e8e8;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.head_link_list_ku a {
  background-image: url(/images/2022_bt_toppage.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  font-size: 1.3rem;
  color: #000222;
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.head_link_list_ku a:hover {
  text-decoration: underline;
}

.head_link_list01 {
  padding: 2px 0 0 20px;
}


/* =====================
section01
===================== */

.top_sec01 {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  /* margin-bottom: 20px; */
  /* margin-top: 20px; */
}


/* スライダー */

#slick01>li:not(:first-child) {
  display: none;
}

#slick02 li, #slick03 li, #slick04 li, #slick05 li, #slick06 li, #choice-btn li, #choice-btn02 li {
  float: left;
}

#slick01 .slick-slide .slider_img {
  display: block;
  width: 100% !important;
  min-width: 1200px !important;
  height: auto !important;
  max-width: 1200px;
  margin: 0 auto;
}

#slick01 .slick-dots {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: auto;
  position: relative;
  bottom: 0;
  padding-right: 50px;
  position: absolute;
  z-index: 900;
}


/* コントロール */

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  padding: 0;
  background-color: #fff;
  border: 2px solid #2f3131;
  border-radius: 10px;
  cursor: pointer;
}

.slick-dots li.slick-active {
  background-color: #2f3131;
}

.slick-dots li button:focus {
  border: 2px solid #0550bf;
}

.slick-dots li button {
  position: absolute;
  content: '';
  top: -2px;
  right: -2px;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  border: 0px;
  padding: 2px;
  color: transparent;
  background: transparent;
}

.slick-dotted.slick-slider {
  margin: 0;
  padding: 0 0 0.85em 0;
  position: initial;
}

.slick-slide {
  padding: 0;
}

.slick-dots li button:before {
  color: #fff;
}

.slick-dots li.slick-active button:before {
  color: #0550bf;
}

.slick-control-wp {
  width: 1200px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slick-dots {
  position: relative;
  bottom: auto;
  padding: 0;
}

.slick-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgb(255 255 255 / 60%);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  float: right;
  padding: 10px;
  border-radius: 6px 6px 0 0;
}

.reproducing-button-wrap {
  margin-left: 10px;
}


/* =====================
section02　画像テキストリンク
===================== */

.img_btn_link_img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.top_sec02 {
  margin-bottom: 80px;
}

.top_sec02_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 10px 40px 10px;
}

.img_btn_link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
}

.img_btn_link a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: 2f3131;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 5px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.img_btn_link {
  width: 380px;
  padding: 0;
  margin-top: 20px;
  margin-right: 20px;
}

.img_btn_link_txt {
  padding: 10px 15px 10px 10px;
}

.img_btn_link:nth-of-type(3n) {
  margin-right: 0;
}


/* =====================
section03　お知らせ
===================== */

.info-area01 {
  width: 1200px;
  margin: 0 auto 40px auto;
}

.top_sec03 {
  margin-bottom: 80px;
}

h2.newinfo-title {
  letter-spacing: .3em;
}


/* タブ切り替え */

.info-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}

.info-tab>li {
  width: calc(100% / 3 - 1px);
  text-align: center;
  padding: 6px 10px;
  font-size: 2.4rem;
  border-bottom: 2px solid #e8e8e8;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #f4f4f4;
}

.info-tab li.bt_on {
  position: relative;
  display: inline-block;
  max-width: 100%;
  background-color: #fff;
  min-height: 44px;
  border-bottom: none;
  font-weight: bold;
  border-top: 2px solid;
  color: #000222;
}

.info-tab li.bt_on:before {
  /*   content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 7px solid transparent;
  border-top: 7px solid #0550bf;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); */
}

.info-tab li.bt_on a {
  color: #000222;
}

.info-tab>li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.18em;
  text-decoration: none;
  color: #555555;
}


/* 新着情報 */

.top_newinfo-box .info-list li:nth-child(odd) {
  background-color: #f4f4f4;
}

.info-list .date {}

.info-list .link {
  display: block;
}

ul.info-list li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 100%;
}

ul.info-list li dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 10rem;
}

.info-list span.link a {
  color: #222;
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none;
}

.info-list span.link a:hover {
  text-decoration: underline;
}

.info-list span.link a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #2f3131;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.info-list span.link a:hover::before {
  right: -2px;
}

ul.info-list li {
  padding: 11px 20px 11px 30px;
  clear: both;
  position: relative;
  width: auto;
  background-image: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

ul.info-list li dd {
  width: 100%;
}

.top_sec03 .ichiran-link a {
  position: relative;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  background-color: #f4f4f4;
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #000222 0px, #000222 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #000222 0px, #000222 368px);
  color: #000222;
  text-decoration: none;
  padding: 10px 50px 10px;
}

.top_sec03 .ichiran-link a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 14px;
  top: 50%;
  width: 12px;
}

.top_sec03 .ichiran-link a::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top_sec03 .ichiran-link a:hover, .top_sec03 .ichiran-link a:focus {
  text-decoration: underline;
}

.info-list span.link a {
  position: relative;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  letter-spacing: 0.08em;
}

.top_sec03 .ichiran-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top_sec03 .ichiran-link {
  width: 400px;
}

.info-list .date {
  margin: 0;
  padding: 8px 10px 5px 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem;
  display: block;
  color: #000222;
}


/* 入札・契約 */


/* 市報 */

.tab3box_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tab3box_l_in_l_con p {
  padding: 0;
  margin-bottom: 10px;
}

.tab3box_l_con_shihotitle_wp p {
  padding: 0;
  margin: 0;
}

.tab3box_l {
  width: 780px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tab3box_r {
  width: 400px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tab3box_r ul li {
  font-size: 1.8rem;
  padding: 0;
}

.tab3box_r ul li:nth-child(odd) a {
  background-color: #f4f4f4;
}

.tab3box_r a {
  color: #000222;
  text-decoration: none;
  display: block;
  padding: 10px 35px 10px 20px;
  position: relative;
}

.tab3box_r a:hover {
  text-decoration: underline;
}

.tab3box_r a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #2f3131;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 18px;
  top: 50%;
  width: 6px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.tab3box_r a:hover::before {
  right: 16px;
}

.tab3box_l_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

p.tab3box_l_con_tag {
  padding: 0 24px;
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 0.06em;
  background-color: #000222;
  color: #fff;
  line-height: 2;
}

.tab3box_l_con_shihotitle_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 40px;
}

.tab3box_l_con_shihotitle {
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 0 20px 0 0 !important;
}

.tab3box_l_con_date {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.tab3box_l_con_sub_title {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  font-weight: bold;
  background-color: #f4f4f4;
  padding: 0 10px !important;
  line-height: 1.8;
  margin-bottom: 10px;
}

.tab3box_l_con_title {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}

.tab3box_l_in_r p {
  padding: 0;
  text-align: center;
}

.tab3box_l_in_r {
  padding: 10px 20px 20px 10px;
  width: 330px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tab3box_l_in_l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 450px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tab3box_l_in_r>p>iframe {
  width: 300px !important;
  height: auto;
}

.tab3box_l_in_l_con {
  padding: 10px 6px 10px 20px;
}

.tab3box_l_con_link {
  padding: 20px 26px 20px 20px;
  width: 446px;
  margin: 0 auto;
}

.tab3box_l_con_link a {
  position: relative;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  background-color: #f4f4f4;
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #000222 0px, #000222 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #000222 0px, #000222 368px);
  color: #000222;
  text-decoration: none;
  padding: 10px 50px 10px;
}

.tab3box_l_con_link a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 14px;
  top: 50%;
  width: 12px;
}

.tab3box_l_con_link a::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* バナーエリア */

.top_sec03_bnr_wp p {
  padding: 0;
}

.top_sec03_bnr_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


/* =====================
section04　情報を探す
===================== */

.top_sec04 {
  background-image: url(/images/2022_ku_top_sec04_bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.top_sec04_con .top_sec_title_wp {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 25px;
  margin-top: 25px;
}

.top_sec04_con .top_sec_title {
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  padding-left: 30px;
}

.top_sec04_in {
  padding: 100px 0 110px 0;
}

img.top_sec04_bg {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  z-index: -1;
}

.top_sec04_con {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 40px 20px 40px;
  background-color: #fff;
  mix-blend-mode: normal;
  position: relative;
}

.top_sec04 .subtitle {
  /* position: absolute; */
  /* top: -67px; */
  padding: 0;
  /* left: 50%; */
  /* -webkit-transform: translateX(-50%); */
  -ms-transform: translateX(-50%);
  /* transform: translateX(-50%); */
}

.search_box {
  background-color: #f4f4f4;
  padding: 20px 10px 17px 10px;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top_sec04_box01 h3 {
  color: #2f3131;
  font-weight: bold;
  letter-spacing: 0.01em;
  font-size: 1.6rem;
  width: 150px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.top_sec04_box01 .search-wp {
  width: 880px;
  padding-left: 10px;
}

.chumoku_box {
  background-color: #ebf1fa;
  padding: 20px 10px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top_sec04_box01 {
  margin-bottom: 45px;
}

.top_sec04_box02 {
  margin-bottom: 30px;
}


/* 検索窓 */

table.gsc-search-box td.gsc-input {
  padding: 0 !important;
}

.search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #0550bf;
  border: none;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 60px;
  cursor: pointer;
  border-radius: 0;
}

.top_sec04_box01 .gsc-input-box {
  border-color: #fff;
}

input.gsc-input {
  height: 51px !important;
}

.gsc-search-button-v2 svg {
  width: 40px;
  height: 40px;
}

.head_search_title {
  color: #000222;
}


/* 探すボタン */

.top_sec04_box02 ul li {
  width: 130px;
  padding: 0;
}

.sagasu_img {
  display: block;
  text-align: center;
  min-height: 91px;
}

.sagasu_txt {
  display: block;
  text-align: center;
  padding-top: 5px;
}

.top_sec04_box02 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top_sec04_box02 ul li a {
  display: block;
  min-height: 165px;
  border-bottom: 2px solid #065fe3;
  color: #000222;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

@media screen and (min-width: 769px) {
  .top_sec04_box02 ul li a:before {
    position: absolute;
    z-index: 2;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
    bottom: 0;
    left: 0;
    border-bottom-color: #000222;
  }
  .top_sec04_box02 ul li a:hover:before {
    width: 100%;
    visibility: visible;
  }
}


/* 探すリンク */

.sagasu_link {
  padding: 0;
  width: 265px;
  text-align: center;
  margin-right: 20px;
  margin-bottom: 10px;
}

.top_sec04_box03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sagasu_link a {
  display: block;
  padding: 10px 40px 10px 10px;
  font-size: 1.8rem;
  background-color: #0550bf;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  background: -o-linear-gradient(left, #0550bf 233px, #0550bf 0px, #000222 0px, #000222 233px);
  background: linear-gradient(90deg, #0550bf 233px, #0550bf 0px, #000222 0px, #000222 233px);
}

.sagasu_link a::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sagasu_link a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 14px;
  top: 50%;
  width: 12px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.sagasu_link a:hover::before {
  right: 12px;
}

.sagasu_link:nth-of-type(4n) {
  margin-right: 0;
}


/* =====================
section05　市政情報
===================== */

.top_sec05 {
  background: -o-linear-gradient(left, #ebf1fa 0%, #ebf1fa 50%, #0550bf 50%, #0550bf 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ebf1fa), color-stop(50%, #ebf1fa), color-stop(50%, #0550bf), to(#0550bf));
  background: linear-gradient(90deg, #ebf1fa 0%, #ebf1fa 50%, #0550bf 50%, #0550bf 100%);
}

.top_sec05_in {
  width: 1200px;
  margin: 0 auto;
  background-image: url(/images/2022_top_sec05_bg.png);
  background-repeat: no-repeat;
  background-position: right 0 top 0;
  padding-bottom: 40px;
  padding-top: 50px;
}

.top_sec05_box_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
  background-color: #f4f4f4;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top_sec05_box {
  width: 270px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.top_sec05_box_link {
  border-bottom: 1px solid #fff;
}

.top_sec05_box_link a {
  display: block;
  position: relative;
  padding: 10px 20px 10px 10px;
  color: #000222;
  text-decoration: none;
}

.top_sec05_box_link a:hover {
  text-decoration: underline;
}

.top_sec05_box_link a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #2f3131;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 5px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.top_sec05_box_link a:hover::before {
  right: 8px;
}

.top_sec05 .top_sec_title_wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 25px;
  margin-top: 25px;
}

.top_sec05 .subtitle img {}

.top_sec05 .top_sec_title_wp h2 {
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  padding-left: 20px;
}


/* =====================
section06　注目トピックス
===================== */

.top_sec06 .top_sec_title_wp {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 40px;
  margin-top: 25px;
}

.top_sec06 .subtitle {}

.top_sec06 .top_sec_title {
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  padding-left: 20px;
}

#slick02 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.topics-slid-item {
  width: 360px;
  border-bottom: 2px solid #000222;
  padding: 0;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}

.topics-slid-link {
  display: block;
  font-size: 1.8rem;
  padding: 10px 50px 10px 20px;
  min-height: 90px;
  position: relative;
  letter-spacing: 0.06em;
}

a .topics-slid-link::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #2f3131;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 5px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.topics-slid-item a:hover {
  text-decoration: underline;
}

.topics-slid-item a:hover .topics-slid-link::before {
  right: 18px;
}

.topics-slid-item a {
  display: block;
  color: #2f3131;
  text-decoration: none;
}

.topics-slid-tag {
  position: absolute;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  padding: 2px 20px;
  background-color: #DDD;
  color: #2f3131;
  pointer-events: none;
  z-index: 10;
}

.slick-arrow {
  position: absolute;
  z-index: 900;
  top: 35%;
}

.nextArrow.slick-arrow {
  right: 0;
}

.prevArrow.slick-arrow {
  left: 0;
}

.top_sec06 {
  padding-bottom: 70px;
  padding-top: 50px;
}


/* ホバーエフェクト */

.topics-slid-img {
  display: block;
  width: 360px;
  height: 200px;
  overflow: hidden;
}

.topics-slid-item a img {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.topics-slid-item a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}


/* =====================
section07　各区リンク
===================== */

.top_sec07 {
  padding-bottom: 40px;
}

.top_ku_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 1200px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top_ku_navi li {
  width: calc(100% / 8);
  padding: 0;
}

.top_ku_navi li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.0rem;
  padding: 6px 10px;
  color: #000222;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.top_ku_navi li a::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(180 180 180 / 30%) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(180 180 180 / 30%)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(180 180 180 / 30%) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.top_ku_navi li a:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.top_ku_navi li {
  border-bottom: 2px solid #007248;
  background-color: #f4f4f4;
  border-right: 1px solid #fff;
}

.top_ku_navi li:nth-of-type(1) {
  border-bottom: 2px solid #007248;
}

.top_ku_navi li:nth-of-type(2) {
  border-bottom: 2px solid #0086ce;
}

.top_ku_navi li:nth-of-type(3) {
  border-bottom: 2px solid #003894;
}

.top_ku_navi li:nth-of-type(4) {
  border-bottom: 2px solid #b4b900;
}

.top_ku_navi li:nth-of-type(5) {
  border-bottom: 2px solid #009e3b;
}

.top_ku_navi li:nth-of-type(6) {
  border-bottom: 2px solid #00b9ef;
}

.top_ku_navi li:nth-of-type(7) {
  border-bottom: 2px solid #ea5404;
}

.top_ku_navi li:nth-of-type(8) {
  border-bottom: 2px solid #f5a100;
}

.top_ku_navi li a.active {
  position: relative;
  font-weight: bold;
}


/* =====================
広告エリア
===================== */

.banner-title p a::before, .kokoku-title p a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-color: #2f3131;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 4px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}


/* ==================================================
フッターエリア
================================================== */

.footer_wp {
  border-bottom: 2px solid #2f3131;
}

.foot_link_btn li {
  width: auto;
  min-width: 285px;
}

.foot_link_btn li a::before {
  border-color: #2f3131;
}

.footer_l_title h2 {
  color: #000222;
}

.footer_con {
  color: #000222;
  background-color: #e8e8e8;
}

.footlist a::before {
  border-color: #2f3131;
}

.switchBtn a, .switchBtn>button {
  background-color: #e8e8e8;
}
.footer_l p a {
  color: #2f3131;
}
.foot_tel_wp a {
  color: #2f3131;
}

/* ==========================================================================================
各区スタイル
11_chuou
12_kita
13_higashi
14_kounan
15_akiha
16_minami
17_nishi
18_nishikan
========================================================================================== */


/* 中央区 */

.ku_top_chuou .header {
  border-color: #003894;
}

.ku_top_chuou .top_sec02 {
  background-color: #b2c3df;
}

.ku_top_chuou .info-tab li.bt_on {
  border-color: #003894;
}

.ku_top_chuou .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #003894 0px, #003894 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #003894 0px, #003894 368px);
}

.ku_top_chuou .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #003894 0px, #003894 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #003894 0px, #003894 368px);
}

.ku_top_chuou .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #003894;
}

.ku_top_chuou .top_sec04 {
  background-image: url(/images/2022_ku_11_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_chuou .sagasu_img {
  background-color: #003894;
}

.ku_top_chuou .top_sec05_in {
  background-image: url(/images/2022_ku_11_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_chuou .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #003894 50%, #003894 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #003894), to(#003894));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #003894 50%, #003894 100%);
}

.ku_top_chuou .top_sec04_box02 ul li a {
  border-color: #003894;
}

.ku_top_chuou .topics-slid-tag {
  background-color: #99afd4;
}

.ku_top_chuou .top_ku_navi a.active {
  position: relative;
}

.ku_top_chuou .top_ku_navi a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #003894;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 北区 */

.ku_top_kita .header {
  border-color: #007248;
}

.ku_top_kita .top_sec02 {
  background-color: #b2d4c8;
}

.ku_top_kita .info-tab li.bt_on {
  border-color: #007248;
}

.ku_top_kita .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #007248 0px, #007248 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #007248 0px, #007248 368px);
}

.ku_top_kita .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #007248 0px, #007248 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #007248 0px, #007248 368px);
}

.ku_top_kita .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #007248;
}

.ku_top_kita .top_sec04 {
  background-image: url(/images/2022_ku_12_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_kita .sagasu_img {
  background-color: #007248;
}

.ku_top_kita .top_sec05_in {
  background-image: url(/images/2022_ku_12_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_kita .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #007248 50%, #007248 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #007248), to(#007248));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #007248 50%, #007248 100%);
}

.ku_top_kita .top_sec04_box02 ul li a {
  border-color: #007248;
}

.ku_top_kita .topics-slid-tag {
  background-color: #99c7b6;
}

.ku_top_kita a.active {
  position: relative;
}

.ku_top_kita a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #007248;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 東区 */

.ku_top_higashi .header {
  border-color: #0086ce;
}

.ku_top_higashi .top_sec02 {
  background-color: #b2daf0;
}

.ku_top_higashi .info-tab li.bt_on {
  border-color: #0086ce;
}

.ku_top_higashi .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #0086ce 0px, #0086ce 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #0086ce 0px, #0086ce 368px);
}

.ku_top_higashi .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #0086ce 0px, #0086ce 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #0086ce 0px, #0086ce 368px);
}

.ku_top_higashi .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #0086ce;
}

.ku_top_higashi .top_sec04 {
  background-image: url(/images/2022_ku_13_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_higashi .sagasu_img {
  background-color: #0086ce;
}

.ku_top_higashi .top_sec05_in {
  background-image: url(/images/2022_ku_13_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_higashi .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #0086ce 50%, #0086ce 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #0086ce), to(#0086ce));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #0086ce 50%, #0086ce 100%);
}

.ku_top_higashi .top_sec04_box02 ul li a {
  border-color: #0086ce;
}

.ku_top_higashi .topics-slid-tag {
  background-color: #99cfeb;
}

.ku_top_higashi a.active {
  position: relative;
}

.ku_top_higashi a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #0086ce;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 江南区 */

.ku_top_kounan .header {
  border-color: #b4b900;
}

.ku_top_kounan .top_sec02 {
  background-color: #e8eab2;
}

.ku_top_kounan .info-tab li.bt_on {
  border-color: #b4b900;
}

.ku_top_kounan .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #b4b900 0px, #b4b900 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #b4b900 0px, #b4b900 368px);
}

.ku_top_kounan .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #b4b900 0px, #b4b900 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #b4b900 0px, #b4b900 368px);
}

.ku_top_kounan .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #b4b900;
}

.ku_top_kounan .top_sec04 {
  background-image: url(/images/2022_ku_14_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_kounan .sagasu_img {
  background-color: #b4b900;
}

.ku_top_kounan .top_sec05_in {
  background-image: url(/images/2022_ku_14_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_kounan .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #b4b900 50%, #b4b900 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #b4b900), to(#b4b900));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #b4b900 50%, #b4b900 100%);
}

.ku_top_kounan .top_sec04_box02 ul li a {
  border-color: #b4b900;
}

.ku_top_kounan .topics-slid-tag {
  background-color: #e8eab2;
}

.ku_top_kounan a.active {
  position: relative;
}

.ku_top_kounan a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #b4b900;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 秋葉区 */

.ku_top_akiha .header {
  border-color: #009e3b;
}

.ku_top_akiha .top_sec02 {
  background-color: #b2e2c4;
}

.ku_top_akiha .info-tab li.bt_on {
  border-color: #009e3b;
}

.ku_top_akiha .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #009e3b 0px, #009e3b 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #009e3b 0px, #009e3b 368px);
}

.ku_top_akiha .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #009e3b 0px, #009e3b 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #009e3b 0px, #009e3b 368px);
}

.ku_top_akiha .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #009e3b;
}

.ku_top_akiha .top_sec04 {
  background-image: url(/images/2022_ku_15_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_akiha .sagasu_img {
  background-color: #009e3b;
}

.ku_top_akiha .top_sec05_in {
  background-image: url(/images/2022_ku_15_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_akiha .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #009e3b 50%, #009e3b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #009e3b), to(#009e3b));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #009e3b 50%, #009e3b 100%);
}

.ku_top_akiha .top_sec04_box02 ul li a {
  border-color: #009e3b;
}

.ku_top_akiha .topics-slid-tag {
  background-color: #99d8b1;
}

.ku_top_akiha a.active {
  position: relative;
}

.ku_top_akiha a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #009e3b;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 南区 */

.ku_top_minami .header {
  border-color: #00b9ef;
}

.ku_top_minami .top_sec02 {
  background-color: #b2eafa;
}

.ku_top_minami .info-tab li.bt_on {
  border-color: #00b9ef;
}

.ku_top_minami .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 368px);
}

.ku_top_minami .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 368px);
}

.ku_top_minami .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #00b9ef;
}

.ku_top_minami .top_sec04 {
  background-image: url(/images/2022_ku_16_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_minami .sagasu_img {
  background-color: #00b9ef;
}

.ku_top_minami .top_sec05_in {
  background-image: url(/images/2022_ku_16_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_minami .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #00b9ef 50%, #00b9ef 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #00b9ef), to(#00b9ef));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #00b9ef 50%, #00b9ef 100%);
}

.ku_top_minami .top_sec04_box02 ul li a {
  border-color: #00b9ef;
}

.ku_top_minami .topics-slid-tag {
  background-color: #99e3f9;
}

.ku_top_minami a.active {
  position: relative;
}

.ku_top_minami a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #00b9ef;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 西区 */

.ku_top_nishi .header {
  border-color: #ea5404;
}

.ku_top_nishi .top_sec02 {
  background-color: #f9cbb3;
}

.ku_top_nishi .info-tab li.bt_on {
  border-color: #ea5404;
}

.ku_top_nishi .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #ea5404 0px, #ea5404 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #ea5404 0px, #ea5404 368px);
}

.ku_top_nishi .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #ea5404 0px, #ea5404 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #ea5404 0px, #ea5404 368px);
}

.ku_top_nishi .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #ea5404;
}

.ku_top_nishi .top_sec04 {
  background-image: url(/images/2022_ku_nishi_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_nishi .sagasu_img {
  background-color: #ea5404;
}

.ku_top_nishi .top_sec05_in {
  background-image: url(/images/2022_ku_nishi_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_nishi .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #ea5404 50%, #ea5404 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #ea5404), to(#ea5404));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #ea5404 50%, #ea5404 100%);
}

.ku_top_nishi .top_sec04_box02 ul li a {
  border-color: #ea5404;
}

.ku_top_nishi .topics-slid-tag {
  background-color: #f7bb9b;
}

.ku_top_nishi a.active {
  position: relative;
}

.ku_top_nishi a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #ea5404;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


/* 西蒲区 */

.ku_top_nishikan .header {
  border-color: #f5a100;
}

.ku_top_nishikan .top_sec02 {
  background-color: #fce3b2;
}

.ku_top_nishikan .info-tab li.bt_on {
  border-color: #f5a100;
}

.ku_top_nishikan .top_sec03 .ichiran-link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #f5a100 0px, #f5a100 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #f5a100 0px, #f5a100 368px);
}

.ku_top_nishikan .tab3box_l_con_link a {
  background: -o-linear-gradient(left, #f4f4f4 368px, #f4f4f4 0px, #f5a100 0px, #f5a100 368px);
  background: linear-gradient(90deg, #f4f4f4 368px, #f4f4f4 0px, #f5a100 0px, #f5a100 368px);
}

.ku_top_nishikan .search-wp .gsc-search-button.gsc-search-button-v2 {
  background-color: #f5a100;
}

.ku_top_nishikan .top_sec04 {
  background-image: url(/images/2022_ku_18_sec04_bg02.png), url(/images/2022_ku_top_sec04_bg.png);
  background-size: auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat;
}

.ku_top_nishikan .sagasu_img {
  background-color: #f5a100;
}

.ku_top_nishikan .top_sec05_in {
  background-image: url(/images/2022_ku_18_sec05_bg.png);
  background-position: top 0 right -230px;
}

.ku_top_nishikan .top_sec05 {
  background: -o-linear-gradient(left, #f4f4f4 0%, #f4f4f4 50%, #f5a100 50%, #f5a100 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, #f5a100), to(#f5a100));
  background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #f5a100 50%, #f5a100 100%);
}

.ku_top_nishikan .top_sec04_box02 ul li a {
  border-color: #f5a100;
}

.ku_top_nishikan .topics-slid-tag {
  background-color: #fbd999;
}

.ku_top_nishikan a.active {
  position: relative;
}

.ku_top_nishikan a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #f5a100;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* ==================================================
インデックス・コンテンツ
================================================== */
.pankuzu .pk-img {
  background-color: #F4F4F4;
}
.h1bg>div {
  background-color: #F4F4F4;
  padding: 20px 10px;
}

#losubnavi h2, .losubnavi h2 {
  background-color: #2F3131;
}

#losubnavi li span.now {
  background-color: #F4F4F4;
  border: 1px solid #2F3131;
}

#localnavi ul li a::before {
  border-color: #2F3131;
}

.h2bg>div {
  border-left: 4px solid #2F3131;
  border-bottom: 2px solid #2F3131;
}
.h4bg h4 {
  color: #555555;
  border-left: 4px solid #555555;
}
h5 {
  border-left: 5px double #555555;
}
#contact h2 {
  background-color: #2F3131;
}

#contact {
  border: 1px solid #2F3131;
}

p.contact_name a::before {
  border-color: #2F3131;
}

#formmail {
  border: 1px solid #2F3131;
  background-color: #F4F4F4;
}

input.fedbt {
  background-color: #2F3131;
}
.m-title {
  border-bottom: 2px solid #2F3131;
}

.m-title a::before {
  border-color: #2F3131;
}
.allNewsList-wp .info-list li span.date {
  color: #000222;
}
ul.site-li-1 li a:not([href$="/index.html"]), ul.site-map li a:not([href$="/index.html"]), ul.norcor li a:not([href$="/index.html"]), ul.site-li li a:not([href$="/index.html"]), .site-li a:not([href$="/index.html"]), .norcor a:not([href$="/index.html"]),
.site-li-1 a:not([href$="/index.html"]), .site-li-2 a:not([href$="/index.html"]), .site-li a:not([href$="/index.html"]), .norcor a:not([href$="/index.html"]) {
  background-image: url(/images/2022_ku_icon_cont.png);
}
ul.site-li-1 li a[href$="/index.html"], ul.site-map li a[href$="/index.html"], ul.norcor li a[href$="/index.html"], ul.site-li li a[href$="/index.html"], .site-li a[href$="/index.html"], .norcor a[href$="/index.html"],
.site-li-1 a[href$="/index.html"], .site-li-2 a[href$="/index.html"], .site-li a[href$="/index.html"], .norcor a[href$="/index.html"] {
  background-image: url(/images/2022_ku_icon_idx.png);
}
.filelink a {
  background-image: url(/images/2022_ku_icon_filelink.png);
}
.innerLink a.innerLink {
  background-image: url(/images/2022_ku_icon_inlink.png);
}
.externalLink a.externalLink {
  background-image: url(/images/2022_ku_icon_linkout.png);
}
p.contact-email a {
  background-image: url(/images/2022_ku_icon_outlink.png);
}
ul.linkjump li a {
  background-image: url(/images/2022_ku_icon_jumplink.png);
}

ul.linkjump2 li {
  background-image: url(/images/2022_ku_icon_jumplink.png);
}

/* ==================================================
smph
================================================== */

@media screen and (max-width: 768px) {
  /* header */
  .img_btn_link {
    width: 100%;
    margin-top: 0;
    border-bottom: 2px solid #2f3131;
  }
  .img_btn_link_txt {
    padding: 8px 15px 8px 10px;
  }
  .img_btn_link a {
    font-size: 1.6rem;
  }
  .smph_gnavi_wp .smph_gnavi {
    padding: 0;
  }
  .gnavi_menu {
    background-color: #2f3131;
  }
  .sp_nav_link {
    border-bottom: 1px solid #2f3131;
  }
  li.smph_menu_btn {
    border-bottom: 1px solid #2f3131;
  }
  .sp_nav_link a::before {
    border-color: #2f3131;
  }
  #toggle01 {
    background-color: #2f3131;
  }
  .ku_sp_nav a {
    padding-left: 50px;
    background-image: url(/images/2022_bt_toppage.png);
    background-repeat: no-repeat;
    background-position: 18px .83em;
  }
  /* =====================
section01
===================== */
  #slick01 .slick-slide .slider_img {
    min-width: auto !important;
  }
  .slick-control-wp {
    width: 100%;
    position: relative;
  }
  .slick-control {
    float: none;
    display: block;
    padding: 10px 55px 0 55px;
    min-height: 38px;
  }
  .slick-dots-wp {
    width: 100%;
    text-align: center;
  }
  .reproducing-button-wrap {
    position: absolute;
    top: 5px;
    right: 20px;
  }
  /* =====================
section02
===================== */
  .top_ku_navi {
    width: 100%;
    padding: 0 20px;
  }
  .top_ku_navi li {
    width: calc(100% / 4);
  }
  .top_ku_navi li a {
    font-size: 1.8rem;
  }
  .top_sec02 {
    padding: 0 20px;
    margin-bottom: 40px;
  }
  /* =====================
section03
===================== */
  .info-area01 {
    width: 100%;
  }
  .info-tab>li a {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
  }
  ul.info-list li dl {
    display: block;
  }
  .top_sec03 {
    margin-bottom: 40px;
    padding: 20px 20px 0 20px;
  }
  .info-tab>li {
    padding: 5px;
  }
  .tab3box_wp {
    display: block;
  }
  .tab3box_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .tab3box_l_in {
    display: block;
  }
  .tab3box_r {
    width: 100%;
  }
  .tab3box_l_con_shihotitle_wp {
    display: block;
    padding-bottom: 10px;
  }
  .tab3box_l_in_l_con {
    padding: 10px 8px;
  }
  .top_sec03_bnr_wp_sp {
    text-align: center;
  }
  .tab3box_l_in_l_con p {}
  p.tab3box_l_con_sub_title {
    margin-bottom: 5px;
  }
  .tab3box_l_con_link {
    width: 335px;
    margin: 0 auto 10px auto !important;
    padding: 0;
  }
  .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #0550bf 303px, #0550bf 0px, #000222 0px, #000222 303px);
    background: linear-gradient(90deg, #0550bf 303px, #0550bf 0px, #000222 0px, #000222 303px);
  }
  .top_sec03 .ichiran-link {
    width: 335px;
  }
  .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #0550bf 300px, #0550bf 0px, #000222 0px, #000222 300px);
    background: linear-gradient(90deg, #0550bf 300px, #0550bf 0px, #000222 0px, #000222 300px);
  }
  .top_sec03 .ichiran-link a::after {
    right: 35px;
  }
  .tab3box_l_in_l {
    width: 100%;
  }
  .tab3box_l_in_r {
    width: 100%;
    padding: 10px;
  }
  /* =====================
section04
===================== */
  img.top_sec04_bg {
    max-width: none;
    height: 5000px;
    width: 5000px;
  }
  .top_sec04_con {
    width: 100%;
    padding: 20px 10px;
  }
  .top_sec04_box01 .search-wp {
    width: 100%;
    padding: 0;
  }
  .top_sec04_box01 h3 {
    width: 100%;
    padding-bottom: 15px;
  }
  .chumoku_box h3 {
    padding-bottom: 30px;
  }
  .top_sec04_box01 .search_box {
    display: block;
    padding: 20px 10px;
  }
  .chumoku_box {
    display: block;
    position: relative;
    padding-top: 30px;
  }
  .news-more-btn {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .top_sec04_in {
    padding: 100px 10px 110px 10px;
  }
  .gsc-input-box {
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .search-wp .gsc-search-button.gsc-search-button-v2 {
    width: 50px;
    height: 50px;
  }
  .gsc-search-button-v2 svg {
    width: 40px !important;
    height: auto;
  }
  input.gsc-input {
    height: 40px !important;
  }
  .top_sec04 .subtitle {}
  .chumoku_box_link {
    padding: 0;
  }
  .chumoku_box_link li {
    font-size: 1.4rem;
  }
  .top_sec04_box02 ul li {
    width: calc(100% / 2);
    text-align: center;
  }
  .top_sec04_box02 ul li a {
    width: 130px;
    margin: 10px auto 10px auto;
  }
  #top_sec04 {
    background-image: url(/images/2022_ku_top_sec04_bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  /* =====================
section05
===================== */
  .top_sec05_box_wp {
    display: block;
  }
  .top_sec05_box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
  .top_sec05_box_img {
    width: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
  }
  .top_sec05_box_link_wp {
    width: 100%;
  }
  .sagasu_link {
    width: 335px;
    margin: 0 auto 10px auto !important;
  }
  .sagasu_link a {
    background: -o-linear-gradient(left, #0550bf 303px, #0550bf 0px, #000222 0px, #000222 303px);
    background: linear-gradient(90deg, #0550bf 303px, #0550bf 0px, #000222 0px, #000222 303px);
  }
  .top_sec05 .top_sec_title_wp {
    background-color: #f4f4f4;
    margin: 0;
    padding: 30px 20px 0;
  }
  .top_sec05 {
    background: #fff !important;
  }
  .top_sec05_box_link a {
    font-size: 1.4rem;
    padding-left: 0;
  }
  .top_sec05 .subtitle {
    padding: 0;
  }
  /* =====================
section06
===================== */
  .top_sec06 .top_sec_title_wp {
    width: 100%;
    padding: 0 20px 0;
  }
  #slick02 {
    width: 100%;
    overflow: inherit;
  }
  .topics-slid-img {
    width: auto;
    height: auto;
  }
  .top_sec06 .subtitle {
    margin: 0;
    padding: 0;
  }
  .prevArrow.slick-arrow {
    top: 100%;
    right: 55%;
    left: auto;
  }
  .nextArrow.slick-arrow {
    top: 100%;
    left: 55%;
    right: auto;
  }
  .topics-slid-item a img {
    margin: 0;
    width: 100%;
  }
  /* =====================
footer
===================== */
  .foot_link_btn li {
    width: 100%;
  }
  /* ==========================================================================================
各区スタイル
chuou
kita
higashi
kounan
akiha
minami
nishi
nishikan
========================================================================================== */
  /* 中央区 */
  .ku_top_chuou .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #003894 0px, #003894 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #003894 0px, #003894 300px);
  }
  .ku_top_chuou .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #003894 0px, #003894 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #003894 0px, #003894 303px);
  }
  .ku_top_chuou .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_11_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 北区 */
  .ku_top_kita .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #007248 0px, #007248 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #007248 0px, #007248 300px);
  }
  .ku_top_kita .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #007248 0px, #007248 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #007248 0px, #007248 303px);
  }
  .ku_top_kita .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_12_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 東区 */
  .ku_top_higashi .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #0086ce 0px, #0086ce 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #0086ce 0px, #0086ce 300px);
  }
  .ku_top_higashi .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #0086ce 0px, #0086ce 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #0086ce 0px, #0086ce 303px);
  }
  .ku_top_higashi .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_13_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 江南区 */
  .ku_top_kounan .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #b4b900 0px, #b4b900 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #b4b900 0px, #b4b900 300px);
  }
  .ku_top_kounan .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #b4b900 0px, #b4b900 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #b4b900 0px, #b4b900 303px);
  }
  .ku_top_kounan .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_14_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 秋葉区 */
  .ku_top_akiha .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #009e3b 0px, #009e3b 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #009e3b 0px, #009e3b 300px);
  }
  .ku_top_akiha .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #009e3b 0px, #009e3b 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #009e3b 0px, #009e3b 303px);
  }
  .ku_top_akiha .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_15_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 南区 */
  .ku_top_minami .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 300px);
  }
  .ku_top_minami .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #00b9ef 0px, #00b9ef 303px);
  }
  .ku_top_minami .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_16_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 西区 */
  .ku_top_nishi .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #ea5404 0px, #ea5404 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #ea5404 0px, #ea5404 300px);
  }
  .ku_top_nishi .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #ea5404 0px, #ea5404 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #ea5404 0px, #ea5404 303px);
  }
  .ku_top_nishi .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_17_sec05_bg.png);
    background-position: 100% 0;
  }
  /* 西蒲区 */
  .ku_top_nishikan .top_sec03 .ichiran-link a {
    background: -o-linear-gradient(left, #f4f4f4 300px, #f4f4f4 0px, #f5a100 0px, #f5a100 300px);
    background: linear-gradient(90deg, #f4f4f4 300px, #f4f4f4 0px, #f5a100 0px, #f5a100 300px);
  }
  .ku_top_nishikan .tab3box_l_con_link a {
    background: -o-linear-gradient(left, #f4f4f4 303px, #f4f4f4 0px, #f5a100 0px, #f5a100 303px);
    background: linear-gradient(90deg, #f4f4f4 303px, #f4f4f4 0px, #f5a100 0px, #f5a100 303px);
  }
  .ku_top_nishikan .top_sec05_in {
    width: 100%;
    background-image: url(/images/2022_ku_sp_18_sec05_bg.png);
    background-position: 100% 0;
  }
}


/* ==========================================================================================
プリント用css
========================================================================================== */

@media print {
  /* body {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    overflow: visible !important;
  } */
}