@charset "utf-8";
/* ===============================================
	▼各CSS設定
		+ BIツール乗換をご検討中の方

=============================================== */

/* -----------------------------------------
	▼ BIツール乗換をご検討中の方
----------------------------------------- */
#mainVisual {
	background: #9b9b9b url("../images/bg_main_img_index.jpg") no-repeat center top;
	background-size: cover;
}
.userVoice {
	background-color: #fff;
	border: 1px solid #003f76;
	padding: 1px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.userVoice .userVoicePad {
	background-color: #cfe9ff;
	padding: 10px 0 15px;
}

.userVoice .userVoicePad:not(:first-child) {
	border-top: 1px dotted #003f76;
}
.userVoice .userVoicePad h5 {
	width: 380px;
	color: #fff;
	font-weight: bold;
	background-color: #003f76;
	margin: 0 0 0 -1px;
}
.userVoice .userVoicePad h5 span {
	display: block;
	padding: 0 21px;
}
.userVoice .userVoicePad dl {
	padding: 15px 20px;
}
.userVoice .userVoicePad > div {
	padding: 15px 20px;
	display: flex;
	justify-content: space-between;
}
.userVoice .userVoicePad dl dt {
	float: left;
	width: 256px;
}
.userVoice .userVoicePad > div > div:first-child{
	width: 256px;
}
.userVoice .userVoicePad dl dd {
	float: right;
	width: 420px;
}
.userVoice .userVoicePad > div > div:last-child{
	width: 420px;
}
.userVoice .userVoicePad dl dd .btn {
	display: flex;
	justify-content: flex-end;
	padding-top: 30px;
}
.userVoice .userVoicePad > div > div:last-child .btn{
	display: flex;
	justify-content: flex-end;
	padding-top: 30px;
}

.rpl-wp-item + .rpl-wp-item {
	margin-top: 10px;
}

.show-sp {
	display: none;
}

/* ===============================================
	▼レスポンシブル用　解像度640以下ＣＳＳ
=============================================== */
@media screen and (max-width: 640px) {


/* -----------------------------------------
	▼ 軽技Webとは？
----------------------------------------- */
	#mainVisual {
		background: url(../images/sp_img_index_main.jpg);
		background-size: cover;
	}
	#mainVisual .inner {
		width: 100%;
	}

	.userVoice .userVoicePad h5 {
		width: 100%;
	}
	.userVoice .userVoicePad dl dt {
		width: 32%;
	}
	.userVoice .userVoicePad > div > div:first-child{
		width: 32%;
	}
	.userVoice .userVoicePad dl dd {
		width: 63%;
	}
	.userVoice .userVoicePad > div > div:last-child{
		width: 63%;
	}
	.userVoice .userVoicePad dl dd .btn {
		padding-top: 20px;
	}
	.userVoice .userVoicePad > div > div:last-child .btn{
		padding-top: 20px;
	}
	.show-sp {
		display: block;
	}

}