@charset "UTF-8";

@media screen and (max-width: 767px) {
	.voice .main div{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/common/main/main_voice_sp.png") left bottom no-repeat;
		background-size: cover;
	}
	.voice .main div span{
		position: absolute;
		top: 50%;
		left: 0;
		bottom:auto;
		text-align: center;
		width: 100%;
		color: #fff;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		transform: translateY(-50%);
		font-size: 24px;
	}
	.voice .lead_obi{
		margin-bottom: 0;
	}
	
	.voice .point_ul{
		margin: 50px 20px 0;
		position: relative;
		border: solid 1px #bda260;
		border-top: none;
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_1.jpg") center 50% no-repeat;
		background-size: 100%;
		padding: 10px 20px 30px;
		box-sizing: border-box;		
	}
	.voice .point_ul::before,.voice .point_ul::after{
		position: absolute;
		top: 0;
		content: "";
		display: block;
		width: 20%;
		height: 1px;
		background-color: #bda260;
	}
	.voice .point_ul::before{
		left: 0;
	}
	.voice .point_ul::after{
		right: 0;
	}
	.voice .point_ul .h_point{
		color: #bda260;
		text-align: center;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
		font-size: 15px;
	}
	.voice .point_ul ul{}
	.voice .point_ul li{
		padding: 20px 0 20px 40px;
		font-size: 17px;
		border-bottom: solid 1px #ffffff;
		line-height: 1.4;
		position: relative;
		white-space: nowrap;
	}
	.voice .point_ul li img{
		width: 30px;
		height: auto;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	/**/
	
	.voice .bg_box{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_2.jpg") left 50% no-repeat;
		background-size: 100% 100%;
		padding: 0 0 50px;
	}
	.voice .bg_box_end{
		padding-bottom: 0;
	}
	.voice .mainph{
		margin: 0 auto 60px;
	}
	.voice .box{
		position: relative;
		padding: 50px 20px 1px;
		border: solid 1px #bda260;
		border-top: none;
		margin: 0 20px;
	}
		.voice .box::before,.voice .box::after{
		position: absolute;
		top: 0;
		content: "";
		display: block;
		width: 30%;
		height: 1px;
		background-color: #bda260;
	}
	.voice .box::before{
		left: 0;
	}
	.voice .box::after{
		right: 0;
	}
	.voice .lead_div{
		color: #1e243a;
	}
	
	.voice .h_div_ex{
		font-size: 20px;
		color: #9c6d00;
	}
	.voice .h_point{
		text-align: center;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 24%;		
	}
	.voice .bg_s{
		display: block;
		position: absolute;
		width: 21px;
		height: 21px;
		background-size: 100%!important;
	}
	.voice .bg_lt{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei1.png") left top no-repeat;
		top: 0px;
		left: -1px;
	}
	.voice .bg_rt{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei2.png") left top no-repeat;
		top: 0px;
		right: -1px;
	}
	.voice .bg_lb{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei3.png") left top no-repeat;
		left: -1px;
		bottom: -1px;
	}
	.voice .bg_rb{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei4.png") left top no-repeat;
		right: -1px;
		bottom: -1px;
	}
	
	.voice .box .img{
		margin-bottom: 15px;
	}
	.voice .box .lead_div span{
		display: block;
		text-align: left;
		font-size: 10px;
		line-height: 1.2;
		margin-top: 5px;
	}
	
	/**/
	.voice .ph_slide{
		margin-bottom: 10px;
	}
	.voice .ph_slide .img{
		margin-bottom: 5px;
	}
	.voice .ph_slide .slick-dots{
		position: static;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
	.voice .ph_slide .slick-dots li,.voice .ph_slide .slick-dots li button{
	width: 10px;
 height: 10px;	
	}
	.voice .ph_slide .slick-dots li{
 margin: 0 5px;
	border: none;
	border-color: transparent;
}
.voice .ph_slide .slick-dots li button{
}
	
	.voice .box .img3_1{
		margin: 0 -10px 15px;
	}
	.voice .box .img3_3{
		margin: 20px 20px 20px;
	}
	.voice .box .img3_3::before{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 0;
		border-bottom: 16px solid #898989;
		margin: 0 auto 15px;
	}
	.voice .box .img3_3::after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 0;
		border-top: 16px solid #898989;
		margin: 15px auto 0;
	}
	.voice .box .img3_3 span{
		bottom: 35px;
	}
	/**/
	.voice .box .img4_1{
		margin: 0 -20px 40px;
	}
	.voice .box .img4_1 span{
		left: 10px;
	}
	.voice .box .ul_phbox1{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 20px;
	}
	.voice .box .ul_phbox1 li{
		width : calc((100% - 10px)/2) ;
		margin-bottom: 20px;
	}
	.voice .box .ul_phbox2 li{
		margin-bottom: 40px;
	}
	.voice .box .ul_phbox li .img{
		margin-bottom: 5px;
	}
	.voice .box .ul_phbox2 li .img{
		margin-bottom: 10px;
	}
	.voice .box .ul_phbox li .txt_ph{
		line-height: 1.3;
	}
	.voice .box .ul_phbox li .txt_ph span{
		display: block;
		font-size: 10px;
		margin-top: 2px;
	}
	/**/
	.voice .box .ul_phbox2 li .txt_ph{
		text-align: center;
		font-size: 15px;
	}
	/**/

	.voice .box_gray{
		position: relative;
		padding: 50px 20px 1px;
		border: solid 1px #4c4946;
		border-top: none;
		margin: 60px 20px 0;
	}
		.voice .box_gray::before,.voice .box_gray::after{
		width: 20%;
		background-color: #4c4946;
	}
	
	.voice .box_gray .h_point{
		text-align: center;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 58%;
		font-size: 15px;
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_2l.png") left 50% no-repeat,url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_2r.png") right 50% no-repeat;
		background-size: auto 100%;
	}
	
	.voice .box .img_2steps div{
		position: relative;
	}
	.voice .box .img_2steps div:last-of-type{
		margin-top: 5px;
	}
	/**/
	.voice .ul_fig{
		margin: 30px 30px 0;
	}
	.voice .ul_fig li{
		border-bottom: solid 1px #1e243a;
		padding: 0 10px 30px;
		margin-bottom: 30px;
	}
	.voice .ul_fig li:last-of-type{
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	/**/
	.voice .bg_diag{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_lt.png")  left top no-repeat,url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_rb.png") right bottom no-repeat ,#1e243a;
		background-size: auto 100%,auto 100%,100%;
	}
	.voice .bg_diag span{
		display: block;
	}
	/**/
	.voice .block_qa{}
	.voice .block_qa div{}
	/**/
	.captionArea{
		margin-top: 0;
	}	
	
}
@media screen and (min-width: 768px) {
	.voice{}
	
	.voice .main div{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/common/main/main_voice.png") left bottom no-repeat;
		background-size: cover;
	}
	
	.voice .main div span{
		position: absolute;
		top: 50%;
		left: 0;
		bottom:auto;
		text-align: center;
		width: 100%;
		color: #fff;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		transform: translateY(-50%);
		font-size: 32px;
	}
	
	.voice .lead_obi{
		margin-bottom: 0;
	}
	
	.voice .point_ul{
		margin: 60px auto 0;
		width: 1000px;
		position: relative;
		border: solid 1px #bda260;
		border-top: none;
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_1.jpg") center 50% no-repeat;
		background-size: 100% 100%;
		padding: 30px 10px 50px;
		box-sizing: border-box;		
	}
	.voice .point_ul::before,.voice .point_ul::after{
		position: absolute;
		top: 0;
		content: "";
		display: block;
		width: 30%;
		height: 1px;
		background-color: #bda260;
	}
	.voice .point_ul::before{
		left: 0;
	}
	.voice .point_ul::after{
		right: 0;
	}
	.voice .point_ul .h_point{
		color: #bda260;
		text-align: center;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
		font-size: 30px;
	}
	.voice .point_ul ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.voice .point_ul li{
		padding: 35px 0 ;
		font-size: 24px;
		border-bottom: solid 1px #ffffff;
		line-height: 1.4;
		position: relative;
		width: calc((100% - 80px)/2);
		margin: 0 25px;
		white-space: nowrap;
	}
	.voice .point_ul li:nth-of-type(1),.voice .point_ul li:nth-of-type(3){
		width: calc((100% - 170px)/2);
	}
	.voice .point_ul li img{
		width: 94px;
		height: auto;
		margin-right: 20px;
	}
	/**/
	
	
	.voice .bg_box{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_2.jpg") left 50% no-repeat;
		background-size: 100% 100%;
		padding: 120px 0 ;
			border-bottom: solid 1px #4c4946;
	}
	.voice .bg_box_ex{
		padding: 120px 0 ;
		border-bottom: none;
	}
	.voice .bg_box_ex2{
		padding-top: 0;
	border-bottom: none;
	}
	.voice .bg_box_ex2_1{
		padding-bottom: 0;
		
	}
	.voice .bg_box_end{
		padding-bottom: 0;
	}
	.voice .mainph{
		margin: 0 auto 150px;
		width: 1000px;
	}
	.voice .box{
		position: relative;
		padding: 120px 80px 1px;
		border: solid 1px #bda260;
		border-top: none;
		margin: 0 auto;
		width: 1000px;
	}
		.voice .box::before,.voice .box::after{
		position: absolute;
		top: 0;
		content: "";
		display: block;
		width: 35%;
		height: 1px;
		background-color: #bda260;
	}
	.voice .box::before{
		left: 0;
	}
	.voice .box::after{
		right: 0;
	}
	.voice .lead_div{
		color: #1e243a;
	}
	
	.voice .h_div_ex{
		font-size: 36px;
		color: #9c6d00;
	}
	.voice .h_point{
		text-align: center;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 16%;		
	}
	.voice .bg_s{
		display: block;
		position: absolute;
		width: 21px;
		height: 21px;
		background-size: 100%!important;
	}
	.voice .bg_lt{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei1.png") left top no-repeat;
		top: 0px;
		left: -1px;
	}
	.voice .bg_rt{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei2.png") left top no-repeat;
		top: 0px;
		right: -1px;
	}
	.voice .bg_lb{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei3.png") left top no-repeat;
		left: -1px;
		bottom: -1px;
	}
	.voice .bg_rb{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_kei4.png") left top no-repeat;
		right: -1px;
		bottom: -1px;
	}
	.voice .box .img{
		margin-bottom: 30px;
	}
	/**/
	.voice .box .img1_2{
		margin: 0 60px 30px;
	}
	/**/
	
	.voice .box .lead_div span{
		display: block;
		text-align: left;
		font-size: 10px;
		margin-top: 5px;
	}
	
	/**/
	.voice .ph_slide{
		margin-bottom: 10px;
	}
	.voice .ph_slide .img{
		margin-bottom: 10px;
	}
	.voice .ph_slide .slick-dots{
		position: static;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
	.voice .ph_slide .slick-dots li,.voice .ph_slide .slick-dots li button{
	width: 12px;
 height: 12px;	
	}
	.voice .ph_slide .slick-dots li{
 margin: 0 6px;
	border: none;
	border-color: transparent;
}
.voice .ph_slide .slick-dots li button{
}
	
	
	
	
	.voice .box .img3_1{
		margin: 0 40px 30px;
	}
	.voice .box .img3_1 span{
		left: 80px;
	}
	
	.voice .box .img_exbox{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}
	.voice .box .img_exbox .img{
		margin-bottom: 0!important;
		width: 280px;
	}
	.voice .box .img_exbox .img3_3{
		position: relative;
		width: 200px;
	}
	.voice .box .img3_3::before,.voice .box .img3_3::after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.voice .box .img3_3::before{
		left: -25px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 0;
		border-right: 16px solid #898989;
	}
	.voice .box .img3_3::after{
		right: -25px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 0;
		border-left: 16px solid #898989;
	}
	.voice .box .img3_3 span{
	}
	/**/
	.voice .box .img4_1{
		margin-bottom: 60px;
	}
	.voice .box .img4_1 span{
		left: 0;
	}
	.voice .box .ul_phbox1,.voice .box .ul_phbox2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 70px;
	}
	.voice .box .ul_phbox2{
		padding-bottom: 20px;
	}
	.voice .box .ul_phbox1 li,.voice .box .ul_phbox2 li{
		width : calc((100% - 50px)/2) ;
		margin-bottom: 50px;
	}
	.voice .box .ul_phbox li .img,.voice .box .ul_phbox2 li .img{
		margin-bottom: 10px;
	}

	.voice .box .ul_phbox li .txt_ph,.voice .box .ul_phbox2 li .txt_ph{
		line-height: 1.3;
		text-align: center;
		font-size: 18px;
	}
	.voice .box .ul_phbox li .txt_ph span{
		display: block;
		font-size: 10px;
		margin-top:5px;
	}
	/**/
	

	
	.voice .box_gray{/*
		position: relative;
		padding: 50px 20px 1px;*/
		border: solid 1px #4c4946;
		border-top: none;
		margin: 150px auto 0;
	}
		.voice .box_gray::before,.voice .box_gray::after{
		width: 24%;
		background-color: #4c4946;
	}
	
	.voice .box_gray .h_point{
		text-align: center;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 46%;
		font-size: 30px;
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_2l.png") left 50% no-repeat,url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_2r.png") right 50% no-repeat;
		background-size: auto 100%;
	}
	
	.voice .box .img_2steps{
		display: flex;
		justify-content: space-between;
	}
	.voice .box .img_2steps div{
		position: relative;
		width : calc((100% - 2px)/2) ;
	}
	.voice .box .img_2steps div:last-of-type{
	
	}
	/**/
	.voice .ul_fig{
		width: 1000px;
		margin: 70px auto 0;
		display: flex;
		justify-content: space-between;
	}
	.voice .ul_fig li{
		width : calc((100% - 40px)/3) ;
		/*border-bottom: solid 1px #1e243a;
		padding: 0 10px 30px;
		margin-bottom: 30px;*/
	}
/*	.voice .ul_fig li:last-of-type{
		border-bottom: none;
		padding: 0;
		margin: 0;
	}*/
	/**/
	.voice .bg_diag{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_lt.png")  left top no-repeat,url("/content/dam/31sumai/mfr/G2401/asset/images/voice/bg_rb.png") right bottom no-repeat ,#1e243a;
		background-size: auto 100%,auto 100%,100%;
	}
	.voice .bg_diag span{
		display: block;
	}
	/**/
	.voice .block_qa{
		display: flex;
		width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 60px 0 100px;
	}
	.voice .block_qa div{}
	/**/
	.captionArea{
		margin-top: 0;
	}
	
	
	
	
	
}