@charset "utf-8";
/* CSS Document */
/*----------共通使用----------*/
body{
	font-family: "Noto Sans JP", sans-serif;
}

#welfare .container {
	position: relative;
	top: 0;
	width: 100%;
	/*min-height: 82vh;*/
	margin-top: -115px;
}
#welfare .page_head_blue {
	height: 160px;
}
#welfare .page_container_bg {
	background: none;
}
#welfare .page_contents {
	padding: 0 40px 60px 40px;
}
#welfare .page_contents_title {
	color: #fff;
	margin-bottom: 87px;
}

.br-on-sp{
	display: none;
}

.concept_text {
	color: #000;
	font-size: 24px;
	font-family: 'M PLUS 1p', sans-serif;
}
.sub_head_txt {
	font-size: 1.2rem;
	margin-top: 60px;
}
.sub_head_title {
	display: flex;
	align-items: flex-start;
	margin-top: 56px;
}
.sub_head_mark {
	color: #004898;
	font-size: 1.5rem!important;
	margin-right: 10px;
}

.contents_box {
	margin-top: 30px;
}
.contents_box p {
	font-size: 1rem;
	line-height: 1.6;
}

.new_voice{
	color:#c00;
}

.voice_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap: 20px 50px;
}
/*Edge崩れ対応251104*/
.voice_list a{
	backface-visibility: visible;
}
.voice_inBox{
	text-align:center;
	padding:3px;
	width: 30%;
	max-width: calc(100% / 3 - 40px);
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}


.voice_inBox img{
	object-fit:scale-down;
	width: 100%;
	max-width: 300px;
	height: 100%;
    max-height: 300px;
}
.voice_inBox a{

}
.voice_inBox a:hover{
	opacity:0.6;
	transition:0.3s;
}
.voice_inBox span.new{
	color:#C00;
}


/* 拡大切替用 */
@media screen and (max-width: 1348px) {
	/* .voice_inBox{
		width:36vw;
	} */
}
/* タブレット用レイアウト */
@media screen and (max-width: 1024px) {
	#welfare .container{
		margin-top: -125px;
	}

	#welfare .page_contents_title {
		margin-bottom: 50px;
	}

	.br-on-sp{
		display: block;
	}

	.voice_list{
		justify-content: space-between;
		gap: 20px 3px;
	}
	
	.voice_inBox{
		max-width: 300px;
		width: 46%;
	}
	#welfare .page_contents{
		padding: 0 20px 30px 20px;
	}

}
/*スマートフォン縦表示*/
@media screen and (max-width:599px) {
	#welfare .page_contents {
		padding: 0 10px 30px 10px;
	}

	#welfare .container{
		margin-top: -114px;
	}

	#welfare .page_contents_title {
		margin-bottom: 60px;
	}

	.voice_list{
		flex-direction: column;
		align-items: center;
	}
	.voice_inBox {
		width: 100%;
	}
	.voice_inBox img{
		max-width: 300px;
        width: 100%;
	}
}