@charset "euc-jp";

/********** メニュー アクティブ **********/
.header-menu-list-item.is_howto .header-menu-list-item__link {
  box-shadow: 0 -3px 0 #a0107c inset;
  color: #ab48a2;
}

.howto.is_please .sub-menu-list-item.is_please .sub-menu-list-item__link {
  box-shadow: 0 -2px 0 #79016c inset;
  font-weight: bold;
  text-decoration: none;
  color: #ab48a2;
}



.manner-list-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  column-gap: 24px;
}

.manner-list-item:not(:last-child) {
  margin-bottom: 64px;
}

.manner-list-item:before {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  flex-basis: 80px;
  flex-shrink: 0;
  content: '';
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
}

.manner-list-item.is_impossible-please:before {
  background-image: url(https://assets.chatpia.jp/common/img/img_please_illust2.jpg);
}

.manner-list-item.is_feeling:before {
  background-image: url(https://assets.chatpia.jp/common/img/img_please_illust0.jpg);
}

.manner-list-item.is_greeting:before {
  background-image: url(https://assets.chatpia.jp/common/img/img_please_illust1.jpg);
}

.manner-list-item.is_cut-in:before {
  background-image: url(https://assets.chatpia.jp/common/img/img_please_illust3.jpg);
}

.manner-list-item.is_logout:before {
  background-image: url(https://assets.chatpia.jp/common/img/img_please_illust4.jpg);
}

.manner-list-item.is_screen-shot:before {
  background-image: url(https://assets.chatpia.jp/common/img/img_please_illust5.jpg);
}

.manner-list-item-inner-title {
  margin-bottom: 12px;
  font-size: 20px;
  color: #ab48a2;
}

.manner-list-item-inner-text {
  font-size: 16px;
  line-height: 1.5em;
}