@charset "UTF-8";body{margin:0;padding:0}#Surface_Online{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-feature-settings:normal;letter-spacing:0;line-break:strict;word-wrap:break-word;font-size:16px;overflow-wrap:break-word;word-break:normal}#Surface_Online :is(a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video){border:0;font:inherit;margin:0;padding:0;vertical-align:initial}#Surface_Online :is(h1,h2,h3,h4,h5,h6,strong){font-weight:700}#Surface_Online :is(blockquote,q){quotes:none}#Surface_Online blockquote:after,#Surface_Online blockquote:before,#Surface_Online q:after,#Surface_Online q:before{content:"";content:none}#Surface_Online img{border:0}#Surface_Online :is(code,kbd,pre,samp,tt){font-family:monospace,serif;font-size:1em}#Surface_Online :is(button,input,select,textarea){margin:0;vertical-align:initial}#Surface_Online :is(button,input){line-height:normal}#Surface_Online table{border-collapse:collapse;border-spacing:0;font-size:inherit}#Surface_Online li{list-style:none}#Surface_Online :is(caption,td,th){text-align:left;vertical-align:middle}#Surface_Online [hidden]{display:none}#Surface_Online,#Surface_Online *,#Surface_Online :after,#Surface_Online :before{box-sizing:border-box}#Surface_Online{background:#fff;color:#000;font-family:Segoe UI,Yu Gothic Medium,游ゴシック Medium,YuGothic,游ゴシック,sans-serif;font-weight:500;line-height:1.7;-webkit-font-smoothing:antialiased}#Surface_Online *,#Surface_Online :after,#Surface_Online :before{box-sizing:border-box}#Surface_Online a{color:inherit;text-decoration:none}#Surface_Online img{height:auto;max-width:100%;vertical-align:bottom}#Surface_Online :is(h2,h3,h4,p){font-feature-settings:"palt"}#Surface_Online sup{font-size:.6em;line-height:0;vertical-align:super}#Surface_Online .sl-wrapper{margin:0 auto;max-width:1400px;overflow-x:clip;width:100%}#Surface_Online .sl-pc{display:block}#Surface_Online .sl-sp{display:none}#Surface_Online .sl-nowrap{white-space:nowrap}#Surface_Online br.sl-pc{display:inline}#Surface_Online br.sl-sp{display:none}#Surface_Online .sl-btn{border-radius:6px;cursor:pointer;display:inline-block;font-size:min(1.1428571429vw,16px);font-weight:500;line-height:1.4;min-width:min(11.4285714286vw,160px);padding:min(.8571428571vw,12px) min(2vw,28px);text-align:center;transition:opacity .2s}#Surface_Online .sl-btn:hover{opacity:.78}#Surface_Online .sl-btn--primary{background:#000;border:1px solid #000;color:#fff;font-weight:700}#Surface_Online .sl-btn--secondary{background:#fff;border:1px solid #000;color:#000}#Surface_Online .sl-section__inner{margin:0 auto}#Surface_Online .sl-section__kv img{width:100%}#Surface_Online .sl-section__kv img.sl-pc{margin-inline:auto;max-width:85.7142857143%}#Surface_Online .sl-banner{margin:0 auto;max-width:80%;position:relative}#Surface_Online .sl-banner--narrow{max-width:72.8571428571%}#Surface_Online .sl-banner__media img{width:100%}#Surface_Online .sl-banner__body{color:#000;left:7%;position:absolute;top:50%;transform:translateY(-50%);width:37%}#Surface_Online .sl-banner--right .sl-banner__body{left:auto;right:7%}#Surface_Online .sl-banner--bodywide .sl-banner__body{width:58%}#Surface_Online .sl-banner--body65 .sl-banner__body{width:65%}#Surface_Online .sl-banner--narrow .sl-banner__body{left:2.5%}#Surface_Online .sl-banner--center .sl-banner__body{right:0;text-align:center;width:50%}#Surface_Online .sl-banner--lead .sl-banner__body{left:5%;text-align:center;width:50%}#Surface_Online .sl-banner--lead .sl-banner__chips{justify-content:center}#Surface_Online .sl-banner--bodyright .sl-banner__body{right:4%;width:40%}#Surface_Online .sl-banner__ttl{font-size:min(1.8571428571vw,26px);font-weight:500;line-height:1.4}#Surface_Online .sl-banner__ttl--lg{font-size:min(2.1428571429vw,30px)}#Surface_Online .sl-banner__size{font-size:74%}#Surface_Online .sl-banner__txt{font-size:min(1.1428571429vw,16px);line-height:1.8;margin-top:min(1.1428571429vw,16px)}#Surface_Online .sl-banner .sl-btn{margin-top:min(1.4285714286vw,20px)}#Surface_Online .sl-banner__chips{display:flex;gap:min(1.1428571429vw,16px);list-style:none;margin-top:min(2vw,28px);padding:0}#Surface_Online .sl-banner__chips img{height:auto;width:min(5.1428571429vw,72px)}#Surface_Online .sl-newrow+.sl-newrow{margin-top:min(2vw,28px)}#Surface_Online .sl-newrow .sl-banner__new{display:block}#Surface_Online .sl-banner__new{color:#107c10;font-size:min(1.0714285714vw,15px);font-weight:700;letter-spacing:.05em}#Surface_Online .sl-feat3{display:flex;gap:min(2.8571428571vw,40px);margin:min(5.1428571429vw,72px) auto;max-width:72.8571428571%}#Surface_Online .sl-feat3__item{flex:1;min-width:0}#Surface_Online .sl-feat3__media img{border-radius:6px;width:100%}#Surface_Online .sl-feat3__title{font-size:min(1.5714285714vw,22px);font-weight:700;line-height:1.5;margin-top:min(1.4285714286vw,20px)}#Surface_Online .sl-feat3__body{font-size:min(1.1428571429vw,16px);line-height:1.8;margin-top:min(.8571428571vw,12px)}#Surface_Online .sl-cards{margin:min(4vw,56px) auto}#Surface_Online .sl-cards__pc{margin:0 auto;max-width:80%}#Surface_Online .sl-cards__img{display:block;width:100%}#Surface_Online .sl-cards__img+#Surface_Online .sl-cards__img{margin-top:min(1.7142857143vw,24px)}#Surface_Online .sl-legal{background:#f2f2f2;margin-top:min(1.4285714286vw,20px);padding:min(2.8571428571vw,40px) 0 min(5.7142857143vw,80px)}#Surface_Online .sl-legal__inner{margin:0 auto;max-width:80%}#Surface_Online .sl-legal__list{color:#333;font-size:min(.8571428571vw,12px);line-height:1.7;list-style:none;margin:0;padding:0}#Surface_Online .sl-legal__list li+li{margin-top:min(.2857142857vw,4px)}#Surface_Online .sl-legal__link{color:#0067b8;text-decoration:underline}#Surface_Online .sl-totop{align-items:center;background:#000;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:64px;justify-content:center;margin:0 24px 20px auto;width:64px}#Surface_Online .sl-totop:hover{opacity:.8}#Surface_Online .sl-totop__arrow{font-size:18px;line-height:1}#Surface_Online .sl-totop__txt{font-size:11px;letter-spacing:.08em}#Surface_Online .sl-hero img{width:100%}#Surface_Online .sl-hero img.sl-pc{margin-inline:auto;max-width:85.7142857143%	}#Surface_Online .sl-intro{padding:min(5.1428571429vw,72px) 0 min(2.8571428571vw,40px)}#Surface_Online .sl-intro__inner{margin:0 auto;max-width:80%}#Surface_Online .sl-intro__lead{font-size:min(2.2857142857vw,32px);font-weight:500;text-align:center}#Surface_Online .sl-intro__cards{display:flex;gap:min(1.7142857143vw,24px);margin-top:min(2.8571428571vw,40px)}#Surface_Online .sl-intro-card{flex:1;min-width:0;position:relative}#Surface_Online .sl-intro-card__media img{width:100%}#Surface_Online .sl-intro-card__body{left:0;position:absolute;right:0;text-align:center;top:min(2.8571428571vw,40px)}#Surface_Online .sl-intro-card__name{font-size:min(1.8571428571vw,26px)!important;font-weight:500!important}#Surface_Online .sl-intro-card__copy{font-size:min(1.1428571429vw,16px);margin-top:min(.7142857143vw,10px)}#Surface_Online .sl-intro-card__body .sl-btn{margin-top:min(1.2857142857vw,18px)}#Surface_Online .sl-features{padding-bottom:min(5.7142857143vw,80px);padding-top:min(2.8571428571vw,40px)}#Surface_Online .sl-features__lead{font-size:min(2.2857142857vw,32px);font-weight:500;line-height:1.5;margin-bottom:min(3.4285714286vw,48px);text-align:center}#Surface_Online .sl-features .sl-banner+.sl-banner{margin-top:0}#Surface_Online .sl-spec{margin:min(4.5714285714vw,64px) 0}#Surface_Online .sl-spec__inner{margin:0 auto;max-width:1120px}#Surface_Online .sl-table__pill{border-radius:999px;color:#fff;display:block;font-size:min(1.4285714286vw,20px);font-weight:700;padding:min(.5714285714vw,8px) min(2vw,28px);text-align:center;white-space:nowrap}#Surface_Online .sl-table__pill--daily{background:#4b4b4b}#Surface_Online .sl-table__pill--perf{background:#1f3a5f}#Surface_Online .sl-table__new{color:#107c10;display:block;font-size:min(1.2857142857vw,18px);font-weight:700;letter-spacing:.05em;margin-top:min(1.0714285714vw,15px)}#Surface_Online .sl-table__new--spacer{visibility:hidden}#Surface_Online .sl-table__sub{color:#666;display:block;font-size:min(.8571428571vw,12px)}#Surface_Online .sl-table{border-collapse:initial;width:100%;--sl-gap:min(2.2857142857vw,32px);border-spacing:var(--sl-gap) 0;font-size:min(1.1428571429vw,16px);text-align:center}#Surface_Online .sl-table :is(td,th){border-bottom:1px solid #ddd;padding:min(1.5714285714vw,22px) 0;text-align:center;vertical-align:middle}#Surface_Online .sl-table td{font-size:min(1vw,14px)}#Surface_Online .sl-table .sl-table__rowlabel{font-weight:700;white-space:nowrap;width:14%}#Surface_Online .sl-table .sl-table__prod{background:#fff;position:sticky;top:0;z-index:5}#Surface_Online .sl-table .sl-table__corner{border-bottom:none;font-weight:700;vertical-align:middle;white-space:nowrap;width:14%}#Surface_Online .sl-table .sl-table__prod{font-weight:400;padding-bottom:min(1.8571428571vw,26px);padding-top:min(1.4285714286vw,20px);vertical-align:top}#Surface_Online .sl-table .sl-table__prodname{font-size:min(1.4285714286vw,20px);font-weight:700;line-height:1.4;margin-top:min(.2857142857vw,4px)}#Surface_Online .sl-table .sl-table__swatch{display:block;height:min(5.7142857143vw,80px);margin:min(1.1428571429vw,16px) auto 0;width:auto}#Surface_Online .sl-table .sl-table__colornames{font-size:min(.9285714286vw,13px);letter-spacing:-.15em;margin-top:min(.7142857143vw,10px)}#Surface_Online .sl-table .sl-table__note{color:#333;font-size:min(.7857142857vw,11px);margin-top:min(.5714285714vw,8px)}#Surface_Online .sl-table .sl-table__prod--group:after{background:#fff;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:var(--sl-gap)}#Surface_Online .sl-table .sl-table__prodgrid{display:flex}#Surface_Online .sl-table .sl-table__proditem{flex:1;min-width:0}#Surface_Online .sl-table tbody td{position:relative}#Surface_Online .sl-table .sl-table__subdiv:before{border-left:1px solid #ddd;bottom:22%;content:"";left:calc(var(--sl-gap)/-2);position:absolute;top:22%}#Surface_Online .sl-table .sl-table__subdiv:after{background:#ddd;bottom:-1px;content:"";height:1px;left:calc(var(--sl-gap)*-1);position:absolute;width:calc(var(--sl-gap) + 1px)}#Surface_Online .sl-table--laptop{--sl-gap:min(1.9285714286vw,27px)}#Surface_Online .sl-table-sp__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}#Surface_Online .sl-table-sp{border-collapse:initial;border-spacing:5.3333333333vw 0;font-size:3.4666666667vw;line-height:1.7;margin-left:-5.33333vw;text-align:center;white-space:nowrap}#Surface_Online .sl-table-sp :is(td,th){border-bottom:1px solid #ddd;padding:4vw 3.2vw;text-align:center;vertical-align:middle}#Surface_Online .sl-table-sp thead th{font-size:3.7333333333vw;font-weight:700;vertical-align:bottom;white-space:normal}#Surface_Online .sl-table-sp .sl-table-sp__corner{border-bottom:none}#Surface_Online .sl-table-sp :is(.sl-table-sp__corner,.sl-table-sp__rowhead){background:#fff;left:0;min-width:40vw;position:sticky;white-space:normal;z-index:2}#Surface_Online .sl-table-sp .sl-table-sp__rowhead{vertical-align:top}#Surface_Online .sl-table-sp .sl-table-sp__rowhead .sl-table__pill{border-radius:0;font-size:3.6vw;margin-bottom:2.1333333333vw;padding:1.0666666667vw 2.9333333333vw;white-space:normal}#Surface_Online .sl-table-sp .sl-table-sp__name{display:block;font-size:3.7333333333vw;font-weight:700;margin-top:0}#Surface_Online .sl-table-sp .sl-table__new{font-size:3.4666666667vw;margin-top:0}#Surface_Online .sl-table-sp .sl-table-sp__swatch{border-radius:0;display:block;margin:2.4vw 0 0;width:100%}#Surface_Online .sl-table-sp .sl-table-sp__note{color:#333;display:block;font-size:2.1333333333vw;line-height:1.6;margin-top:1.8666666667vw;white-space:normal}#Surface_Online .sl-table-sp .sl-table__sub{font-size:2.1333333333vw}#Surface_Online .sl-carousel{padding:0 3.3333333333vw;position:relative}#Surface_Online .sl-carousel__viewport{overflow:hidden}#Surface_Online .sl-carousel__track{display:flex;transition:transform .35s ease}#Surface_Online .sl-carousel__slide{flex:0 0 100%;min-width:100%;padding:0 1.3333333333vw}#Surface_Online .sl-carousel__slide img{display:block;margin:0 auto;width:100%}#Surface_Online .sl-carousel__arrow{background:none;border:none;cursor:pointer;height:12.8vw;margin-top:-6.4vw;padding:0;position:absolute;top:50%;width:12.8vw;z-index:3}#Surface_Online .sl-carousel__arrow:before{border-right:.3333333333vw solid #ccc;border-top:.3333333333vw solid #ccc;content:"";display:block;height:7.4666666667vw;width:7.4666666667vw}#Surface_Online .sl-carousel__arrow--prev{left:0}#Surface_Online .sl-carousel__arrow--prev:before{margin-left:2.6666666667vw;transform:rotate(-135deg)}#Surface_Online .sl-carousel__arrow--next{right:0}#Surface_Online .sl-carousel__arrow--next:before{margin-left:.5333333333vw;transform:rotate(45deg)}#Surface_Online .sl-section{padding-top:min(5.7142857143vw,80px)}#Surface_Online .sl-section--pro{border-top:1px solid #ccc}#Surface_Online #sl-pro :is(.sl-banner__new,.sl-table__new){color:#b93b22}#Surface_Online .sl-section__kv{margin-bottom:min(2.8571428571vw,40px)}#Surface_Online .sl-section .sl-banner{margin-top:min(5.1428571429vw,72px)}#Surface_Online .sl-section--laptop{border-top:1px solid #ccc;margin-top:min(5.7142857143vw,80px)}@media only screen and (max-width:767px){#Surface_Online .sl-pc{display:none}#Surface_Online .sl-sp{display:block}#Surface_Online br.sl-pc{display:none}#Surface_Online br.sl-sp{display:inline}#Surface_Online .sl-btn{border-radius:6px;font-size:3.7333333333vw;font-weight:700;min-width:34.6666666667vw;padding:2.6666666667vw 4.8vw}#Surface_Online .sl-section__inner{padding:0 3.3333333333vw}#Surface_Online .sl-section__kv img.sl-pc{max-width:none}#Surface_Online :is(.sl-banner,.sl-banner--narrow){margin-left:3.3333333333vw;margin-right:3.3333333333vw;max-width:none}#Surface_Online .sl-banner--inset2{margin-left:6.6666666667vw;margin-right:6.6666666667vw}#Surface_Online .sl-banner__body{bottom:11.3333333333vw;left:0;padding:0 3.3333333333vw;position:absolute;right:0;text-align:center;top:auto;transform:none;width:100%}#Surface_Online .sl-banner--right .sl-banner__body{right:0}#Surface_Online :is(.sl-banner--body65,.sl-banner--bodyright,.sl-banner--bodywide,.sl-banner--center) .sl-banner__body{width:100%}#Surface_Online .sl-banner--lead .sl-banner__body{left:0;width:100%}#Surface_Online .sl-banner--narrow .sl-banner__body{left:0}#Surface_Online .sl-banner--bodywide .sl-banner__body{bottom:6vw}#Surface_Online .sl-banner--body65 .sl-banner__body{bottom:11.3333333333vw;display:flex;flex-direction:column;top:9.3333333333vw}#Surface_Online .sl-banner--body65 .sl-banner__txt{margin-top:auto}#Surface_Online .sl-banner--body65 .sl-banner__body .sl-btn{align-self:center}#Surface_Online .sl-banner__ttl{font-size:4.5333333333vw;text-align:center;}#Surface_Online h3.sl-banner__ttl{font-size:4vw}#Surface_Online .sl-banner__txt{font-size:3.7333333333vw;margin-top:2.4vw}#Surface_Online .sl-banner .sl-btn{margin-top:3.7333333333vw}#Surface_Online .sl-banner__chips{display:none}#Surface_Online .sl-newrow+.sl-newrow{margin-top:5.3333333333vw}#Surface_Online .sl-banner__new{font-size:4vw}#Surface_Online .sl-feat3{display:block;margin:9.3333333333vw 3.3333333333vw;max-width:none;text-align:center}#Surface_Online .sl-feat3__item+.sl-feat3__item{margin-top:9.3333333333vw}#Surface_Online .sl-feat3__title{font-size:5.0666666667vw;margin-top:3.7333333333vw}#Surface_Online .sl-feat3__body{font-size:3.7333333333vw;margin-top:2.4vw}#Surface_Online .sl-cards{margin:8vw 0}#Surface_Online .sl-legal__inner{max-width:none;padding:0 3.3333333333vw}#Surface_Online .sl-legal__list{font-size:2.6666666667vw}#Surface_Online .sl-legal__list li+li{margin-top:1.0666666667vw}#Surface_Online .sl-totop{height:12.8vw;margin:0 3.3333333333vw 2.6666666667vw auto;width:12.8vw}#Surface_Online .sl-totop__arrow{font-size:3.7333333333vw}#Surface_Online .sl-totop__txt{font-size:2.4vw}#Surface_Online .sl-hero img.sl-pc{max-width:none}#Surface_Online .sl-intro__inner{max-width:90%;padding:0}#Surface_Online .sl-intro{padding:10.6666666667vw 0 0}#Surface_Online .sl-intro__lead{font-size:5.6vw}#Surface_Online .sl-intro__cards{display:block;margin-top:6.6666666667vw}#Surface_Online .sl-intro-card+.sl-intro-card{margin-top:9.3333333333vw}#Surface_Online .sl-intro-card__media img{border-radius:2.6666666667vw}#Surface_Online .sl-intro-card__body{margin-top:4vw;position:static;text-align:center}#Surface_Online .sl-intro-card__name{font-size:4.8vw}#Surface_Online .sl-intro-card__copy{font-size:3.7333333333vw;margin-top:2.1333333333vw}#Surface_Online .sl-intro-card__body .sl-btn{margin-top:3.7333333333vw}#Surface_Online .sl-features{padding-bottom:19.0666666667vw;padding-top:19.0666666667vw}#Surface_Online .sl-features__lead{font-size:5.6vw;margin-bottom:6.6666666667vw}#Surface_Online .sl-spec__inner{max-width:none;padding:0 3.3333333333vw}#Surface_Online .sl-section{padding-top:0}#Surface_Online .sl-section--pro{border-top:none}#Surface_Online .sl-section__kv{margin-bottom:5.3333333333vw}#Surface_Online .sl-section .sl-banner{margin-top:9.3333333333vw}#Surface_Online .sl-section--laptop{border-top:none;margin-top:19.0666666667vw}}