html{-webkit-text-size-adjust:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,p{margin:0;padding:0;background:transparent;border:0;outline:0;font-weight:normal;font-size:100%}body{width:100%;line-height:1.5;-webkit-text-size-adjust:100%;font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;font-size:13px}body,table,input,textarea,select,option{font:Arial, Helvetica, sans-serif}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}em{font-weight:bold;font-style:normal}.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0}header,footer,nav,section,article,main,aside,hgroup{display:block}html{font-size:10px}body{overflow-x:hidden;color:#000;font-family:'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:1.5rem}#page img,#page input{margin:0;max-width:100%;vertical-align:top}#page{overflow-x:hidden}@media (min-width: 751px){.pc{display:block}.sp{display:none}br.pc{display:inline}}@media (max-width: 750px){.pc{display:none}.sp{display:block}br.sp{display:inline}}a.textLink{display:inline-block;position:relative;color:#007dc8;text-decoration:none}a.textLink::after{position:absolute;bottom:-5px;left:50%;content:'';width:0;height:1px;background-color:#007dc8;transition:.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}a.textLink:hover::after{width:100%}#header{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:99;box-shadow:1px 2px 2px -2px #999}#header .layout{padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:90px}#header .layout h1,#header .layout .logo{width:228px}#header .layout #globalNav ul{display:flex;justify-content:right;align-items:center}#header .layout #globalNav ul li{padding-right:3em;font-size:1.6rem}#header .layout #globalNav ul li:last-child{padding-right:0}#header .layout #globalNav ul li a{display:inline-block;position:relative;color:#000;text-decoration:none}#header .layout #globalNav ul li a::after{position:absolute;bottom:-5px;left:50%;content:'';width:0;height:1px;background-color:#007dc8;transition:.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#header .layout #globalNav ul li a:hover{color:#007dc8}#header .layout #globalNav ul li a:hover::after{width:100%}#header .layout .hamburger{display:none}#header .layout #spGlobalNav{display:none}@media (max-width: 750px){#header .layout{padding:0;align-items:flex-start;height:auto}#header .layout h1,#header .layout .logo{padding-left:2.66667%;width:40%}#header .layout #globalNav{display:none}#header .layout .hamburger{display:block;cursor:pointer;z-index:10}#header .layout #spGlobalNav{position:fixed;top:0;left:0;width:100%;background-color:#231815;z-index:9}#header .layout #spGlobalNav ul{padding-top:50px}#header .layout #spGlobalNav ul li{border-bottom:1px solid #443a38;text-align:left}#header .layout #spGlobalNav ul li:last-child{border-bottom:0}#header .layout #spGlobalNav ul li a{padding:1em;display:block;color:#fff;font-size:1.5rem;text-decoration:none}#header .layout #spGlobalNav ul li a span{margin-left:1em;display:inline-block;font-size:1.2rem}#header .layout #spGlobalNav ul li a.cs{color:#111;pointer-events:none}}#footer #footerNav{background-color:#333}#footer #footerNav .layout{margin:0 auto 0;max-width:1200px;padding:32px 20px;display:flex}#footer #footerNav .layout li{margin-right:4em;font-size:1.4rem}#footer #footerNav .layout li a{display:inline-block;position:relative;color:#fff;text-decoration:none}#footer #footerNav .layout li a::after{position:absolute;bottom:-5px;left:50%;content:'';width:0;height:1px;background-color:#007dc8;transition:.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#footer #footerNav .layout li a:hover{color:#007dc8}#footer #footerNav .layout li a:hover::after{width:100%}#footer #footerBot{background-color:#000}#footer #footerBot .layout{margin:0 auto 0;max-width:1200px;padding:36px 20px;display:flex;justify-content:space-between;align-items:center}#footer #footerBot .layout .logo{width:11.66667%}#footer #footerBot .layout small{display:block;color:#fff;font-size:1.4rem;text-align:right}@media (max-width: 750px){#footer #footerNav{display:none}#footer #footerBot .layout{padding:5.33333%;max-width:none}#footer #footerBot .layout .logo{width:29.85075%}#footer #footerBot .layout small{font-size:2.66667vw;width:59.70149%}}#main{padding-top:90px;background-color:#f5f5f5}#main .ttl{margin-bottom:5.76923%;padding-top:11.05769%;text-align:center}#main .ttl h2{margin-bottom:.2em;padding-bottom:.2em;border-bottom:15px solid;display:inline-block;line-height:1;font-family:'Source Code Pro';font-weight:bold;font-size:7rem}#main .ttl div{font-weight:bold;font-size:2.4rem}#main>section{position:relative}#main>section .mask{position:absolute;top:0;left:0;width:100%;height:100%;transition:.8s;transition-timing-function:ease-in;z-index:5}#main>section.inview .layout{opacity:0;transition-delay:.5s}#main>section.inview .mask{left:-100%}#main>section.inview.inviewFade .layout{opacity:1}#main>section.inview.inviewFade .mask{left:100%}@media (max-width: 750px){#main{padding-top:15.75%}#main .ttl{margin-bottom:8.95522%}#main .ttl h2{font-size:10.66667vw;border-bottom-width:8px}#main .ttl div{font-size:5.33333vw}}#index #mv{background:url(/wp/wp-content/themes/leli/img/index/mv_bg.jpg) center top no-repeat}#index #mv .layout{margin:0 auto 0;max-width:1200px;padding:0 20px;font-size:0}#index #mv .layout .website{margin-bottom:2.75%;padding-top:9.08333%;overflow:hidden}#index #mv .layout .website span{display:block;transform:translate3d(0, 100%, 0);transition:1s}#index #mv .layout .website span.fade{transform:translate3d(0, 0, 0)}#index #mv .layout .for{margin-bottom:2.75%;overflow:hidden}#index #mv .layout .for span{display:block;transform:translate3d(0, 100%, 0);transition:1s}#index #mv .layout .for span.fade{transform:translate3d(0, 0, 0)}#index #mv .layout .branding{margin-bottom:3.16667%;overflow:hidden}#index #mv .layout .branding span{display:block;transform:translate3d(0, 100%, 0);transition:1s}#index #mv .layout .branding span.fade{transform:translate3d(0, 0, 0)}#index #mv .layout .jp{padding-bottom:8.25%}#index #mv .layout .jp span{display:inline-block;opacity:0;transform-origin:center;transform:scale(1.5);transition:1s}#index #mv .layout .jp span.fade{opacity:1;transform:scale(1)}@media (max-width: 750px){#index #mv{background-size:auto 100%}#index #mv .layout{padding:0 5.33333%}}#index #service .layout{margin:0 auto 0;max-width:1040px;padding:0 20px 150px}#index #service .layout .ttl h2{border-bottom-color:#007dc8}#index #service .layout .desc{margin-bottom:4.80769%;line-height:1.75;font-size:1.6rem}#index #service .layout .contents{display:flex;justify-content:space-between;flex-wrap:wrap}#index #service .layout .contents section{padding:.96154% 2.88462% 3.84615% 2.88462%;width:25%;background-color:#fff}#index #service .layout .contents section .icon{margin:0 auto;width:61.53846%;text-align:center}#index #service .layout .contents section .icon svg{opacity:0}#index #service .layout .contents section .icon svg path{fill-opacity:0;transition:fill-opacity 1s}#index #service .layout .contents section .icon svg.done path{stroke:none}#index #service .layout .contents section .icon svg.done .cls-01{fill:#007dc8;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-02{fill:#007dc8;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-03-1{fill:none;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-03-2{fill:#007dc8;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-04{fill:#007dc8;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-05{fill:#007dc8;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-06-1{fill:none;fill-opacity:1}#index #service .layout .contents section .icon svg.done .cls-06-2{fill:#007dc8;fill-opacity:1}#index #service .layout .contents section h3{margin-bottom:1em;font-weight:bold;font-size:2rem;text-align:center}#index #service .layout .contents section p{line-height:1.8125;font-size:1.6rem}#index #service .mask{background-color:#007dc8}@media (min-width: 751px){#index #service .layout .contents section:nth-child(1),#index #service .layout .contents section:nth-child(2),#index #service .layout .contents section:nth-child(3){margin-bottom:3.84615%}}@media (max-width: 750px){#index #service .layout{padding:0 5.33333% 13.33333%}#index #service .layout .desc{font-size:3.73333vw;margin-bottom:4.80769%}#index #service .layout .contents{display:block}#index #service .layout .contents section{padding:1.49254% 4.47761% 5.97015% 4.47761%;margin-bottom:5.97015%;width:auto}#index #service .layout .contents section:last-child{margin-bottom:0}#index #service .layout .contents section h3{font-size:4.26667vw;margin-bottom:1em;font-weight:bold;text-align:center}#index #service .layout .contents section p{font-size:3.2vw}}#index .contact{background-color:#e6327d}#index .contact .layout{margin:0 auto 0;max-width:1120px;padding:70px 0;color:#fff;text-align:center}#index .contact .layout p{margin-bottom:1em;font-size:2.4rem}#index .contact .layout .btn{margin:0 auto 0%;max-width:60.71429%;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:.8em 0;border:1px solid #fff;display:block;line-height:1;color:#e6327d;background-color:#fff;font-size:2.4rem;text-decoration:none;box-shadow:1px 1px 5px rgba(0,0,0,0.1);transition:.4s}#index .contact .layout .btn:hover{color:#fff;background-color:#e6327d}@media (max-width: 750px){#index .contact .layout{padding:9.33333% 5.33333% 9.33333% 5.33333%;max-width:none}#index .contact .layout p{font-size:3.73333vw}#index .contact .layout .btn{font-size:3.73333vw;max-width:none}}#index #works .layout{margin:0 auto 0;max-width:1200px;padding:0 20px 150px}#index #works .layout .ttl h2{border-bottom-color:#ffdb58}#index #works .layout .contents{margin-bottom:8.33333%;display:flex;justify-content:space-between;flex-wrap:wrap}#index #works .layout .contents article{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:31.16667%;background-color:#fff}#index #works .layout .contents article .image{margin-bottom:3.74332%;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;text-align:center}#index #works .layout .contents article .image a:hover img{transform:scale(1.1);opacity:.7}#index #works .layout .contents article .image img{border-top-left-radius:5px;border-top-right-radius:5px;transition:.4s}#index #works .layout .contents article h3{margin-bottom:3.74332%;padding:0 5.34759%;color:#333;font-weight:bold;font-size:2rem}#index #works .layout .contents article h3 a{color:#333;font-weight:bold}#index #works .layout .contents article .tag{padding:0% 5.34759% 5.34759% 5.34759%;display:flex;flex-wrap:wrap}#index #works .layout .contents article .tag li{margin:0 1em 1em 0;font-size:1.1rem}#index #works .layout .contents article .tag li a{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;padding:.5em;border:1px solid #333;display:inline-block;line-height:1;color:#333;text-decoration:none;transition:.4s;pointer-events:none}#index #works .layout .contents article .tag li a:hover{color:#fff;background-color:#333}#index #works .layout .goList{text-align:center}#index #works .layout .goList a{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:1em 2em;-moz-box-shadow:1px 1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd;box-shadow:1px 1px 3px #ddd;display:inline-block;line-height:1;color:#333;background-color:#fff;font-weight:bold;font-size:1.8rem;text-decoration:none;transition:.8s}#index #works .layout .goList a:hover{color:#fff;background-color:#000}#index #works .mask{background-color:#ffdb58}@media (max-width: 750px){#index #works .layout{padding:0 5.33333% 13.33333%}#index #works .layout .contents{margin-bottom:14.92537%;display:block}#index #works .layout .contents article{margin-bottom:7.46269%;width:auto}#index #works .layout .contents article:last-child{margin-bottom:0}#index #works .layout .contents article h3{font-size:3.73333vw}#index #works .layout .contents article .tag li{font-size:2.93333vw}#index #works .layout .goList{text-align:center}#index #works .layout .goList a{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:1em 2em;-moz-box-shadow:1px 1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd;box-shadow:1px 1px 3px #ddd;display:inline-block;line-height:1;color:#333;background-color:#fff;font-weight:bold;font-size:1.8rem;text-decoration:none;transition:.8s}#index #works .layout .goList a:hover{color:#fff;background-color:#000}}#index #company{background-color:#fff}#index #company .layout{margin:0 auto 0;max-width:1040px;padding:0 20px 150px}#index #company .layout .ttl h2{border-bottom-color:#3cb482}#index #company .layout .contents dl{padding:2em 0;border-top:1px solid #aaa;display:flex;justify-content:space-between;font-size:1.6rem}#index #company .layout .contents dl:last-child{border-bottom:1px solid #aaa}#index #company .layout .contents dl.trade{line-height:2}#index #company .layout .contents dl dt{width:19.23077%;font-weight:bold}#index #company .layout .contents dl dd{width:79.13462%}#index #company .mask{background-color:#3cb482}@media (max-width: 750px){#index #company .layout{padding:0% 5.33333% 13.33333% 5.33333%;max-width:none}#index #company .layout .contents dl{font-size:3.2vw}}#openingAnimation{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99}#openingAnimation #loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99999}#openingAnimation #loading div{margin:-2.5em 0 0 -2.5em;border-top:0.5em solid rgba(0,0,0,0.2);border-right:0.5em solid rgba(0,0,0,0.2);border-bottom:0.5em solid rgba(0,0,0,0.2);border-left:.5em solid #007dc8;border-radius:50%;position:absolute;top:50%;left:50%;width:5em;height:5em;font-size:1rem;text-indent:-9999em;transform:translateZ(0);animation:loading 1.1s infinite linear}#openingAnimation #loading div::after{border-radius:50%;width:10em;height:10em;content:""}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#openingAnimation #opening{display:none;position:fixed;top:0;left:0;width:100%}#openingAnimation #opening #openingInner{display:flex;justify-content:center;min-height:100vh;align-items:center;text-align:center}#openingAnimation #opening #openingInner #svg-animation{max-width:100%;height:auto}#openingAnimation #opening #openingInner #svg-animation .st0{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1500;stroke-dashoffset:1500}#openingAnimation #opening #openingInner #svg-animation .cls-1{stroke-width:11px}#openingAnimation #opening #openingInner #svg-animation .cls-2{stroke-width:14px}#openingAnimation #opening #openingInner #svg-animation .cls-3{stroke-width:16px}@media (max-width: 750px){#openingAnimation #opening #openingInner #svg-animation{padding-bottom:100px}}body#contact #main #head{padding:25px 40px 80px;background-color:#e6327d}body#contact #main #head #topicPath{margin-bottom:54px}body#contact #main #head #topicPath ul li{margin-right:1em;padding-right:2em;display:inline-block;position:relative;font-size:1.4rem}body#contact #main #head #topicPath ul li::after{position:absolute;top:0;right:0;content:">"}body#contact #main #head #topicPath ul li:last-child{margin-right:0;padding-right:0}body#contact #main #head #topicPath ul li:last-child::after{display:none}body#contact #main #head h1{margin-bottom:2em;color:#fff;font-weight:bold;font-size:3.4rem;text-align:center}body#contact #main #head .flow{margin:0 auto 0;max-width:390px;display:flex;justify-content:space-between;position:relative;overflow:hidden}body#contact #main #head .flow::after{position:absolute;top:39px;left:0;width:400px;height:2px;background-color:#f5adcb;content:"";z-index:1}body#contact #main #head .flow li{width:80px;text-align:center}body#contact #main #head .flow li .number{border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;margin-bottom:.5em;border:2px solid #f5adcb;position:relative;width:76px;height:76px;line-height:76px;color:#f5adcb;background-color:#e6327d;font-weight:bold;font-size:2.4rem;z-index:2}body#contact #main #head .flow li p{color:#f5adcb;font-size:1.6rem}body#contact #main #head .flow li.current .number{border-color:#fff;color:#e6327d;background-color:#fff}body#contact #main #head .flow li.current p{color:#fff}@media (max-width: 750px){body#contact #main #head{padding:3.33333% 5.33333% 10.66667% 5.33333%}body#contact #main #head #topicPath{margin-bottom:11.9403%}body#contact #main #head #topicPath ul li{font-size:3.2vw}body#contact #main #head h1{font-size:6.66667vw}body#contact #main #head .flow{margin:0 auto 0%;max-width:74.62687%}body#contact #main #head .flow::after{position:absolute;top:1.5em;left:0;width:500px;height:2px;background-color:#f5adcb;content:"";z-index:1}body#contact #main #head .flow li{width:auto;box-sizing:border-box}body#contact #main #head .flow li .number{font-size:3.73333vw;border:1px solid #f5adcb;width:3em;height:3em;line-height:3em}body#contact #main #head .flow li p{font-size:3.2vw}}body#contact #main #formArea{margin:0 auto 0;max-width:1040px;padding:50px 40px 150px;color:#333;font-size:1.6rem}body#contact #main #formArea .note{margin-bottom:5.76923%}body#contact #main #formArea .thanks{line-height:2;text-align:center}body#contact #main #formArea dl{margin-bottom:4.80769%;display:flex;justify-content:space-between}body#contact #main #formArea dl dt{width:28.84615%;font-weight:bold}body#contact #main #formArea dl dt .require{padding-left:1em;color:#e6327d;font-weight:bold;font-size:1.2rem}body#contact #main #formArea dl dd{width:68.84615%}body#contact #main #formArea dl dd input,body#contact #main #formArea dl dd select{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:.5em 1em;border:1px solid #ddd;width:100%;height:46px;background-color:#fff;-webkit-appearance:button;appearance:button;box-sizing:border-box}body#contact #main #formArea dl dd textarea{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:.5em 1em;border:1px solid #ddd;width:100%;height:176px;-webkit-appearance:button;appearance:button;box-sizing:border-box}body#contact #main #formArea dl dd .errorMessage{padding-top:.5em;color:#e6327d;font-weight:bold}body#contact #main #formArea .privacy{margin-bottom:4.80769%;text-align:center}body#contact #main #formArea .submit{text-align:center}body#contact #main #formArea .submit.confirm{padding-top:4.80769%}body#contact #main #formArea .submit a,body#contact #main #formArea .submit button{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:1em 2em;border:1px solid #e6327d;display:inline-block;line-height:1;color:#fff;background-color:#e6327d;font-size:1.8rem;cursor:pointer;box-shadow:1px 1px 5px rgba(0,0,0,0.1);-webkit-appearance:button;appearance:button;transition:.4s}body#contact #main #formArea .submit a:hover,body#contact #main #formArea .submit button:hover{color:#e6327d;background-color:#fff}body#contact #main #formArea .submit a.return,body#contact #main #formArea .submit button.return{margin-right:2em;border:1px solid #fff;color:#000;background-color:#fff;text-decoration:none}body#contact #main #formArea .submit a.return:hover,body#contact #main #formArea .submit button.return:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}@media (min-width: 751px){body#contact #main #formArea.index dl dt{padding-top:.5em}}@media (max-width: 750px){body#contact #main #formArea{padding:5.33333% 5.33333% 20% 5.33333%;font-size:3.73333vw;max-width:none}body#contact #main #formArea dl{display:block}body#contact #main #formArea dl dt{margin-bottom:.5em;width:auto}body#contact #main #formArea dl dt .require{font-size:3.2vw}body#contact #main #formArea dl dd{width:auto}body#contact #main #formArea .privacy{margin-bottom:7.46269%}body#contact #main #formArea .submit{text-align:center}body#contact #main #formArea .submit button{font-size:4.26667vw}}body#privacy #main #head{padding:25px 40px 50px}body#privacy #main #head #topicPath{margin-bottom:54px}body#privacy #main #head #topicPath ul li{margin-right:1em;padding-right:2em;display:inline-block;position:relative;font-size:1.4rem}body#privacy #main #head #topicPath ul li::after{position:absolute;top:0;right:0;content:">"}body#privacy #main #head #topicPath ul li:last-child{margin-right:0;padding-right:0}body#privacy #main #head #topicPath ul li:last-child::after{display:none}body#privacy #main #head h1{margin-bottom:2em;color:#000;font-weight:bold;font-size:3.4rem;text-align:center}@media (max-width: 750px){body#privacy #main #head{padding:3.33333% 5.33333% 6.66667% 5.33333%}body#privacy #main #head #topicPath{margin-bottom:11.9403%}body#privacy #main #head #topicPath ul li{font-size:3.2vw}body#privacy #main #head h1{font-size:6.66667vw}}body#privacy #main #contents{margin:0 auto 0;max-width:1040px;padding:0 20px 100px}body#privacy #main #contents dl{margin-bottom:4.80769%;color:#333}body#privacy #main #contents dl:last-child{margin-bottom:0}body#privacy #main #contents dl dt{margin-bottom:.5em;font-weight:bold;font-size:2.4rem}body#privacy #main #contents dl dd{line-height:1.8;font-size:1.6rem}body#privacy #main #contents dl dd ul{margin-left:17px}body#privacy #main #contents dl dd ul li{list-style-type:disc}body#privacy #main #contents dl:nth-child(1) dt::before{content:"1."}body#privacy #main #contents dl:nth-child(2) dt::before{content:"2."}body#privacy #main #contents dl:nth-child(3) dt::before{content:"3."}body#privacy #main #contents dl:nth-child(4) dt::before{content:"4."}body#privacy #main #contents dl:nth-child(5) dt::before{content:"5."}body#privacy #main #contents dl:nth-child(6) dt::before{content:"6."}body#privacy #main #contents dl:nth-child(7) dt::before{content:"7."}body#privacy #main #contents dl:nth-child(8) dt::before{content:"8."}body#privacy #main #contents dl:nth-child(9) dt::before{content:"9."}body#privacy #main #contents dl:nth-child(10) dt::before{content:"10."}body#privacy #main #contents dl:nth-child(11) dt::before{content:"11."}@media (max-width: 750px){body#privacy #main #contents{padding:0% 5.33333% 13.33333% 5.33333%;max-width:none}body#privacy #main #contents dl{margin-bottom:13.33333%}body#privacy #main #contents dl:last-child{margin-bottom:0}body#privacy #main #contents dl dt{font-size:3.73333vw}body#privacy #main #contents dl dd{font-size:3.2vw}}body#worksList #main #head{margin-bottom:80px;padding:25px 40px 40px;background-color:#ffdb58}body#worksList #main #head #topicPath{margin-bottom:40px}body#worksList #main #head #topicPath ul li{margin-right:1em;padding-right:2em;display:inline-block;position:relative;font-size:1.4rem}body#worksList #main #head #topicPath ul li::after{position:absolute;top:0;right:0;content:">"}body#worksList #main #head #topicPath ul li:last-child{margin-right:0;padding-right:0}body#worksList #main #head #topicPath ul li:last-child::after{display:none}body#worksList #main #head h1{font-weight:bold;font-size:3.4rem;text-align:center}@media (max-width: 750px){body#worksList #main #head{padding:3.33333% 5.33333% 5.33333% 5.33333%;margin-bottom:10.66667%}body#worksList #main #head #topicPath{margin-bottom:5.97015%}body#worksList #main #head #topicPath ul li{font-size:3.2vw}body#worksList #main #head h1{font-size:6.66667vw}}body#worksList #contents{margin:0 auto 0;max-width:1200px;padding:0 20px 150px}body#worksList #contents .layout{display:flex;justify-content:space-between;flex-wrap:wrap}body#worksList #contents .layout::after{width:30%;height:0;content:""}body#worksList #contents .layout article{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:4.16667%;width:31.16667%;background-color:#fff}body#worksList #contents .layout article .image{margin-bottom:3.74332%;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;text-align:center}body#worksList #contents .layout article .image a:hover img{transform:scale(1.1);opacity:.7}body#worksList #contents .layout article .image img{border-top-left-radius:5px;border-top-right-radius:5px;transition:.4s}body#worksList #contents .layout article h3{margin-bottom:3.74332%;padding:0 5.34759%;color:#333;font-weight:bold;font-size:2rem}body#worksList #contents .layout article h3 a{color:#000;font-weight:bold}body#worksList #contents .layout article .tag{padding:0% 5.34759% 5.34759% 5.34759%;display:flex;flex-wrap:wrap}body#worksList #contents .layout article .tag li{margin:0 1em 1em 0;font-size:1.1rem}body#worksList #contents .layout article .tag li a{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;padding:.5em;border:1px solid #333;display:inline-block;line-height:1;color:#333;text-decoration:none;transition:.4s;pointer-events:none}body#worksList #contents .layout article .tag li a:hover{color:#fff;background-color:#333}@media (max-width: 750px){body#worksList #contents{padding:0 5.33333% 13.33333%}body#worksList #contents .layout{display:block}body#worksList #contents .layout article{margin-bottom:7.46269%;width:auto}body#worksList #contents .layout article:last-child{margin-bottom:0}body#worksList #contents .layout article h3{font-size:3.73333vw}body#worksList #contents .layout article .tag li{font-size:2.93333vw}}body#worksDetail #main{padding-bottom:150px}@media (max-width: 750px){body#worksDetail #main{padding-bottom:20%}}body#worksDetail #main #head{padding:25px 40px 150px;position:relative;background-color:#ffdb58;z-index:1}body#worksDetail #main #head #topicPath{margin-bottom:40px}body#worksDetail #main #head #topicPath ul li{margin-right:1em;padding-right:2em;display:inline-block;position:relative;font-size:1.4rem}body#worksDetail #main #head #topicPath ul li::after{position:absolute;top:0;right:0;content:">"}body#worksDetail #main #head #topicPath ul li:last-child{margin-right:0;padding-right:0}body#worksDetail #main #head #topicPath ul li:last-child::after{display:none}body#worksDetail #main #head .category{margin-bottom:1em;font-size:1.6rem;text-align:center}body#worksDetail #main #head h1{margin-bottom:.5em;font-weight:bold;font-size:3.4rem;text-align:center}body#worksDetail #main #head .tag{text-align:center}body#worksDetail #main #head .tag li{margin:0 .5em;display:inline-block;font-size:1.1rem}body#worksDetail #main #head .tag li a{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;padding:.5em;border:1px solid #333;display:inline-block;line-height:1;color:#333;text-decoration:none;transition:.4s;pointer-events:none}body#worksDetail #main #head .tag li a:hover{color:#fff;background-color:#333}@media (max-width: 750px){body#worksDetail #main #head{padding:3.33333% 5.33333% 20% 5.33333%}body#worksDetail #main #head #topicPath{margin-bottom:5.97015%}body#worksDetail #main #head #topicPath ul li{font-size:3.2vw}body#worksDetail #main #head .category{font-size:3.2vw}body#worksDetail #main #head h1{font-size:6.66667vw;margin-bottom:.5em}body#worksDetail #main #head .tag li{font-size:2.93333vw}}body#worksDetail #main #article{margin:0 auto 0;max-width:1040px;margin-top:-104px;padding:0 20px;position:relative;z-index:2}body#worksDetail #main #article .image{margin-bottom:5.76923%;text-align:center}body#worksDetail #main #article .body{margin-bottom:5.76923%}body#worksDetail #main #article .body p{margin-bottom:1em;line-height:1.75;color:#333;font-size:1.6rem}body#worksDetail #main #article .body p:last-child{margin-bottom:0}body#worksDetail #main #article .url{margin-bottom:8.65385%;font-size:1.6rem;text-align:center}body#worksDetail #main #article .goList{text-align:center}body#worksDetail #main #article .goList a{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:1em 2em;-moz-box-shadow:1px 1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd;box-shadow:1px 1px 3px #ddd;display:inline-block;line-height:1;color:#333;background-color:#fff;font-weight:bold;font-size:1.8rem;text-decoration:none;transition:.8s}body#worksDetail #main #article .goList a:hover{color:#fff;background-color:#000}@media (max-width: 750px){body#worksDetail #main #article{margin:0 auto 0%;max-width:89.33333%;margin-top:-13.33333%;padding:0}body#worksDetail #main #article .body p{font-size:3.2vw}body#worksDetail #main #article .url{font-size:3.73333vw}body#worksDetail #main #article .goList{text-align:center}body#worksDetail #main #article .goList a{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:1em 2em;-moz-box-shadow:1px 1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd;box-shadow:1px 1px 3px #ddd;display:inline-block;line-height:1;color:#333;background-color:#fff;font-weight:bold;font-size:1.8rem;text-decoration:none;transition:.8s}body#worksDetail #main #article .goList a:hover{color:#fff;background-color:#000}}