@charset "utf-8";

#armpits-sweat_title {
  background-image: url(bg_title.jpg);
}

#column_main #armpits-sweat_title h2 {
  background-image: url(title01.png);
  padding-bottom: 14.5%;
}

@media screen and (max-width: 768px) {
  #armpits-sweat_title {
    background-position: right 10% center;
  }

  #column_main #armpits-sweat_title h2 {
    padding-bottom: 17%;
  }
}

.qtxt {
  font-size: 1.5rem;
  color: #005aac;
}

#clm_cont .img_right.img_gf {
  max-width: 300px;
}

.img_left {
  max-width: 40%;
  float: left;
}

.ep_list {
  width: 55%;
  float: right;
}

.ep_list li {
  margin: 0 0 8px 0;
  background: #ecf7fb;
  border: 2px solid #c3d7e9;
  padding: 10px 18px;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.ep_list li:after,
.ep_list li:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ep_list li:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #ecf7fb;
  border-width: 12px;
  margin-top: -12px;
}

.ep_list li:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #c3d7e9;
  border-width: 15px;
  margin-top: -15px;
}

.ep_list li dt {
  font-size: 15px;
  line-height: 1.4;
  margin: 0 0 8px 0;
  color: #005aac;
  font-weight: bold;
}

.ep_list li dd {
  font-size: 12px;
  line-height: 1.3;
  color: #666;
}

@media screen and (max-width: 768px) {
  #clm_cont .img_right.img_gf {
    max-width: 35%;
  }

  .img_left {
    max-width: 100%;
    float: none;
    margin: 0 auto 1em auto;
  }

  .ep_list {
    width: auto;
    float: none;
  }

  .ep_list li {
    margin: 0 0 16px 0;
  }

  .ep_list li:after,
  .ep_list li:before {
    top: 100%;
    left: 50%;
    right: auto;
  }

  .ep_list li:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #ecf7fb;
    border-width: 8px;
    margin-left: -8px;
    margin-top: auto;
  }

  .ep_list li:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #c3d7e9;
    border-width: 11px;
    margin-left: -11px;
    margin-top: auto;
  }
}

@media screen and (max-width: 480px) {
  #clm_cont .img_right.img_gf {
    max-width: 100%;
  }
}

#img06,
#img01,
#img03,
#img04,
#img05 {
  border: 1px solid #c3d7e9;
}

#clm_cont section .aside_prod .img_right#photo01,
#clm_cont section .aside_prod .img_right#photo02 {
  border: 0;
  max-width: 50%;
  width: 300px;
}

@media screen and (max-width: 768px) {
  #clm_cont section .aside_prod .img_right#photo01,
  #clm_cont section .aside_prod .img_right#photo02 {
    max-width: 40%;
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  #clm_cont section .aside_prod .img_right#photo01,
  #clm_cont section .aside_prod .img_right#photo02 {
    max-width: 100%;
    display: block;
    margin: 0 auto 10px auto;
    float: none;
  }
}

@media screen and (max-width: 480px) {
  #img06,
  #img01,
  #img03,
  #img04,
  #img05 {
    display: block;
    margin: 0 auto 1.2em auto;
  }
}