#main-container {
  background-color: #E1F1F0;
}

.keyword-container {
  background-color: #99DCD7;
  padding: 40px 0;
  text-align: center;
}

.top-keyword {
  font-size: 2rem;
  color: #292929;
}

.sub-word {
  font-size: 1.2rem;
  color: #292929;`
}

.button-high {
  background-color: #00A89C;
  color: #ffffff;
}

.button-low {
  background-color: #ffffff;
  border: 3px solid #00A89C;
  color: #00A89C;
}

.button-high,.button-low {
  width:460px;
  height: 60px;
  border-radius: 10px;
  display: block;
}

.solution-list-wrapper {
  width:940px;
  padding: 60px 0;
  margin: 0 auto;
}

.card-containner {
  background-color: #ffffff;
  margin: 0px auto 60px auto;
  padding: 40px 24px;
}
.headline {
  position: relative;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 88px;
  margin-bottom: 24px;
}
.content-title {
  font-size: 1.6rem;
  position: absolute;
  bottom: 0;
}
#head-overview {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-overview.png);
}
#head-research {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-research.png);
}
#head-promotion {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-promotion.png);
}
#head-new-business-support {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-new-bussiness-support.png);
}
#head-strategic-design {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-design.png);
}
#head-human-resources {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-recruitment.png);
}
#head-BtoB-marketing {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-btob-marketing.png);
}
#head-online-seminar {
  background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-online-seminar.png);
}

.content-image {
  width:100%;
}

.link-text a{
  color: black;
}
.link-text p,.link-text img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.button-link {
  margin-bottom:32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-link p {
  font-size: 1.2rem;
  font-weight: 600;  
}


.button-image, .blank-node {
  width: 300px;
}

.conversion-section{
  margin-bottom: 60px;
}

.btn-solution-conversion{
  margin: 24px auto 0 auto;
}

.conversion-bar {
  background-color: #3EA59A;
  opacity: 0.95;
  color: #ffffff;
  display:-webkit-box;
  display:-webkit-flex;
  display: -moz-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center; 
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.conversion-bar-inner {
  text-align: center;
}
.conversion-text-block, .conversion-btn {
  display: inline-block;
  vertical-align: middle;
}

.conversion-btn {
  color: #3EA59A;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border: 3px solid #FFFFFF;
  border-radius: 33px;
  padding:0 42px;
  font-size: 18px;
}
.conversion-bar {
  min-width: 1000px;
  font-size: 24px;
  height: 60px;
}

.conversion-btn {
  height: 48px;
}

.conversion-btn:hover {
  opacity: 0.5;
} 



@media screen and (max-width: 767px) {
  .top-keyword {
    font-size: 1.5rem;
  }
  .keyword-container {
      padding: 40px 16px;
  }

  .button-high,.button-low {
    width: 100%;
    height: 60px;
  }
  
  .button-high > .button-link {
    color: #ffffff;
  }
  
  .button-low > .button-link {
    color: #00A89C;
  }
  .headline {
    height: 58px;
  }
  #head-overview {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-overview-sp.png);
  }
  #head-research {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-research-sp.png);
  }
  #head-promotion {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-promotion-sp.png);
  }
  #head-new-business-support {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-new-bussiness-support-sp.png);
  }
  #head-strategic-design {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-design-sp.png);
  }
  #head-human-resources {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-recruitment-sp.png);
  }
  #head-BtoB-marketing {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-btob-marketing-sp.png);
  }
  #head-online-seminar {
    background-image: url(/wp-content/themes/markecchi-theme/lib/images/back-img-online-seminar-sp.png);
  }

  .card-containner{
    padding: 24px 16px;
  }
  .button-link {
    margin-bottom:16px;
  }
  .button-image {
    width: 100%;
  }
  
  .conversion-bar {
    min-width: 100%;
    font-size: 24px;
    height: 100px;
  }

  .conversion-bar-container {
    font-size: 1rem;
    padding: 8px;
  }    
  .conversion-btn {
    height: initial;
  }

  .solution-list-wrapper {
    width:100%;
    padding: 40px 0;
  }

}