@charset "utf-8";
/*------------------------------about------------------------------*/

#contents-inner-voice{
/*width:670px;*/
margin:65px 0px 0 0;
color:#333333;
}

#contents-inner-voice .title{font-size:20px; padding:10px 0px 8px 25px; background:#e6e7e9; border-left:1px solid #e6e7e9;border-top:1px solid #e6e7e9;border-right:1px solid #e6e7e9; border-radius:10px 10px 0 0; color:#2d3034; -webkit-text-stroke-width:.6px !important;}

#contents-inner-voice .cmnt{ margin:0px 0px 0px 0;}
#contents-inner-voice .cmnt img{ float:right; margin:0 0 10px 10px;}

#contents-inner-voice .cmnt_r{ text-align:right; margin:30px 0 0 0;}

#contents-inner-voice .name{
margin:0px 10px 0 0px;
text-align:right;
font-size:14px;
color:#666;
}

#contents-inner-voice .name strong{
font-size:16px;
color:#000;
}

#contents-inner-voice .tb1{margin:0px 0px 40px 0px; border:1px solid #e6e7e9; border-radius:0 0 10px 10px; padding:25px 25px 25px 25px;}
#contents-inner-voice .tb1 td.customer_box{ width:150px; padding:0px 33px 0px 0;}

#contents-inner-voice .tb1 .im1{ margin:0px 0px 0px 0px; width:200px;}

#contents-inner-voice .tb1 p{ margin:0px 0px 20px 0px;}
#contents-inner-voice .tb1 span.cus_detail{ display:block; width:100%; border-radius:10px; text-align:center; padding:6px 0 6px 0; font-size:14px;  color:#fff; background:#c2b486;}
#contents-inner-voice .tb1 td.customer_box.woman span.cus_detail{ color:#893333; background:#fff2f2;}
#contents-inner-voice .tb1 .evaluation{ color:#2b3a51; padding-bottom:15px; border-bottom:1px dotted #2b3a51; -webkit-text-stroke-width:.6px !important;}
#contents-inner-voice .tb1 .evaluation .star{ color:#eebb0c;}
#contents-inner-voice .tb1 .evaluation .star_num{ color:#eebb0c;}

#contents-inner-voice .tb1 .cmnt_staff{ margin:0 0 0 34px; background:#f6f3ea; border-radius:10px; padding:15px 30px 17px 40px; position:relative;}
#contents-inner-voice .tb1 .cmnt_staff::after{ display:block; content:""; width:46px; height:49px; background:url(../images/voice/comment_arrow.png) no-repeat center center; background-size:100% auto; position:absolute; top:50%; left:-23px; margin-top:-24px;}
#contents-inner-voice .tb1 .cmnt_staff .cmnt_staff_title{ font-size:18px; color:#2d3034; margin-bottom:10px; -webkit-text-stroke-width:.6px !important;}

#contents-inner-voice .tb2{
margin:0px 0px 40px 0px;
border-bottom:1px solid #ccc;
}

#contents-inner-voice .tb2 .im2{
margin:0px 0px 0px 20px;
border:1px solid #ccc;
padding:3px;
}

#contents-inner-voice .tb2 p{
margin:0px 0px 20px 0px;
}

#contents-inner-voice .tb3{
margin:0 0 40px 0;
border-bottom:1px solid #ccc;
}


/*#contents-inner-voice .tb1,
#contents-inner-voice .tb2,
#contents-inner-voice .tb3 tr td:first-child {padding-bottom:40px;}*/


#contents-inner-voice .ind{ margin:30px 0 30px 0; font-size:14px;}
#contents-inner-voice .ind div{ margin:10px 0 0 0;}
#contents-inner-voice .ind .boldText{ color:#CC0000; font-size:18px;}
#contents-inner-voice .ind em{ font-weight:bold;}


#contents-inner-voice .ind .ind_text{ margin:2px 10px 0 0;}
#contents-inner-voice .ind .ind_link{ margin:0;}
#contents-inner-voice .ind .ind_focus{padding:6px 0px 5px 0px; margin:0; text-align:center;}
#contents-inner-voice .ind a{
border:1px solid #b3cde3;
padding:5px 6px 5px 6px;
background-color:#ecf5fa;
margin:0 1px 0 0px;
display:inline;
text-align:center;

}
#contents-inner-voice .ind a:hover{background-color:#fff;}


/*------------------------------追加------------------------------*/

#contents-inner-voice h2.h_type1{ color: #000e01;}
#contents-inner-voice .voice_list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#contents-inner-voice .voice_one{ background-color: #ffffff; border-radius: 20px; width: 47.5%; min-height: 450px; box-sizing: border-box; padding:45px 45px 60px 45px; position: relative; margin-bottom: 100px;}

#contents-inner-voice .voice_one h3{font-size: 18px; font-weight: 500; border-radius: 50%; width: 166px; height: 166px; color: #ffffff; background-color: #000e01; text-align: center; line-height: 2.01; padding:55px 0 0 0; box-sizing: border-box; margin: -90px auto 30px auto; }
#contents-inner-voice .voice_one p{ font-size: 18px; line-height: 2.01;}
#contents-inner-voice .voice_one .illust_01{position: absolute; top:-41px; left:-52px;}
#contents-inner-voice .voice_one .illust_02{position: absolute; bottom:-35px; right:-40px;}
#contents-inner-voice .voice_one .illust_03{position: absolute; top:-33px; left:-118px ;}
#contents-inner-voice .voice_one .illust_04{position: absolute; bottom:0; right:-192px;}
#contents-inner-voice .voice_one .illust_05{position: absolute; top:-10px; left:-118px ;}
#contents-inner-voice .voice_one .illust_06{position: absolute; bottom:-85px; right:-60px;}



