@charset "utf-8";

/*
help/counseling
--------------------------------------------------------- */
.sub-ttl {
  position: relative;
  margin-bottom: 10px;
  padding-left: 14px;
}

.sub-ttl::after {
  content: '';
  width: 6px;
  height: 100%;
  background: #0cbaa0;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.btn-col-3 {
  display: flex;
  flex-wrap: wrap;
}

.btn-col-3 > li {
  width: calc(100% / 3);
}

.btn-col-3 > li .btn-secondary {
  width: 92%;
}

/* カウンセリング例 */
.counseling-case-wrap {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
}

.counseling-case-wrap + .counseling-case-wrap {
  margin-top: 20px;
}

.counseling-case-wrap > .head {
  padding-left: 54px;
  margin-bottom: 15px;
  position: relative;
}

.counseling-case-wrap > .head::before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 999em;
  position: absolute;
  top: 0;
  left: 0;
}

.counseling-case-wrap > .head.is-woman::before {
  background: url("../../../images/icon_woman.gif") no-repeat center;
  background-size: 45px auto;
}

.counseling-case-wrap > .head.is-men::before {
  background: url("../../../images/icon_men.gif") no-repeat center;
  background-size: 45px auto;
}

.counseling-case-wrap > .head .head-ttl {
  font-size: 16px;
  font-weight: bold;
}