/*
	Theme Name	: Clinic Portal
	Framework		: SCSS SASS
*/
/** VARIABLE **/
.subBanner {
  background-image: url("../images/subBnr_img_picolaser_pc.jpg");
}

/*picolaser and action2 Img tabs*/
.treatment-tabs-plaser {
  margin-top: 30px;
}
.treatment-tabs-plaser .head-ttl {
  color: #37396C;
  padding-bottom: 0;
  margin: 0 5px 20px;
  z-index: 1;
}
.treatment-tabs-plaser .head-ttl::after {
  display: none;
}
.treatment-tabs-plaser .head-ttl::before {
  position: absolute;
  content: "";
  width: 100%;
  border-bottom: 1px solid rgba(55, 57, 108, 0.5);
  height: 1px;
  left: 0;
  top: 50%;
  z-index: -1;
}
.treatment-tabs-plaser .head-ttl span {
  padding: 2px 10px;
  margin: 0 20px;
  display: inline-block;
  background: #E1F2FB;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #E1F2FB), color-stop(100%, #e7f4fb));
  background: -webkit-linear-gradient(top, #E1F2FB 0%, #e7f4fb 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#E1F2FB), to(#e7f4fb));
  background: linear-gradient(to bottom, #E1F2FB 0%, #e7f4fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#E1F2FB", endColorstr="#e7f4fb", GradientType=0 );
}
.treatment-tabs-plaser .tab-box-plaser ul li {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 10px;
}
.treatment-tabs-plaser .tab-box-plaser ul li a span {
  top: 25%;
}
.treatment-tabs-plaser .tab-box-plaser ul li a small {
  font-size: 16px;
  display: block;
  text-align: center;
  font-family: var(--dfont3);
  color: #fff;
  margin-top: 10px;
  font-weight: 400;
}
.treatment-tabs-plaser .tab-box-plaser ul li:nth-child(2n) {
  margin-right: 0;
}

.treatment-tabs-plaser .tab-box {
  padding: 20px;
}

/* Large Tablet Devices */
@media only screen and (max-width: 1260px) {
  .container {
    width: auto;
  }
}
/* Large Tablet Devices */
@media only screen and (max-width: 1150px) {
  .treatment-tabs-plaser .tab-box ul li a small {
    font-size: 12px;
  }
}
@media only screen and (max-width: 900px) {
  img.align-l,
  img.align-r,
  img.align-c {
    width: 300px;
  }
  .treatment-tabs-plaser .tab-box ul li a small {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none;
  }
  .subBanner {
    background-image: url("../images/subBnr_img_picolaser_sp.jpg");
  }
  .mainWrapper {
    padding-top: 0;
  }
  img.align-l,
  img.align-r,
  img.align-c {
    max-width: 335px;
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .treatment-tabs-plaser .head-ttl::before {
    display: none;
  }
  .treatment-tabs-plaser .tab-box ul li {
    float: none;
    width: 90%;
    margin: 5px 5%;
  }
}