@charset "utf-8";
.voiceTag span{
	display:table;
	background-color:#d29576;
	color:#fff;
	line-height:1.0;
	text-align:center;
}
#voiceMenu:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	background:url("../img/voice/wave-bg.svg") center bottom no-repeat;
}
#voiceMenu .noPosts{
	display:block;
	width:100%;
	padding-bottom:120px;
	text-align:center;
}
#voiceMenu h2{color:#6888b8;}
#voiceMenu .secLead{line-height:2.1;}
#voiceMenu .voiceList li{
	display:block;
	background-color:#bfd0ea;
}
#voiceMenu .voiceList li a{
	display:table;
	width:100%;
	height:100%;
	background-color:#fff;
	text-decoration:none;
	transition:all 0.4s;
}
#voiceMenu .voiceList li a:hover{
	background-color:#e8ecf5;
	color:#302c2b;
}
#voiceMenu .voiceList li a > *{
	display: table-cell;
	vertical-align:top;
}
#voiceMenu .voiceList li a figure,
#voiceMenu .voiceList li a figure *{text-align:center;}
#voiceMenu .voiceList li a figcaption *{
	display:block;
	line-height:1.0;
}
#voiceMenu .voiceList li a .popBox h3{line-height:1.45;}
#voiceContent .voiceBox{
	background-color:#fff;
	margin:0 auto;
}
#voiceContent .voiceBox figcaption small,
#voiceContent .voiceBox figcaption strong{display:block;}
#voiceContent .voiceBox figcaption .voiceTag span{margin:0 auto;}
#voiceContent .voiceBox .popBox{
	position:relative;
	background-color:#e8ecf5;
}
#voiceContent .voiceBox .popBox:before{
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-style:solid;
}
#voiceContent .voiceBox .voiceTxt{
	color:#707070;
	line-height:2.0;
}
#faq:before{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("../img/voice/faq-bg01.svg") center top no-repeat;
	pointer-events:none;
}
@media screen and (max-width:1159.999px){
	#voiceMenu{
		padding:48px 6.4vw 40px;
		background:url("../img/voice/life-bg-sp.svg") #e8ecf5 center 160px no-repeat;
	}
	#voiceMenu:after{
		height:23px;
		background-size:auto 100%;
		background-repeat:repeat-x;
	}
	#voiceMenu h2{
		width:300px;
		padding-bottom:25px;
		margin:0 auto;
		border-bottom:2px solid #6888b8;
		font-size:2.4rem;
		text-align:center;
	}
	#voiceMenu .secLead{
		width:300px;
		margin:22px auto 0;
		font-size:1.5rem;
	}
	#voiceMenu .voiceList{
		width:328px;
		margin:38px auto 0;
	}
	#voiceMenu .voiceList li{
		padding:10px 2px 2px;
		border-radius:6px;
	}
	#voiceMenu .voiceList li+li{margin-top:15px;}
	#voiceMenu .voiceList li a{
		padding:13px 28px 17px;
		border-radius:6px;
	}
	#voiceMenu .voiceList li a figure{width:80px;}
	#voiceMenu .voiceList li a figcaption small{
		margin:8px auto;
		font-size:1.3rem;
	}
	#voiceMenu .voiceList li a figcaption strong{font-size:1.6rem;}
	#voiceMenu .voiceList li a .popBox{padding-left:24px;}
	#voiceMenu .voiceList li a .popBox h3{font-size:1.6rem;}
	#voiceMenu .voiceList li .voiceTag{margin-top:12px;}
	#voiceMenu .voiceList li .voiceTag span{
		padding:6px 12px;
		border-radius:3px;
		font-size:1.3rem;
	}
	#voiceMenu .voiceList li .voiceTag span+span{margin-top:4px;}
	#voiceContent{padding:52px 3.2vw;}
	#voiceContent .voiceBox{
		width:100%;
		padding:20px 3.2vw 12px;
		border-radius:10px;
	}
	#voiceContent .voiceBox+.voiceBox{margin-top:40px;}
	#voiceContent .voiceBox figure{
		width:100%;
		display:flex;
		align-items:flex-start;
		padding-left:18px;
		margin-bottom:20px;
	}
	#voiceContent .voiceBox figure > img{
		width:100px;
		height:auto;
		margin-right:30px;
	}
	#voiceContent .voiceBox figcaption{
		padding-top:22px;
		font-size:1.5rem;
	}
	#voiceContent .voiceBox figcaption strong{
		margin-left:10px;
		font-size:1.8rem;
	}
	#voiceContent .voiceBox figcaption .voiceTag{margin-top:18px;}
	#voiceContent .voiceBox figcaption .voiceTag span{
		padding:6px 12px;
		border-radius:3px;
		font-size:1.3rem;
	}
	#voiceContent .voiceBox figcaption .voiceTag span:nth-child(n+2){margin-top:5px;}
	#voiceContent .voiceBox .popBox{
		padding:24px 6.4vw 28px;
		border-radius:7px;
	}
	#voiceContent .voiceBox .popBox:before{
		top:-20px;
		left:18px;
		border-width:0 0 20px 21px;
		border-color:transparent transparent #e8ecf5 transparent;
	}
	#voiceContent .voiceBox h3{
		font-size:1.6rem;
		line-height:1.5;
	}
	#voiceContent .voiceBox .voiceTxt{
		margin-top:18px;
		font-size:1.3rem;
	}
	#faq:not(.faqArchivesList){padding:45px 3.2vw 40vw;}
	#faq:before{height:17px;}
}
@media screen and (min-width:1160px){
	#voiceMenu{
		display:grid;
		grid-template-columns:457px 1fr;
		grid-template-rows:auto auto;
		padding:100px 0 178px;
		padding-right:calc(50vw - 570px);
		padding-left:calc(50vw - 570px);
		background:url("../img/voice/life-bg-pc.svg") #e8ecf5 center 160px no-repeat;
		background-size:1654px auto;
	}
	#voiceMenu:after{height:153px;}
	#voiceMenu h2{
		grid-column:1 / 2;
		grid-row:1 / 2;
		width:457px;
		border-right:1px solid #6888b8;
		font-size:3.8rem;
	}
	#voiceMenu .secLead{
		grid-column:2 / 3;
		grid-row:1 / 2;
		margin-left:62px;
		font-size:1.8rem;
	}
	#voiceMenu .voiceList{
		grid-column:1 / 3;
		grid-row:2 / 3;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-top:80px;
	}
	#voiceMenu .voiceList li{
		width:360px;
		padding:12px 2px 2px;
		border-radius:12px;
	}
	#voiceMenu .voiceList li:nth-child(n+4){margin-top:25px;}
	#voiceMenu .voiceList li a{
		padding:23px 23px 27px;
		border-radius:10px;
	}
	#voiceMenu .voiceList li a figure{width:100px;}
	#voiceMenu .voiceList li a figcaption small{
		margin:12px auto;
		font-size:1.5rem;
	}
	#voiceMenu .voiceList li a figcaption strong{font-size:2.0rem;}
	#voiceMenu .voiceList li a .popBox{padding-left:28px;}
	#voiceMenu .voiceList li a .popBox h3{font-size:2.2rem;}
	#voiceMenu .voiceList li .voiceTag{margin-top:13px;}
	#voiceMenu .voiceList li .voiceTag span{
		padding: 7px 11px;
		border-radius:4px;
		font-size:1.3rem;
	}
	#voiceMenu .voiceList li .voiceTag span+span{margin-top:6px;}
	#voiceContent{padding:105px 0 140px;}
	#voiceContent .voiceBox{
		width:1140px;
		display:flex;
		justify-content:space-between;
		padding:40px 45px;
		border-radius:20px;
	}
	#voiceContent .voiceBox+.voiceBox{margin-top:40px;}
	#voiceContent .voiceBox figure{
		width:150px;
		text-align:center;
	}
	#voiceContent .voiceBox figcaption{
		margin-top:16px;
		font-size:1.5rem;
	}
	#voiceContent .voiceBox figcaption strong{font-size:1.8rem;}
	#voiceContent .voiceBox figcaption .voiceTag{margin-top:20px;}
	#voiceContent .voiceBox figcaption .voiceTag span{
		padding:10px 15px;
		border-radius:4px;
	}
	#voiceContent .voiceBox figcaption .voiceTag span:nth-child(n+2){margin-top:10px;}
	#voiceContent .voiceBox h3{
		font-size:2.4rem;
		line-height:1.0;
	}
	#voiceContent .voiceBox .voiceTxt{margin-top:22px;}
	#voiceContent .voiceBox .popBox{
		width:848px;
		padding: 44px 48px;
		border-radius:12px;
	}
	#voiceContent .voiceBox .popBox:before{
		top:47px;
		left:-28px;
		border-width:0 28px 28px 0;
		border-color:transparent #e8ecf5 transparent transparent;
	}
	#faq:before{height:308px;}
}