@charset "utf-8";

/* --------------------------------------------

お客様の声

---------------------------------------------- */
#main {
	background-image: url(../img/bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}

.voice {
	padding-bottom: 10rem;
}

@media screen and (max-width:768px) {
	.titleType-A br {
		display: block;
	}
}

.voice__read {
	padding: 0.3em 5%;
	margin: -0em auto 2em;
	text-align: center;
}

.voiceWrap {
	max-width: 1200px;
	/*display: flex;
	flex-wrap: wrap;*/
	padding: 4rem 0% 0;
	margin: auto;
	/*border-bottom: #e2e2e2 1px solid;*/
	/*border: #F4F3F1 1px solid;*/
}

.voiceItem {
	position: relative;
	width: 92%;
	padding: 6rem 5% 4rem;
	margin: 0rem 4% 5em 4%;
	/*max-width: 650px;*/
	/*	text-align: center;
	border: #F4F3F1 1px solid;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.6);
	transition: 0.5s;
}

.voiceItem::before {
	/*content: "";
	display: block;
	position: absolute;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 3px solid #fff;
	border-width:0 1px  1px 0;
	transform:translate(1em, 1em);
	transition: 0.3s;*/
}

.voiceItem__voice {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.voiceItem__voice div {
	width: 55%;
	min-height: 540px;
}

.voiceItem__voice img {
	width: 40%;
	border: 1px solid #e6e6e6;
}

.voiceItem__use {
	/*padding: 0.4em 0.8em;*/
	text-align: left;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	/*text-align: center;
  background: #DCDCDC;*/
}

.voiceItem__use::before {
	content: "ご利用サービス";
	display: inline-block;
	padding: 0.0em 0.4em;
	margin: -0.2em 0.5em 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
	border: 1px solid #a7a7a7;
}

.voiceItem__detail {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.voiceItem h3 {
	display: none;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
}

.voiceItem dl {
	padding: 2em 0em 0.5em;
}

/*.voiceItem dl::before {
	content: "・・・";
	float: right;
	width:1em;
	display: block;
	margin:1em auto 0em;
	font-size: 12px; font-size: 1.2rem;
	color: #B29A76;
	line-height: 0.7;
	word-break: break-all;
}*/
.voiceItem dl dt {
	padding: 1em 0 0.5em 0em;
	color: #0096AE;
	font-size: 0.9em;
}

.voiceItem dl dt::before {
	content: "";
	display: inline-block;
	width: 0.4em;
	height: 0.1em;
	margin: -0.5em 0.5em 0 0;
	vertical-align: middle;
	border-bottom: 2px solid #0096AE;
}

.voiceItem dl dd {
	width: 100%;
	padding: 0 0 1.5em 1.5em;
}

.voiceItem dl dt:nth-of-type(2),
.voiceItem dl dt:nth-of-type(3),
.voiceItem dl dt:nth-of-type(4),
.voiceItem dl dd:nth-of-type(2),
.voiceItem dl dd:nth-of-type(3),
.voiceItem dl dd:nth-of-type(4) {}

.voiceItem span:nth-of-type(2) {
	display: block;
	position: absolute;
	top: 2em;
	right: 3rem;
	float: right;
	width: 5em;
	height: 5em;
	/*min-width: 40%;*/
	padding: 0.3em 0 0.1em;
	margin: 0em auto;
	text-align: center;
	color: #B29A76;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Bebas Neue', cursive, sans-serif;
	line-height: 4.5;
	border: 1px solid #B29A76;
	border-radius: 50%;
	transition: 0.5s;
}

.voiceItem__staff {
	display: none;
	/*float:right;*/
	padding: 0.5em 1em;
	margin: 0em 0 0em 0;
	/*text-align: center;*/
	font-size: 14px;
	font-size: 1.4rem;
	color: #606060;
	border: #b7b7b7 1px solid;
	/*border: dashed 1px #B29A76;*/
	/*background: #fff;*/
}


.voiceItem:hover {
	/*background:#0096AE;
	background:#fafafa;*/
	/*background: rgba(255, 255, 255,0.6);
	background:rgba(0, 150, 174, 0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.0);
	z-index: 1;*/
}

.voiceItem:hover::before {
	/*border-color: rgba(0, 150, 174, 0.15);
	transform:translate(0em, 0em);*/
}

.voiceItem:hover a {}

.voiceItem:hover span:nth-of-type(1),
.voiceItem:hover p,
.voiceItem:hover h3 {
	/*color: #EBE9E6;*/
}

.voiceItem:hover span:nth-of-type(2) {
	color: #EBE9E6;
	background: #B29A76;
}




/*--- Responsive ---*/
@media screen and (max-width:768px) {
	.voiceItem span:nth-of-type(2) {}

	.voiceItem__voice {
		display: block;
	}

	.voiceItem__voice div {
		width: auto;
		min-height: auto;
	}

	.voiceItem__voice img {
		width: 100%;
		padding-bottom: 1.5em;
	}
}






/* --------------------------------------------
共通リンクボタン
---------------------------------------------- */
.linkBtnWrap {
	padding: 4em 0 4.5em;
	text-align: center;
	background: #fff;
}

.linkBtnWrap p {
	padding: 1em 0 0.5em;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.linkBtnWrap a {
	display: inline-block;
	margin-bottom: 1em;
}

.linkBtnWrap iframe {
	width: 86vw;
	max-width: 860px;
	height: 48.4vw;
	max-height: 484px;
	margin: 1em 0 0em;
}

/*--- Responsive ---*/
@media screen and (max-width:768px) {
	.linkBtnWrap p {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.linkBtnWrap iframe {
	}
}