.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
.wpcf7c-hide{display:none}.wpcf7c-force-hide{display:none !important}.wpcf7c-conf{background-color:#999;color:#000;border:1px solid #333}
@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%;position:relative}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{height:100%;font-size:62.5%;font-family:'Zilla Slab',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:500;width:100%}body{width:100%;font-size:1.3rem;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,div,dl,dt,dd,ul,li,img,a,p,span,iframe,small,strong,figure,address{list-style:none;margin:0;padding:0;color:inherit;font-style:inherit}select{height:26px;margin-top:-2px;outline:none;font-size:12px}input{margin-top:-2px}p{line-height:2.1rem;letter-spacing:.02em}a,span{color:inherit;font-size:inherit;outline:none}a:link{text-decoration:none;color:initial}a:visited{text-decoration:none;color:initial}a:active{text-decoration:none;color:initial}a:hover{text-decoration:none;color:initial}::selection{background-color:none;color:#c7c7c7}
.grecaptcha-badge{display:none !important}body #stalker{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#ccc;width:0;height:0;border-radius:100%;transition:all .2s ease;opacity:.2;pointer-events:none;z-index:99}#stalker.active{transform:scale(3)}#stalker.change{left:-50%;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);width:11rem;height:11rem;opacity:1;transition:all 0s ease;background-color:#000}#stalker.change:before{content:"";position:absolute;top:45%;right:22%;width:8px;height:8px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#stalker.change:after{content:"";position:absolute;top:45%;left:22%;width:8px;height:8px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}body{min-width:initial}body:before{content:"";width:6px;height:100%;top:0;left:0;position:fixed;background:#000;transition:all ease .3s;transition-delay:2.7s}body:after{content:"";width:100%;height:6px;top:0;position:fixed;background:#000;transition:all ease .3s;transition-delay:2.7s;z-index:1}.fadeInUp{opacity:0;transform:translateY(2vw);transition:all 1s cubic-bezier(.9,0,.1,1)}body.addAnim .fadeInUp.active{transform:translateY(0vw);opacity:1}.fadeInUp2{opacity:0;transform:translateY(1vw);transition:all 1s cubic-bezier(.9,0,.1,1)}body.addAnim .fadeInUp2.active{transform:translateY(0vw);opacity:1}header{position:relative;z-index:2}header>.inner{width:90%;margin:0 auto;position:relative}header .title{position:absolute;top:80px;z-index:1;opacity:0;transition:all ease .3s;transition-delay:2.7s}body.pace-done header .title{opacity:1;top:60px}body.under header .title{transition-delay:1.9s}body.under.pace-done.addAnim header .title{opacity:1;top:60px}header .mainNav{position:absolute;right:115px;top:78px;display:flex;opacity:0;transition:all ease .3s;transition-delay:2.7s}body.pace-done header .mainNav{opacity:1;top:57px}body.under header .mainNav{transition-delay:1.9s}body.under.pace-done.addAnim header .mainNav{opacity:1;top:57px}header .mainNav ul+ul{margin-left:5rem}header .mainNav ul.main li{font-size:1.75rem;font-family:'DIN Next LT W01 Medium';text-transform:uppercase;letter-spacing:.03em}header .mainNav ul.main li+li{margin-top:.8em}header .mainNav ul.main li a{position:relative;padding-left:2px}header .mainNav ul.main li a:hover:before{transform-origin:right top;transform:scale(0,1)}header .mainNav ul.main li a:after{content:"";position:absolute;bottom:1px;left:-3%;left:0;width:103%;z-index:-1;height:4px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}header .mainNav ul.main li a:hover:after{transform-origin:left top;transform:scale(1,1)}header .mainNav ul.main li a.current:after{transition-delay:3s}body.under header .mainNav ul.main li a.current:after{transition-delay:2.4s}body.pace-done header .mainNav ul.main>li a.current:after{transform-origin:left top;transform:scale(1,1)}header .mainNav ul li.window{padding-right:16px;position:relative}header .mainNav ul li.window:after{content:"";height:8px;width:10px;position:absolute;top:51%;opacity:.4;right:.3px;transform:translateY(-50%);display:inline-block;background-size:cover;background-image:url(//www.hxxxp.com/wp-content/themes/HodgePodge_2025-0821/assets/css/../../assets/img/common/window.svg)}header .mainNav nav.serviceSubNav{background-color:#000;position:absolute;left:-2.4%;top:37px;width:290px;box-shadow:4px 2px 16px -6px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all ease .5s;transition-delay:0s;transform:translateY(10px)}header .mainNav .mainServBtn:hover nav.serviceSubNav{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0px)}header .mainNav nav.serviceSubNav ul{padding:2.6em 3.4em}header .mainNav nav.serviceSubNav ul li{opacity:0;transition:all ease .75s}header .mainNav .mainServBtn:hover li{opacity:1}header .mainNav .mainServBtn:hover li:nth-child(1){transition-delay:0s;opacity:1}header .mainNav .mainServBtn:hover li:nth-child(2){opacity:1;transition-delay:.025s}header .mainNav .mainServBtn:hover li:nth-child(3){transition-delay:.05s}header .mainNav .mainServBtn:hover li:nth-child(4){transition-delay:.075s}header .mainNav nav.serviceSubNav ul li a{font-size:5.4rem;font-family:rama-gothic-c,sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;position:relative}header .mainNav nav.serviceSubNav ul>li a:after{content:"";position:absolute;bottom:5px;left:-3%;left:0;width:103%;z-index:1;height:4px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}header .mainNav nav.serviceSubNav ul>li a:hover:after{transform-origin:left top;transform:scale(1,1)}header .mainNav nav.serviceSubNav ul li+li{margin-top:.6em}.humbSP{display:none}.humbBtn{position:fixed;top:-97px;right:0;height:97px;width:97px;background-color:#000;cursor:pointer;transition:all 1s cubic-bezier(.9,0,.1,1);z-index:4;transition-delay:1.45s}body.pace-done .humbBtn{top:0}.humbBtn .inner{position:absolute;width:23%;height:32%;top:50%;left:50%;transform:translate(-50%,-50%)}.humbBtn span{position:absolute;width:3px;height:100%;background-color:#fff;transition:all ease .35s;opacity:1}.humbBtn span:nth-child(1){left:0;top:2px}.humbBtn span:nth-child(2){left:50%;transform:translateX(-50%);bottom:4px}.humbBtn span:nth-child(3){left:calc(100% - 3px);top:2px}.humbBtn:hover{background-color:#000;transition:all ease .15s}.humbBtn:hover span:nth-child(1){top:-1px}.humbBtn:hover span:nth-child(2){bottom:-3px}.humbBtn:hover span:nth-child(3){top:-1px}.humbBtn.active span:nth-child(1){top:0;left:50%;transform:translateX(-50%) rotate(225deg);transition-delay:0s}.humbBtn.active span:nth-child(2){opacity:0;transition-delay:0s}.humbBtn.active span:nth-child(3){top:0;left:50%;transform:translateX(-50%) rotate(-225deg);transition-delay:0s}.humbCont{position:fixed;width:100%;height:0;background-color:#000;z-index:3;-webkit-transition:.7s cubic-bezier(.6,0,.25,1);transition:.7s cubic-bezier(.6,0,.25,1);bottom:0}.humbCont.active{height:100%}.humbNav{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:75%;font-size:6.1vw;font-family:rama-gothic-c,sans-serif;font-weight:700;display:flex;text-transform:uppercase}.humbNav{z-index:3;visibility:hidden}.humbCont.active .humbNav{visibility:visible}.humbNav ul.main{margin-right:8.4vw}.humbNav ul.main:last-child{margin-right:0}.humbNav ul li{white-space:nowrap;line-height:1.35;letter-spacing:.035em;position:relative;opacity:0;transition:all ease .75s}.humbCont .humbNav ul li{transform:translateY(3vw)}.humbCont.active .humbNav ul li{opacity:1}.humbCont.active .humbNav ul li:nth-child(1){transform:translateY(0vw);transition-delay:.5s}.humbCont.active .humbNav ul li:nth-child(2){transform:translateY(0vw);transition-delay:.55s}.humbCont.active .humbNav ul li:nth-child(3){transform:translateY(0vw);transition-delay:.6s}.humbCont.active .humbNav ul li:nth-child(4){transform:translateY(0vw);transition-delay:.65s}.humbCont.active .humbNav ul li:nth-child(5){transform:translateY(0vw);transition-delay:.75s}.humbNav li a,.humbNav li .hover{color:#fff;display:inline;position:relative;line-height:.75;padding-left:2%;cursor:pointer}.humbNav li a:after,.humbNav li .hover:after,.servUnder li a span:after{content:"";position:absolute;bottom:8px;left:-3%;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.servUnder li a span:after{bottom:-10px}.humbNav li a:hover:after,.humbNav li .hover:hover:after,.humbNav li.active .hover:after,.servUnder li a span:hover:after{transform-origin:left top;transform:scale(1,1)}.humbNav li.servBtn:after{content:"";position:absolute;height:2px;width:3.8vw;left:124%;top:47%;transform:translateY(-50%);opacity:1;transform:scale(0,1);transform-origin:right top;background-color:#fff;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.humbNav li.servBtn.active:after{transform-origin:left top;transform:scale(1,1);opacity:1}.humbNav ul li span.window{position:relative;display:inline-block}.humbNav ul li span.window:after{content:"";height:12px;width:15px;position:absolute;top:48%;right:-21%;transform:translateY(-50%);display:inline-block;background-size:cover;background-image:url(//www.hxxxp.com/wp-content/themes/HodgePodge_2025-0821/assets/css/../../assets/img/common/windowW.svg);transition:all ease .25s}.humbNav ul.servUnder{margin-top:.6vw;padding-right:0;width:0;transition:.6s cubic-bezier(.08,.92,.35,1);transition-delay:.4s}.humbNav ul.servUnder.active{width:19vw;transition-delay:0s}.humbNav ul.servUnder li{font-size:4.3vw}.humbNav ul.servUnder li a{display:inline-block;transform:translateY(2vw);opacity:0;transition:all ease .6s}.humbNav ul.servUnder li a:after{content:none}.humbNav ul.servUnder.active li a{opacity:1;padding-left:1%}.humbNav ul.servUnder.active li:nth-child(1) a{transform:translateY(0vw);transition-delay:.25s}.humbNav ul.servUnder.active li:nth-child(2) a{transform:translateY(0vw);transition-delay:.3s}.humbNav ul.servUnder.active li:nth-child(3) a{transform:translateY(0vw);transition-delay:.35s}.humbNav ul.servUnder.active li:nth-child(4) a{transform:translateY(0vw);transition-delay:.4s}.humbNav ul.servUnder.active li:nth-child(5) a{transform:translateY(0vw);transition-delay:.45s}.humbBg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52%;height:35vw;overflow:hidden;opacity:0;visibility:hidden;transition:all ease .5s;transition-delay:0s}.humbCont.active .humbBg{visibility:visible;opacity:1;transition-delay:.5s}.humbBg figure{position:absolute;width:100%;height:100%;transition:all ease .5s;background-size:cover;background-position:center center;transform:scale(1.075);top:0;opacity:0;filter:grayscale(1)}.humbBg figure:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.humbBg figure.active{opacity:1;transform:scale(1)}.humbBg figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.humbCopy{font-size:1.4rem;font-family:'DIN Next LT W01 Medium';color:#fff;opacity:1.9;position:absolute;bottom:44px;left:69px;opacity:0;visibility:hidden;transform:translateY(1.1vw);transition:all ease .5s}.humbCont.active .humbCopy{visibility:visible;opacity:1;transform:translateY(0vw);transition-delay:.8s}.humbInfo{color:#fff;position:absolute;bottom:50px;right:100px;padding-left:39px;opacity:0;visibility:hidden;transform:translateY(1.1vw);transition:all ease .5s}.humbCont.active .humbInfo{visibility:visible;opacity:1;transform:translateY(0vw);transition-delay:.8s}.humbInfo:before{content:'';position:absolute;width:1px;left:0;top:55%;transform:translateY(-50%);height:92%;background-color:rgba(255,255,255,.4)}.humbInfo address{font-size:1.35rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;line-height:1.9;letter-spacing:.05em;opacity:1.0}.humbInfo .info{font-size:1.5rem;font-family:'DIN Next LT W01 Medium',source-han-sans-japanese,sans-serif;margin-top:5px;display:flex;align-items:center;opacity:1.0}.humbInfo .info .open span{font-size:1.2rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700}.humbInfo .info .tel a{color:#fff}.humbInfo .info div+div{position:relative;padding-left:13px}.humbInfo .info div+div:before{content:"";width:1px;height:65%;display:inline-block;background-color:#ccc;position:absolute;left:3px;top:57%;transform:translateY(-50%) rotate(19deg)}.humbSNS{position:absolute;right:3%;top:50%;transform:translateY(-50%);text-align:center;visibility:hidden}.humbCont.active .humbSNS{visibility:visible}.humbSNS ul li{font-size:2.4rem;opacity:0;transition:all ease .75s;transform:translateY(2vw)}.humbSNS ul li a{opacity:1;transition:all ease .35s}.humbSNS ul li a:hover{opacity:.7}.humbSNS ul li+li{margin-top:9px}.humbSNS a{color:#fff}.humbCont.active .humbSNS ul li{opacity:1}.humbCont.active .humbSNS ul li:nth-child(1){transform:translateY(0vw);transition-delay:.5s}.humbCont.active .humbSNS ul li:nth-child(2){transform:translateY(0vw);transition-delay:.55s}.humbCont.active .humbSNS ul li:nth-child(3){transform:translateY(0vw);transition-delay:.6s}.headInfo{position:absolute;top:250px;left:0;text-align:left;writing-mode:vertical-rl}.headInfo:before{content:"";position:absolute;width:10px;height:0;display:inline-block;background:#000;left:0;bottom:0;transition:all 1s cubic-bezier(.9,0,.1,1);transition-delay:1.4s}body.pace-done .headInfo:before{height:100%}.headInfo .txt{font-family:'DIN Next W01 Cn Medium';font-size:1.5rem;letter-spacing:.03em;line-height:1.5;margin-left:30px;padding-top:16px;padding-bottom:16px;opacity:0;transform:translateY(20px);transition:all ease .5s;transition-delay:2.7s}body.under .headInfo .txt{transition-delay:2s}body.pace-done .headInfo .txt{opacity:1;transform:translateY(0)}.mainSNS{font-size:2.4rem;position:absolute;top:55%;right:2.4%;transform:translateY(-50%);text-align:center;z-index:2}body.pace-done .mainSNS{opacity:1;top:52%}.mainSNS ul li{margin-top:.7rem;opacity:0;transition:all ease .3s;transform:translateY(15px)}.mainSNS ul li:nth-child(1){transition-delay:2.7s}.mainSNS ul li:nth-child(2){transition-delay:2.8s}.mainSNS ul li:nth-child(3){transition-delay:2.9s}body.under .mainSNS ul li:nth-child(1){transition-delay:1.9s}body.under .mainSNS ul li:nth-child(2){transition-delay:1.95s}body.under .mainSNS ul li:nth-child(3){transition-delay:2s}body.pace-done .mainSNS ul li{opacity:1;transform:translateY(0)}body.pace-done .mainSNS.active ul li{transition-delay:0s;transition:all ease .2s}body.pace-done .mainSNS ul li:hover{opacity:.4}.scroll{position:absolute;height:0;width:2px;background-color:#000;left:3.9%;bottom:31px;writing-mode:vertical-rl;cursor:pointer;transition:all 1s cubic-bezier(.9,0,.1,1);transition-delay:2.3s;z-index:2}body.pace-done .scroll{height:71px}.scroll:before{position:absolute;content:"scroll";text-transform:uppercase;font-family:'DIN Next W01 Cn Bold';font-size:1.7rem;letter-spacing:.05em;bottom:118%;left:78%;transform:translate(-60%,10px);opacity:0;transition:all ease .5s;transition-delay:2.8s}body.pace-done .scroll:before{opacity:1;transform:translate(-60%,0)}.scroll:after{content:"";position:absolute;bottom:118%;left:-12px;width:3px;height:47px;z-index:-1;background-color:#c3df5f;transform:scale(1,0);transform-origin:left bottom;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.scroll:hover:after{transform-origin:left top;transform:scale(1,1)}.scroll span.line{display:inline-block;position:absolute;width:100%;height:100%;overflow:hidden}body.pace-done .scroll span.line:after{content:'';width:4px;height:100%;background-color:#fff;position:absolute;top:-100%;left:0;-webkit-animation:arrow 1.4s ease 0s infinite normal;animation:arrow 1.4s ease 0s infinite normal;animation-delay:4.2s}@keyframes arrow{0%{top:-100%}40%{top:100%}100%{top:100%}}footer{background-color:#000;margin-top:9rem;position:relative}footer>.inner{width:76.9%;margin:0 auto;padding-top:126px;color:#fff}footer a{color:#fff}.footTop{display:flex}.footTop .left{width:56%}.footInfo .logo img{width:29rem;height:8.4rem}.footInfo address{font-size:1.4rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;line-height:1.85;letter-spacing:.05em;margin-top:2.8rem;opacity:.55}.footInfo .info{font-size:1.4rem;font-family:'DIN Next LT W01 Medium',source-han-sans-japanese,sans-serifsans-serif;margin-top:.6rem;display:flex;align-items:center;opacity:.55}.footInfo .info .open span{font-size:1.2rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700}.footInfo .info .tel a{color:#fff}.footInfo .info div+div{position:relative;padding-left:12px}.footInfo .info div+div:before{content:"";width:1px;height:65%;display:inline-block;background-color:#ccc;position:absolute;left:1px;top:57%;transform:translateY(-50%) rotate(19deg)}.toMap{font-size:1.4rem;font-family:'DIN Next LT W01 Medium';text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.2);border-radius:5px;height:7.6rem;width:31.2rem;margin-top:4.1rem}.toMap a{display:inline-block;color:#fff;border-radius:5px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all ease .35s}.toMap a:hover{opacity:.7}.toMap span.window{padding-right:17px;position:relative}.toMap span.window:after{content:"";height:8px;width:10px;opacity:.6;position:absolute;top:49%;right:0;transform:translateY(-50%);display:inline-block;background-size:cover;background-image:url(//www.hxxxp.com/wp-content/themes/HodgePodge_2025-0821/assets/css/../../assets/img/common/windowW.svg);transition:all ease .25s}.footSNS{display:none}.footTop .right{width:46%}.footNav{font-size:1.6rem;font-family:'DIN Next LT W01 Medium';letter-spacing:.07em;text-transform:uppercase;display:flex}.footNav a{color:#fff;transition:all ease .25s}.footNav ul.navList li>a:hover{opacity:.7}.footNav>div{width:initial}.footNav>div+div{margin-left:20%}.footNav ul.navList li{white-space:nowrap}.footNav ul.navList li+li{margin-top:1.9rem}.footNav ul.navList li.window{padding-right:16px;position:relative}.footNav ul.navList li.window:after{content:"";height:8px;width:10px;position:absolute;top:47%;right:0;transform:translateY(-50%);display:inline-block;background-size:cover;background-image:url(//www.hxxxp.com/wp-content/themes/HodgePodge_2025-0821/assets/css/../../assets/img/common/windowW.svg);transition:all ease .25s}.footNav ul.navList li.window:hover:after{opacity:.7}.subNav{font-size:1.3rem;font-family:'DIN Next LT W01 Bold';margin-top:1.8rem;transition:all ease .25s;opacity:.7}.subBtn{white-space:nowrap}.subBtn:hover{opacity:.7}.subBtn+.subBtn{margin-top:1.4rem}.subBtn:before{content:"-"}nav.footSNS{margin-top:29px;margin-left:-4px}nav.footSNS ul{display:flex}nav.footSNS ul li{height:43px;width:43px;border:1px solid rgba(255,255,255,.4);border-radius:100%}nav.footSNS ul li+li{margin-left:7px}nav.footSNS ul li a{font-size:1.7rem;opacity:.9;display:flex;width:100%;height:100%;align-items:center;justify-content:center}.footBottom{font-family:'DIN Next LT W01 Medium';margin-top:25.4rem;padding-bottom:5.3rem;color:#fff;position:relative}.footBottom .copy{font-size:1.3rem;opacity:.4}.toTop{position:absolute;height:9rem;width:9rem;border-radius:1px;margin-left:auto;border:1px solid rgba(255,255,255,.2);bottom:4.5rem;right:4.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all ease .35s}.toTop:hover{background-color:rgba(255,255,255,1)}.toTop:before{content:"";display:inline-block;border-top:solid 3px rgb(189 179 146/80%);border-right:solid 3px rgb(189 179 146/80%);width:10px;height:10px;transition:all ease .35s;transform:rotate(-45deg);z-index:1;margin-top:9px}.toTop:hover:before{border-top:solid 3px rgba(0,0,0,.8);border-right:solid 3px rgba(0,0,0,.8);-webkit-animation:prevArrow .3s ease 0s forwards normal;animation:toTop .3s ease 0s forwards normal;animation-delay:.2s}@keyframes toTop{0%{margin-top:9px}50%{margin-top:0}100%{margin-top:9px}}.title_parent{position:relative;display:inline-block;white-space:nowrap;line-height:.8;overflow:hidden}.title_anim{position:relative;display:inline-block}.title__top{transition:transform 1.4s cubic-bezier(.9,0,.1,1);display:inline-block;transform:translateZ(0);opacity:0}.title_parent .title_anim:nth-child(1) .title__top{transition-delay:1.25s}.title_parent .title_anim:nth-child(2) .title__top{transition-delay:1.25s}.title_parent .title_anim:nth-child(3) .title__top{transition-delay:1.3s}.title_parent .title_anim:nth-child(4) .title__top{transition-delay:1.35s}.title_parent .title_anim:nth-child(5) .title__top{transition-delay:1.4s}.title_parent.right .title_anim:nth-child(1) .title__top{transition-delay:1.5s}.title_parent.right .title_anim:nth-child(2) .title__top{transition-delay:1.55s}.title_parent.right .title_anim:nth-child(3) .title__top{transition-delay:1.6s}.title_parent.right .title_anim:nth-child(4) .title__top{transition-delay:1.65s}.title_parent.right .title_anim:nth-child(5) .title__top{transition-delay:1.7s}body.pace-done .title__top{transform:translate3d(0,-120%,0)}.title__bottom{position:absolute;top:0;left:0;opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translate3d(0,60%,0)}.title__bottom.remDelay{transition-delay:0s !important;transition:all ease .3s !important}.title_parent .title_anim:nth-child(1) .title__bottom{transition-delay:1.35s}.title_parent .title_anim:nth-child(2) .title__bottom{transition-delay:1.4s}.title_parent .title_anim:nth-child(3) .title__bottom{transition-delay:1.45s}.title_parent .title_anim:nth-child(4) .title__bottom{transition-delay:1.5s}.title_parent .title_anim:nth-child(5) .title__bottom{transition-delay:1.55s}.title_parent.right .title_anim:nth-child(1) .title__bottom{transition-delay:1.45s}.title_parent.right .title_anim:nth-child(2) .title__bottom{transition-delay:1.45s}.title_parent.right .title_anim:nth-child(3) .title__bottom{transition-delay:1.5s}.title_parent.right .title_anim:nth-child(4) .title__bottom{transition-delay:1.55s}.title_parent.right .title_anim:nth-child(5) .title__bottom{transition-delay:1.6s}body.pace-done .title__bottom{opacity:1;transform:translateZ(0)}section.sect{margin-top:150px;position:relative}section.about{margin-top:0;padding-top:130px}section.sect>.inner{width:82%;margin:0 auto}section.sect+section.sect{margin-top:150px;padding-top:150px}section.sect+section.sect:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:86%;height:1px;background-color:#ececec}section.service+section.sect{margin-top:0}section.service+section.sect:before{content:none}section.brand+section.sect{margin-top:0}section.brand+section.sect:before{content:none}section.gallery+section.brand:before{content:none}section.sect+section.gallery{margin-top:90px}section.sect+section.gallery:before{content:none}section.brandSingle+section.sect{margin-top:200px}section.sect>.inner.flex{display:flex}section.sect>.inner.flex>div{width:50%}section.sect>.inner.flex>.left{width:52%}section.sect .left .copy{font-size:22.7rem;font-family:rama-gothic-c,sans-serif;font-weight:700;text-transform:uppercase;line-height:.85;letter-spacing:.03em;position:sticky;top:135px;padding-bottom:100px}section.sect .left .copy .under{color:#d6d6d6;margin-left:.6em}section.sect>.inner.flex>.right{width:46%}section.sect .right .title{font-size:4.2rem;font-family:a-otf-midashi-go-mb31-pr6n,sans-serif;letter-spacing:-.04em;margin-left:-4px;margin-top:-9px}section.sect .right .title span{font-size:2.1rem;font-family:'DIN Next LT W01 Medium';text-transform:capitalize;letter-spacing:.04em;margin-left:3px;margin-top:.5rem;margin-bottom:1.5rem;display:block}section.sect .right .title span span{position:relative;display:inline-block}section.sect .right .title span span:before{content:"";position:absolute;bottom:-1px;left:-1%;width:103%;z-index:-1;height:6px;background-color:#c3df5f;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}section.sect .right .interview{font-size:3.45rem;font-family:a-otf-midashi-go-mb31-pr6n,sans-serif;letter-spacing:-.05em;font-weight:700}section.sect .right .desc+.interview{margin-top:1.8em}section.sect .right .desc{margin-top:2em;font-size:1.5rem;letter-spacing:.03em;line-height:2.45}section.sect .right .desc a{font-weight:700;color:#b2c769;border-bottom:solid;border-color:#c3df5f;border-width:2px;padding-left:3px;padding-right:2px}section.sect .top .title{font-size:22.7rem;font-family:rama-gothic-c,sans-serif;font-weight:700;text-transform:uppercase;line-height:.85;letter-spacing:.03em}section.service{overflow:hidden}.baseSlider{margin-top:104px;padding-left:9vw;margin-left:7%;position:relative;cursor:grab}.baseSlider:before{content:"";position:absolute;top:9vw;display:block;height:106%;width:0;background:#f3f3f3;right:0;-webkit-transition:.8s cubic-bezier(.6,0,.25,1);transition:.8s cubic-bezier(.6,0,.25,1);transition-delay:.7s}.baseSlider.slideIn.triger:before{width:100%}.baseSlider .slick-list{width:140%}.slick-arrow{width:10.7rem;height:10.7rem;border-radius:0;border:none;font-size:0;padding:0;background-color:#fff;outline:none;position:absolute;top:-273px;display:flex;align-items:center;justify-content:center}.slick-arrow:before{content:"";position:absolute;width:0;height:100%;left:0;background-color:#000;-webkit-transition:.8s cubic-bezier(.6,0,.25,1);transition:.8s cubic-bezier(.6,0,.25,1)}.slick-arrow:after{content:"";display:inline-block;border-top:solid 3px #fff;border-right:solid 3px #fff;margin-top:20px;width:1rem;height:1rem;opacity:0;transition:all ease .35s;transition-delay:.6s}body.addAnim .animStart .slick-arrow:before{width:100%}body.addAnim .animStart .slick-arrow:after{opacity:1;margin-top:0}.slick-prev{right:109px}.slick-prev:after{margin-left:-7px;transform:rotate(45deg)}.slick-prev:hover:after{-webkit-animation:prevArrow .3s ease 0s forwards normal;animation:prevArrow .3s ease 0s forwards normal}@keyframes prevArrow{0%{margin-left:-7px}50%{margin-left:0}100%{margin-left:-7px}}.slick-next{right:22rem}.slick-next:after{margin-right:-7px;transform:rotate(-135deg)}.slick-next:hover:after{-webkit-animation:nextArrow .3s ease 0s forwards normal;animation:nextArrow .3s ease 0s forwards normal}@keyframes nextArrow{0%{margin-right:-7px}50%{margin-right:0}100%{margin-right:-7px}}.baseSlider .slick-slide+.slick-slide{margin-left:60px}.baseSlider .servSlide{padding-bottom:10vw}.baseSlider .slick-slide{transform:translateY(1vw);transition:all ease .35s}.baseSlider .slick-slide:hover{transform:translateY(0vw)}.baseSlider .servSlide .image{height:34vw;background-color:#ccc}.baseSlider .servSlide .image .imgInner{display:inline-block;width:100%;height:100%;filter:grayscale(1);transition:all ease .35s}.baseSlider .servSlide .image .imgInner:hover{filter:grayscale(0)}.baseSlider .servSlide .image figure{width:100%;height:100%;background-size:cover;background-position:center center}.baseSlider .servSlide .image figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.baseSlider .servSlide .cont{margin-top:55px}.baseSlider .servSlide .title{font-size:6.3rem;font-family:'DIN Next W01 Cn Bold';text-transform:uppercase}.baseSlider .servSlide .desc{width:86%;font-size:1.4rem;line-height:2.2;margin-top:15px}.baseSlider .servSlide .title a{display:flex;align-items:center;transition:all ease .35s}.baseSlider .servSlide .title a:hover{opacity:.5}.baseSlider .servSlide .title a:after{font-family:a-otf-midashi-go-mb31-pr6n,sans-serif;font-size:1.4rem;letter-spacing:-.03em;margin-left:1.3rem;margin-top:-.8rem}.baseSlider .servSlide .title.prepare a:after{content:"（ 準備中 ）"}section.blog{overflow:hidden}.blogSlider{margin-top:100px;padding-left:9vw;margin-left:7%;position:relative;cursor:grab}.blogSlider:before{content:"";position:absolute;top:9vw;display:block;height:106%;width:0;background:#f3f3f3;right:0;-webkit-transition:.8s cubic-bezier(.6,0,.25,1);transition:.8s cubic-bezier(.6,0,.25,1);transition-delay:.7s}.blogSlider.slideIn.triger:before{width:100%}.blogSlider .slick-list{width:110%}.blogSlider .slick-slide{transform:translateY(1vw);transition:all ease .35s;outline:none}.blogSlider .slick-slide:hover{transform:translateY(0vw)}.blogSlider .slick-slide+.slick-slide{margin-left:38px}.blogSlider .slide{padding-bottom:9vw}.slick-track.slick-no-current{width:auto !important}.slick-track.slick-no-current .slick-slide{width:20.6vw !important}.blogSlider .slide .image{height:20vw;background-color:#e5e5e5}.blogSlider .slide .image .imgInner{display:inline-block;width:100%;height:100%}.blogSlider .slide .image figure{width:100%;height:100%;background-size:cover;background-position:center center;filter:grayscale(1)}.blogSlider .slide:hover .image figure{filter:grayscale(0)}.blogSlider .slide .image figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.blogSlider .slide .cont{margin-top:3.2rem;width:93%}.blogSlider .slide .cont .date{font-family:'DIN Next LT W01 Medium';font-size:1.5rem;color:#9b9b9b}.blogSlider .slide .cont .title{font-size:2rem;font-family:source-han-sans-japanese,sans-serif;line-height:1.5;margin-top:1rem}.blogSlider .slide .cont .desc{font-size:1.2rem;line-height:1.9;margin-top:1.6rem}.blogSlider .slide .cont .desc:before{content:"";height:3px;width:2rem;display:block;background-color:#000;margin-bottom:20px}.blogSlider .slide .cont a{transition:all ease .35s}.blogSlider .slide .cont a:hover{opacity:.5}.blogSlider .slide .cont .cat{font-size:1.15rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;letter-spacing:.03em;margin-top:18px;padding-bottom:9px}.blogSlider .slide .cont .cat a{display:inline-block;position:relative;z-index:1;color:#767676}.blogSlider .slide .cont .cat a:hover{opacity:1}.blogSlider .slide .cont .cat a:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(1,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.blogSlider .slide .cont .cat a:hover:before{transform-origin:right top;transform:scale(0,1)}.blogSlider .slide .cont .cat a:after{content:"";position:absolute;bottom:-2px;left:0;left:0;width:100%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}.blogSlider .slide .cont .cat a:hover:after{transform-origin:left top;transform:scale(1,1)}section.brand .top{position:relative}section.brand .top .learnMore{position:absolute;top:39px;right:0;white-space:nowrap}section.brand .under{position:relative;margin-top:80px;background-color:#fff;width:calc(100% - 6px);margin-left:6px}section.brand .under:before{content:"";position:absolute;width:100%;height:0;background-color:#000;bottom:0;-webkit-transition:.9s cubic-bezier(.6,0,.25,1);transition:.9s cubic-bezier(.6,0,.25,1);transition-delay:.3s}body.addAnim section.brand .under.animStart:before{height:100%}.brandList{width:83%;margin:0 auto;padding-top:135px;padding-bottom:135px;visibility:visible}.brandList .slick-list{cursor:grab}.brandList .slick-slide+.slick-slide{margin-left:17px}.brandDetail{transform:translateY(.5vw);padding-bottom:1vw;transition:all ease .2s}.brandDetail:hover{transform:translateY(0vw)}.brandDetail .image{background-color:#fff;height:16.5vw;transition:all 2s cubic-bezier(.9,0,.1,1)}.brandList .slick-slide:nth-child(6) .image{transition-delay:0s}.brandList .slick-slide:nth-child(7) .image{transition-delay:.1s}.brandList .slick-slide:nth-child(8) .image{transition-delay:.2s}.brandList .slick-slide:nth-child(9) .image{transition-delay:.3s}.brandList .slick-slide:nth-child(10) .image{transition-delay:.4s}.brandDetail .image a{display:inline-block;width:100%;height:100%;box-sizing:border-box;border:3px solid #e8e8e8;transition:all ease .25s}.brandDetail:hover .image a{border:3px solid #c3df5f}.logoSpace{width:100%;height:100%;background-size:cover;background-position:center center}.brandDetail .cont{margin-top:3.5em;text-align:center}.brandDetail .cont a{color:#fff}.brandDetail .cont .title .eng{font-size:4.2rem;font-family:'DIN Next W01 Cn Medium';font-weight:500;line-height:.9}.brandDetail .cont .title .jpn{font-size:1.4rem;font-family:source-han-sans-japanese,sans-serif;opacity:.8;margin-top:.8rem}.brandDetail .cont .title{transition:all 1s cubic-bezier(.9,0,.1,1)}.brandList .slick-slide:nth-child(6) .title{transition-delay:0s}.brandList .slick-slide:nth-child(7) .title{transition-delay:.1s}.brandList .slick-slide:nth-child(8) .title{transition-delay:.2s}.brandList .slick-slide:nth-child(9) .title{transition-delay:.3s}.brandList .slick-slide:nth-child(10) .title{transition-delay:.4s}.brandList .slick-dots{display:flex;justify-content:center;margin-top:70px;opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translateY(1vw);transition-delay:.8s}body.addAnim .animStart .brandList .slick-dots{opacity:1;transform:translateY(0vw)}.brandList .slick-dots button{width:87px;height:3px;font-size:0;border-radius:0;border:none;outline:none}.brandList .slick-dots li+li{margin-left:4px}.brandList .slick-dots li{opacity:.6}.brandList .slick-dots li.slick-active{opacity:1}section.shopInfo .top{display:flex;align-items:center}section.shopInfo .infoCont{margin-left:auto}section.shopInfo .infoCont address{font-size:1.8rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;line-height:1.8}section.shopInfo .infoCont .info{font-size:2.1rem;font-family:'DIN Next LT W01 Medium',source-han-sans-japanese;letter-spacing:-.03em;display:flex;align-items:center;margin-top:7px}section.shopInfo .infoCont .info .open span{font-size:1.4rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;letter-spacing:.03em;margin-left:-2px}section.shopInfo .infoCont .info div+div{position:relative;padding-left:12px}section.shopInfo .infoCont .info div+div:before{content:"";width:1px;height:65%;display:inline-block;background-color:#ccc;position:absolute;left:1px;top:57%;transform:translateY(-50%) rotate(19deg)}section.shopInfo .under{margin-top:80px}section.shopInfo .under .map{margin-left:7vw;width:calc(100% - 8.7vw);height:47vw;filter:grayscale(1)}.learnMore{font-size:2.6rem;font-family:'DIN Next W01 Cn Medium';letter-spacing:.035em;margin-top:1.3em;position:relative;padding-left:3.4em;display:inline-block}.learnMore:before{content:"";position:absolute;height:2px;background-color:#000;left:0;width:0;top:48%;transform:translateY(-50%);transition:all 1s cubic-bezier(.9,0,.1,1)}body.addAnim .learnMore.animStart:before{width:2.9em}body.addAnim .learnMore.animStart.delay:before{transition:all .6s cubic-bezier(.9,0,.1,1)}body.addAnim .learnMore.active:before{width:3.9em;margin-left:.4em}.learnMore a{display:inline-block;position:relative;z-index:1;padding-left:2px;transition:all 1s cubic-bezier(.9,0,.1,1)}.learnMore a:hover{margin-left:1.5em;transition:all .3s cubic-bezier(.9,0,.1,1)}section.brand .top .learnMore a:hover{margin-right:-1.5em;transition:all .3s cubic-bezier(.9,0,.1,1)}.learnMore a:before{content:"";position:absolute;bottom:3px;left:0;width:103%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(0,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.learnMore.lineStart.animStart a:before{transform:scale(1,1)}.learnMore.lineStart.animStart a:hover:before{transform-origin:right top;transform:scale(0,1)}.learnMore.lineStart.animStart a:after{content:"";position:absolute;bottom:3px;left:0;left:0;width:103%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}.learnMore.lineStart.animStart a:hover:after{transform-origin:left top;transform:scale(1,1)}.leadEng_parent{position:relative;display:flex;white-space:nowrap;line-height:.8;overflow:hidden}.leadEng_anim{position:relative;display:flex}.anime_margin{margin-left:.1em}.leadEng__top{transition:transform 1.4s cubic-bezier(.9,0,.1,1);display:inline-block;transform:translateZ(0);opacity:0}.leadEng_parent.animStart .leadEng__top{transform:translate3d(0,-120%,0)}.leadEng__bottom{position:absolute;display:inline-block;top:0;left:0;opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translate3d(0,60%,0)}.leadEng_parent .leadEng_anim:nth-child(1) .leadEng__bottom{transition-delay:0s}.leadEng_parent .leadEng_anim:nth-child(2) .leadEng__bottom{transition-delay:.05s}.leadEng_parent .leadEng_anim:nth-child(3) .leadEng__bottom{transition-delay:.1s}.leadEng_parent .leadEng_anim:nth-child(4) .leadEng__bottom{transition-delay:.15s}.leadEng_parent .leadEng_anim:nth-child(5) .leadEng__bottom{transition-delay:.2s}.leadEng_parent .leadEng_anim:nth-child(6) .leadEng__bottom{transition-delay:.25s}.leadEng_parent .leadEng_anim:nth-child(7) .leadEng__bottom{transition-delay:.3s}.leadEng_parent .leadEng_anim:nth-child(8) .leadEng__bottom{transition-delay:.35s}body.addAnim .leadEng_parent.animStart .leadEng__bottom{opacity:1;transform:translateZ(0)}.slideImage{overflow:hidden;position:relative}.slideImage:before{content:"";position:absolute;width:100%;height:100%;left:0;background-color:#000;z-index:1;transform-origin:left top;transform:scale(0,1)}body.addAnim .forService.animStart .slick-slide:nth-of-type(4) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forService.animStart .slick-slide:nth-of-type(5) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.2s}body.addAnim .forService.animStart .slick-slide:nth-of-type(6) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.4s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(1) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(2) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.2s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(3) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.4s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(4) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.6s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(5) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(6) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.2s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(7) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.4s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(8) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.6s}body.addAnim .forAbout .aboutSlide.animStart:nth-of-type(1) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forAbout .aboutSlide.animStart:nth-of-type(2) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forImageRand .slideImage.animStart:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}@keyframes slide{0%{transform-origin:left top;transform:scale(0,1)}49%{transform-origin:left top;transform:scale(1,1)}50%{transform-origin:right top;transform:scale(1,1)}100%{transform-origin:right top;transform:scale(0,1)}}.slideImage:after{content:"";position:absolute;width:100%;height:100%;right:0;top:0;background-color:#fff;transform-origin:right top;transform:scale(1,1);transition:transform .1s ease;transition-delay:.9s}body.addAnim .animStart .slideImage:after{transform:scale(0,1)}body.addAnim .forImageRand .slideImage.animStart:after{transform:scale(0,1)}.slideImage figure{transform:scale(1.2);transition:transform .8s ease}body.addAnim .forService.animStart .slick-slide:nth-of-type(4) .slideImage figure{transition-delay:.7s}body.addAnim .forService.animStart .slick-slide:nth-of-type(5) .slideImage figure{transition-delay:.9s}body.addAnim .forService.animStart .slick-slide:nth-of-type(6) .slideImage figure{transition-delay:1.1s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(5) .slideImage figure{transition-delay:.7s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(6) .slideImage figure{transition-delay:.9s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(7) .slideImage figure{transition-delay:1.1s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(8) .slideImage figure{transition-delay:1.3s}body.addAnim .forAbout .aboutSlide.animStart:nth-of-type(1) .slideImage figure{transition-delay:.7s}body.addAnim .forAbout .aboutSlide.animStart:nth-of-type(2) .slideImage figure{transition-delay:.7s}body.addAnim .forImageRand .slideImage.animStart figure{transition-delay:.7s}body.addAnim .forService.animStart .slideImage figure,body.addAnim .forBlog.animStart .slideImage figure,body.addAnim .forAbout .animStart .slideImage figure,body.addAnim .forImageRand .slideImage.animStart figure{transform:scale(1)}body.addAnim .forService.animStart .slick-slide .slideImage.active figure,body.addAnim .forBlog.animStart .slick-slide .slideImage.active figure,body.addAnim .forAbout .aboutSlide.animStart .slideImage.active figure{transition-delay:0s;transition:all .4s ease}body.addAnim .animStart .slick-slide .servSlide:hover .slideImage.active figure,body.addAnim .animStart .slick-slide .slide:hover .slideImage.active figure,body.addAnim .forAbout .aboutSlide.animStart:hover .slideImage.active figure,body.addAnim .galleryList.animStart .slick-slide:hover .slideImage.active figure{transform:scale(1.15)}section.mv{height:100vh;max-height:69vw;position:relative}.mvTxt{font-size:32.5vw;font-family:rama-gothic-c,sans-serif;font-weight:600;letter-spacing:.015em;text-transform:uppercase;position:absolute;top:55.5%;left:49%;transform:translate(-50%,-50%);display:flex;align-items:flex-start;z-index:1;transition:all .5s cubic-bezier(.9,0,.1,1);transition-delay:2.5s}body.pace-done .mvTxt{top:55.5%}.mvTxt.remDelay{transition-delay:0s;transition:all ease .3s !important}.mvTxt .left{display:inherit}.mvTxt .right{display:inherit;color:#d6d6d6;margin-left:37px;transition:all .5s cubic-bezier(.9,0,.1,1);transition-delay:2.5s}.mvTxt.remDelay .right{transition-delay:0s;transition:all ease .3s !important}body.pace-done .mvTxt .right{margin-top:10vw}.mvVisual{position:absolute;z-index:0;right:6.7%;bottom:-22%;width:44vw;height:39vw;background-color:#ececec;overflow:hidden}.mvVisual:before{content:"";position:absolute;width:100%;height:100%;right:0;background-color:#fff;transition:.7s cubic-bezier(.6,0,.25,1);transition-delay:2.8s;z-index:3}body.pace-done .mvVisual:before{width:0}.mvVisual .slide{height:100%;width:100%;position:absolute;clip:rect(0,44vw,39vw,0);background-size:cover;transform:scale(1.3);transition:all ease 1.7s;transition-delay:2.5s}.mvVisual .slide.remDelay{transition:1.6s cubic-bezier(.6,0,.25,1);transition-delay:0s}body.pace-done .mvVisual .slide{transform:scale(1)}.mvVisual .slide .slideInner{height:100%;width:100%;background-size:cover;position:absolute;filter:grayscale(1)}.mvVisual .slide figure{width:100%;height:100%}.mvVisual .slide figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.mvVisual .slide.rect{clip:rect(0,0vw,39vw,0)}.mvVisual .slide.scale{transform:scale(1.3) !important}.mvVisual .slide.zIndex2{z-index:2}.mvVisual .slide.zIndex1{z-index:1}.mvVisual .slide.zIndex0{z-index:0}section.band{position:relative;height:29vw;z-index:-1}section.band .banding{position:absolute;right:0;width:0;height:100%;background:#000;z-index:-1;-webkit-transition:1s cubic-bezier(.6,0,.25,1);transition:1s cubic-bezier(.6,0,.25,1)}section.band.triger.slideIn .banding{width:91%}section.underMv{text-align:center}section.underMv .title{font-size:19.7vw;font-family:rama-gothic-c,sans-serif;font-weight:600;text-transform:uppercase;line-height:.85;letter-spacing:.015em;padding-top:17.2rem;justify-content:center;position:relative;z-index:1}section.underMv .servTitle{display:flex;font-size:25vw;padding-top:18.5rem}section.underMv .servTitle .under{margin-top:.75em;color:#d6d6d6}nav.underNav{position:relative;z-index:1;margin-left:7px}nav.underNav ul{display:flex;justify-content:center;margin-top:4.5rem}nav.underNav ul li{font-size:2.1rem;font-family:'DIN Next W01 Cn Medium';text-transform:uppercase;letter-spacing:.05em;padding:0 1.95em;position:relative}nav.underNav ul li:before{content:"";position:absolute;width:2px;height:51%;top:43%;left:0;transform:translateY(-50%);background-color:#000}nav.underNav ul li:last-child:after{content:"";position:absolute;width:2px;height:51%;top:43%;right:0;transform:translateY(-50%);background-color:#000}nav.underNav.forShop{width:73%;margin:0 auto;display:flex;justify-content:flex-end}nav.underNav.forShop ul{margin-top:0}nav.underNav ul li a,nav.underNav ul li .link{position:relative;padding-left:2px;display:inline-block;cursor:pointer}nav.underNav ul li a:hover:before,nav.underNav ul li .link:hover:before{transform-origin:right top;transform:scale(0,1)}nav.underNav ul li a:after,nav.underNav ul li .link:after{content:"";position:absolute;bottom:3px;left:-3%;left:0;width:103%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}nav.underNav ul li a:hover:after,nav.underNav ul li .link:hover:after{transform-origin:left top;transform:scale(1,1)}nav.underNav ul li a.current:after,nav.underNav ul li .link.current:after{transition-delay:3s}body.under nav.underNav ul li a.current:after,body.under nav.underNav ul li .link.current:after{transition-delay:2.4s}body.pace-done nav.underNav ul li a.current:after,body.pace-done nav.underNav ul li .link.current:after{transform-origin:left top;transform:scale(1,1)}.underVisual{width:75%;height:59vw;background-color:#ccc;margin:140px auto 70px;position:relative;filter:grayscale(1);transition:all ease 1s}body.filter .underVisual{filter:grayscale(0)}.underVisual .slick-list,.underVisual .slick-track,.underVisual .slick-slide>div{width:100%;height:100%}.underSlide{width:100%;height:100%;overflow:hidden}.underVisual:before{content:"";position:absolute;height:100%;width:100%;background-color:#fff;z-index:1;left:0;top:0;-webkit-transition:.9s cubic-bezier(.6,0,.25,1);transition:.9s cubic-bezier(.6,0,.25,1)}body.addAnim .underVisual:before{height:0}.servTitle+.underVisual{margin-top:-9.4vw}.underSlide figure{width:100%;height:100%;background-size:cover;background-position:center center;transform:scale(1.3);transition:all ease 1.5s}.underSlide figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}body.addAnim .underSlide figure{transform:scale(1)}body.addAnim.filter .underSlide figure{transform:scale(1.05)}.underVisual .slick-dots{position:absolute;top:50%;transform:translateY(-50%);right:-7.6vw}.underVisual .slick-dots button{font-size:0;height:9px;width:9px;padding:0;border-radius:100%;border:none;background-color:#d6d6d6;outline:none;transition:all ease .25s}.underVisual .slick-dots .slick-active button{background:#000}section.sect+section.imageRand{margin-top:50px}section.sect+section.imageRand:before{content:initial}section.imageRand>.inner{display:flex;align-items:;flex-direction:column}section.imageRand .image{filter:grayscale(1);transition:all ease 1s}section.imageRand .image.color{filter:grayscale(0)}section.imageRand .image.color.color2{filter:grayscale(1)}section.imageRand .image.firstImage{height:43vw;width:45vw}section.imageRand .image.secondImage{height:38vw;width:40vw;margin-left:auto;margin-top:180px}section.imageRand .image figure{width:100%;height:100%;background-size:cover;background-position:center center}section.imageRand .image figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}section.aboutSelect{margin-bottom:17vw}section.sect+section.aboutSelect{margin-top:240px;padding-top:190px}section.aboutSelect.serviceSelect+section.aboutSelect.serviceSelect{margin-top:initial;padding-top:80px;margin-bottom:13vw}section.aboutSelect.serviceSelect+section.aboutSelect.serviceSelect:before{content:none}section.aboutSelect .selectInner{margin-left:4%;position:relative}section.aboutSelect .selectInner>ul{display:flex;width:86%;margin:0 auto}section.aboutSelect .selectInner:before{content:"";position:absolute;top:14vw;display:block;height:92%;width:0;background:#f3f3f3;right:0;-webkit-transition:.8s cubic-bezier(.6,0,.25,1);transition:.8s cubic-bezier(.6,0,.25,1);transition-delay:.7s}section.aboutSelect.slideIn.triger .selectInner:before{width:98.3%}section.aboutSelect.serviceSelect+section.aboutSelect.serviceSelect .selectInner:before{content:none}li.aboutSlide{width:45%;transition:all ease .35s}li.aboutSlide+li{margin-left:9.1%;margin-top:7vw}li.aboutSlide:hover{transform:translateY(-2vw)}li.aboutSlide .image{height:36.7vw;background-color:#ccc;overflow:hidden;position:relative}li.aboutSlide .image .imgInner{display:inline-block;width:100%;height:100%}li.aboutSlide .image figure{width:100%;height:100%;background-size:cover;background-position:center center;filter:grayscale(1)}li.aboutSlide:hover .image figure{filter:grayscale(0)}li.aboutSlide .image figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.aboutSlide .cont{margin-top:5.9rem}.aboutSlide .title{font-size:7.8rem;font-family:'DIN Next W01 Cn Bold';text-transform:uppercase;display:inline-block}.aboutSlide .subTitle{display:block;font-family:source-han-sans-japanese,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.15em;margin-left:2px;margin-top:-.1rem;transition:all ease .35s}.aboutSlide .title:hover span{opacity:.5}.aboutSlide .title a{opacity:1;transition:all ease .35s;display:flex;align-items:center}.aboutSlide .title.prepare a:after{content:"（ 準備中 ）"}.aboutSlide .title.prepare a:after{font-family:a-otf-midashi-go-mb31-pr6n,sans-serif;font-size:1.4rem;letter-spacing:-.03em;margin-left:10px}.aboutSlide .title a:hover{opacity:.5}.aboutSlide .desc{width:86%;font-size:1.4rem;line-height:2.1;margin-top:3.4rem}section.gallery .galleryList{padding-left:9vw;margin-left:7%;position:relative;cursor:grab}section.gallery .slick-list{width:100%}section.gallery .galleryList:before{content:"";position:absolute;top:9vw;display:block;height:106%;width:0;background:#f3f3f3;right:0;-webkit-transition:.8s cubic-bezier(.6,0,.25,1);transition:.8s cubic-bezier(.6,0,.25,1);transition-delay:.7s}section.gallery .galleryList.slideIn.triger:before{width:100%}section.gallery .slick-slide{transition:all ease .35s;margin-bottom:5vw}section.gallery .slick-slide>div{width:100%}section.gallery .slick-slide+.slick-slide{margin-left:60px}section.gallery .slick-slide.slick-current+.slick-slide{margin-top:5vw;margin-bottom:0}section.gallery .slick-slide.slick-current+.slick-slide+.slick-slide+.slick-slide{margin-top:5vw;margin-bottom:0}.galleryImg{height:23vw;background-color:#f0f0f0;transform:translateY(1vw);transition:all ease .35s}.galleryImg:hover{transform:translateY(0)}.galleryImg a.imgInner{display:inline-block;width:100%;height:100%}.galleryImg figure{width:100%;height:100%;background-size:cover;background-position:center center;filter:grayscale(1);transition:all ease .35s}.galleryImg figure:hover{filter:grayscale(0)}.galleryImg figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.lightboxOverlay{outline:none}.lightbox .lb-image{border:0 !important;border-radius:0 !important}.lb-data .lb-number{display:none !important}.lb-data .lb-close{display:none !important}.lb-outerContainer{background:0 0 !important}.lb-cancel{display:none !important}.lb-loader{display:block;position:fixed;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:2000;width:34px !important;height:34px !important;border:solid 3px transparent;border-top-color:#fff;border-left-color:#fff;border-radius:100%;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}section.brandArchive{width:88%;margin:11.8rem auto 0;background-color:#f3f3f3;position:relative}section.brandArchive:before{content:"";position:absolute;height:100%;width:100%;background-color:#fff;z-index:1;left:0;top:0;-webkit-transition:.9s cubic-bezier(.6,0,.25,1);transition:.9s cubic-bezier(.6,0,.25,1)}body.addAnim section.brandArchive:before{height:0}ul.brandArchList{width:87%;margin:0 auto;padding-top:5.9vw;padding-bottom:5vw}ul.brandArchList li.brandArchBtn{width:22.5%;display:inline-block}ul.brandArchList .brandArchBtn+.brandArchBtn{margin-left:2.32vw}ul.brandArchList .brandArchBtn:nth-child(4n+5){margin-left:0}.brandArchBtn{transform:translateY(.5vw);padding-bottom:1vw;transition:all ease .2s;margin-right:-.2vw;margin-bottom:3.2vw}.brandArchBtn:hover{transform:translateY(0vw)}.brandArchBtn .image{background-color:#fff;height:17vw;transition:all 2s cubic-bezier(.9,0,.1,1)}.brandArchBtn .image a{display:inline-block;width:100%;height:100%;box-sizing:border-box;border:3px solid #e8e8e8;transition:all ease .25s}.brandArchBtn:hover .image a{border:3px solid #c3df5f}.logoSpace{width:100%;height:100%}.logoSpace figure{width:100%;height:100%}.logoSpace figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}.brandArchBtn .cont{margin-top:2.9em;text-align:center}.brandArchBtn .cont .title .eng{font-size:3.7rem;font-family:'DIN Next W01 Cn Medium';font-weight:500;line-height:1.1}.brandArchBtn .cont .title .jpn{font-size:1.2rem;font-family:source-han-sans-japanese,sans-serif;opacity:.8}.brandArchBtn .cont .title{margin-top:-5px;transition:all 1s cubic-bezier(.9,0,.1,1)}section.brandSingle{text-align:center;width:65%;margin:0 auto;padding-top:13.7vw}section.brandSingle .title{font-family:'DIN Next W01 Cn Bold';font-size:8vw;letter-spacing:.01em;text-transform:uppercase}section.brandSingle .title span{font-size:1.9rem;font-family:source-han-sans-japanese,sans-serif;letter-spacing:.03em;display:block;margin-top:-6px}section.brandSingle .title span span{display:inline-block;position:relative}section.brandSingle .title span span:after{content:"";position:absolute;bottom:-4px;left:-2%;left:0;width:102%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:1s}body.under.pace-done.addAnim section.brandSingle .title span span:after{transform-origin:left top;transform:scale(1,1)}section.brandSingle .singleImg{box-sizing:border-box;border:5px solid #e8e8e8;margin-top:8vw}section.brandSingle .singleImg img{width:100%;height:auto}section.brandSingle .singleCont{margin-top:15px;box-sizing:border-box;border:5px solid #e8e8e8;text-align:left}section.brandSingle .singleCont>.inner{padding:9vw}section.brandSingle .singleCont .cont{font-size:1.55rem;line-height:2.35;letter-spacing:0em}section.brandSingle .url{margin-top:42px;margin-bottom:22px}section.brandSingle .url{font-size:1.8rem;font-family:'DIN Next LT W01 Medium';letter-spacing:-.03em}section.brandSingle .url:before{content:"»";font-size:2.1rem;font-family:source-han-sans-japanese,sans-serif;margin-right:6px;margin-left:-2px}section.brandSingle .url a{position:relative}section.brandSingle .url a:before{content:"";position:absolute;bottom:-7px;left:-3px;width:102%;z-index:-1;height:4px;background-color:#c3df5f;transform:scale(0,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}section.brandSingle .url a:before{transform:scale(1,1)}section.brandSingle .url a:hover:before{transform-origin:right top;transform:scale(0,1)}section.brandSingle .url a:after{content:"";position:absolute;bottom:-7px;left:-3px;width:102%;z-index:-1;height:4px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}section.brandSingle .url a:hover:after{transform-origin:left top;transform:scale(1,1)}.brandBlog{box-sizing:border-box;border:2px solid #e8e8e8;border-radius:9px;box-shadow:0px 0px 16px -6px rgba(0,0,0,.115);margin-top:100px;width:104%;margin-left:-2%}.brandBlog>.inner{display:flex;align-items:center;padding:42px 33px}.brandBlog .left{width:57.6%;margin-left:3.7%;margin-right:7%}.brandBlog .cat{font-size:1.1rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;letter-spacing:.05em;margin-left:2px;margin-top:6px}.brandBlog .cat a{color:#767676}.brandBlog .blogTitle{font-size:2.3rem;margin-top:13px;transition:all ease .35s}.brandBlog .blogTitle:hover{opacity:.6}.brandLearn{font-size:1.8rem;font-family:'DIN Next W01 Cn Medium';letter-spacing:0em;margin-top:.7em;position:relative;display:inline-block;margin-left:0}.brandLearn a{display:inline-block;position:relative;z-index:1;padding-left:2px;padding-right:2px}.brandLearn a:hover{opacity:1}.brandLearn a:before{content:"";position:absolute;bottom:3px;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(1,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.brandLearn a:hover:before{transform-origin:right top;transform:scale(0,1)}.brandLearn a:after{content:"";position:absolute;bottom:3px;left:0;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}.brandLearn a:hover:after{transform-origin:left top;transform:scale(1,1)}.brandBlog .right{width:30%}.brandBlog .image{height:12.3vw;transition:all ease .35s;filter:grayscale(1);overflow:hidden}.brandBlog .image:hover{filter:grayscale(0)}.brandBlog .image figure{width:100%;height:100%;background-size:cover;background-position:center center;transform:scale(1.2);transition:all .4s ease;transition-delay:.35s}body.addAnim .brandBlog.active .image figure{transform:scale(1)}body.addAnim .brandBlog.active.remDelay .image figure{transition-delay:0s}body.addAnim .brandBlog.active.remDelay .image:hover figure{transform:scale(1.15)}.prevNext{margin-top:15px;background-color:#000}.prevNext a{color:#fff}.prevNext>.inner{padding:56px 47px;display:flex;align-items:center}.arrowBtn{width:45%}.indexBtn{width:10%}.arrowBtn{font-size:3.4rem;font-family:'DIN Next W01 Cn Medium';letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center}.arrowBtn .arrowInner{display:flex;align-items:center}.arrowBtn span{display:block;font-family:source-han-sans-japanese,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;margin-top:-3px}.arrowBtn a{display:block;transition:all ease .35s}.arrowBtn a:hover{opacity:.7}.nextBtn{text-align:left}.nextBtn .arrowInner:before{content:"《";font-size:2.9rem;color:#fff;margin-right:24px}.prevBtn{text-align:right;justify-content:flex-end}.prevBtn .arrowInner:after{content:"》";font-size:2.9rem;color:#fff;margin-left:24px}.indexBtn a{transition:all ease .35s}.indexBtn a:hover{opacity:.7}.taxTitle{font-family:'DIN Next W01 Cn Bold';font-size:7.8vw;padding-top:13.1vw}.taxTitle span{display:block;font-size:2rem;font-family:source-han-sans-japanese,sans-serif;letter-spacing:.1em;margin-top:-.7rem;margin-bottom:61px}.underMv .catChildNav .pc{display:block}.underMv .catChildNav select{display:none}.catChild{position:absolute;left:-37%;top:41px;background-color:#000;padding:39px 48px 45px;text-align:left;box-shadow:4px 2px 16px -6px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all ease .5s;transform:translateY(10px)}.underMv .catChildNav:hover .catChild{opacity:1;visibility:visible;transform:translateY(0px)}.catChildList{font-size:1.3rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;white-space:nowrap;letter-spacing:.04em}.catChildList:before{content:"》";font-size:1.15rem;color:#fff;margin-right:-3px;margin-left:-5px}nav.underNav .catChildList a{color:#fff;position:relative;padding-left:1px}nav.underNav .catChildList a:after{content:"";position:absolute;z-index:5;bottom:-6px;left:0;width:101%;z-index:1;height:4px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}nav.underNav .catChildList a:hover:after{transform-origin:left top;transform:scale(1,1)}.catChildList+.catChildList{margin-top:17px}section.blogSection{width:75%;margin:11.3rem auto 12rem;display:flex}section.blogSection .container{width:calc(77.5% - 6.6vw)}section.blogSection aside{width:23.1%;border-left:1px solid #ededed;padding-left:3vw;margin-left:3.1vw;padding-top:.3rem;padding-bottom:145px;bottom:0;align-self:flex-end;position:sticky}.sideSect+.sideSect{margin-top:6.3rem}.sideTitle{font-size:1.65rem;font-family:'DIN Next W01 Cn Bold';text-transform:uppercase;letter-spacing:.045em;border-bottom:4px solid #000;padding-bottom:1rem;padding-left:0}.newsList li{margin-top:3.8rem;padding-bottom:4.2rem;border-bottom:1px dotted #ccc}.newsList li time{font-family:'DIN Next LT W01 Medium';font-size:1.35rem;letter-spacing:-.01em;color:#c2c2c2;margin-left:0}.newsList li .title{font-size:1.4rem;letter-spacing:.04em;margin-top:.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1.2em}.newsList li .title a{position:relative;z-index:1}.newsList li .title a:hover{opacity:1}.newsList li .title a:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(1,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}.newsList li .title a:hover:before{transform-origin:right top;transform:scale(0,1)}.newsList li .title a:after{content:"";position:absolute;bottom:-1px;left:0;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}.newsList li .title a:hover:after{transform-origin:left top;transform:scale(1,1)}.viewBtn{height:7.5rem;margin-top:2.7rem}.viewBtn a{display:inline-block;width:100%;height:100%;background-color:#000;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all ease .35s}.viewBtn a:hover{background-color:#666}.viewBtn span{font-family:'DIN Next W01 Cn Bold';text-transform:uppercase;font-size:1.6rem;letter-spacing:.06em;padding-top:2px}.viewBtn span:before{content:"»";font-size:2.3rem;margin-right:.3em;margin-left:-16px}ul.catList{margin-top:3rem}ul.catList li{transition:all ease .35s}ul.catList li:hover{transform:translateY(-.5vw)}ul.catList li+li{margin-top:51px}ul.catList li .image{height:7.7vw;overflow:hidden}ul.catList li .image a{display:inline-block;width:100%;height:100%;filter:grayscale(1);transition:all .4s ease}ul.catList li:hover .image a{filter:grayscale(0)}ul.catList li .image figure{width:100%;height:100%;transform:scale(1.2);transition:transform .8s ease;transition-delay:.3s}ul.catList li .image figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}body.addAnim ul.catList li .image.active figure{transform:scale(1)}body.addAnim ul.catList li.active .image.active figure{transition-delay:0s}body.addAnim ul.catList li:hover .image.active figure{transform:scale(1.1)}ul.catList li .cont{margin-top:1.8rem}ul.catList li .cont .title{font-size:1.7rem;font-family:source-han-sans-japanese,sans-serif;line-height:1.7}ul.catList li .desc{font-size:1.1rem;line-height:1.85;margin-top:1.1rem}ul.catList li .desc:before{content:"";height:3px;width:2rem;display:block;background-color:#000;margin-bottom:15px}ul.catList li .sideLearn{font-size:1.7rem;font-family:'DIN Next W01 Cn Medium';letter-spacing:0em;margin-top:.7em;position:relative;display:inline-block;margin-left:-2px}ul.catList li .sideLearn a{display:inline-block;position:relative;z-index:1;padding-left:2px;padding-right:2px}ul.catList li .sideLearn a:hover{opacity:1}ul.catList li .sideLearn a:before{content:"";position:absolute;bottom:3px;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(1,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}ul.catList li .sideLearn a:hover:before{transform-origin:right top;transform:scale(0,1)}ul.catList li .sideLearn a:after{content:"";position:absolute;bottom:3px;left:0;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}ul.catList li .sideLearn a:hover:after{transform-origin:left top;transform:scale(1,1)}ul.blogList{margin-top:7px}li.blogCont{display:inline-block;width:47.3%;vertical-align:top;margin-bottom:4.2vw;transition:all ease .35s}li.blogCont:hover{transform:translateY(-1vw)}li.blogCont{margin-left:4.9%}li.blogCont:nth-child(2n+1){margin-left:0}li.blogCont .image{height:23.6vw;overflow:hidden}li.blogCont .image a,li.blogCont .image .imgInner{width:100%;height:100%;display:inline-block;filter:grayscale(1);transition:all .4s ease}li.blogCont:hover .image a,li.blogCont:hover .image .imgInner{filter:grayscale(0)}li.blogCont .image figure{width:100%;height:100%;background-size:cover;background-position:center center;transform:scale(1.2);transition:transform .8s ease;transition-delay:.3s}li.blogCont .image figure img{width:100%;height:100%;object-fit:cover;opacity:1;font-family:'object-fit: cover;';object-position:center center}li.blogCont.active .image figure{transition-delay:0s}body.addAnim li.blogCont .image.active figure{transform:scale(1)}body.addAnim li.blogCont.active:hover .image.active figure{transform:scale(1.1)}li.blogCont .cont{margin-top:2.8rem;width:93%}li.blogCont .cont .date{font-family:'DIN Next LT W01 Medium';font-size:1.5rem;letter-spacing:-.02em;color:#bdbdbd}li.blogCont .cont .title{font-size:1.9rem;font-family:source-han-sans-japanese,sans-serif;line-height:1.5;margin-top:.9rem}li.blogCont .cont .desc{font-size:1.15rem;line-height:1.9;margin-top:18px}li.blogCont .cont .desc:before{content:"";height:3px;width:2.5rem;display:block;background-color:#000;margin-bottom:18px}li.blogCont .cont a{transition:all ease .35s}li.blogCont .cont a:hover{opacity:.5}li.blogCont .cont .cat{font-size:1.1rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;letter-spacing:.03em;margin-top:13px;padding-bottom:9px}li.blogCont .cont .cat a{display:inline-block;position:relative;z-index:1;color:#767676}li.blogCont .cont .cat a:hover{opacity:1}li.blogCont .cont .cat a:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(1,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}li.blogCont .cont .cat a:hover:before{transform-origin:right top;transform:scale(0,1)}li.blogCont .cont .cat a:after{content:"";position:absolute;bottom:-2px;left:0;left:0;width:100%;z-index:-1;height:6px;background-color:#c3df5f;transform:scale(0,1);transform-origin:right top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition-delay:.3s}li.blogCont .cont .cat a:hover:after{transform-origin:left top;transform:scale(1,1)}.taxList li.blogCont{display:flex;width:100%;vertical-align:top;margin-bottom:3.6vw;padding-bottom:3.6vw;margin-left:0;border-bottom:1px dotted #ddd;align-items:center}.taxList li.blogCont:nth-child(1){border-top:1px dotted #ddd;padding-top:4.3vw}ul.catArea+.taxList li.blogCont:nth-child(1){border-top:0;padding-top:4.2vw}.taxList li.blogCont .image{height:17.9vw;width:38%;margin-left:.1vw}.taxList li.blogCont .cont{margin-top:0;width:52%;margin-left:8.9%}.taxList li.blogCont .cont .title{font-size:2.55rem;line-height:1.55}ul.pickSlider{padding-top:5px;margin-bottom:54px}ul.pickSlider li.blogCont .image{height:35vw}ul.pickSlider li.blogCont .image figure{transform:scale(1.2)}body.addAnim ul.pickSlider li.blogCont .image figure{transform:scale(1)}body.addAnim ul.pickSlider:hover li.blogCont .image figure{transform:scale(1.1)}ul.pickSlider:hover li.blogCont .image a{filter:grayscale(0)}ul.pickSlider li.blogCont .cont .title{font-size:2.3rem}ul.pickSlider .slick-arrow{top:16.1vw;width:8.5rem;height:8.5rem;background-color:#000;z-index:3;opacity:0;transform:translateY(0vw);transition:all ease .35s}ul.pickSlider:hover .slick-arrow{opacity:1;transform:translateY(0vw)}ul.pickSlider .slick-next{right:-2.5vw}ul.pickSlider .slick-prev{left:-2.5vw}ul.pickSlider .slick-arrow:before{content:none}ul.pickSlider .slick-arrow:after{width:11px;height:11px;opacity:1;margin-top:0}ul.pickSlider .slick-prev:after{margin-left:initial;margin-right:-9px;transform:rotate(-135deg)}ul.pickSlider .slick-prev:hover:after{-webkit-animation:nextArrowBlog .3s ease 0s forwards normal;animation:nextArrowBlog .3s ease 0s forwards normal}@keyframes nextArrowBlog{0%{margin-right:-9px}50%{margin-right:0}100%{margin-right:-9px}}ul.pickSlider .slick-next:after{margin-right:initial;margin-left:-7px;transform:rotate(45deg)}ul.pickSlider .slick-next:hover:after{-webkit-animation:prevArrowBlog .3s ease 0s forwards normal;animation:prevArrowBlog .3s ease 0s forwards normal}@keyframes prevArrowBlog{0%{margin-left:-7px}50%{margin-left:0}100%{margin-left:-7px}}ul.pickSlider .slick-dots{position:absolute;bottom:2rem;display:flex}ul.pickSlider .slick-dots li+li{margin-left:2px}ul.pickSlider .slick-dots li button{border:0;font-size:0;height:3px;width:8.5rem;outline:none;background-color:#dedede}ul.pickSlider .slick-dots li.slick-active button{background-color:#000}ul.catArea li:hover{text-transform:translateY(0)}ul.catArea{padding-top:5px;border-bottom:4px solid #000}ul.catArea li.blogCont{width:100%;margin-bottom:4px;padding-bottom:81px;border-bottom:1px solid #c8c8c8}ul.catArea li.blogCont:hover{transform:translateY(0)}ul.catArea li.blogCont .image{height:34.5vw}ul.catArea li.blogCont .cont{margin:38px auto 0;width:99%}ul.catArea li.blogCont .image figure{transform:scale(1.2)}body.addAnim ul.catArea li.blogCont .image figure{transform:scale(1)}body.addAnim ul.catArea :hover li.blogCont .image figure{transform:scale(1.1)}body.filter ul.catArea li.blogCont .image figure{filter:grayscale(0)}body.filter ul.catArea li.blogCont .imgInner{filter:grayscale(0)}ul.catArea :hover li.blogCont .image a{filter:grayscale(0)}ul.catArea li.blogCont .cont .title{font-size:3rem;letter-spacing:.03em}ul.catArea li.blogCont .cont .title span{display:block;font-size:1.9rem;font-family:'DIN Next W01 Cn Bold';margin-left:.05em;letter-spacing:.02em;margin-top:.08em}ul.catArea li.blogCont .cont .title span span{position:relative;display:inline-block}ul.catArea li.blogCont .cont .title span span:before{content:"";position:absolute;bottom:8px;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(1,1);transform-origin:left top;transition:-webkit-transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1);transition:transform .4s cubic-bezier(.08,.92,.35,1),-webkit-transform .4s cubic-bezier(.08,.92,.35,1)}ul.catArea .cont .desc{font-size:1.4rem;line-height:2.2;margin-top:28px}ul.catArea .cont .desc:before{content:none}.pagenation{padding-bottom:30px}.pagenation .prev,.pagenation .next{display:none;margin-right:0}.page-numbers{font-family:'DIN Next LT W01 Medium';font-size:1.9rem;display:inline-block;width:65px;height:65px;line-height:64px;box-sizing:border-box;border:1px solid #dadada;text-align:center;margin-right:3px;transition:all ease .35s}.page-numbers.current{background-color:#000;color:#fff;border:1px solid #000}'DIN Next LT W01 Bold
a.page-numbers:hover {
	background-color: #fcfcfc;
}



/*
-------------------------------------
  7-3. BlogArticle
- - - - - - - - - - - - - - - - - - - 
*/

/* ---- common ---- */

body.blogSingle section.blogSection {
	margin-top: 0;
	padding-top: 21.8rem;
}


/* ---- articleHead ---- */

/* cont */

.articleHead {
  padding-bottom: 0rem;
}
.articleHead .cont {
	margin-left: 1.8%;
	margin-top: 0.2rem;
}
.articleHead .date {
	font-family: 'DIN Next LT W01 Medium';
  font-size: 1.6rem;
  letter-spacing: -0.03em;
  margin-left: 0rem;
  color: #c2c2c2;
}
.articleHead .title {
	font-family: source-han-sans-japanese, sans-serif;
  font-size: 3rem;
  line-height: 1.4;
  margin-top: 0.8rem;
  margin-left: -2px;
}
.articleHead .cat {
	font-size: 1.2rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-top: 1.1rem;
  padding-bottom: 9px;
}
.articleHead .cat a {
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #767676;
}
.articleHead .cat a:before {
  content:"";
  position: absolute;
  bottom:-2px;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 6px;
  background-color: #c3df5f ;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}
.articleHead .cat a:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.articleHead .cat a:after {
  content:"";
  position: absolute;
  bottom:-2px;
  left: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 6px;
  background-color: #c3df5f ;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.3s;
}
.articleHead .cat a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/* image */

.articleHead .mainImg {
	margin-top: 6.4rem;
}
.articleHead .mainImg img {
	width: 100%;
	height: auto;
	filter: grayscale(1);
	transition: all ease 0.75s;
}
body.filter .articleHead .mainImg img {
	filter: grayscale(0);
}


/* ---- article ---- */

/* common */

.blogSection article {
	width: 98.2%;
	margin: 3px auto 0;
  border-top: 4px solid #000;
  padding-top: 6rem;
  padding-left: 1.8%;
}


/* - - midashi - - */

article .midashi {
	font-family: source-han-sans-japanese, sans-serif;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-left: 0.5%;
  margin-top: 0;
}

/*
margin
*/

article .caption + .midashi {
	margin-top: 1.8em;
}
article img + .midashi {
	margin-top: 2.5em;
}
article .desc + .midashi {
	margin-top: 1.8em;
}
.grayBg + .midashi {
	margin-top: 1.8em;
}


/* - - desc - - */

article .desc {
	text-align: justify;
	width: 80%;
  margin-left: 0.4%;
}
article .desc p {
	font-size: 1.5rem;
  line-height: 2.2;
}
article .desc p + p {
	margin-top: 1.6em;
}
article .desc p a {
	font-weight: 700;
	color:#b2c769;
	border-bottom:solid;
	border-color:#c3df5f;
	border-width: 2px;/*5ピクセルの太さにする*/
	padding-left: 3px;
	padding-right: 2px;
}


/*
margin
*/

article .midashi + .desc {
	margin-top: 2.6em;
}
article .caption + .desc {
	margin-top: 3.6em;
}
article img + .desc {
	margin-top: 3.9em;
}
.grayBg + .desc {
	margin-top: 3.6em;
}



/* - - image - - */

article img {
	width: 100%;
	height: auto;
	filter: grayscale(1);
	transition: all ease 0.75s;
}
article img.filterDel {
	filter: grayscale(0);
}
article .caption {
	font-size: 1.35rem;
	color:#5e5e5e;
	margin-top: 1.3em;
	margin-left: 0.5%;
}


/*
margin
*/

article .midashi + img {
	margin-top: 40px;
}
article .desc + img {
	margin-top: 60px;
}
article img + img {
	margin-top: 15px;
}
.grayBg + img {
	margin-top: 60px;
}



/* - - iframe - - */

article iframe {
	width: 100% !important;
    height: 32vw;
}


/*
margin
*/

article .midashi + iframe {
	margin-top: 40px;
}
article .desc + iframe {
	margin-top: 60px;
}
article iframe + iframe {
	margin-top: 15px;
}
.grayBg + iframe {
	margin-top: 60px;
}


/* - - grayBg - - */

.grayBg {
	background-color: #f0f0f0;
	padding:5.5em 6.2em 8.5rem;
}
.grayMidashi {
	font-family: source-han-sans-japanese, sans-serif;
    font-size: 2.2rem;
    line-height: 1.7;
}
.grayTxt {
	font-size: 1.4rem;
	line-height: 2.4;
	text-align: justify;
}

.gray_url {
	font-size: 1.6rem;
	font-family:'DIN Next LT W01 Medium';
	letter-spacing: -0.03em;
}
.gray_url:before {
	content:"»";
	font-size: 1.9rem;
	font-family: source-han-sans-japanese, sans-serif;
	margin-right: 6px;
	margin-left: -1px;
}
.gray_url a {
	position: relative;
    font-size: 1.3rem;
    font-family: source-han-sans-japanese, sans-serif;
}
.gray_url a:before {
  	content:"";
  	position: absolute;
  	bottom:-7px;
  	left: -3px;
  	width: 102%;
  	z-index: 1;
  	height: 4px;
  	background-color: #c3df5f ;
  	transform: scale(0, 1);
  	transform-origin: left top;
  	transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  	transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  	transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}
.gray_url a:before {
  transform: scale(1, 1);
}

.gray_url a:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.gray_url a:after {
  content:"";
  position: absolute;
  bottom:-7px;
  left: -3px;
  width: 102%;
  z-index: 1;
  height: 4px;
  background-color: #c3df5f ;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.3s;
}
.gray_url a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*
margin
*/

.grayMidashi + .grayTxt {
	margin-top: 1.8em;
}
.grayTxt + .gray_url {
	margin-top: 1.2em;
}

article .desc + .grayBg {
	margin-top: 51px;
}


/* ---- share ---- */

.share {
	font-size: 1.7rem;
  font-family: 'DIN Next W01 Cn Medium';
  letter-spacing: 0.03em;
  text-transform: uppercase;
	margin-top: 3.3rem;
	display: flex;
	align-items:center;
	margin-left: 2.2%;
}
.share:before {
	content:"share :";
	margin-right: 14px;
}

ul.blogShare {
	display: flex;
}
ul.blogShare li {
	font-size: 2.3rem;
}
ul.blogShare li + li {
	margin-left: 11px;
}


/* ---- blogNav ---- */

/*
common
*/

.blogNav {
	margin-top: 7.6rem;
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
}
.blogNav > .inner {
	padding: 7.3rem 0px;
	display: flex;
	align-items: center
}

/*
arrow
*/

.blogArrow {
	width: 40%;
}
.blogIndex {
	width: 19%;
	text-align: center;
}

.blogArrow {
	font-size: 1.6rem;
	font-family: source-han-sans-japanese, sans-serif;
	line-height: 1.6;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.blogArrow .inner {
	display: flex;
	align-items: center;
}
.blogArrow span {
	display: block;
	font-family: source-han-sans-japanese, sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-top: -3px;
}
.blogArrow a {
	display: block;
	transition: all ease .35s;
	font-weight: 700;
}
.blogArrow a:hover {
	opacity: 0.7;
}

.blogNext {
	text-align: left;
}
.blogNext .inner {

}
.blogNext .inner:before {
	content:"《";
	font-size: 1.4rem;
	margin-right: 21px;
}


.blogPrev {
	text-align: right;
	justify-content: flex-end;
}
.blogPrev .inner {
}
.blogPrev .inner:after {
	content:"》";
	font-size: 1.4rem;
	margin-left: 21px;
}


.indexBtn a {
	transition: all ease .35s;
}
.indexBtn a:hover {
	opacity: 0.7;
}


/* ---- Related ---- */

/* common */

.related {
	margin-bottom: 33px;
}


/* relateTitle */

.relateTitle {
	font-size: 1.85rem;
  font-family: 'DIN Next W01 Cn Bold';
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 4px solid #000;
  padding-bottom:12px;
  padding-left: 6px;
  margin-top: 19px;
}

/* relateList */

/*
common
*/

.relateCont {
	border-bottom: 1px dotted #ccc;
	margin-top: 45px;
	padding-bottom: 45px;
}
.relateCont > .inner {
	width: 98%;
	margin:0 auto;
	display: flex;
	align-items: center;
}


/*
image
*/

.relateCont .image {
	width: 25.8%;
  height: 12.7vw;
	overflow: hidden;
}
.relateCont .image a {
	display: inline-block;
	width: 100%;
	height: 100%;
	filter: grayscale(1);
	transition: all ease 0.6s;
}
.relateCont:hover .image a {
	filter: grayscale(0);
}

.relateCont .image figure {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	transform: scale(1.15);
	transition:all ease 0.8s;
	transition-delay: 0.3s;
}
.relateCont .image figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	font-family: 'object-fit:cover;';
	object-position: center center;
}
.relateCont.active .image figure {
	transform: scale(1);
}
.relateCont.hover .image figure {
	transition-delay: 0s;
}
.relateCont.hover:hover .image figure {
	transform: scale(1.15);
}

/*
cont
*/

.relateCont .cont {
	width: 61%;
	margin-left: 8.3%;
	margin-top: 5px;
}
.relateCont .cont .date {
	font-family: 'DIN Next LT W01 Medium';
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  color: #c2c2c2;
  margin-left: 1px;
}
.relateCont .cont .title {
	font-size: 2.2rem;
    font-family: source-han-sans-japanese, sans-serif;
    line-height: 1.6;
    margin-top: 10px;
    transition: all ease .35s;
}
.relateCont .cont .title:hover {
	opacity: 0.7;
}

.relateCont .cont .cat {
	font-size: 1.2rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-top: 0.9rem;
  padding-bottom: 9px;
}
.relateCont .cont .cat a {
	display: inline-block;
	position: relative;
	z-index: 1;
	color:#767676;
}
.relateCont .cont .cat a:hover {
	opacity: 1;
}

.relateCont .cont .cat a:before {
  content:"";
  position: absolute;
  bottom:-2px;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 6px;
  background-color: #c3df5f ;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}
.relateCont .cont .cat a:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.relateCont .cont .cat a:after {
  content:"";
  position: absolute;
  bottom:-2px;
  left: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 6px;
  background-color: #c3df5f ;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.3s;
}
.relateCont .cont .cat a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}



/* 
---------------------------------------------------
  8. Shop Info
---------------------------------------------------
*/

/*
-------------------------------------
  8-1. Common
- - - - - - - - - - - - - - - - - - - 
*/

/* ---- infoSect ---- */

section.infoSect {
	text-align: center;
	padding-top: 9.4rem;
}
section.infoSect + .infoSect {
	margin-top: 55px;
	padding-top: 70px;
}
section.infoSect + #access {
	margin-top: 195px;
}

section.infoSect > .inner {
	width: 73%;
	margin:0 auto;
}


/* ---- title ---- */

section.infoSect .title {
	font-size: 4.9rem;
	font-family: 'DIN Next W01 Cn Medium';
	text-transform: uppercase;
	letter-spacing: 0.01em;
	font-weight: 500;
	margin-bottom: 2.5rem;
}
section.infoSect .title span {
	position: relative;
	display: inline-block;
}
section.infoSect .title span:after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: -3%;
    left: 0;
    width: 102%;
    z-index: -1;
    height: 7px;
    background-color: #c3df5f;
    transform: scale(1, 1);
    transform-origin: right top;
    transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}


/*
-------------------------------------
  8-2. Schedule
- - - - - - - - - - - - - - - - - - - 
*/

/* ---- common ---- */

section.infoSect#schedule {
	position: relative;
}

