body {
  background-image: linear-gradient(180deg, #eee, #fff 100px, #fff);
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.bg-base {
    background-color: #002060;
}

.font-base {
    text-decoration:none;
    color: #002060;
}

.wtnfs-1 {
  font-size: calc(1.375rem + 1.5vw) ;
}
.wtnfs-2 {
  font-size: calc(1.325rem + 0.9vw) ;
}
.wtnfs-3 {
  font-size: calc(1.3rem + 0.6vw) ;
}
.wtnfs-4 {
  font-size: calc(1.275rem + 0.3vw) ;
}
.wtnfs-5 {
  font-size: 1.25rem;
}
.wtnfs-6 {
  font-size: 1rem;
}

@media (max-width: 640px) {
  p {
    font-size: 0.8rem;
  }
  a {
    font-size: 0.8rem;
  }
  .list-group-item a{
    font-size: 0.6rem;
  }
  .display-1 {
    font-size: 2.5rem;
  }
  .display-2 {
    font-size: 2rem;
  }
  .display-3 {
    font-size: 1.5rem;
  }
  .display-4 {
    font-size: 1.5rem;
  }
  .display-5 {
    font-size: 1rem;
  }
  .display-6 {
    font-size: 1rem;
  }
  .display-7 {
    font-size: 0.8rem;
  }
  .display-8 {
    font-size: 0.8rem;
  }
  .display-12 {
    font-size: 0.8rem;
  }
  .wtnfs-1 {
    font-size: 1.5rem;
  }
  .wtnfs-2 {
    font-size: 1.25rem;
  }
  .wtnfs-3 {
    font-size: 1rem;
  }
  .wtnfs-4 {
    font-size: 1rem;
  }
  .wtnfs-5 {
    font-size: 0.8rem;
  }
  .wtnfs-6 {
    font-size: 0.8rem;
  }
}
/*----------------
    TOPページ
----------------*/
.demo {
    width: 100%;
    background: url(image/top_demo_btn_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-company th{
    background: #424F6F;
    color: white;
    text-align: center;
	padding: 20px
}
.bg-company td{
	padding: 20px
}

.title-base h2{
    border-bottom: 5px solid #002060;
}

.bg-req {
    background-color: #E5EDFB;
}

/*----------------
    製品ページ
----------------*/
/*--お客様声の一例--*/
.img-voice {
  width:180px;
  height: 50px; 
}
@media (max-width: 640px) {
  .img-voice {
    width:80px;
    height: 30px; 
  }
}
/*--油使用料の削減例--*/

.font-impact {
    color: #FF8006;
}

.bg-impact {
    background-color: #FF8006;
}
.bg-faq {
    background-color: #FFF2CC;
}

/*--無料デモ--*/
.block-demo {
    padding: 20px;
}
.btn-group-center {
  display: block;
  margin: auto;
  text-align: center;
}
.image-demo {
  width:376px;
  height: 90px; 
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .block-demo {
      padding: 5px;
  }
  .image-demo {
    width:170px;
    height: 50px; 
    margin-right: 2px;
    margin-left: 2px;
  }
}
/*--製品詳細--*/
.table-spec {
  font-size: 1rem;
}

@media (max-width: 640px) {
  .table-spec {
    font-size: 0.6rem;
  }
  .table-spec th{
    padding: 3px;
  }
  .table-spec td{
    padding: 3px;
  }
}

/*----------------
   プライバシーポリシーページ
----------------*/
.title-pp{
  border-bottom: solid 1px #B2B2B2;
  position: relative;
}

.title-pp:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30%;
  border-bottom: 1px solid #000000;
}