@charset "UTF-8";

/*-------------------------
__reform_list_style
-------------------------*/

#reform_list .list_wrap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#reform_list .list_wrap .box{width:calc((100% - 50px)/3);margin:30px 25px 0 0;padding:20px;box-sizing:border-box;border:1px solid #b7b7b7;}
#reform_list .list_wrap .box:nth-child(3n){margin-right:0;}
#reform_list .list_wrap .box a{text-decoration:none;}
#reform_list .list_wrap .box .pic{width:100%;margin:0 auto;padding-top:75%;overflow:hidden;position:relative;}
#reform_list .list_wrap .box .pic img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#reform_list .list_wrap .box .pic .icon_new{display:inline-block;padding:5px 10px;border-radius:50px;color:#FFF;background-color:#F00;position:absolute;top:10px;left:10px;}
#reform_list .list_wrap .box .txt{padding:30px 0 0;}
#reform_list .list_wrap .box .txt .copy{font-size:2rem;font-weight:400;line-height:1.4;text-align:left;}
#reform_list .list_wrap .box .txt .owner{line-height:1.2;text-align:center;margin:10px 0 0;padding:8px 10px;background-color:#f8f1e3;}
@media all and (-ms-high-contrast: none){
#reform_list .list_wrap .box .pic{box-sizing:border-box;border:1px solid #CCC;}
#reform_list .list_wrap .box .pic img{width:auto;height:auto;max-width:150%;max-height:150%;}
}

@media screen and (min-width:768px) {
#reform_list .list_wrap .box a .pic img{transition:all 0.3s;}
#reform_list .list_wrap .box a:hover .pic img{transform:translate(-50%,-50%) scale(1.2);opacity:0.5;}
}

@media screen and (max-width:767px) {
#reform_list .list_wrap .box{width:100%;margin:20px 0 0 0;padding:10px;}
#reform_list .list_wrap .box:first-child{margin-top:0;}
#reform_list .list_wrap .box .pic .icon_new{top:5px;left:5px;}
#reform_list .list_wrap .box .txt{padding:15px 0 0;}
#reform_list .list_wrap .box .txt .copy{font-size:4.53vw;}
}

/*-------------------------
__voice_detail_style
-------------------------*/

#voice_detail .block{padding:0 40px;overflow:hidden;}
#voice_detail .block:nth-child(odd){background-color:#FFF;}
#voice_detail .block:nth-child(even){background-color:#f8f1e3;}
#voice_detail .block .block_inner{max-width:1200px;margin:60px auto 70px;}

#voice_detail .reform_title{font-size:4rem;font-weight:400;line-height:1.2;text-align:center;}
#voice_detail .reform_title span{display:inline-block;font-size:50%;margin:0 0 20px;padding:6px 15px 2px;color:#FFF;background-color:#5d330d;}

#voice_detail .outline{display:flex;margin:60px 0 0;}
#voice_detail .outline dl{display:flex;width:calc((100% - 20px)/2);box-sizing:border-box;}
#voice_detail .outline dl + dl{margin-left:20px;}
#voice_detail .outline dl dt,
#voice_detail .outline dl dd{padding:10px;}
#voice_detail .outline dl dt{width:18rem;text-align:center;margin:0 15px 0 0;color:#5d330d;background-color:#f8f1e3;border:1px solid #5d330d;}
#voice_detail .outline dl dd{flex:1;text-align:left;border-bottom:1px solid #5d330d;}

#voice_detail .point_comment{line-height:1.8;margin:0 0 30px;}
#voice_detail .point_comment p + p{margin-top:1.5rem;}

#voice_detail .comparison{display:flex;width:100%;position:relative;}
#voice_detail .comparison::before{content:"\EA02";display:inline-block;width:70px;height:70px;font-family:'iconfont'!important;font-size:4.5rem;line-height:70px;text-align:center;vertical-align:top;margin:14% auto auto;border-radius:100%;color:#FFF;background-color:#5d330d;position:absolute;right:0;left:0;}
#voice_detail .comparison + .comparison{margin-top:60px;}
#voice_detail .comparison .before,
#voice_detail .comparison .after{width:calc((100% - 100px)/2);}
#voice_detail .comparison .before{margin-right:100px;}
#voice_detail .comparison .before .pic::after,
#voice_detail .comparison .after .pic::after{display:block;font-size:2rem;font-weight:700;text-align:center;padding:10px;color:#FFF;background:#5d330d;position:relative;}
#voice_detail .comparison .before .pic::after{content:"BEFORE";}
#voice_detail .comparison .after .pic::after{content:"AFTER";}
#voice_detail .comparison .pic{width:100%;margin:0 auto;padding-top:75%;overflow:hidden;position:relative;}
#voice_detail .comparison .pic img{width:100%;height:100%;object-fit:cover;padding:0 0 40px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
@media all and (-ms-high-contrast: none){
#voice_detail .comparison .pic{box-sizing:border-box;border:1px solid #CCC;}
#voice_detail .comparison .pic img{width:auto;height:auto;max-width:150%;max-height:150%;}
}
#voice_detail .comparison .txt{padding:8px 0 0;}

@media screen and (min-width:768px) {
#voice_detail .comparison .pic a img{transition:all 0.3s;}
#voice_detail .comparison .pic a:hover img{opacity:0.5;}
}

@media screen and (max-width:767px) {
#voice_detail .block{padding:0 20px;}
#voice_detail .block .block_inner{margin:40px auto 45px;}

#voice_detail .reform_title{font-size:7.2vw;}
#voice_detail .reform_title span{margin:0 0 15px;}

#voice_detail .outline{display:block;font-size:4.27vw;margin:40px 0 0;}
#voice_detail .outline dl{display:block;width:100%;}
#voice_detail .outline dl + dl{margin:10px 0 0;}
#voice_detail .outline dl dt,
#voice_detail .outline dl dd{width:100%;text-align:center;padding:8px;}
#voice_detail .outline dl dd{padding:8px 0;border-bottom:none;}

#voice_detail .comparison{display:block;}
#voice_detail .comparison::before{content:none;}
#voice_detail .comparison + .comparison{margin-top:20px;padding-top:30px;border-top:1px solid #b7b7b7;}
#voice_detail .comparison .before,
#voice_detail .comparison .after{width:100%;}
#voice_detail .comparison .before{margin-right:0;}
#voice_detail .comparison .before::after{content:"\EA02";display:block;width:50px;height:50px;font-family:'iconfont'!important;font-size:3rem;line-height:50px;text-align:center;vertical-align:top;margin:20px auto 30px;border-radius:100%;color:#FFF;background-color:#5d330d;transform:rotate(90deg);}
#voice_detail .comparison .txt{padding:12px 0 0;}
}