/* ---- open ---- */

section.infoSect .open {
	font-size: 2.6rem;
	font-family: 'DIN Next LT W01 Medium',source-han-sans-japanese, sans-serifsans-serif;
	letter-spacing: -0.03em;
	display: flex;
	align-items: center;
	justify-content: center;

}
section.infoSect .open span {
	font-size: 1.6rem;
	letter-spacing: 0.01em;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
}

/* ---- caution ---- */

section.infoSect .caution {
	font-size: 1.2rem;
	line-height: 1.6;
	margin-top: 9px;
	font-family: source-han-sans-japanese, sans-serif;
}
section.infoSect .caution span {
	margin-right: 2px;
}

/* ---- calender ---- */

.calendar {
	margin-top: 80px;
	filter: grayscale(1);
}
.calendar iframe {
	width: 950px;
	border: 2px solid #000 !important;
}


/* ---- band ---- */

section.infoSect#schedule .infoBand {
	position: absolute;
    width: 0%;
    height: 640px;
    background-color: #000000;
    z-index: -1;
    right: 0;
    bottom: -150px;
    -webkit-transition: 1.0s cubic-bezier(.6,0,.25,1);
    transition: 1.0s cubic-bezier(.6,0,.25,1);
    transition-delay: 0.5s;
}
body.addAnim section.infoSect#schedule .calendar.active + .infoBand {
	width: 95% !important;
}



