@charset "utf-8";
/* ==========================================================================
   home SP
   ========================================================================== */
.jumbotron {
  background-image: url(/vaporub/img/main_image.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 100%;
  height: 0;
  padding-top: 48.42%;
  position: relative;
  margin-bottom: 25px;
}
.jumbotron .name {
  width: 57.58%;
  position: absolute;
  top: 20.35%;
  left: 35.86%;
}
.jumbotron p {
  position: absolute;
  top: 70.71%;
  left: 37.75%;
  width: 51.2%;
  height: 0;
  overflow: hidden;
  padding-top: 12.45%;
  background-image: url(/vaporub/img/txt_kounou.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.campaign {
  margin-bottom: 15px;
}
.campaign ul {
  text-align: center;
}
.campaign li {
  display: inline-block;
  width: 70.68%;
  margin-bottom: 10px;
}
.cm {
  width: 70.68%;
  padding: 5.2% 0;
  margin: 0 auto 48px;
  background: url(/vaporub/img/bg_cm.png) no-repeat 0 0;
  background-size: 100% auto;
}
.sec01 {
  background-image: url(/vaporub/img/bg_section01.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 268px;
  background-size: 100% auto;
  margin: 0 auto 45px;
  width: 290px;
}
.sec02 {
  background-image: url(/vaporub/img/bg_section02.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 62% auto;
  padding-top: 289px;
  margin: 0 auto 40px;
  width: 290px;
}
.sec02 img {
}
.conts {
  margin-bottom: 100px;
  text-align: center;
}
.conts section {
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-bottom: 10px;
  display: inline-block;
  text-align: left;
  background-size: 100% auto;
  width: 280px;
  height: 280px;
  overflow: hidden;
}
.conts a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 35px 20px 35px 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.conts h2 {
  color: #00a495;
  font-size: 19px;
  line-height: 1;
  margin-bottom: 15px;
}
.conts p {
  color: #00a495;
  font-size: 12px;
  line-height: 1.8;
}
.sec03 {
  background-image: url(/vaporub/img/sp_li_01.jpg);
}
.sec04 {
  background-image: url(/vaporub/img/sp_li_02.jpg);
}
.sec05 {
  background-image: url(/vaporub/img/sp_li_03.jpg);
}
.sec06 {
  background-image: url(/vaporub/img/sp_li_04.jpg);
}

@media (min-width:568px) and (max-width:779px) {
.conts {
  max-width: 560px;
  height: 560px;
  margin: 0 auto 100px;
  overflow: hidden;
}
.conts section {
  font-size: 0;
  margin: 0 2% 4% 2%;
  line-height: none;
  float: left;
  max-width: 46%;
  max-height: 46%;
}
.conts a {
  transform: scale(1, 1);
  font-size: 1rem;
}
}