@charset "utf-8";

/*角丸カッコ*/
.kakko-v1 {
	display: inline-block;
	padding: 2rem 2.5rem;
	position: relative;
	text-align: center;
	box-sizing: border-box;
}
.kakko-v1::before,
.kakko-v1::after {
	display: block;
	position: absolute;
	top: 50%;  
	box-sizing: border-box;
	line-height: 0;
	font-size:8rem;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
	'メイリオ', 'Meiryo',
	'游ゴシック', 'Yu Gothic',
	'ＭＳ Ｐゴシック', 'MS PGothic',
	sans-serif;
	color: #a9a9a9; /* 括弧の色 */
}
.kakko-v1::before {
	content: '('; /* 開き括弧の種類*/
	left: 0;
}
.kakko-v1::after {
	content: ')'; /* 閉じ括弧の種類*/
	right: 0;
}
.kakko-v1 p{
	margin: 0;
}
/*角カッコ*/
.kakko-v2 {
	display: inline-block;
	padding: 1.5rem 3rem;
	position: relative;
	box-sizing: border-box;
}
.kakko-v2::before,
.kakko-v2::after {
	content: '';
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;  
	width: 20px;
	height: 100%;
	box-sizing: border-box;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.kakko-v2::before {
	border-left: solid 1px #666;
	left: 0;
}
.kakko-v2::after {
	border-right: solid 1px #666;
	right: 0;
}
.kakko-v2 p{
	margin: 0;
}

/*左角カッコ*/
.kakko-left-1 {
  position: relative;
  margin-left: 2rem;
  box-sizing: border-box;
  line-height: 2;
}
.kakko-left-1::before{
  position: absolute;
  top: 0;
  left: -0.5em;
  content: "";
  box-sizing: border-box;
  border-left: 3px solid #666; /* 太さ | 種類 | 色 */ 
  border-top: 3px solid #666; /* 太さ | 種類 | 色 */ 
  border-bottom: 3px solid #666; /* 太さ | 種類 | 色 */ 
  width: 20px;
  height: 100%;
  padding: 15px 0 5px 5px;
}
.kakko-left-1 p {
  padding: 0.8em 1em;
}