@charset "UTF-8";
.products-lead-block {
  margin: 0 5px 25px;
}

.products-lead-block > p {
  margin: 0 0 15px;
}

.products-lead {
  margin: 0 0 15px;
}

.main-img {
    margin: 0 auto 45px;
    text-align: center;
}

.text01 {
    margin: 0 0 1em 0;
}
.text02 {
    margin: 0 0 0 1em;
}

.products-table {
margin:  0 0 45px;
}
.products-table th {
    width: 30%;
}
.banner {
  margin: 20px 0 50px 0;
}

.banner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.banner li {
  float: left;
  width: 44%;
  padding: 0 3% 0 3%;
}

.banner li a {
  display: block;
  padding: 12px 10px 12px 10px;
  position: relative;
	box-shadow: 1px 1px 2px #999;
	border-radius: 5px;
	text-align: center;	
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

.banner li a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: "";
}

.banner li a:link,
.banner li a:visited {
  color: #fff;
  text-decoration: none;
  background-color: #e4bd3e;
	background-color: #0175ba;
	
}

.banner li a:hover,
.banner li a:active {
  text-decoration: none;
  background-color: #51a7d9;
}

@media only screen and (max-width: 767px) {
.main-img {
    margin: 0 auto 40px;
}
.products-table {
margin:  0 0 40px;
}
.banner {
    margin: 0 0 40px 0;
  }
.banner li {
    float: none;
    width: auto;
    padding: 20px 0 0 ;
  }
}