@charset "utf-8";
/* CSS Document */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.wrap.pattern-5{
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
}

.h4_bg {
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 5px;
    background-color: #0C9130;
    padding-left: 10px;
}
* {  
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.item-list {
  padding:0 10px 0 10px;
}

.item-list ul{
  /*margin-left:-10px;
  overflow:hidden;*/
  background-color:transparent;
}

.item-list ul li {
  /*list-style-type:none;*/
  float:left;
 /* padding-left:20px;*/
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 33%;
  }
  ul.cols-3 li{
      width:50%;
  } 
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
      width: 100%;
  }
}
.page-loader {
    background-color: #4CD352;
}

.main-navigation .navbar-nav .menu-contact a span {
    background-color: #0C9130;
}

.main-navigation {
    border-bottom-color: rgba(0,193,88,1.00);
}

#top-content2 .inquiry .tel span::before {
    color: #147C08;
}

#top-content2 .inquiry .tel a {
    color: #19D322;
}

#top-content2 .inquiry .btn-mail a {
    background-color: rgba(21,170,38,1.00);
}

.footer {
    background-color: #4cd558;
}

.footer .copyright {
    background-color: #0C9128;
}

.header-wrapper .header-wrapper-inner .panelbody {
    background-color: rgba(208,207,38,0.80);
}

.btn-ylw {
    background: linear-gradient(0deg, #FFFFFF, #fcf9a3);
}

.btn-ylw:before {
    background: linear-gradient(0deg, #FFFFFF, #fcf9a3);
}

.section-heading h2::after {
    background-color: #E7F152;
}

.color-overlay, .color-overlay2 {
    background-color: #FFF3AA;
}

.header-inner {
    border-bottom: 5px solid #0C9130;
}
#contact .inquiry .btnSend {
    background-color: #FCB050;
}

ul.list {
    margin-left: 164px;
}

@media only screen and (max-width: 767px){
.navbar-collapse {
    background-color: rgba(0,165,8,0.90);
}
ul.list {
    margin-left: 20px;
}
}