@charset "utf-8";




.sec_01 .voice_list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5em;
}


.voice_list li {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
  position: absolute;
  pointer-events: none;
}

.voice_list li.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: static;
  pointer-events: auto;
}

.sec_01 .voice_list li{
	background: var(--c_lbln);
	border-radius: var(--br20);
	padding: 1.5em 1.75em;
}
.sec_01 .voice_list li .work{
	width: fit-content;
	background: var(--c_tur);
	padding: .25em .75em;
	margin-bottom: .25em;
	font-size: clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);
	border-radius: var(--br10);
	color: #fff;
}

.sec_01 .voice_list li .work .small{
	font-size: 80%;
	display: inline-block;
}

.sec_01 .voice_list li .txt_area{
	width: 65%;
}
.sec_01 .voice_list li .img_area{
	width: 30%;
}

.sec_01 .voice_list li .img_area img{
	border-radius: 50%;
}

.sec_01 .voice_list li .txt_area .name_txt{
}


.more_btn{
  display: block;
   width: 100%;
  max-width: 360px;
  margin: 3em auto 0;
  border-radius: 10em;
  background: var(--c_red);
  padding: .75em 1.25em;
  font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  cursor: pointer;
}

button{border: none}


@media (max-width: 799px){

.sec_01 .voice_list{
	gap: 1.25em 1em;
}
.sec_01 .voice_list li{
	padding: 1.25em 1.5em;
}

.sec_01 .voice_list li .txt_area{
	width: 100%;
}

.sec_01 .voice_list li .img_area{
	width: 60%;
}


}


@media (max-width: 599px){


.sec_01 .voice_list{
	grid-template-columns: repeat(1, 1fr);
}

.sec_01 .voice_list li .txt_area{
	width: 65%;
}
.sec_01 .voice_list li .img_area{
	width: 30%;
	margin: 0;
}



}