@charset "UTF-8";
/* 宮田町用CSS
#7fbc40
#356b3c
*/

/*リセット*/
.page-oec-miyatacho #contents>.inner {
  /* トップページ幅 100% */
  width: 100%;
  max-width: 100%;
}
.page-oec-miyatacho .mainblock.under{
  padding-bottom:0;
}
.page-oec-miyatachoinner {
  /* コンテンツは1000pxに */
  width: 1000px;
  margin: 0 auto;
  max-width: 96%;
}
.page-oec-miyatacho .page-title,
.page-oec-miyatacho .bread_wrap{
  display: none;
}
.page-oec-miyatacho .mainblock a {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .page-oec-miyatacho #contents,
  .page-oec-miyatacho #aside {
    margin-bottom: 0;
  }
}

/*ヘッダーフッター*/
#header h1 {
  max-width: 28.8%;
}
@media screen and (min-width: 768px) and (max-width: 1042px) {
  #header h1 {
    padding: 25px 0 0;
  }
}
.copyright {
  background: #0F2A4B;
}
.copyright a{
  color:#fff!important;
}
.page-title {
  background: url(img/m_sec05_bg.jpg)no-repeat 62% 15%;
}
@media screen and (min-width: 768px) {
  .headerinner .pc{
    float: right;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 830px;
    max-width: 69.2%;
  }
  .headerinner .btn li{
    max-width: 24.25%;
    margin-right: 0!important;
  }
  .headerinner .btn li:not(:last-child){
    margin-right: 1%!important;
  }
}
@media screen and (min-width: 768px) {
  #nav02 {
    border-color: #7fbc40;
  }
}
@media screen and (max-width: 767px) {
  #nav ul.menu {
    border-top: 1px solid #45784d;
    background: #7dbb3c;
  }
}
/*見出し*/
.page-oec-miyatacho h2 {
  margin-bottom: 0.8em;
}
.page-oec-miyatacho h2{
  padding-bottom: 0;
  margin-bottom: 0.8em;
  text-align: center;
}
.page-oec-miyatacho h2:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  width: 50px;
  height: 2px;
  margin:auto;
  background: #bfb37c;
}
.sec01{
  background: url(img/sec01_bg001_m.jpg) no-repeat center / cover;
}
.sec03 h2 {
  margin: 0 0 0.8em;
}
@media screen and (max-width: 767px) {
  .page-oec-miyatacho h2 {
    margin-bottom: 30px;
  }
}

.slick-dots li.slick-active button {
  background: #77b04a;
}


.sec04 ul li a {
  background-image: url(img/m_sec04_bg01.jpg);
}
.sec05 {
  background-image: url(img/m_sec05_bg.jpg);
}
@media screen and (min-width: 768px) {
  .sec03 .sec03_01 .col_img {
    background: url(img/m_sec03_bg001_1.jpg)no-repeat center / cover;
  }
  
}
/* ======== 下層 ======== */

.entry-block h3::after, .mce-content-body h4::after, .under h4::after {
  background: url(img/ｍ_h4_icon.png)no-repeat center / contain !important;
  width: 68px;
}
.entry-block h3::after {
  width: 60px;
  height: 26px;
}
.ul_arrow li a {
  color: #7dbb3c;
}
.ul_arrow li:before {
  border-top: 8px solid #7dbb3c;
}
.ul01 li::before {
  background: #7dbb3c;
}
.ul_check li::before {
  background:#7dbb3c;
  border: 1px solid #7dbb3c;
}
.bg-block{
  background:#f1f1e5;
}
.title, p.title, .title p {
  color: #7dbb3c;
}
.flow-block::after {
  border-top: 15px solid #7dbb3c;
}
.facility_box .column {
  background: #f1f1e5;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 10px 10px 1px;
}
.page-facility .column .title p {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .page-facility .col3 .column:not(:nth-child(3n+1)) {
    margin-left: 2%;
  }
  .page-facility .columns {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}

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

.btn-style a {
  background-color: #356b3c;
  color:#fff;
}
.btn-style a::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.menu_bnr_list ul li a {
  background-image: url("img/m_sec04_bg01.jpg");
}

.sec_news .news h2 {
  background-color:#356B3C/*7fbc40*/;
}
.sec_news .news h2 a {
  color:#356B3C;
}
.sec_news .news li a {
  color:#356B3C !important;
}

@media screen and (max-width: 767px) {
  #header h1 {
    margin: 15px auto 10px !important;
    max-width: 60%;
  }
  #header h1 .sp {
    line-height:1;
    padding-top:5px;
  }
}
.sec04 > div:not(:last-child) {
    margin-bottom: 2em;
}
.text-right{
text-align:right;
}