@charset "UTF-8";
/* #topImage
------------------------------*/
#topImage {
  margin: 0;
  padding: 40px 0;
    background: url(../images/top_background.jpg) center center no-repeat;
  background-size: cover;
}

#topImage h2 {
  margin: 0 auto 20px;
  text-align: center;
  color: #FFF;
  font-size: 32px;
  font-weight: bold;
  text-shadow: 2px 2px 4px #000;
}
.txt_topimage {
  margin: 0px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.txt_topimage h3 {
  font-size: 22px;
}

/* icon_check チェックリストアイコン付リスト */
ul.icon_check {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.icon_check li {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../images/icon_checklist.png) 0 0 no-repeat;
  font-size: 18px;
}

.system_detail {
  margin-bottom: 30px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}


.con {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 400px;
    padding-right: 400px;
}


@media (max-width: 639px) {
  #topImage {
    height: auto;
  }
}

/* #systemSection
------------------------------*/
#systemSection {
  background: url(../images/background.png) center center repeat;
}
#systemSection a.btn {
  width: 100%;
}
#systemSection h3 {
  font-size: 21px;
}

@media (min-width: 768px) {
  .systemicon {
    text-align: center;
  }

  .system_detail {
    min-height: 120px;
  }
}
@media (max-width: 767px) {
  #systemSection {
    font-size: 12px;
  }
  #systemSection h2 {
    font-size: 21px;
  }
  #systemSection h3 {
    font-size: 18px;
  }
  #systemSection .systemicon {
    text-align: left;
    width: 128px;
    float: left;
    margin-right: 5px;
  }
}
/* 誕生から */
#contactSection {
  position: relative;
  background:#3eafc1 url(../images/bg_mouse.png) no-repeat 100% 98%;
  color: #fff;
}

#contactSection:before {
  position: absolute;
  bottom: 4px;
  content: "";
  width: 89px;
  height: 120px;
  background: url(../images/bg_setup.png) no-repeat bottom left;
}


@media (max-width: 991px) {
  .bg_bottle {
    background-size: contain;
  }
}

@media print {
  .txt_topimage h3 {
    font-size: 14pt;
  }
  ul.icon_check {
    width:80%;
    margin-left: auto;
    margin-right: auto;
  }
  ul.icon_check li {
    font-size: 13pt;
    height:26px;
  }
  #systemSection {
    page-break-after: always; 
  }
  #systemSection.pTB30 {
    padding :0;
  }
  #systemSection h3 {
    font-size: 12pt;
  }
  #systemSection .col-sm-4 {
    width: 33%;
    float: left;
    padding: 0 .2cm;
  }
  #systemSection .system_detail {
    margin-bottom: 0;
    padding: .2cm;
  }
  #contactSection {
    color: #000;
  }
}