/*--------------- お問い合わせ --------------*/
#contents-inner-voice .contact_box{ margin: 50px 0 -46px 0; padding: 75px 0 85px 0; text-align: center; width: auto; min-height: auto; background: none; position: relative; z-index: 2;}
#contents-inner-voice .contact_box.wh:after{content: ""; background-color: #ffffff; z-index: -1; position: absolute; width: 100vw; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw); height: 100%; top:0; left:0;}

#contents-inner-voice .contact_box h2{ font-size: 60px; font-weight: 900; color: #ffffff; line-height: 1.31; letter-spacing: 0.03em; margin:0 0 30px 0; position: relative; padding: 0;}
#contents-inner-voice .contact_box.wh h2{ color: #2da538;}
#contents-inner-voice .contact_box h2:before{ content: ""; background: url(../images/top/contact_illust.png) no-repeat; width: 126px; height: 258px; display: block; position: absolute; top:3px; right:40px;}

#contents-inner-voice .contact_box h2 > strong{color: #fff100; font-weight: 900 !important;}
#contents-inner-voice .contact_box.wh h2 > strong{ color: #de7503;}
#contents-inner-voice .contact_box h2 + p{ font-size: 18px; margin-bottom: 45px; color: #ffffff;}
#contents-inner-voice .contact_box.wh  h2 + p{ color: #000000;}
#contents-inner-voice .contact_box:not(.detail) .box{ display: flex; justify-content: space-between; flex-wrap: nowrap; width: 1030px; margin: 0 auto 0 auto;}
#contents-inner-voice .contact_box .tel{ background-color: #f1ece8; width: 500px; border-radius: 15px; padding-top: 17px; margin-bottom: -5px;}
#contents-inner-voice .contact_box.wh .tel{ background-color: #f1f0e8;}
#contents-inner-voice .contact_box .tel h3{ font-size: 18px; font-weight: 700; color: #2da538; margin: 0 0 10px 0; padding: 0; background-color: transparent;}
#contents-inner-voice .contact_box .tel > a.num{ font-size: 46px; color: #333333; line-height: 1; letter-spacing: 0.04em;}
#contents-inner-voice .contact_box .tel > a.num[href^="tel:"]{pointer-events: none;}
#contents-inner-voice .contact_box .tel > a.num:before{ content: ""; background: url(../images/top/contact_icon_tell.png) no-repeat; width: 29px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 2px;}
#contents-inner-voice .contact_box .tel > .time{ font-size: 12px; color: #555555; letter-spacing: 0.1em; margin-top: 5px;}

#contents-inner-voice .contact_box .mail{ width: 500px;}
#contents-inner-voice .contact_box .satei_btn{ display: block; width: 100%; height: 130px; background-color: #fff100; box-shadow:0 5px 0 #dbcf00; text-align: center; margin: auto; color: #e1832a; box-sizing: border-box; border-radius: 15px; position: relative; transition: .3s; padding-top: 30px; letter-spacing: 0.06em;}
#contents-inner-voice .contact_box.wh .satei_btn{background-color: #ea1d44; box-shadow:0 5px 0 #ad0021; color: #ffffff;}
#contents-inner-voice .contact_box .satei_btn:hover { transform: translateY(5px); box-shadow: 0 0 0 #dbcf00; }
#contents-inner-voice .contact_box.wh .satei_btn:hover { box-shadow:0 0 0 #ad0021; }

#contents-inner-voice .contact_box .satei_btn em{display: block; font-size: 15px; font-weight: 300; letter-spacing: 0.06em;}
#contents-inner-voice .contact_box .satei_btn span{display: block; font-size: 28px; font-weight: 700;}
#contents-inner-voice .contact_box .satei_btn span:before{ content: ""; background: url(../images/top/contact_icon_mail_or.png) no-repeat; width: 39px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 4px;}
#contents-inner-voice .contact_box.wh .satei_btn span:before{ background: url(../images/top/contact_icon_mail_wh.png) no-repeat;}

#contents-inner-voice .contact_box .satei_btn span > strong{color: #b14a0c; font-weight: 700 !important;}
#contents-inner-voice .contact_box.wh .satei_btn span > strong{color: #ffe674;}

#contents-inner-voice .contact_box.detail h2:before{ top:32px; }
#contents-inner-voice .contact_box.detail h2 + p{ margin-bottom: 75px; }
#contents-inner-voice .contact_box.detail .tel{ width: 100%; border-radius: 20px; background-color: #faf6f3; padding: 40px 0 60px 0; margin-bottom: 75px;}
#contents-inner-voice .contact_box.detail .tel h3{ font-size: 32px; margin-bottom: 30px;}
#contents-inner-voice .contact_box.detail .tel > a.num{ font-size: 73px;}
#contents-inner-voice .contact_box.detail .tel > a.num:before{ background: url(../images/top/contact_icon_tell_big.png) no-repeat; width: 43px; height: 49px; margin-right: 10px; margin-bottom: 6px;}
#contents-inner-voice .contact_box.detail .tel > .time{ font-size: 16px; color: #555555; letter-spacing: 0.1em; margin-top: 15px;}

#contents-inner-voice .contact_box.detail .form > h3{font-size: 32px; font-weight: 700; color: #faf7f2; margin-bottom: 45px;}
#contents-inner-voice .contact_box.detail .form > h3 > strong{ color: #fff100; font-weight: 700 !important;}

@media print, screen and (max-width: 1250px) {
	#contents-inner-voice .contact_box.wh:after{  width: 1250px; margin: 0 0 0 -75px;}
}
