@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Course CSS"

Cascading Style Sheet Setting File

Ver.20180927

------------------------------------------------------------------------------------------------------------------------

01. Voice Index

********************************************************************************************************** |READ ME| **/

/** |01. Voice index | >> ********************************************************************************* >> START **/

.page-voice{
	background:#f9f9f9;
}

.page-header{
	background: url(/img/kanko/voice/bg-voi-hed.jpg)no-repeat 0 0;
	background-size: cover;
}

.voice-index-catch{
	margin:50px 0 15px;
	text-align: center;
	font-size:22px;
	font-weight: bold;
	line-height:1.3;
}

.voice-index-subcatch{
	margin: 50px 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}

.voice-list{
	margin:0 auto;
	padding:0 0 80px;
	width:940px;
}

.voice-list-item{
	position: relative;
	padding:30px 200px 30px 70px;
	margin:0 0 20px;
	background-color:#fff;
	text-align: left;
}

.voice-list-image{
	position: absolute;
	top:30px;
	right:0;
	width:200px;
	text-align: center;
}

.voice-list-image img{
	display: block;
	margin:10px auto 10px;
}

.voice-list-info{
	padding:0 70px 0 0;
	font-size:16px;
	min-height:140px;
	border-right:#dddddd solid 1px;
}

.voice-list-text{
	display: block;
	padding:10px 0 0 0;
	line-height:1.5;
}

.voice-list-date{
	font-size:14px;
	padding:30px 0 0;
	color:#df0303;
	display: block;
}

@media  (max-width: 640px) {

	.voice-index-catch{
		margin:4% 4% 5px;
		font-size:20px;
	}

	.voice-index-subcatch{
		margin:4%;
		font-size: 20px;
	}

	.voice-index-subcatch br{
		display: none;
	}

	.voice-list{
		padding:0 4% 10%;
		width:auto;
	}

	.voice-list-item{
		padding:4%;
		margin:0 0 4%;
	}

	.voice-list-item:last-child{
		margin:0;
	}

	.voice-list-image{
		position:relative;
		top:auto;
		right:auto;
		width:auto;
	}

	.voice-list-image img{
		display: block;
		margin:0 auto 5px;
		width:40px;
		height:48px;
	}

	.voice-list-info{
		padding:2% 0 0;
		min-height:0;
		border-right:none;
	}

	.voice-list-text br{
		display:none;
	}

	.voice-list-date{
		padding:2% 0 0;
	}

}

/** |01. Course Index | >> ********************************************************************************* << END **/