@charset "UTF-8";.beforeafter_archive .content_wrapper{overflow:hidden;max-width:calc(1600px + 4vw);}.beforeafter_archive .content_wrapper .contents_btn01{margin-bottom:30px;}.beforeafter_archive .wrapper_item{position:relative;overflow:hidden;margin-bottom:30px;}.beforeafter_archive .wrapper_item:after{content:"";display:block;position:absolute;z-index:-1;width:1px;height:100%;left:calc(50% - 0.5px);top:0;background:var(--i_border_color);}.beforeafter_archive article{float:left;width:50%;max-width:800px;box-sizing:border-box;padding:0 0 30px 0;position:relative;}.beforeafter_archive article:nth-of-type(2n){float:right;}.beforeafter_archive article:nth-of-type(2n+1){clear:both;}.beforeafter_archive article:nth-of-type(n+3){padding-top:30px;border-top:1px solid var(--i_border_color);}.beforeafter_archive .inner_item{position:relative;margin:0 30px 0 0;}.beforeafter_archive article:nth-of-type(2n) .inner_item{margin:0 0 0 30px;}.beforeafter_archive .after{width:70%;text-align:center;position:relative;}.beforeafter_archive .after:before{content:"";display:block;position:absolute;height:10px;width:10px;transform:rotate(-45deg);border-top:2px solid var(--i_sub_color);border-left:2px solid var(--i_sub_color);top:calc(50% - 5px);left:calc(103.5% - 2px);}.beforeafter_archive .before{width:25%;text-align:center;position:absolute;top:0;right:0;height:100%;}.beforeafter_archive .before p,.beforeafter_archive .after p{font-size:1.3rem;display:none;}.beforeafter_archive .before a{height:100%;background:var(--i_bg_color);}.beforeafter_archive img{display:block;margin:0 auto 0 !important;}.beforeafter_archive .inner_item_txt{padding-top:5px;}.beforeafter_archive .title{font-size:1.7rem;margin-bottom:5px;}.beforeafter_archive .inner_item_txt p:not(.title){font-size:1.3rem;}@media screen and (min-width:701px){.news_archive .beforeafter_archive:not(.add_design2):not(.add_design4) article{border-bottom:none;}}@media screen and (max-width:700px){.beforeafter_archive .wrapper_item:after{display:none;}.beforeafter_archive article{float:none !important;width:auto;}.beforeafter_archive .inner_item{margin:0 !important;}.beforeafter_archive article:nth-of-type(n+3){border-top:none;}.beforeafter_archive article:nth-of-type(n+2){padding-top:30px;}}.beforeafter_archive.cotents_hide .inner_item_txt>p:not(.title){display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:2.34rem;overflow:hidden;}.beforeafter_archive.cotents_hide .inner_item_txt>p:not(.title).c_show{display:block;height:auto;}.beforeafter_archive.cotents_hide .inner_item_txt>p:not(.title) br{display:none;}.beforeafter_archive.cotents_hide .inner_item_txt>p:not(.title).c_show br{display:inline;}.beforeafter_archive.cotents_hide .inner_item_txt>p:not(.title)>span{display:block;overflow:hidden;max-width:calc(100% - 74px);}.beforeafter_archive.cotents_hide .inner_item_txt>p:not(.title).c_show>span{display:inline !important;width:auto;padding-right:5px;}.beforeafter_archive .hidetgl{display:none;}.beforeafter_archive.cotents_hide .hidetgl{display:block;width:74px;}.beforeafter_archive.cotents_hide .c_show .hidetgl{display:inline-block !important;width:auto;}.beforeafter_archive.cotents_hide .hidetgl span{cursor:pointer;opacity:0.7;text-decoration:underline;word-break:keep-all;white-space:nowrap;}.beforeafter_archive.cotents_hide .hidetgl span:before{content:"...";}.beforeafter_archive.cotents_hide .c_show .hidetgl span:before{content:"";}@media screen and (min-width:769px){.beforeafter_archive.cotents_hide_sp .hidetgl{display:none !important;}}@media screen and (max-width:768px){.beforeafter_archive.cotents_hide_sp .inner_item_txt>p:not(.title){display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:2.34rem;overflow:hidden;}.beforeafter_archive.cotents_hide_sp .inner_item_txt>p:not(.title).c_show{display:block;height:auto;}.beforeafter_archive.cotents_hide_sp .inner_item_txt>p:not(.title) br{display:none;}.beforeafter_archive.cotents_hide_sp .inner_item_txt>p:not(.title).c_show br{display:inline;}.beforeafter_archive.cotents_hide_sp .inner_item_txt>p:not(.title)>span{display:block;overflow:hidden;max-width:calc(100% - 74px);}.beforeafter_archive.cotents_hide_sp .inner_item_txt>p:not(.title).c_show>span{display:inline !important;width:auto;padding-right:5px;}.beforeafter_archive.cotents_hide_sp .hidetgl{display:block;width:74px;}.beforeafter_archive.cotents_hide_sp .c_show .hidetgl{display:inline-block !important;width:auto;}.beforeafter_archive.cotents_hide_sp .hidetgl span{cursor:pointer;opacity:0.7;text-decoration:underline;word-break:keep-all;white-space:nowrap;}.beforeafter_archive.cotents_hide_sp .hidetgl span:before{content:"...";}.beforeafter_archive.cotents_hide_sp .c_show .hidetgl span:before{content:"";}}.beforeafter_archive.add_design2 article,.beforeafter_archive.add_design4 article{width:100%;float:none !important;max-width:none;}.beforeafter_archive.add_design2 article:nth-of-type(n+3),.beforeafter_archive.add_design4 article:nth-of-type(n+3){border-top:none;}.beforeafter_archive.add_design2 .wrapper_item:after,.beforeafter_archive.add_design4 .wrapper_item:after{display:none;}.beforeafter_archive.add_design2 article:nth-of-type(n+2),.beforeafter_archive.add_design4 article:nth-of-type(n+2){padding-top:30px;}.beforeafter_archive.add_design2 article:nth-of-type(2n) .inner_item,.beforeafter_archive.add_design4 article:nth-of-type(2n) .inner_item{margin:0;}.beforeafter_archive.add_design3 .after,.beforeafter_archive.add_design4 .after{margin-left:30%;}.beforeafter_archive.add_design3 .before,.beforeafter_archive.add_design4 .before{right:auto;left:0;}.beforeafter_archive.add_design3 .before:before,.beforeafter_archive.add_design4 .before:before,.beforeafter_archive.add_design3 .after:before,.beforeafter_archive.add_design4 .after:before{transform:rotate(135deg);left:auto;right:calc(103.5% - 4px);}.beforeafter_archive.add_design6 article{width:100%;float:none !important;max-width:none;}.beforeafter_archive.add_design6 article:nth-of-type(n+3){border-top:none;}.beforeafter_archive.add_design6 .wrapper_item:after{display:none;}.beforeafter_archive.add_design6 article:nth-of-type(n+2){padding-top:30px;}.beforeafter_archive.add_design6 article:nth-of-type(2n) .inner_item{margin:0;}.beforeafter_archive.add_design6 article .inner_item{margin-left:0;margin-right:0;}.beforeafter_archive.add_design5 .before,.beforeafter_archive.add_design5 .after,.beforeafter_archive.add_design6 .before,.beforeafter_archive.add_design6 .after{width:100%;position:relative;cursor:ew-resize;}.beforeafter_archive.add_design5 .before,.beforeafter_archive.add_design6 .before{position:absolute;overflow:hidden;z-index:2;height:100%;}.beforeafter_archive.add_design5 .before a,.beforeafter_archive.add_design5 .after a,.beforeafter_archive.add_design6 .before a,.beforeafter_archive.add_design6 .after a{display:block;width:100%;overflow:hidden;cursor:ew-resize;pointer-events:none;max-width:100%;}.edit_view .beforeafter_archive.add_design5 .before a,.edit_view .beforeafter_archive.add_design6 .before a{display:none;}.beforeafter_archive.add_design5 .before a,.beforeafter_archive.add_design6 .before a{position:relative;width:50%;}.beforeafter_archive.add_design5 .before a:before,.beforeafter_archive.add_design6 .before a:before{content:"";display:block;width:2px;height:100%;position:absolute;top:0;right:0;background:var(--i_txt_color);z-index:3;}.beforeafter_archive.add_design5 .before img,.beforeafter_archive.add_design5 .after img,.beforeafter_archive.add_design6 .before img,.beforeafter_archive.add_design6 .after img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;font-family:'object-fit:contain; object-position:50% 50%;';max-width:none;cursor:ew-resize;}.beforeafter_archive.add_design5 .before:before,.beforeafter_archive.add_design6 .before:before,.beforeafter_archive.add_design5 .after:before,.beforeafter_archive.add_design6 .after:before{display:none;cursor:ew-resize;}.beforeafter_archive.add_design5 .inner_item+.inner_item_txt{margin:0 30px 0 0;}.beforeafter_archive.add_design5 article:nth-of-type(2n) .inner_item+.inner_item_txt{margin:0 0 0 30px;}@media screen and (max-width:700px){.beforeafter_archive.add_design5 .inner_item+.inner_item_txt{margin:0 !important;}}