@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#voice .system-area {
	background: #333333;
	color: #ffffff;
	font-size: 14px;
  font-size: clamp(0.75rem, 0.667rem + 0.17vw, 0.875rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding-inline: 15px;
	width: -moz-fit-content;
	width: fit-content;
}

#voice .system-pic {
	margin-bottom: 14px;
}

#voice .system-pic img {
  width: 380px;
  height: 240px;
}

#voice .system-ttl {
	margin-bottom: 16px;
  font-weight: 500;
}

#voice .system-area.single {
  margin-inline: auto;
  margin-bottom: 24px;
}

#voice .system-wrap.single {
  justify-content: center;
  margin-bottom: 2rem;
}

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1200px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1200px) {
#voice .system-pic img {
  width: 29.667vw;
  height: 20vw;
}

}


/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#voice .system-pic img {
  width: 48.309vw;
  height: 30vw;
}

#voice .system-ttl {
  font-weight: 500;
}

#voice .system-area {
	background: #333333;
	color: #ffffff;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding-inline: 2vw;
	width: -moz-fit-content;
	width: fit-content;
}

#voice .system-area.single {
  margin-inline: auto;
}

#voice .system-wrap.single {
  margin-bottom: 4vw;
}

}