.high_cost ul{
  margin: 0 0 20px 0;
}

.high_cost ul li {
  list-style: none;
  margin: 0 0 3em;
  background: #EDEFF3;
  padding: 30px;
  border-radius: 20px;
}
.high_cost ul li:last-child {
  margin: 0 0 0;
}

.high_cost ul li h3 {
  display: flex;
  align-items: center; /* 上揃え */
  font-size: 21px;
  margin: 0 0 0.7em;
	line-height: 1.4;
}

.high_cost ul li h3 > .num {
  font-size: 60px;
  color: #C6CDDD;
  line-height: 1;
  margin: 0 15px 0 0; 
  flex-shrink: 0;
}


.balloon_tit{
	font-size: clamp(24px, 3vw, 34px);
  position: relative;
  background: #EDEFF3;
  padding: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.balloon_tit:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #EDEFF3 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.balloon_tit > span{
	font-size:1.2em;
	color: #E87E15;;
}
.orange {
  color: #f28c28; /* お好みのオレンジ色に調整 */
}

/* users */

.users{
  display: block;
  margin: 20px 0 0 0;
}
.users_tit{
  font-size: clamp(18px, 3vw, 24px);
  margin: 0.3em 0 0.8em;
  line-height: 1.4;
}

.users dl{
  display: flex;
  background: #EDEFF3;
  border-radius: 20px;
  padding: 20px;
  margin: 0 0 40px 0;
}
.users dl:last-child{ margin: 0 0 0 0}
.users dl dt{
  width: 20%;
  display: flex;
  align-items: center;
}
.users dl dd{
  width: 75%;
  margin: 0 0 0 5%;
}
.users dl dd {
  font-size: clamp(15px, 3vw, 17px);
  line-height: 1.4;
}


.users dl dt img{
  width: 100%;
  height: auto;
}


/* merit */
.merit{
  margin: 30px 0 0 0;
}

.merit ul{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 5%;
}

.merit ul li{
  list-style: none;
  width: 47.5%;
  background: #E9EDF1;
  border-radius: 10px;
  padding: 20px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 10% 0;
  position: relative;
}
.merit ul li:nth-child(n+3){
  margin: 0 0 0 0;
}
.merit ul li picture{
  width: 50%;
  max-width: 170px;
  margin: 20px auto;
}

.merit_label{
  position: absolute;
  top:-20px;
  left: 50%;
	transform: translateX(-50%);
  width: max-content;
  color:#fff;
  background: #1D3879;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 0.2em 2em;
  border-radius: 9999px;
  align-items: center;
  display: flex;
}
.merit_label span{
  font-size: 2em;
  margin-left: 5px;
}

.merit_tit{
  font-size: 22px;
  color: #1D3879;
  margin: 1em 0 0 0;
  text-align: center;
  line-height: 1.4;
}

    @media screen and (max-width:767px) {
      .merit ul li {
        width: 100%;
      }
  
      .merit ul li:nth-child(3) {
        margin: 0 0 10% 0;
      }
    }