@charset "utf-8";
/* CSS Document */

/* お客様の声PC */
#main_contents .voice_page_arc { width:100%; text-align:center; background:#fff; padding:2vw 0; margin-bottom:3%; }
#main_contents .voice_page_arc .inner { width:100%; max-width:1040px; text-align:left; margin:0 auto; }
#main_contents .voice_page_arc h2 {text-align:left; }


#main_contents .voice_page_arc .inner .flex-wrap{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#main_contents .voice_page_arc .inner .flex-wrap::after{
	content:"";
	display:block;
	width:32%;
}

#main_contents .voice_page_arc .inner .flex-wrap *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#main_contents .voice_page_arc .inner .flex-wrap .one_box{
	width:32%;
	margin-bottom:30px; 
	text-align:left;
	background:#efefef;
	padding:20px;
}

#main_contents .voice_page_arc .inner .flex-wrap .one_box .pict {
	position: relative;
	overflow: hidden;
	padding-top: 75%;
	margin-bottom:15px;
}
#main_contents .voice_page_arc .inner .flex-wrap .one_box .pict img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main_contents .voice_page_arc .inner .flex-wrap .one_box p.title {
	font-weight:bold;
	margin-bottom:15px;
}
#main_contents .voice_page_arc .inner .flex-wrap .one_box p.place { line-height:calc( 18px + 0.4vw ); margin-bottom:0.5vw;}
#main_contents .voice_page_arc .inner .flex-wrap .one_box p.comment {
	line-height:calc( 18px + 0.4vw );
	margin-bottom:15px;
}
#main_contents .voice_page_arc .inner .flex-wrap .one_box div.more_btn_box {
	 text-align:center;
}



#main_contents .voice_page_arc .inner .one_box p.place { line-height:calc( 18px + 0.4vw ); margin-bottom:0.5vw;}


#main_contents .voice_page_arc .inner .one_box div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:60%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; }
#main_contents .voice_page_arc .inner .one_box div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}

#main_contents #voice_single { width:100%; max-width:1040px; text-align:center; background:#fff; padding:2vw 0; margin:0 auto 3% auto;}
#main_contents #voice_single  h2 {text-align:left; }
#main_contents #voice_single h3.single_tit { padding:1.2%; width:97.6%; background:#ccc; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0; text-align:left;}

#main_contents #voice_single .one_box { padding-bottom:5%; }
#main_contents #voice_single .one_box .pict { float:left; width:40%; text-align:left;line-height:calc( 22px + 0.4vw ); margin-right:2%; }
#main_contents #voice_single .one_box .pict img { width:100%; height:auto; margin-bottom:3%; }
#main_contents #voice_single .one_box .message { float:right; width:58%; text-align:left;line-height:calc( 22px + 0.4vw ); }
#main_contents #voice_single .one_box .message p { margin-bottom:3%; }



/* お客様の声SP */
#sp_main_contents .voice_page_arc { width:100%; text-align:left; background:#fff; padding:3vw 0; margin-bottom:3%; }
#sp_main_contents .voice_page_arc .inner { width:96%; text-align:left; margin:0 2%; }
#sp_main_contents .voice_page_arc h2 {text-align:left; }
#sp_main_contents .voice_page_arc h2 img { width:60%; height:auto; }

#sp_main_contents .voice_page_arc .inner .flex-wrap{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sp_main_contents .voice_page_arc .inner .flex-wrap *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sp_main_contents .voice_page_arc .inner .one_box {
	width:49%;
	margin-bottom:15px; 
	text-align:left;
	background:#efefef;
	padding:10px;
}

#sp_main_contents .voice_page_arc .inner .one_box .pict {
	position: relative;
	overflow: hidden;
	padding-top: 75%;
	margin-bottom:15px;
}
#sp_main_contents .voice_page_arc .inner .one_box .pict img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#sp_main_contents .voice_page_arc .inner .one_box p.title {
	font-weight:bold;
	margin-bottom:15px;
}

#sp_main_contents .voice_page_arc .inner .one_box p.comment {
	line-height:calc( 18px + 0.4vw );
	margin-bottom:15px;
}
#sp_main_contents .voice_page_arc .inner .one_box div.more_btn_box {
	 text-align:center;
}





#sp_main_contents .voice_page_arc .inner .one_box p.place { line-height:calc( 22px + 0.4vw ); margin-bottom:0.5vw;}
#sp_main_contents .voice_page_arc .inner .one_box div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:2vw 0; width:70%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; margin:0 auto; }
#sp_main_contents .voice_page_arc .inner .one_box div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}

#sp_main_contents #voice_single { width:96%; text-align:center; background:#fff; padding:2vw 0; margin:0 auto 3% auto; }
#sp_main_contents #voice_single  h2 {text-align:left; }
#sp_main_contents #voice_single  h2 img { width:60%; height:auto; }
#sp_main_contents #voice_single h3.single_tit { padding:1.2%; width:97.6%; background:#ccc; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; font-size:calc(14px + 0.2vw); margin:0 0 1vw 0; text-align:left; line-height:calc(22px + 0.2vw);}

#sp_main_contents #voice_single .one_box .message { width:100%; text-align:left;line-height:calc( 22px + 0.4vw ); }
#sp_main_contents #voice_single .one_box .message p { margin-bottom:3%; }

#main_contents #voice_single .one_box .pict img { width:100%; height:auto; margin-bottom:3%; }