/*
-------------------------------------
  8-3. Access
- - - - - - - - - - - - - - - - - - - 
*/

/* ---- address ---- */

section.infoSect address {
	font-size: 1.9rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 600;
	line-height: 1.7;
	margin-top: -8px;
}


/* ---- tel ---- */

section.infoSect .tel {
	font-size: 2.15rem;
	font-family: 'DIN Next LT W01 Bold';
	letter-spacing: -0.02em;
	margin-top: 10px;
}
section.infoSect .tel:before {
	content:"tel";
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	margin-right: 3px;
}


/* ---- GoogleMap ---- */

.GoogleMap {
	width: 205px;
	height: 48px;
	margin:30px auto 0;
	border:1px solid #ccc;
	border-radius: 6px;
	transition: all ease .35s;
}
.GoogleMap:hover {
	background-color: rgba(0,0,0,0.05);
}
.GoogleMap a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.GoogleMap span {
	font-size: 1.5rem;
	font-family: 'DIN Next LT W01 Bold';
	letter-spacing: -0.01em;
	margin-top: -2px;
	position: relative;
	padding-right: 13px;
	margin-left: 9px;
}
.GoogleMap span:after {
	content: "";
    height: 9px;
    width: 11px;
    position: absolute;
    top: 53%;
    right: -4px;
    transform: translateY(-50%);
    display: inline-block;
    background-size: cover;
    background-image: url(//www.hxxxp.com/wp-content/themes/HodgePodge_2025-0821/assets/css/../../assets/img/common/window.svg);
}



/* ---- mapArea ---- */

.mapArea {
	filter: grayscale(1);
	margin-top: 80px;
}
.mapArea iframe {
	width: 950px;
	height: 600px;
	border: 2px solid #000 !important;
}




/*
-------------------------------------
  8-4. How to
- - - - - - - - - - - - - - - - - - - 
*/


/* ---- dt ---- */

/*
common
*/

.howToBox {
	text-align: left;
	width: 950px;
	margin: 80px auto 24rem;
}
.howToBox dt {
	padding: 5rem 4rem 5.8rem;
	border-top: 2px solid #000;
	cursor: pointer;
	transition: all ease .35s;
}
.howToBox dl:last-child dt {
	border-bottom: 2px solid #000;
}
.howToBox dt:hover {
	background: #ececec;
}
.howToBox dt.active {
	background: #ececec;
}
.howToBox dt > .inner {
	position: relative;
}
.howToBox dt > .inner:after {
	content: "";
	position: absolute;
	display: inline-block;
	border-top: solid 3px #000;
	border-right: solid 3px #000;
	width: 0.9rem;
	height: 0.9rem;
	top: 56%;
	right: -17px;
	transform: translateY(-50%) rotate(45deg);
	transition: all ease .25s;
}
.howToBox dt.active > .inner:after {
	transform: translateY(-80%) rotate(135deg);
}


/*
howTitle
*/

.howTitle {
	display: flex;
	align-items: center;
}
.howTitle .eng {
	font-size: 2.7rem;
  font-family: 'DIN Next W01 Cn Bold';
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: -13px;
  width: 95px;
}
.howTitle .jpn {
	font-size: 1.9rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: inline-block;
  margin-top: 3px;
  margin-left: 31px;
  padding-left: 4.1rem;
  position: relative;
}
.howTitle .jpn:before {
	content:"";
	position: absolute;
	width: 2px;
	height: 59%;
	background-color: #000;
	left: 0;
	top: 58%;
	transform: translateY(-50%);
}


/* ---- dd ---- */

/*
common
*/

.howToBox dd {
	border-top: 2px solid #000;
	display: none;
}
.howToBox dl:last-child dd {
	border-top: 0 solid #000;
	border-bottom: 2px solid #000;
}

.howToBox dd .infoBox {
	padding: 47px 43px 50px;
}

.howToBox dd .infoBox + .infoBox {
	border-top: 1px dotted #ccc;
	margin-top: -15px;
}


/*
top
*/

.howToBox dd .top {
	display: flex;
}

.howToBox dd .infoTitle {
	font-size: 2rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
}
.howToBox dd .icon {
	display: flex;
	align-items: center;
	margin-top: 4px;
	margin-left: 3px;
	margin-right: 12px;
}
.howToBox dd .icon .plus {
	font-size: 1.5rem;
	font-weight: 600;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -3px;
}


.howToBox dd .duration {
	font-size: 1.8rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-left: 38px;
    display: flex;
    align-items: center;
}
.howToBox dd .duration:before {
	content:"所要時間";
	font-size: 1rem;
	letter-spacing: 0.07em;
	border:1px solid #000;
	padding:1px 4px;
	margin-right: 15px;
	margin-top: 3px;
}

.howToBox dd .duration span.time {
	position: relative;
    display: inline-block;
}
.howToBox dd .duration span.time:after {
	content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 102%;
    z-index: -1;
    height: 5px;
    background-color: #c3df5f;
    transform: scale(1, 1);
    transform-origin: right top;
    transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}

.howToBox dd .duration span.time span {
	font-size: 1.3rem;
}


/*
middle
*/

.howToBox dd .middle {
	margin-top: 27px;
}

.howBox {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 24px;		
}
.howBox > .inner {
	display: flex;
}
.howBox .arrow {
	font-size: 1.6rem;
	font-weight: 600;
	margin-top: 8px;
	margin-left: 11px;
	margin-right: 8px;
}

.howBox .box {
	font-size: 1.4rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
    background-color: #000;
    color: #fff;
    padding: 12px 28px 14px;
    min-width: 113px;
    text-align: center;
}

.howBox .caution {
	font-size: 1.25rem;
    font-family: source-han-sans-japanese, sans-serif;
	max-width: 162px;
	margin-top: 12px;
}

.howDesc {
	font-size: 1.45rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 2;
  margin-top: -2px;
}


/*
under
*/

.howToBox dd .under {
	margin-top: 14px;
}
.howGray {
	display: inline-block;
	background-color: #f0f0f0;
	padding:48px 59px 58px;
	margin-bottom: 30px;
}
.airport dd .infoBox:nth-child(3) .howGray {
	margin-top: 20px;
}

.howGray .txt {
	font-size: 1.45rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 700;
	margin-left: -0.1em;
}
.howGray .txt:before {
	content:"※";
	color:#bf1f1f;
	margin-right: 2px;
}
.howGray .url {
	font-size: 1.3rem;
    font-family: 'DIN Next LT W01 Medium';
    letter-spacing: -0.02em;
    margin-top: 12px;
    position: relative;
    display: inline-block;
}
.howGray .url:after {
    content: "";
    height: 8px;
    width: 10px;
    display: inline-block;
    background-size: cover;
    margin-left: 1px;
    background-image: url(//www.hxxxp.com/wp-content/themes/HodgePodge_2025-0821/assets/css/../../assets/img/common/window.svg);
}

.howGray .url a {
	position: relative;
}
.howGray .url a:before {
  content:"";
  position: absolute;
  bottom:-7px;
  left: -1px;
  width: 106%;
  z-index: 1;
  height: 2px;
  background-color: #d4d4d4;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}
.howGray .url a:before {
  transform: scale(1, 1);
}

.howGray .url a:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.howGray .url a:after {
  content:"";
  position: absolute;
  bottom:-7px;
  left: -2px;
  width: 101%;
  z-index: 1;
  height: 2px;
  background-color: #d4d4d4;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.3s;
}
.howGray .url a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}



/* 
---------------------------------------------------
  9. Contact
---------------------------------------------------
*/

/* ---- contactDesc ---- */

/* common */

section.contactDesc {
	width: 760px;
	margin:0 auto;
	border-top: 2px solid #000;
	border-bottom: 1px solid #d0d0d0;
	margin-top: 7.1rem;
	text-align: justify;
}
section.contactDesc > .inner {
	width: 95%;
	margin: 5.6rem auto 7.5rem;
}

/* cont */

section.contactDesc .desc {
	font-size: 1.4rem;
	line-height: 2.3;
}

.contactList {
	margin-top: 2.3rem;
	display: flex;
	font-size: 2.4rem;
	font-family:'DIN Next LT W01 Bold';
}
.contactList li {
	position: relative;
}
.contactList li + li {
	margin-left: 33px;
}
.contactList li + li:after {
	content:"";
	position: absolute;
	height: 15px;
	width: 1px;
	background-color: #000;
	left: -16px;
	top: 54%;
	transform: translateY(-50%) rotate(25deg);
}

.contactList li.tel {

}
.contactList li.tel:before {
	content:"tel/fax:";	
	font-size: 1.4rem;
}

.contactList li.mail:before {
	content:"E-mail :";
	font-size: 1.4rem;
}

.contactList li a {
	position: relative;
}
.contactList li a:before {
  content:"";
  position: absolute;
  bottom:-4px;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 4px;
  background-color: #c3df5f ;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
}
.contactList li a:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.contactList li a:after {
  content:"";
  position: absolute;
  bottom:-4px;
  left: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 4px;
  background-color: #c3df5f ;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.3s;
}
.contactList li a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/* ---- contactForm ---- */

/* common */

section.contactForm {
	width: 760px;
	margin: 6rem auto 150px;
}
section.contactForm .wpcf7 {
	width: 98%;
	margin:0px auto;
}

/* form */

.formList + .formList {
	margin-top: 3.1rem;
}
.formList + .confirm {
	margin-top: 10px;
}

.formList .sub {
	font-size: 1.6rem;
	font-family:'DIN Next LT W01 Bold';
	margin-bottom: 1.9rem;
	margin-left: 0.3rem;
}
.formList .sub.req:after {
	content:"※";
	font-family: source-han-sans-japanese, sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
	color:red;
	margin-left: 5px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.formList input {
	font-family: source-han-sans-japanese, sans-serif;
	width: calc(100% - 52px);
  padding: 33px 26px;
  border: 1px solid #dedede;
	border-radius: 3px;
	transition: all ease .15s;
	-webkit-appearance: none;
}
.formList input:focus {
	outline: none;
	background-color: rgba(0,0,0,0.025);
	border: 1px solid #000 !important;
}
.formList input.wpcf7-not-valid {
	border: 1px solid red !important;
}

.formList textarea {
	font-family: source-han-sans-japanese, sans-serif;
	width: calc(100% - 52px);
  padding: 26px 26px;
	border: 1px solid #dedede;
	border-radius: 3px;
	height: 27em;
	transition: all ease .15s;
	-webkit-appearance: none;
}
.formList textarea:focus {
	outline: none;
	background-color: rgba(0,0,0,0.025);
	border: 1px solid #000 !important;
}
.formList textarea.wpcf7-not-valid {
	border: 1px solid red !important;
}


/* policy */

/*
common
*/

.privacy {
	border:1px solid #ccc;
	border-radius: 3px;
	height: 400px;
}
.privacy .frame {
  	width: 97.3%;
  	height: 380px;
  	margin:10px auto;
  	overflow: auto;
}
.privacy .frame > .inner {
	padding:42px 46px 70px;
}


/*
scrollBar
*/

/*スクロールバーの横幅指定*/
.privacy .frame::-webkit-scrollbar {
    width: 7px;
    webkit-overflow-scrolling: touch;
}
/*スクロールバーの背景色・角丸指定*/
.privacy .frame::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #fff;
}
/*スクロールバーの色・角丸指定*/
.privacy .frame::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background:#000;
}


/*
cont
*/

.privacy .lead {
	font-size: 1.45rem;
	font-family: 'DIN Next LT W01 Bold',source-han-sans-japanese, sans-serif;
	font-weight: 700;
}
.privacy .lead:nth-child(1) {
	font-size: 1.45rem;
}
.privacy .desc {
	font-size: 1.2rem;
	line-height: 2.2;
	margin-top: 11px;
	text-align: justify;
}
.privacy .desc:nth-child(2) {
	padding-bottom: 32px;
	margin-bottom: 35px;
	border-bottom: 1px dotted #ccc;
}

.privacy .desc + .lead {
	margin-top: 29px;
}


/*
accept
*/

.accept {
  margin-top: 2.3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.accept > p {
  display: none;
}
.acceptTxt {
  font-size: 1.35rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  line-height: 1.7;
  position: absolute;
  left: 28px;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
input[type=checkbox] {
    display: none;
}
span.wpcf7-list-item-label {
  display: block;
  height: 16px;
  width: 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 4px;
  position: relative;
  cursor: pointer;
}
.wpcf7-not-valid span.wpcf7-list-item-label {
  border:2px solid #f00;
  box-sizing: border-box;
}
.wpcf7-form-control-wrap {
  height: 23px;
}
span.wpcf7-list-item-label::before {
    content: " ";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    border-radius: 2px;
}


input[type=checkbox]:checked + span.wpcf7-list-item-label::before {
    opacity: 1;
}
input.wpcf7c-conf-hidden + span.wpcf7-list-item-label::before {
  opacity: 1;
}


/* btnList */

.btnList {
	margin-top: 31px;
}
.btnList input {
	font-size: 1.4rem;
	font-family: source-han-sans-japanese, sans-serif;
 	font-weight: 700;
	margin-left: -0.5%;
	width: 101%;
	border:none;
	border-radius: 35px;
	line-height: 5.8;
	background-color: #000;
	color:#fff;
	transition: all ease .25s;
	outline: none;
}
.btnList input.wpcf7-back {
	background-color: #676767;
}
.btnList input:hover {
	background-color: #303030;
}

.btnList input + input.wpcf7-submit {
	margin-top: 4px;
}

div.wpcf7 .ajax-loader {
	display: none !important;
}




/* error */

.wpcf7 form .wpcf7-response-output {
	font-size: 1.25rem;
	font-family: source-han-sans-japanese, sans-serif;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.95;
	margin:auto;
	border: 1px solid #ccc !important;
    border-radius: 3px;
    margin-top: 32px;
    background-color: rgba(0,0,0,0.1);
    padding:30px 33px;
}
.wpcf7-not-valid-tip {
	display: none;

}


/* confirm */

/*
Message
*/

.confirmMessage {
	display: none;
}
form.custom-wpcf7c-confirmed .confirmMessage {
	display: block;
	padding-top: 40px;
	margin-top: -39px;
}

.confirmMessage .messTitle {
	font-size: 1.8rem;
    font-family: 'DIN Next LT W01 Bold',source-han-sans-japanese,sans-serif;font-weight:700;}.confirmMessage .messDesc{margin-top:18px;line-height:1.9;margin-bottom:32px}.wpcf7c-conf{background-color:rgba(0,0,0,.1) !important}input.wpcf7c-conf:focus{border:1px solid #ccc !important}form.custom-wpcf7c-confirmed .formList.confirm{display:none}
@charset "UTF-8";@media screen and (max-width:768px){body{min-width:initial}.wrapper{overflow:hidden}header>.inner{width:83.5%}header .title{position:absolute;top:60px;z-index:1;opacity:0;transition:all ease .3s;transition-delay:2.7s}header .title img{width:185px}body.pace-done header .title{opacity:1;top:37px}body.under.pace-done.addAnim header .title{opacity:1;top:37px}header .mainNav{display:none}.mainSNS{display:none}.headInfo{top:initial;bottom:13px;left:-5px}.headInfo .txt{font-size:1rem;margin-left:29px}body.under .headInfo{display:none}.scroll{display:none}.humbPC{display:none}.humbPC .humbBg figure img{display:none}.humbSP{display:block;height:100%;opacity:0;transition:all ease .45s}.humbCont.active .humbSP{opacity:1}.humbSP>.inner{width:66%;margin:22vw auto}.humbBtn{height:77px;width:77px}.humbBtn .inner{width:26%;left:52%}.humbNavSP{color:#fff;display:flex}.humbNavSP a{color:#fff}.humbNavSP ul+ul{margin-left:34px}.humbNavSP ul li{font-size:14.3vw;text-transform:uppercase;white-space:nowrap;letter-spacing:.05em;font-family:rama-gothic-c,sans-serif;font-weight:700}.humbNavSP ul li span.window:after{content:"";height:12px;width:15px;position:absolute;top:48%;right:-4.8vw;transform:translateY(-50%);display:inline-block;background-size:cover;background-image:url(/../wp-content/themes/HodgePodge_2020-1027/assets/img/common/windowW.svg);transition:all ease .25s}.humbNavSP ul li+li{margin-top:1.4vw}.humbNavSP ul li{opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translateY(4vw)}.humbCont.active .humbSP.active .humbNavSP ul li{opacity:1;transform:translateY(0vw)}.humbCont.active .humbSP.active .humbNavSP ul li:nth-child(1){transform:translateY(0vw);transition-delay:.1s}.humbCont.active .humbSP.active .humbNavSP ul li:nth-child(2){transform:translateY(0vw);transition-delay:.15s}.humbCont.active .humbSP.active .humbNavSP ul li:nth-child(3){transform:translateY(0vw);transition-delay:.2s}.humbCont.active .humbSP.active .humbNavSP ul li:nth-child(4){transform:translateY(0vw);transition-delay:.25s}.humbNavUnder{position:absolute;width:100%;height:100%;background-color:#000;top:0;left:0;z-index:1;opacity:0;transition:all ease .35s;visibility:hidden;transition-delay:.55s}.humbNavUnder.active{opacity:1;visibility:visible;transition-delay:0s}.humbNavUnder>ul.main{width:63%;margin:20vw auto;opacity:0;transition:all ease .25s}.humbNavUnder>ul.main{opacity:1}.humbNavUnder ul li{font-size:13vw}.humbNavUnder>ul.main .backIndex{font-size:2.7rem;margin-bottom:21px;margin-top:-25px}.humbCont.active .humbSP.active .humbNavUnder.humbNavSP ul li{opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translateY(4vw);visibility:hidden}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li{opacity:1;transform:translateY(0vw);visibility:visible}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li:nth-child(1){transition-delay:0s}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li:nth-child(2){transition-delay:.05s}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li:nth-child(3){transition-delay:.1s}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li:nth-child(4){transition-delay:.15s}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li:nth-child(5){transition-delay:.2s}.humbCont.active .humbSP .humbNavUnder.humbNavSP.active ul li:nth-child(6){transition-delay:.25s}.humbSubNav{margin-top:7vw;opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translateY(4vw)}.humbCont.active .humbSubNav{transform:translateY(0vw);opacity:1;transition-delay:.3s}.humbSubNav ul{display:flex}.humbSubNav li a{font-size:1.4rem;font-family:'DIN Next LT W01 Bold';text-transform:uppercase;color:#fff}.humbSubNav li+li:before{content:"/";color:#fff;margin-left:8px;margin-right:6px}.humbSNS_SP{margin-top:10vw;margin-left:-.6rem;opacity:0;transition:all 1s cubic-bezier(.9,0,.1,1);transform:translateY(4vw)}.humbCont.active .humbSNS_SP{transform:translateY(0vw);opacity:1;transition-delay:.35s}.humbSNS_SP ul{display:flex}.humbSNS_SP li{width:5.6rem;height:5.6rem;border:1px solid rgba(255,255,255,.25);border-radius:100%;text-align:center;line-height:5.9rem}.humbSNS_SP li+li{margin-left:7px}.humbSNS_SP li a{width:100%;height:100%;display:inline-block;font-size:1.8rem;color:#fff;opacity:1}footer{margin-top:2.1rem}footer>.inner{width:75%;margin:0 auto;padding-top:7.9rem;color:#fff}.footTop .left{width:100%}.footTop .right{display:none}.footInfo .logo img{width:58vw;height:auto;margin-left:-.3rem}.footInfo address{font-size:1.3rem;line-height:1.8;letter-spacing:.04em;margin-top:2.9rem;opacity:.8}.footInfo .info{font-size:1.3rem;font-family:'DIN Next LT W01 Medium';margin-top:.5rem;opacity:.8;flex-flow:column;align-items:initial}.footInfo .info .open span{font-size:1rem}.footInfo .info div+div{margin-top:.4rem}.toMap{display:none}ul.footSNS{margin-top:2.9rem;display:flex;margin-left:-3px}ul.footSNS li{width:5.2rem;height:5.2rem;border:1px solid rgba(255,255,255,.2);border-radius:100%;text-align:center;line-height:5.3rem}ul.footSNS li+li{margin-left:6px}ul.footSNS li a{width:100%;height:100%;display:inline-block;font-size:1.7rem;color:#fff;opacity:.9}.footBottom{margin-top:19.8rem;padding-bottom:3.4rem}.footBottom .copy{font-size:1.1rem;opacity:.3}.toTop{height:7rem;width:7rem;border:1px solid rgba(255,255,255,.15);bottom:2.3rem;right:1.9rem}.toTop:before{border-top:solid 2px rgb(189 179 146/80%);border-right:solid 2px rgb(189 179 146/80%);width:8px;height:8px;margin-top:5px}section.sect{margin-top:0}section.about{margin-top:0;padding-top:5.6rem}section.serviceSelect{padding-top:5.6rem}section.sect>.inner{width:77%;padding-left:0}section.sect+section.sect{margin-top:6.5rem;padding-top:6.5rem}section.service+section.sect{margin-top:0}section.brand+section.sect{margin-top:0}section.sect+section.gallery{margin-top:0}section.sect>.inner.flex{flex-direction:column}section.sect>.inner.flex>div{width:100%}section.sect>.inner.flex>.left{width:100%}section.sect .left .copy{font-size:33.5vw;line-height:.85;letter-spacing:.03em;position:relative;top:initial;padding-bottom:initial}section.sect>.inner.flex>.right{width:100%;margin-top:4rem}section.sect .right .title{font-size:2.6rem;letter-spacing:-.1em;margin-left:-2px;margin-top:-3px}section.sect .right .interview{font-size:2.5rem;line-height:1.4}section.sect .right .desc+.interview{margin-top:1.6em}section.sect .right .title span{font-size:1.2rem;letter-spacing:.02em;margin-left:.1rem;margin-top:.2rem;margin-bottom:1rem;display:block}section.sect .right .desc{margin-top:1.6em;font-size:1.3rem;line-height:2.2}section.sect .top .title{font-size:33.5vw;letter-spacing:.02em}.baseSlider{margin-top:44px;height:110%}.baseSlider .slick-list{width:180%}.baseSlider:before{top:10vw}.slick-arrow{display:none}.baseSlider .slick-slide+.slick-slide{margin-left:25px}.baseSlider .servSlide{padding-bottom:18vw}.baseSlider .servSlide .image{height:64vw}.baseSlider .servSlide .cont{margin-top:3.5rem}.baseSlider .servSlide .title{font-size:4.3rem}.baseSlider .servSlide .title a{display:block;align-items:initial}.baseSlider .servSlide .title.prepare a:after{display:block;font-size:1.2rem;margin-left:-7px;margin-top:-4px;margin-bottom:19px}.baseSlider .servSlide .desc{width:95%;font-size:1.1rem;line-height:1.95;margin-top:.8rem}section.brand{overflow:hidden}section.brand .slick-list{width:180%}section.brand .top .learnMore{display:none}section.brand .under{margin-top:36px}.brandList{width:83%;margin:0 auto;padding-top:4.9rem;padding-bottom:5.7rem;visibility:visible}.brandDetail .image{height:65vw}.brandDetail .cont{margin-top:2.5em}.brandDetail .cont .title .eng{font-size:3.8rem}.brandDetail .cont .title .jpn{font-size:1rem;opacity:.6;margin-top:.6rem;letter-spacing:.05em}.blogSlider{margin-top:40px}.blogSlider .slick-list{width:180%}.blogSlider .slide .image{height:63vw}.blogSlider .slide .cont{margin-top:2.8rem}.blogSlider .slide .cont .date{font-size:1.4rem;margin-left:.1rem}.blogSlider .slide .cont .title{font-size:1.6rem;line-height:1.6;margin-top:.8rem}.blogSlider .slide .cont .desc{display:none}.blogSlider .slide .cont .cat{margin-top:1rem;font-size:1rem;padding-bottom:25px}section.shopInfo .top{display:flex;flex-direction:column;align-items:initial}section.shopInfo .learnMore{display:none}section.shopInfo .infoCont{margin-left:initial;margin-top:32px}section.shopInfo .infoCont address{font-size:1.5rem;font-family:source-han-sans-japanese,sans-serif;font-weight:700;line-height:1.8}section.shopInfo .infoCont .info{font-size:1.5rem;flex-direction:column;align-items:initial;margin-top:.2rem}section.shopInfo .infoCont .info .open span{font-size:1.2rem;letter-spacing:.03em;margin-left:-1px}section.shopInfo .infoCont .info .tel{font-size:1.8rem;letter-spacing:-.04em}section.shopInfo .infoCont .info .tel:before{content:"tel/fax :";font-family:'DIN Next LT W01 Medium';font-size:1.3rem;letter-spacing:0;margin-right:2px;transform:rotate(0);width:initial;height:initial;display:inline-block;background-color:initial;position:initial;left:initial;top:initial;transform:initial}section.shopInfo .infoCont .info .tel a{display:inline-block;position:relative;z-index:1}section.shopInfo .infoCont .info .tel a:before{content:"";position:absolute;bottom:2px;left:0;width:100%;z-index:-1;height:5px;background-color:#c3df5f;transform:scale(1,1)}section.shopInfo .infoCont .info div+div{padding-left:0;margin-top:.8rem}section.shopInfo .infoCont .info div+div:before{content:none}section.shopInfo .under{margin-top:6.4rem}section.shopInfo .under .map{margin-left:initial;padding-left:1vw;width:calc(100% - 8.2vw);margin:0 auto;padding-left:6px;height:95vw;filter:grayscale(1)}.learnMore{font-size:1.8rem;letter-spacing:.03em;margin-top:1.1em}body.addAnim .forService.animStart .slick-slide:nth-of-type(3) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forService.animStart .slick-slide:nth-of-type(4) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.2s}body.addAnim .forService.animStart .slick-slide:nth-of-type(5) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.4s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(3) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:0s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(4) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.2s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(5) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.4s}body.addAnim .forBlog.animStart .slick-slide:nth-of-type(6) .slideImage:before{-webkit-animation:slide 1.4s ease 0s forwards;animation:slide 1.4s ease 0s forwards;animation-delay:.6s}.slideImage:after{transition-delay:.7s}section.mv{height:100vh;max-height:initial}.mvTxt{font-size:40.5vw;left:50.4%}.mvTxt .right{margin-left:12px}body.pace-done .mvTxt .right{margin-top:25vw}.mvVisual{position:absolute;z-index:0;right:4.7%;bottom:3.3%;width:69vw;height:76%;opacity:.9}.mvVisual .slide{clip:rect(0,69vw,79vh,0)}.mvVisual .slide.rect{clip:rect(0,0vw,79vh,0)}section.band{display:none}section.underMv .title{font-size:37.7vw;padding-top:36.3vw}nav.underNav ul{margin-top:2.8rem}nav.underNav ul li{font-size:1.5rem;letter-spacing:.03em;padding:0 1.25em}nav.underNav ul li:before{width:1px;height:47%;top:44%}nav.underNav ul li:last-child:after{width:1px;height:52%;top:44%}nav.underNav.forShop{justify-content:center;margin:35px auto 0;display:none}.underVisual{width:85%;height:83vw;margin:58px auto 10px}.underVisual .slick-dots{display:none !important}section.sect+section.imageRand{margin-top:0;display:none}section.imageRand .image.firstImage{height:70vw;width:73vw}section.imageRand .image.secondImage{height:63vw;width:67vw;margin-left:auto;margin-top:100px}section.aboutSelect{margin-bottom:20vw}section.aboutSelect.serviceSelect+section.aboutSelect.serviceSelect{padding-top:5px;margin-bottom:24vw}section.sect+section.aboutSelect:before{margin-left:.7%}section.aboutSelect .selectInner{margin-left:6px}section.aboutSelect .selectInner>ul{flex-direction:column;width:89%}section.aboutSelect .selectInner:before{content:none}li.aboutSlide{width:100%;transition:all ease .35s}li.aboutSlide+li{margin-left:0;margin-top:21vw}section.serviceSelect:nth-child(2) .aboutSlide:nth-child(1) .slideImage:before{width:0}section.serviceSelect:nth-child(2) .aboutSlide:nth-child(1) .slideImage:after{width:100%;transform:scale(1,1);height:100%;-webkit-transition:.9s cubic-bezier(.6,0,.25,1);transition:.9s cubic-bezier(.6,0,.25,1)}body.addAnim section.serviceSelect:nth-child(2) .aboutSlide:nth-child(1) .slideImage:after{height:0}body.addAnim section.serviceSelect:nth-child(2) .aboutSlide:nth-child(1) .slideImage figure{transition-delay:.3s}li.aboutSlide .image{height:85vw}.aboutSlide .cont{width:83%;margin:45px auto 0}.aboutSlide .title{font-size:4.8rem;letter-spacing:-.01em}.aboutSlide .title a{display:block;align-items:initial}.aboutSlide .title.prepare a:after{display:block;font-size:1.2rem;margin-left:-7px;margin-top:-4px;margin-bottom:14px}.aboutSlide .subTitle{font-size:1.2rem;letter-spacing:.01em;margin-top:-3px}.aboutSlide .desc{width:100%;font-size:1.2rem;line-height:2.1;margin-top:20px}section.gallery .slick-list{width:180%}section.gallery .galleryList:before{top:14vw;height:100%}section.gallery .slick-slide+.slick-slide{margin-left:34px}.galleryImg{height:67vw}section.gallery .slick-slide.slick-current+.slick-slide{margin-top:13vw;margin-bottom:0}section.gallery .slick-slide.slick-current+.slick-slide+.slick-slide+.slick-slide{margin-top:13vw;margin-bottom:0}section.brandArchive{width:91%;margin:5.8rem auto -.8rem}ul.brandArchList{width:88%;padding-top:5.5vw;padding-bottom:9vw}ul.brandArchList li.brandArchBtn{width:48.3%;vertical-align:top}ul.brandArchList .brandArchBtn+.brandArchBtn{margin-left:2.4%}ul.brandArchList .brandArchBtn:nth-child(2n+3){margin-left:0}.brandArchBtn{margin-bottom:3.7rem}.brandArchBtn .image{height:38.4vw}.brandArchBtn .image a{border:2px solid #e8e8e8}.brandArchBtn .cont{margin-top:2.2em}.brandArchBtn .cont .title .eng{font-size:2.5rem;line-height:1}.brandArchBtn .cont .title .jpn{font-size:.9rem;opacity:.25;margin-top:.3rem}section.brandSingle{width:81%;padding-top:36.6vw;padding-left:6px}section.brandSingle .title{font-size:14.9vw;letter-spacing:-.01em;line-height:1}section.brandSingle .title span{font-size:1.2rem;letter-spacing:.09em;margin-top:.4rem}section.brandSingle .singleImg{border:1px solid #000;margin-top:14.4vw}section.brandSingle .singleCont{margin-top:9px;border:0 solid #e8e8e8}section.brandSingle .singleCont>.inner{padding:7.2vw 1.8vw}section.brandSingle .singleCont .cont{font-size:1.3rem;line-height:2.1;letter-spacing:0em;text-align:justify}section.brandSingle .url{font-size:1.4rem;letter-spacing:-.03em;margin-top:26px;margin-bottom:33px}section.brandSingle .url:before{font-size:1.6rem;margin-right:4px}section.brandSingle .url a:before,section.brandSingle .url a:after{height:3px}.brandBlog{margin-top:64px;border-radius:6px}.brandBlog>.inner{flex-direction:column;padding:0}.brandBlog .right{order:1;width:100%}.brandBlog .image{height:53vw;border-radius:3px 3px 0 0}.brandBlog .left{order:2;width:78%;margin:27px auto 45px}.brandBlog .cat{font-size:1rem}.brandBlog .blogTitle{font-size:1.8rem;margin-top:11px;line-height:1.6;transition:all ease .35s}.brandLearn{font-size:1.4rem}.prevNext>.inner{padding:2.5rem 1.1rem}.arrowBtn{font-size:2.3rem;letter-spacing:.02em}.arrowBtn span{display:block;font-size:.8rem;margin-top:-.4rem}.nextBtn .arrowInner:before{content:"《";font-size:2rem;color:#fff;margin-right:13px}.prevBtn .arrowInner:after{content:"》";font-size:2.1rem;color:#fff;margin-left:13px}.taxTitle{font-size:15.8vw;letter-spacing:-.03em;padding-top:38vw}.taxTitle span{font-size:1.3rem;letter-spacing:.1em;margin-top:-.5rem;margin-bottom:3.7rem}.underMv .catChildNav .pc{display:none}.underMv .catChildNav .sp{display:block}.underMv .catChildNav .catChild{display:none}.underMv .catChildNav select{font-family:'DIN Next W01 Cn Medium',source-han-sans-japanese,sans-serif;border:none;height:inherit;margin-top:0;outline:none;font-size:inherit;text-transform:uppercase;width:47px;padding:0;position:relative;display:inline-block;appearance:none;-webkit-appearance:none;background:#fff}.underMv .catChildNav select option{font-weight:700 !important;text-overflow:ellipsis}body.selectJpn .underMv .catChildNav select{font-size:1.2rem !important;line-height:1.6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}section.blogSection{width:86.5%;margin:6.1rem auto 42px;flex-direction:column;padding-left:6px}section.blogSection .container{width:100%}section.blogSection aside{position:relative;width:100%;display:none}li.blogCont{display:inline-block;width:47.5%;vertical-align:top;margin-bottom:13.2vw;transition:all ease .35s}li.blogCont{margin-left:3.5%}li.blogCont .image{height:40vw;overflow:hidden}li.blogCont .cont{margin-top:23px;width:100%}li.blogCont .cont .date{font-size:1.3rem;letter-spacing:-.02em}li.blogCont .cont .title{font-size:1.5rem;margin-top:6px}li.blogCont .cont .desc{font-size:1.1rem;line-height:1.8;margin-top:1.2rem;display:none}li.blogCont .cont .desc:before{height:2px;width:1.7rem;margin-bottom:1.6rem}li.blogCont .cont .cat{font-size:1rem;margin-top:11px}.taxList li.blogCont{margin-bottom:8vw;padding-bottom:8vw;border-bottom:1px solid #e7e7e7}.taxList li.blogCont:nth-child(1){padding-top:3.3rem}li.blogCont:last-child{margin-bottom:45px}ul.catArea+.taxList li.blogCont:nth-child(1){padding-top:5.2vw}.taxList li.blogCont .image{height:33vw;width:38%;margin-left:.1vw}.taxList li.blogCont .cont{width:55%;margin-left:8.2%}.taxList li.blogCont .cont .title{font-size:1.55rem;line-height:1.55}.taxList li.blogCont .cont .desc{display:none}ul.pickSlider{padding-top:5px;margin-bottom:36px}ul.pickSlider li.blogCont .image{height:82.5vw}ul.pickSlider li.blogCont .cont{margin-top:3.2rem}ul.pickSlider li.blogCont .cont .title{font-size:1.8rem;line-height:1.5}ul.pickSlider .slick-arrow{display:none !important}ul.pickSlider .slick-dots{bottom:8px}ul.pickSlider .slick-dots li+li{margin-left:2px}ul.pickSlider .slick-dots li button{width:30px}ul.catArea{border-bottom:0 solid #000}ul.catArea li.blogCont{padding-bottom:64px;border-bottom:1px solid #e7e7e7}ul.catArea li.blogCont .image{height:77vw}ul.catArea li.blogCont .cont{margin:44px auto 0;width:85%}ul.catArea li.blogCont .cont .title{font-size:2.2rem}ul.catArea li.blogCont .cont .title span{font-size:1.5rem;letter-spacing:-.01em}ul.catArea li.blogCont .cont .title span span:before{bottom:5px}.pagenation{margin-top:-16px;padding-bottom:0}.page-numbers{font-size:1.8rem;width:52px;height:52px;line-height:51px}body.blogSingle section.blogSection{padding-top:131px}.articleHead{padding-bottom:0;border-bottom:0}.articleHead .cont{width:90%;margin:0 auto}.articleHead .date{font-size:1.4rem;letter-spacing:-.03em;margin-left:0}.articleHead .title{font-size:2rem;line-height:1.4;margin-top:6px;margin-left:-2px}.articleHead .cat{font-size:1.1rem;letter-spacing:.03em;margin-top:11px;padding-bottom:0}.blogSection article{width:97%;margin:3px auto 0;border-top:0 solid #000;padding-top:25px;padding-left:initial}article .midashi{font-size:1.8rem;line-height:1.6;width:93%;margin:7px auto 0}article .caption+.midashi{margin-top:1.6em}article img+.midashi{margin-top:1.6em}article .desc+.midashi{margin-top:1.6em}article .desc{text-align:justify;width:93%;margin:0 auto}article .desc p{font-size:1.4rem;line-height:1.9}article .midashi+.desc{margin-top:1.5em}article .caption+.desc{margin-top:3em}article img+.desc{margin-top:2.8em}.grayBg+.desc{margin-top:2.8em}article img{width:104%;margin-left:-2%}article .caption{font-size:1.1rem;line-height:1.7;margin-top:.7em;margin-left:.1%;width:104%;margin-left:-2%}article .midashi+img{margin-top:33px}article .desc+img{margin-top:48px}.grayBg+img{margin-top:48px}article iframe{width:100% !important;height:60vw}article .midashi+iframe{margin-top:33px}article .desc+iframe{margin-top:40px}.grayBg+iframe{margin-top:40px}.grayBg{background-color:#f0f0f0;padding:3.2em 3.1em 6rem}.grayMidashi{font-family:source-han-sans-japanese,sans-serif;font-size:1.7rem;line-height:1.7}.grayTxt{font-size:1.3rem;line-height:2;text-align:justify}.gray_url{font-size:1.4rem;letter-spacing:-.03em}.gray_url a{font-size:1.2rem}.gray_url a:before{bottom:-6px;height:3px}.grayMidashi+.grayTxt{margin-top:1.3em}.grayTxt+.gray_url{margin-top:.6em}article .desc+.grayBg{margin-top:40px}.share{font-size:1.5rem;letter-spacing:.03em;border-top:1px solid #c8c8c8;margin-top:54px;padding-top:25px;margin-left:0;padding-left:2.6%}ul.blogShare li{font-size:2.1rem}ul.blogShare li+li{margin-left:12px}.blogNav{margin-top:19px;border-top:4px solid #000;border-bottom:1px solid #000}.blogNav>.inner{padding:27px 0}.blogArrow{font-size:1.3rem;line-height:1.6;letter-spacing:.02em}.blogArrow a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.related{margin-bottom:0}.relateCont{margin-top:7vw;padding-bottom:7vw}.relateCont .image{height:30.9vw;width:38%;margin-left:.1vw}.relateCont .cont{width:55%;margin-left:8.2%}.relateCont .cont .date{font-size:1.2rem;letter-spacing:-.02em}.relateCont .cont .title{font-size:1.55rem;line-height:1.55;margin-top:6px}.relateCont .cont .cat{font-size:1rem;margin-top:8px}section.infoSect{text-align:center;padding-top:4.8rem}section.infoSect+.infoSect{margin-top:15px;padding-top:55px}section.infoSect+#access{margin-top:48px}section.infoSect>.inner{width:84%;margin:0 auto}section.infoSect .title{font-size:3.3rem;font-family:'DIN Next W01 Cn Medium';text-transform:uppercase;letter-spacing:.01em;font-weight:500;margin-bottom:1.8rem}section.infoSect .title span:after{bottom:10px}section.infoSect .open{font-size:1.6rem;letter-spacing:-.05em}section.infoSect .open span{font-size:1.1rem;letter-spacing:-.01em}section.infoSect .caution{font-size:1rem;margin-top:8px}.calendar{margin-top:41px;filter:grayscale(1)}.calendar iframe{width:100% !important;height:100vw !important}section.infoSect#schedule .infoBand{position:absolute;width:0;height:100vw;background-color:#000;z-index:-1;right:0;bottom:-40px;-webkit-transition:1s cubic-bezier(.6,0,.25,1);transition:1s cubic-bezier(.6,0,.25,1);transition-delay:.5s}body.addAnim section.infoSect#schedule .calendar.active+.infoBand{width:99% !important}section.infoSect address{font-size:1.5rem;margin-top:-2px}section.infoSect .tel{font-size:1.65rem;margin-top:6px}section.infoSect .tel:before{content:"tel";font-size:1.3rem}.GoogleMap{margin:29px auto 0;width:230px;height:54px}.mapArea{filter:grayscale(1);margin-top:54px}.mapArea iframe{width:100% !important;height:77vw !important}.howToBox{margin-top:55px;width:100%;margin-bottom:50px}.howToBox dt{padding:23px 17px;border-top:2px solid #000;cursor:pointer;transition:all ease .35s}.howToBox dt>.inner:after{border-top:solid 2px #000;border-right:solid 2px #000;width:7px;height:7px;top:50%;right:0;transform:translateY(-50%) rotate(45deg);transition:all ease .25s}.howTitle .eng{display:none}.howTitle .jpn{margin-top:1px;font-size:1.5rem;margin-left:0;padding-left:0}.howTitle .jpn:before{content:none}.howToBox dd .infoBox{padding:27px 0 28px}.howToBox dd .infoBox+.infoBox{border-top:1px dotted #ccc;margin-top:19px}.howDesc{font-size:1.2rem;letter-spacing:-.02em;line-height:1.75;margin-top:0;padding:0 16px}.howToBox dd .top{flex-direction:column}.howToBox dd .infoTitle{flex-direction:column;font-size:1.5rem;margin-top:7px}.howToBox dd .icon{display:none}.howToBox dd .infoTitle .txt{position:relative;display:inline-block}.howToBox dd .infoTitle .txt:after{content:"";display:inline-block;width:100%;height:1px;position:absolute;left:0;bottom:-7px;background-color:#000}.howToBox dd .duration{font-size:1.5rem;margin:initial;justify-content:center;margin-top:22px}.howToBox dd .duration:before{content:"所要時間";font-size:.9rem;letter-spacing:.07em;padding:1px 4px;margin-right:12px;margin-top:3px}.howToBox dd .duration span.time span{font-size:1rem}.howToBox dd .middle{margin-top:32px}.howBox{width:100%;margin-bottom:0}.howBox>.inner{flex-direction:column}.howBox .arrow{font-size:1.3rem;margin-top:2px;margin-bottom:5px;margin-left:initial;margin-right:initial;text-align:center;transform:rotate(90deg)}.howBox .box{font-size:1.2rem;letter-spacing:.02em;background-color:#000;color:#fff;padding:18px 22px 18px;min-width:initial;border-radius:6px;margin-bottom:0}.howBox .caution{font-size:1.2rem !important;font-family:source-han-sans-japanese,sans-serif;max-width:100%;margin-top:8px !important;margin-bottom:0}.howToBox dd .under{margin-top:28px}.howGray{display:inline-block;background-color:#f0f0f0;padding:31px 34px 40px;margin-bottom:0}.airport dd .infoBox:nth-child(3) .howGray{margin-top:0;margin-bottom:5px}.howGray .txt{font-size:1.2rem;line-height:1.7;margin-left:0}.howGray .url{word-break:break-all;font-size:1.2rem;letter-spacing:-.02em;margin-top:6px}.howGray .url:after{content:none}.howGray .url a{display:inline-block;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}section.contactDesc{width:83.5%;margin-top:4.3rem;border-top:1px solid #ccc}section.contactDesc>.inner{width:94%;margin:4rem auto 53pxx}section.contactDesc .desc{font-size:1.2rem;line-height:2.2;letter-spacing:0em}.contactList{flex-direction:column;margin-top:18px;font-size:1.6rem}.contactList li.tel:before{font-size:1.3rem;margin-right:4px}.contactList li.mail:before{font-size:1.3rem;margin-right:4px}.contactList li+li{margin-left:initial;margin-top:10px}.contactList li+li:after{content:none}.contactList li a:before,.contactList li a:after{height:3px}section.contactForm{width:84.5%;margin:40px auto 50px}.formList+.formList{margin-top:22px}.formList+.confirm{margin-top:8px}.formList .sub{font-size:1.3rem;margin-bottom:16px}.formList .sub.req:after{font-size:.9rem}.formList input{font-size:1.2rem;width:calc(100% - 40px);padding:25px 20px}.formList textarea{width:calc(100% - 40px);padding:19px 20px;height:15em}.privacy{border:1px solid #ccc;border-radius:3px;height:255px}.privacy .frame{width:97.3%;height:235px;margin:10px auto}.privacy .frame>.inner{padding:22px 29px 30px}.privacy .frame::-webkit-scrollbar{width:5px}.privacy .lead{font-size:1.2rem}.privacy .lead:nth-child(1){font-size:1.25rem}.privacy .desc{font-size:1.1rem;line-height:2;margin-top:12px}.privacy .desc:nth-child(2){padding-bottom:23px;margin-bottom:23px;border-bottom:1px dotted #ccc}.privacy .desc+.lead{margin-top:20px}.accept{margin-top:15px}.acceptTxt{font-size:1.2rem;left:20px}span.wpcf7-list-item-label{height:12px;width:12px;border-radius:3px;margin-top:6px}span.wpcf7-list-item-label:before{width:6px;height:6px}.btnList{margin-top:23px}.btnList input{font-size:1.3rem}.wpcf7 form .wpcf7-response-output{font-size:1.2rem;letter-spacing:-.02em;line-height:1.9;margin-top:22px;background-color:rgba(0,0,0,.05);padding:23px 30px}.wpcf7-not-valid-tip{display:none}.confirmMessage .messTitle{font-size:1.7rem}.confirmMessage .messDesc{margin-top:18px;font-size:1.2rem;line-height:2.2;letter-spacing:0em;margin-bottom:31px}}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#000;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:4px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:35px;right:35px;width:25px;height:25px;border:solid 3px transparent;border-top-color:#000;border-left-color:#000;border-radius:100%;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}#fade{width:100%;height:100%;display:block;background-color:#000;position:fixed;bottom:0;left:0;z-index:50;opacity:1;transition:all 1.1s cubic-bezier(.86,0,.07,1)}#fade:before{content:'';position:absolute;width:100%;height:100%;bottom:0;background-color:#fff;transition:all 1.1s cubic-bezier(.86,0,.07,1)}.loadTitle{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center}.loadTitle img{width:28.5rem;height:8.4rem;margin-top:35px;opacity:0;filter:blur(2px);transition:all ease .65s}.pace-running .loadTitle img{margin-top:0;opacity:1;filter:blur(0px)}.pace-done .loadTitle img{margin-top:-65px;opacity:0;filter:blur(2px)}.pace-done #fade:before{height:0;transition-delay:.4s}.pace-done #fade{height:0;transition-delay:.9s}#transition{width:100%;height:0;display:block;background-color:#000;position:fixed;bottom:0;left:0;z-index:50;opacity:1;transition:all 1.1s cubic-bezier(.86,0,.07,1)}#transition:before{content:'';position:absolute;width:100%;height:0;bottom:0;background-color:#fff;transition:all 1.1s cubic-bezier(.86,0,.07,1)}body{transition:all ease .5s}body.transition{opacity:0}@media screen and (max-width:768px){.pace .pace-activity{top:3rem;right:2rem}.loadTitle img{width:54vw;height:auto;margin-top:0;opacity:0;filter:blur(2px);transition:all ease .65s}.pace-running .loadTitle img{margin-top:0;opacity:0;filter:blur(2px)}body.loading.pace-running .loadTitle img{margin-top:0;opacity:1;filter:blur(0px)}body.loading.pace-done .loadTitle img{margin-top:-65px;opacity:0;filter:blur(2px)}}