@charset "UTF-8";

/*
========================================

	/about/hrd/examsuccess/css/examsuccess_add.css
    資格合格体験記用の追加　css
 
========================================
*/

/*ラベル*/

.fukidashi-01-12 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}

.fukidashi-01-12 > p {
  color: #25348e;
  font-weight: 700;
}

.fukidashi-01-12::before {
  content: "";
  width: 16px;
  height: 4px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: #cbed5d;
}
.fukidashi-01-12::after {
  content: "";
  width: 16px;
  height: 4px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #97cef1;
}

/*ラベル*/

.label_tape {
  position: relative;
  width: fit-content;
  margin: 1rem 0.5rem -1rem 0.5rem;
}
.label_tape > p {
  position: relative;
  padding: 0.5rem 1.5rem;
  border-radius: 4px;
  background-color: #fff;
  color: #25348e;
  font-weight: 700;
}
/*.label_tape> p::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 15px;
  height: 15px;
  transform: rotate(135deg);
  box-sizing: border-box;
  background-color: #fff;
}*/
.label_tape > .ornament {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.label_tape > .ornament::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 36px;
  height: 16px;
  transform: rotate(-45deg);
  box-sizing: border-box;
  background-color: #cbed5d;
  mix-blend-mode: multiply; /* 乗算 */
}
.label_tape > .ornament::after {
  content: "";
  position: absolute;
  top: calc(100% - 15px);
  right: -10px;
  width: 36px;
  height: 16px;
  transform: rotate(-45deg);
  box-sizing: border-box;
  background-color: #97cef1;
  mix-blend-mode: multiply; /* 乗算 */
}