@charset "utf-8";
/* CSS Document */

.marker-grn{
	background: linear-gradient(transparent 60%, #e4f2ee 0%);
}
.marker-grn{
	background: -mozlinear-linear-gradient(transparent 60%, #e4f2ee 0%);
}

/*--- 活用されたお客様の声　吹き出し ---*/
summary {
  cursor: pointer;
}

.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  /*padding: 7px 10px;*/
  padding: 15px 30px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}
.balloon2-left p.company-text {
  margin-top: 15px;
  padding: 0;
}
.ttl-soft-it {
    width: 940px;
    font-size: 137.5%;
    position: relative;
    margin-top: 10px;
}
@media (max-width:1050px) {
  .baloon {
    width:calc(100% - 330px) !important;
  }
}
.ttl-soft-it {
    width: 100%;
}
@media (max-width:768px) {
  .baloon_before {
    width:100% !important;
    text-align:center;
  }
  .baloon {
    display:none;
	}
  .balloon2-left {
    margin:0 !important;
  }
  .balloon2-left:after,
  .balloon2-left:before {
    display:none;
  }
	.balloon2-left p{
		text-align: left;
	}
}
.it_marker {
  background: linear-gradient(transparent 60%, #fff59d 60%);
}