@charset "UTF-8";
/* CSS Document */
/* リスト全体 */
.profile {
  max-width: 1000px;
  margin: 0 auto;
}
/* 画像 */
img {
  width: 32%;
  height: auto;
  margin: 100px 36px 50px 0;
  display: inline-block;
}
/* プロフィール */
.item-profile {
  display: inline-block;
  vertical-align: top;
  margin-top: 100px;
}
.item-profile h2 {
  font-size: 3.6rem;
  padding-bottom: 10px;
  font-weight: 800;
}
.item-profile h3 {
  font-size: 2.4rem;
  font-weight: 300;
  padding-bottom: 40px;
}
.item-profile table {
  font-size: 1.6rem;
}
.item-profile th, td {
  padding: 10px 0;
}
.item-profile th {
  padding-right: 20px;
  text-align: left;
}
/* PDF */
.pdf {
  text-decoration: none;
  display: block;
  padding: 20px 0 20px 20px;
  color: #ffffff;
  background-color: #a62447;
  font-size: 1.2rem;
}
/* ボイスサンプル */
.voicesample h3 {
  display: block;
  font-size: 2.8rem;
  color: #a62447;
  text-align: center;
  font-weight: 600;
  margin: 100px auto 40px;
}
.samples {
  column-count: 2;
  column-width: 50%;
  padding: 20px 0;
}
#break {
  break-before: always;
}
.sampleset button {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  height: calc(30px / 2 * tan(60deg));
  width: 30px;
  background-color: #a62447;
  padding: 20px 0px;
  vertical-align: middle;
  display: inline-block;
  color: #a62447;
  margin-right: 20px;
}
.sampleset button:hover {
  cursor: pointer;
}
.sampleset p {
  display: inline-block;
  font-size: 1.6rem;
  padding: 20px 0px;
  font-weight: 600;
  vertical-align: middle;
}
/* 出演履歴 */
.character_resume {
  padding-bottom: 100px;
}
.character_resume h3 {
  font-size: 2.8rem;
  color: #a62447;
  text-align: center;
  font-weight: 600;
  margin: 100px auto 40px;
}
.character_resume h4 {
  color: #d9899e;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 56px 0 16px;
}
.character_resume p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.character_resume span {
  font-weight: 800;
}

@media (max-width: 767px) {
	.profile {
		padding: 0 4%;
	}
	img {
		width: 100%;
		margin: 20px 0;
		display: block;
	}
	.item-profile {
		display: block;
		margin-top: 20px;
	}
	.item-profile h2 {
		font-size: 2.4rem;
	}
	.item-profile h3 {
		font-size: 1.2rem;
		padding-bottom: 20px;
	}
	.item-profile table {
  font-size: 1.2rem;
}
	.item-profile th {
		width: 70px;
	}
	.samples {
		column-count: 1;
		column-width: 100%;
	}
	#break {
		break-before: avoid;
	}
	.sampleset p {
		font-size: 1.2rem;
	}
	.character_resume h3 {
		font-size: 2.4rem;
		margin: 50px auto 20px;
	}
	.character_resume h4 {
		font-size: 1.6rem;
		margin: 50px 0 10px;
	}
	.character_resume p {
		font-size: 0.8rem;
		line-height: 1.4rem;
	}
}