@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




#voice .voice-cat {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 30px;
}

#voice .voice-cat li a {
	padding:6px 14px;
	border:1px solid #ccc;
	border-radius:20px;
	display:block;
}

#voice .voice-cat li a:hover {
	background:#333;
	color:#fff;
}

	



/* min 801px */
@media screen and (min-width: 801px), print {


	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(../img/pagetitle/voice.jpg) no-repeat center / cover;
}



 
	
/* voice
--------------------- */
#voice {
	width: 100%;
	min-width: 1240px;
	padding: 0 0 50px 0;
}
	#voice .box {
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: solid 1px #ddd;
	}
	#voice .box:nth-last-child(1) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
		#voice .box .pht {
			width: 250px;
			padding: 10px;
			background: #f7f5f2;
			position: relative;
		}
			#voice .box .pht img {
				width: 100%;
				height: auto;
			}
	
			#voice .box .pht .icon {
				width: 30px;
				height: auto;
				position: absolute;
				bottom: 5px;
				right: 5px;
			}
	
		#voice .box .text {
			width: 950px;
		}
			#voice .box .text h2 {
				font-size: 172%;
				font-weight: 500;
				color: #5d261b;
				margin-bottom: 10px;
			}

			#voice .box .text p {
				line-height: 30px;
			}



}








/* max 800px */
@media only screen and (max-width: 800px) {


	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(../img/pagetitle/voice.jpg) no-repeat right center / cover;
}



 
	
/* voice
--------------------- */
#voice {
	width: 100%;
	padding: 50px 0 0 0;
}
	#voice .box {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: solid 1px #ddd;
	}
	#voice .box:nth-last-child(1) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
		#voice .box .pht {
			padding: 10px;
			background: #f7f5f2;
			position: relative;
		}
			#voice .box .pht img {
				width: 100%;
				height: auto;
			}
	
			#voice .box .pht .icon {
				width: 40px;
				height: auto;
				position: absolute;
				bottom: 5px;
				right: 5px;
			}
	
		#voice .box .text {
			padding-top: 15px;
		}
			#voice .box .text h2 {
				font-size: 135%;
				font-weight: 500;
				color: #5d261b;
				margin-bottom: 10px;
			}

			#voice .box .text p {
				font-size: 93%;
				line-height: 2em;
			}
	
	




}