@charset "UTF-8";

#voice_top {
	background-image:url( images/voice_header.jpg )
}

#voice_body {
	padding:80px 0 50px 0;
	background-color: #F0F0F0;
}

#voice_copy {
	text-align:center;
	font-size:23px;
}
#voice_body ul {
	margin:60px 0;
	display:flex;
	flex-wrap:wrap;
}

#voice_body ul > li {
	list-style-type:none;
	width:calc( 50% - 16px );
	background-color:#fff;
	padding:20px;
	margin-bottom:30px;
	position:relative;
}

#voice_body ul > li:nth-of-type( 2n+1 ) {
	margin-right:16px;
}

#voice_body ul > li:nth-of-type( 2n+2 ) {
	margin-left:16px;
}

#voice_body ul > li:nth-of-type( n+3 ) {
	margin-top:40px;
}

.voice_no {
	font-size:45px;
	font-weight:700;
	color:#025FB5;
	font-style: italic;
}

.voice_no > span {
	font-size:15px;
	padding-right:7px;
}

.voice_title {
	padding-top:40px;
	padding-bottom:18px;
	position:relative;
	border-bottom:2px solid #D7DFE4;
}

.voice_title > img {
	height:100px;
	position:absolute;
	right:0;
	bottom:-1px;
	z-index:1;
}
.voice_title > span {
	font-size:20px;
	line-height:1.5em;
	position:relative;
	font-weight:600;
	z-index:2;
}

#voice_body ul > li > h3 {
	font-size:20px;
	font-weight:600;
	line-height:1.5em;
	margin:30px 0 20px 0;
	color:#0A60BF;
}

#voice_body ul > li > h3 + div {
	font-family:'Zen Kaku Gothic New';
}

#voice_body ul > li dl {
	margin-top:20px;
	display:flex;
}

#voice_body ul > li dt {
	width:110px;
}

#voice_body ul > li dt > p {
	padding:2px;
	font-family:'Zen Kaku Gothic New';
	font-size:15px;
	line-height:1.4em;
	border:1px solid #000;
	text-align:center;
	font-weight:500;
}

#voice_body ul > li dd {
	padding-left:16px;
	width:calc( 100% - 110px );
}

#voice_body ul > li dd > p {
	font-family:'Zen Kaku Gothic New';
	display:inline-block;
	font-size:15px;
	line-height:1.4em;
}

#voice_body ul > li dd > p:not(:last-of-type)::after {
	content: '／';
}

#voice_body ul > li::after {
	content:'';
	position: absolute;
	bottom: -65px; /* 三角形の高さ分を下にずらす */
	left: calc( 50% - 16px );
	border: 16px solid transparent; /* 三角形のサイズ */
	border-top: 60px solid #fff; /* 背景色と同じ色を上(top)に指定 */
}

@media screen and ( max-width:700px ) {
	#voice_copy {
		font-size:18px;
		line-height:1.5em;
		text-align:left;
	}
	#voice_body ul > li {
		width:calc( 100% - 8px );
		padding:20px;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}

	#voice_body ul > li:nth-of-type( 2n+1 ), #voice_body ul > li:nth-of-type( 2n+2 ) {
		margin-left:auto;
		margin-right:auto;
	}

	#voice_body ul > li:nth-of-type( n+2 ) {
		margin-top:40px;
	}

}