.clfl:after{content:".";display:block;clear:left;height:0;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0}.clfr:after{content:".";display:block;clear:right;height:0;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0}.clf:after,.popup_overlay .case_content:after,.case_content .tiles img.tile:after,.case_content .tiles:after,.case_content .left #multiImgWrap #multiTabs:after,.wrapper.main .category .group .items:after,.wrapper.main .category:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0}.clf,.popup_overlay .case_content,.case_content .tiles img.tile,.case_content .tiles,.case_content .left #multiImgWrap #multiTabs,.wrapper.main .category .group .items,.wrapper.main .category{min-height:1px}* html .clf,* html .popup_overlay .case_content,.popup_overlay * html .case_content,* html .case_content .tiles img.tile,.case_content .tiles * html img.tile,* html .case_content .tiles,.case_content * html .tiles,* html .case_content .left #multiImgWrap #multiTabs,.case_content .left #multiImgWrap * html #multiTabs,* html .wrapper.main .category .group .items,.wrapper.main .category .group * html .items,* html .wrapper.main .category,.wrapper.main * html .category{height:1px}.clfl:after{content:".";display:block;clear:left;height:0;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0}.clfr:after{content:".";display:block;clear:right;height:0;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0}.clf:after,.popup_overlay .case_content:after,.case_content .tiles img.tile:after,.case_content .tiles:after,.case_content .left #multiImgWrap #multiTabs:after,.wrapper.main .category .group .items:after,.wrapper.main .category:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0}.clf,.popup_overlay .case_content,.case_content .tiles img.tile,.case_content .tiles,.case_content .left #multiImgWrap #multiTabs,.wrapper.main .category .group .items,.wrapper.main .category{min-height:1px}* html .clf,* html .popup_overlay .case_content,.popup_overlay * html .case_content,* html .case_content .tiles img.tile,.case_content .tiles * html img.tile,* html .case_content .tiles,.case_content * html .tiles,* html .case_content .left #multiImgWrap #multiTabs,.case_content .left #multiImgWrap * html #multiTabs,* html .wrapper.main .category .group .items,.wrapper.main .category .group * html .items,* html .wrapper.main .category,.wrapper.main * html .category{height:1px}.pc{display:inline-block !important}.sp{display:none !important}@media (max-width: 990px){.pc{display:none !important}.sp{display:inherit !important}}.oplink,.case_content .tiles img.tile{-webkit-transition-duration:500ms;transition-duration:500ms}.oplink:hover,.case_content .tiles img.tile:hover{opacity:0.8;-webkit-transition-duration:500ms;transition-duration:500ms}.oplink,.case_content .tiles img.tile{cursor:pointer;-webkit-transition:opacity 500ms;transition:opacity 500ms}.oplink:hover,.case_content .tiles img.tile:hover{opacity:0.8}.bgcenter{background-repeat:no-repeat;background-position:center}.left{float:left}.right{float:right}@media only screen and (min-width: 991px){.subnav_bar ul{width:calc(100% - 40px);max-width:950px;margin-left:auto;margin-right:auto;border:0}.subnav_bar ul li{border:0}.subnav_bar ul li.current:before{background:#4c4c4c;height:2px;bottom:0}.subnav_bar ul li a{font-size:15px;letter-spacing:0.05em;height:25px;margin:20px 0;border:0;border-left:1px solid #e3e3e6}}@media only screen and (min-width: 991px) and (max-width: 990px){.subnav_bar ul li a{height:46px;margin:0;border-left:0}}@media only screen and (min-width: 991px){.subnav_bar ul li:last-child a{border-right:1px solid #e3e3e6}}@media only screen and (min-width: 991px) and (max-width: 990px){.subnav_bar ul li:last-child a{border-right:0}}@media only screen and (max-width: 990px){.subnav_bar ul{border:0}.subnav_bar ul li.current:before{display:none}}@media only screen and (max-width: 990px){.pagelinks>ul{width:100%;max-width:530px;display:flex;align-items:center}}.pagelinks>ul li{background-image:url(/img/pnav/arrow-gray-373fedb5.svg);background-size:6px auto;background-repeat:no-repeat;background-position:center bottom 10px;position:relative}@media only screen and (max-width: 990px){.pagelinks>ul li{width:auto;margin:0 auto;background-image:none;border:0 !important}.pagelinks>ul li:first-child{margin-left:15px}.pagelinks>ul li:last-child{margin-right:15px}}@media only screen and (max-width: 990px) and (max-width: 990px){body.search-by-name .pagelinks>ul li{width:calc(100% / 3);margin:0}}.pagelinks>ul li a{font-size:13px;letter-spacing:0.15em}@media only screen and (max-width: 990px){.pagelinks>ul li a{font-size:10px;letter-spacing:0em;color:#808080}.pagelinks>ul li a:after{display:none}}.pagelinks>ul li .arrow{width:6px;height:5px;position:absolute;bottom:11px;left:calc(50% - 3px)}@media only screen and (max-width: 990px){.pagelinks>ul li .arrow{bottom:7px;display:none}}@media only screen and (max-width: 990px){.pagelinks>ul li.current a{color:#000}}.pagelinks>ul li.current:before{display:none}.pagelinks>ul li.current .arrow path{fill:#000}@media only screen and (max-width: 1000px){#pagelink{margin-top:0}}#pagelink hr{margin:0;border:0;border-top:1px solid #e3e3e3}@media only screen and (max-width: 990px){#pagelink hr{display:none}}.wrapper.main .category{float:left}@media only screen and (max-width: 990px){.wrapper.main .category{width:100%}}.wrapper.main .category h2{height:33px;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-size:14px;letter-spacing:0.025em;color:#404040;padding-bottom:6px;border-bottom:1px solid #E3E3E6}@media only screen and (max-width: 990px){.wrapper.main .category h2{font-size:13px;padding-bottom:0}}.wrapper.main .category h2 small{font-size:11px;letter-spacing:0em;color:#808080;margin-left:12px}@media only screen and (max-width: 990px){.wrapper.main .category h2 small{font-size:10px;margin-left:10px}}.wrapper.main .category .group h3{font-size:13px;letter-spacing:0.13em;padding:24px 0 20px}@media only screen and (max-width: 990px){.wrapper.main .category .group h3{padding:7px 0 13px;font-size:10px}}@media only screen and (max-width: 990px){.wrapper.main .category .group .items{display:flex;flex-wrap:wrap}}.wrapper.main .category .group .items .item{display:block;height:213px;float:left;margin-bottom:24px;margin-left:22px;position:relative}.wrapper.main .category .group .items .item:not(.subgroup):nth-child(3n+1){margin-left:0}@media only screen and (max-width: 990px){.wrapper.main .category .group .items .item{width:calc(50% - 5px);height:auto;margin-left:0;margin-bottom:10px !important}.wrapper.main .category .group .items .item:nth-child(2n){margin-left:10px !important}.wrapper.main .category .group .items .item>img{width:100%;height:auto;vertical-align:top}}.wrapper.main .category+.category{margin-top:70px}@media only screen and (max-width: 990px){.wrapper.main .category+.category{margin-top:35px}}.wrapper.main .banner{margin-top:60px}@media only screen and (max-width: 990px){.wrapper.main .banner{margin-top:40px}}.wrapper.main .banner a{display:block}.wrapper.main .banner a img{vertical-align:top;width:100%;height:auto}.wrapper.main .banner+.banner{margin-top:42px}@media only screen and (max-width: 990px){.wrapper.main .banner+.banner{margin-top:15px}}.wrapper.main .footnav{margin-top:100px}.case_content>nav.sp_nav{display:none}@media only screen and (max-width: 990px){.case_content>nav.sp_nav{width:100%;background-color:#fff;display:flex;align-items:center;position:fixed;bottom:0;height:60px;z-index:100}.case_content>nav.sp_nav::before{content:'';display:block;width:100%;height:14px;background-image:url(/img/popup-shadow-61de76f5.png);background-repeat:repeat-x;position:fixed;bottom:60px}}.case_content>nav.sp_nav>a{height:100%;display:flex;justify-content:center;align-items:center;--close-width: 44%;color:#4D4D4D}.case_content>nav.sp_nav>a:hover{opacity:1}.case_content>nav.sp_nav>a:not(:last-child){border-right:1px solid #D8D8D8}.case_content>nav.sp_nav>a.close{position:relative;width:var(--close-width)}.case_content>nav.sp_nav>a.close:after{position:absolute;bottom:7px;content:url(/img/arrow-drown-8242b16a.svg)}.case_content>nav.sp_nav>a.prev{width:calc((100% - var(--close-width)) / 2)}.case_content>nav.sp_nav>a.prev:before{margin-right:6px;margin-left:0}.case_content>nav.sp_nav>a.next{width:calc((100% - var(--close-width)) / 2)}.case_content>nav.sp_nav>a.next:after{margin-left:7px;margin-right:0}.case_content h1{font-size:16px;letter-spacing:0.015em;padding-top:25px;padding-bottom:25px;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif}@media only screen and (max-width: 990px){.case_content h1{font-size:14px;padding-top:18px;padding-bottom:12px}}.case_content h1 small{font-family:helvetica, "游ゴシック体", "Yu Gothic", "YuGothic", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic", Osaka, Verdana, arial, helvetica, sans-serif;font-size:13px;margin-left:16px}@media only screen and (max-width: 990px){.case_content h1 small{font-size:10px;margin-left:6px;letter-spacing:0.1em}}.case_content nav{font-size:13px;font-weight:bold;letter-spacing:0.03em}.case_content nav a{display:flex;align-items:center;line-height:1em;cursor:pointer}.case_content nav a:hover{color:inherit}.case_content nav a.prev:before{content:'';width:15px;height:100%;background-image:url("/img/orange-arrow-e9ad2d4d.png");background-size:14px auto;background-position:center;background-repeat:no-repeat;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH;margin-right:14px}@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){.case_content nav a.prev:before{background-image:url("/img/orange-arrow@2x-53f3eaae.png")}}.case_content nav a.next:after{content:'';width:15px;height:100%;background-image:url("/img/orange-arrow-e9ad2d4d.png");background-size:14px auto;background-position:center;background-repeat:no-repeat;margin-left:14px}@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){.case_content nav a.next:after{background-image:url("/img/orange-arrow@2x-53f3eaae.png")}}@media only screen and (max-width: 990px){.case_content nav.right{display:none}}.case_content nav.right>a{width:50%}.case_content nav.right>a.prev{justify-content:flex-start;background-position:left center}.case_content nav.right>a.next{justify-content:flex-end;background-position:right center}.case_content .wrap{display:flex;padding-left:22px;padding-right:22px}@media only screen and (max-width: 990px){.case_content .wrap{display:block;padding-left:15px;padding-right:15px}}.case_content .left{float:left;width:calc(100% - 322px);margin-right:22px}@media only screen and (max-width: 990px){.case_content .left{width:100%;margin-right:0;float:none}}.case_content .left img.main{float:left;width:100%;height:auto}.case_content .left #multiImgWrap{float:left;width:625px}.case_content .left #multiImgWrap #multiImgs{width:625px}.case_content .left #multiImgWrap #multiImgs .multi{display:none;position:absolute}.case_content .left #multiImgWrap #multiImgs .current{display:block}.case_content .left #multiImgWrap #multiTabs{width:625px;margin-top:2px}.case_content .left #multiImgWrap #multiTabs .tab{margin-right:2px;background:#e3e3e5;color:#4c4c4c;width:93px;height:24px;font-weight:bold;text-align:center;line-height:2.1;cursor:pointer;float:left}.case_content .left #multiImgWrap #multiTabs .current{background:#1a1a1a;color:#fff}.case_content .right{width:300px;display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 990px){.case_content .right{width:100%;float:none}}.case_content .right p.description{font-size:11px;margin-top:auto;margin-bottom:0}.case_content .right p.description .tilename{display:inline-block;margin-bottom:10px}.case_content .right a,.case_content .right a:visited{color:#808080}.case_content .right a.simulator{display:block;border:1px solid #cbcbcb;border-radius:2px;font-weight:bold;font-size:13px;line-height:1em;padding:21px 20px}@media only screen and (max-width: 990px){.case_content .right a.simulator{padding:17px 20px;font-size:10px;line-height:13px;color:#1A1A1A}}.case_content .right a.simulator svg.icon{float:right;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.case_content #info_box{margin-top:0}.case_content .wrap.head{border-bottom:1px solid #e3e3e5}@media only screen and (max-width: 990px){.case_content .wrap.head{border-bottom:0}}.case_content .wrap.head .right{flex-direction:row}.case_content .wrap.body{padding-top:24px;padding-bottom:23px}@media only screen and (max-width: 990px){.case_content .wrap.body{padding:0 15px 15px}}.case_content .wrap.body .right{flex-direction:column}.case_content .product_name h4{font-size:14px;margin-bottom:16px;height:15px;line-height:15px;padding-bottom:25px;background-image:url(/img/dotline-2f2f3f56.png);background-repeat:repeat-x;background-position:bottom}@media only screen and (max-width: 990px){.case_content .product_name h4{margin-top:15px;padding-top:0 !important;padding-bottom:13px;font-size:11px;margin-bottom:13px}}.case_content .product_name h4 .series{display:inline-block;border-left:1px solid #e3e3e5;margin-left:12px;padding-left:12px;padding-top:1px}.case_content .tiles{clear:left;float:left;margin-bottom:auto;flex-grow:1;display:flex;flex-direction:column}.case_content .tiles h5{font-size:13px;margin-bottom:16px}@media only screen and (max-width: 990px){.case_content .tiles h5{font-size:11px;margin-bottom:6px}}.case_content .tiles img.tile{display:block;float:left;margin:0 13px 25px 0;width:60px;height:auto}.case_content .tiles img.tile.dsp-441-1{width:50px}@media only screen and (max-width: 990px){.case_content .tiles img.tile{width:40px;margin-right:9px}.case_content .tiles img.tile.dsp-441-1{width:40px}}.case_content .tiles img.tile:nth-child(3n){margin-right:0}.case_content .tiles p{float:left;margin-top:-4px;width:calc(100% - 75px);font-size:12px;line-height:18px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";margin-top:2px}@media only screen and (max-width: 990px){.case_content .tiles p{margin-top:-2px;font-size:10px;line-height:15px;letter-spacing:-0.01em}}.case_content #permalink{width:100%;margin-top:40px;margin-bottom:0;flex-grow:0}@media only screen and (max-width: 990px){.case_content #permalink{margin-top:20px;border-top:1px solid #D8D8D8}}.case_content #permalink h4{margin-bottom:14px}@media only screen and (max-width: 990px){.case_content #permalink h4{font-size:10px;margin-top:15px}}.case_content #permalink input[type=text]{background-color:#fafafa;color:#808080;font-size:12px;letter-spacing:0.025em;padding:13px 15px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;outline:none;width:calc(100% - 30px)}@media only screen and (max-width: 990px){.case_content #permalink input[type=text]{float:left;width:calc(100% - 120px);font-size:10px}}.case_content #permalink .copyBtn{width:100%;height:40px;font-size:14px;font-weight:bold;letter-spacing:0.05em;color:#fff;background-color:#f36f20;border-radius:2px;display:flex;justify-content:center;align-items:center;cursor:pointer}.case_content #permalink .copyBtn:active{opacity:1}@media only screen and (max-width: 990px){.case_content #permalink .copyBtn{float:left;width:90px;border-radius:0}.case_content #permalink .copyBtn span{font-size:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}}.popup_overlay{background-color:rgba(247,247,247,0.97);position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;overflow:auto;cursor:pointer}.popup_overlay .popup_content{width:calc(100% - 44px);max-width:1400px;margin:22px auto 0;padding:22px;cursor:default}@media only screen and (max-width: 990px){.popup_overlay .popup_content{width:100%;padding:0 0 100px 0;margin:0}}.popup_overlay .closeBtn{float:right;width:51px;height:51px;background-image:url("/img/popup-close-1c705bd2.png");background-size:51px 51px;background-position:center;background-repeat:no-repeat;cursor:pointer;margin-bottom:22px}@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){.popup_overlay .closeBtn{background-image:url("/img/popup-close@2x-110af3dc.png")}}.popup_overlay .case_content{clear:right;background:#fff;width:100%;margin:0 auto}