@import url("https://use.typekit.net/pyr8qaw.css");*,h1,h2,h3,h4,p,ul,ol,li,form,dl,dt,dd,div,table,tr,th,td{margin:0;padding:0;box-sizing:border-box;line-height:1;font-size:1em}*:focus,h1:focus,h2:focus,h3:focus,h4:focus,p:focus,ul:focus,ol:focus,li:focus,form:focus,dl:focus,dt:focus,dd:focus,div:focus,table:focus,tr:focus,th:focus,td:focus{outline:none}section,div{margin:0;padding:0}img,figure,iframe,object{border:0;height:auto;max-width:100%;vertical-align:top}a{display:inline-block;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none}ul,ol,li{list-style-type:none}input,button,textarea,select,option{appearance:none}input[type="text"],input[type="email"],textarea,select,option,button{padding:0;border:none;border-radius:0;outline:none;background:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}label{-webkit-tap-highlight-color:transparent}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}button{cursor:pointer}@media screen and (min-width: 769px){.pcShow{display:block !important}.spShow{display:none !important}.pcShowIb{display:inline-block !important}.spShowIb{display:none !important}.pcShowFx{display:flex !important}.spShowFx{display:none !important}}@media screen and (max-width: 768px){.pcShow{display:none !important}.spShow{display:block !important}.pcShowIb{display:none !important}.spShowIb{display:inline-block !important}.pcShowFx{display:none !important}.spShowFx{display:flex !important}}.mgt0{margin-top:0px}@media screen and (max-width: 768px){.mgb_sp0{margin-top:0px !important}}.mgt5{margin-top:5px}@media screen and (max-width: 768px){.mgb_sp5{margin-top:5px !important}}.mgt10{margin-top:10px}@media screen and (max-width: 768px){.mgb_sp10{margin-top:10px !important}}.mgt15{margin-top:15px}@media screen and (max-width: 768px){.mgb_sp15{margin-top:15px !important}}.mgt20{margin-top:20px}@media screen and (max-width: 768px){.mgb_sp20{margin-top:20px !important}}.mgt25{margin-top:25px}@media screen and (max-width: 768px){.mgb_sp25{margin-top:25px !important}}.mgt30{margin-top:30px}@media screen and (max-width: 768px){.mgb_sp30{margin-top:30px !important}}.mgt35{margin-top:35px}@media screen and (max-width: 768px){.mgb_sp35{margin-top:35px !important}}.mgt40{margin-top:40px}@media screen and (max-width: 768px){.mgb_sp40{margin-top:40px !important}}.mgt45{margin-top:45px}@media screen and (max-width: 768px){.mgb_sp45{margin-top:45px !important}}.mgt50{margin-top:50px}@media screen and (max-width: 768px){.mgb_sp50{margin-top:50px !important}}.mgt55{margin-top:55px}@media screen and (max-width: 768px){.mgb_sp55{margin-top:55px !important}}.mgt60{margin-top:60px}@media screen and (max-width: 768px){.mgb_sp60{margin-top:60px !important}}.mgt65{margin-top:65px}@media screen and (max-width: 768px){.mgb_sp65{margin-top:65px !important}}.mgt70{margin-top:70px}@media screen and (max-width: 768px){.mgb_sp70{margin-top:70px !important}}.mgt75{margin-top:75px}@media screen and (max-width: 768px){.mgb_sp75{margin-top:75px !important}}.mgt80{margin-top:80px}@media screen and (max-width: 768px){.mgb_sp80{margin-top:80px !important}}.mgt85{margin-top:85px}@media screen and (max-width: 768px){.mgb_sp85{margin-top:85px !important}}.mgt90{margin-top:90px}@media screen and (max-width: 768px){.mgb_sp90{margin-top:90px !important}}.mgt95{margin-top:95px}@media screen and (max-width: 768px){.mgb_sp95{margin-top:95px !important}}.mgt100{margin-top:100px}@media screen and (max-width: 768px){.mgb_sp100{margin-top:100px !important}}@font-face{font-family:'SchnyderM';font-weight:700;font-style:normal;font-stretch:normal;font-display:swap;src:url(https://dolive.media/en/assets/font/SchnyderM-Bold-Web.eot);src:url(https://dolive.media/en/assets/font/SchnyderM-Bold-Web.eot?#iefix) format("embedded-opentype"),url(https://dolive.media/en/assets/font/SchnyderM-Bold-Web.woff2) format("woff2"),url(https://dolive.media/en/assets/font/SchnyderM-Bold-Web.woff) format("woff")}@font-face{font-family:'CentraNo2';font-weight:300;font-style:normal;font-stretch:normal;font-display:swap;src:url(https://dolive.media/en/assets/font/CentraNo2-Book.eot);src:url(https://dolive.media/en/assets/font/CentraNo2-Book.eot?#iefix) format("embedded-opentype"),url(https://dolive.media/en/assets/font/CentraNo2-Book.woff2) format("woff2"),url(https://dolive.media/en/assets/font/CentraNo2-Book.woff) format("woff")}:root{--en-font:"mono45-headline", monospace;--kv-size:2750px;--kv-item-width:300px;--rev-ease:cubic-bezier(0.76, 0, 0.24, 1)}body{padding-top:120px;letter-spacing:0;color:black}header{position:fixed;z-index:10}@media screen and (max-width: 767px){:root{--kv-size:2436px;--kv-item-width:280px}body{padding-top:80px}.btn-back-top{display:none}}.navigation{right:0;background-color:white}.navigation .wrapper,footer .wrapper{position:relative;width:100%;padding:60px 0;overflow:visible}.header-recipe{padding:0;height:auto;top:0;width:100%}.header-float{display:flex;justify-content:flex-start;transition:.5s transform, .5s opacity, .5s background-color;height:120px;width:100%;background-color:white}body.top:not(.scrolled):not(.header-bar-solid) .header-float,body.recipe-header-scroll:not(.header-bar-solid) .header-float{background-color:transparent}body.scrolled .header-float,body.header-bar-solid .header-float{background-color:#fff}.header-logo{padding:0 40px;display:flex;align-items:center;z-index:11}.header-logo img{width:198.94px}body.house-recipe-top .header-logo img{width:420px;height:auto}.scrolled .float{transition:.1s opacity}@media screen and (max-width: 767px){.header-float{height:80px;transform:translate(0, 0);opacity:1}.header-logo img{width:248.29px}body.house-recipe-top .header-logo img{width:220px;max-width:calc(100vw - 32px)}.header-logo{padding:0 16px}.header-control{top:0px}}.recipe-item{width:calc(100% / 3 - 40px / 3 * 2);transition:.5s opacity}.recipe-item:hover{opacity:.6}.recipe-item .-img img{clip-path:polygon(50% 0, 100% 28.3%, 100% 100%, 0 100%, 0 28.3%)}.recipe-item .-thumb{display:flex;flex-wrap:wrap}.recipe-item .-thumb img{width:9.875%}.recipe-item .-thumbimg{clip-path:polygon(50% 0%, 100% 25.727%, 100% 100%, 0 100%, 0 25.727%)}.recipe-item .-cont{margin-top:10px}.recipe-item .-title{font-size:16px;font-weight:600}.recipe-item .-status{display:flex;gap:10px;margin-top:6px}.recipe-item .-status-name{font-weight:600;font-size:16px;font-family:var(--en-font);width:50px;letter-spacing:-.005em;line-height:1.2}.recipe-item .-status-text{font-size:12px}.recipe-item .-status-text span{text-decoration:underline}@media screen and (max-width: 767px){.recipe-item{width:calc(100% / 2 - 16px / 2)}.recipe-item .-title{font-size:12px;font-weight:600}.recipe-item .-title br{display:none}.recipe-item .-status-name{font-size:14px}.recipe-item .-status-text{font-size:10px}}.navigation .wrapper .btn,.footer .wrapper .btn{display:flex;padding:10px 20px;text-align:center;background:#222222;border:1px solid black;font-size:16px;font-weight:600;color:white;border-radius:6px;align-items:center;justify-content:center;transition:color .5s, background-color .5s;width:330px;height:60px;gap:10px}.btn .btn-i{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid black}.btn svg{display:block;width:6px;height:8px;object-fit:contain}.btn circle{box-shadow:0 0 2px black}.btn:hover{color:black;background-color:white;border:1px solid black}@media screen and (max-width: 767px){.btn{font-size:14px;padding:11px 0;width:100%;height:40px}}.btn-white{background-color:white;color:black;border:0}.btn-white:hover{background-color:black;color:white}.btn-white .btn-i{background-color:black;border-color:white}.kv-item{position:relative}.rev{width:100vw;height:100vh;overflow:hidden;pointer-events:none}.rev-item-image{position:relative}.rev-item-image::before{content:"";position:absolute;display:block;width:100%;height:100%;z-index:1;background:url(https://dolive.media/img/magazine/recipe/top/kv/border.svg) center center no-repeat;background-size:contain}.-logo .rev-item-image::before{background-image:url(https://dolive.media/img/magazine/recipe/top/kv/border-gray.svg)}.rev-item-image img{width:100%;height:100%;transform:scale(0.99);aspect-ratio:1/1;object-fit:cover}.rev-item-balloons{position:absolute;width:100%;aspect-ratio:1;top:0;z-index:2}.rev-item-balloon{position:absolute;top:0;left:0;width:177.58px;height:49.23px;background:url(https://dolive.media/img/magazine/recipe/top/kv/balloon.svg) center center no-repeat;background-size:contain;text-align:center;font-size:12px;font-weight:600;line-height:38px;white-space:nowrap;opacity:0;transition:.5s opacity}.-active .rev-item-balloon{opacity:1}.rev-item-balloon:first-child{transition-delay:.2s}.rev-item-balloon:last-child{transition-delay:.1s}.-active .rev-item-balloon:first-child{transition-delay:.65s}.-active .rev-item-balloon:last-child{transition-delay:.55s}.rev-inner{width:100vw;height:720px;overflow:hidden;position:relative}.rev-table{width:var(--kv-size);aspect-ratio:1;position:absolute;left:50%;top:120px;translate:-50% 0;transform:rotate(calc(var(--deg) * -1));display:flex;position:relative;transform-origin:center}.rev-item{width:var(--kv-item-width);position:absolute;height:calc(var(--kv-size) / 2);transform-origin:bottom center;position:absolute;top:0;left:0;right:0;margin:auto;transform:rotate(var(--deg))}.rev-item .kv-item-inner{transition:0.5s transform var(--rev-ease)}.rev-item.-active .kv-item-inner{transform:scale(1.1)}@media screen and (max-width: 767px){.rev-inner{height:600px}.rev-table{top:93px}.rev-item.-active .kv-item-inner{transform:scale(1)}}.rev-table{transition:1.2s transform ease-in-out, .5s opacity}.splash .rev-table{opacity:0;transform:translate(0, 30%) rotate(calc(360deg / 2))}.animated .rev-table{transition:0.5s transform var(--rev-ease)}.rev-inner{overflow:visible}.splash .rev-inner{overflow:visible}.animated .rev-inner{overflow:hidden}.nav-recipe-navi{margin:40px 0;display:flex;gap:43px;justify-content:space-between}.nav-recipe-navi-content{width:100%}.nav-recipe-navi-content.-first{max-width:700px}.nav-recipe-navi-content.-second{flex:1}.nav-recipe-navi-search{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.2)}.nav-recipe-navi-search-column{display:flex;gap:20px;width:100%;align-items:flex-start}.nav-recipe-navi-search-column:last-child{padding-bottom:24px}.nav-recipe-navi-search-title{display:flex;align-items:center;justify-content:center;background-color:white;text-align:center;font-size:16px;max-width:100px;width:100%;font-family:var(--en-font);padding:5px 0 3px;line-height:1}.nav-recipe-navi-search-tags{display:flex;flex-wrap:wrap;gap:10px}.nav-recipe-navi-search-tags .-tag{padding:0 11px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:40px;font-weight:500;font-size:12px;color:white;line-height:1.75;transition:.5s background-color, .5s color}.nav-recipe-navi-search-tags .-tag:hover{background-color:white;color:black}.nav-recipe-navi-list{line-height:1.75em;display:flex;flex-direction:column}.nav-recipe-navi-list .-title{color:white;font-size:20px;line-height:1.5;font-weight:600}.nav-recipe-navi-content.-second .nav-recipe-navi-list .-title{font-size:24px;line-height:1.25;font-weight:normal;font-family:var(--en-font)}.nav-recipe-navi-list .-body a:first-child,.nav-recipe-navi-list .-body p:first-child{padding-top:12px}.nav-recipe-navi-list p{font-size:14px;color:white}.nav-recipe-navi-list a{font-size:14px;line-height:1.75em;color:white;transition:.5s opacity}.nav-recipe-navi-list a:hover{opacity:.6}.nav-recipe-navi-list.-b{padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,0.2)}.nav-recipe-search{max-width:515px;width:100%;margin-left:auto;margin-right:0;position:relative}.nav-recipe-search input{display:block;width:100%;border:1px solid white;border-radius:6px;padding:11.5px 40px;font-size:14px;color:white}.nav-recipe-search input::placeholder{color:white}.nav-recipe-search svg{width:14px;height:14px;position:absolute;top:0;bottom:0;left:20px;margin:auto}.nav-recipe-search svg path{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.nav-recipe-search svg line{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.nav-recipe-search.-sp{display:none}footer .gr-menu .left-menu .menu-ft li a{font-size:12px;line-height:1.75}@media screen and (max-width: 768px){.nav-recipe-navi{margin-top:24px}.nav-recipe-search.-pc{display:none}.nav-recipe-search.-sp{display:block;margin-top:15px}.nav-recipe-navi{flex-direction:column;gap:32px}.nav-recipe-navi-search-column{flex-direction:column;gap:24px;width:100%}.nav-recipe-navi-search-title{width:100%;max-width:100%}}.nav-recipe-navi-titles{display:flex;justify-content:space-between}.nav-recipe-navi-title .-main a{font-size:28px;line-height:1;display:flex;gap:8px;font-family:var(--en-font);color:white;transition:.5s opacity}.nav-recipe-navi-title .-main a:hover{opacity:.6}.nav-recipe-navi-title .-main a i{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid black;margin-top:2px}.nav-recipe-navi-title .-main a i svg{display:block;width:6px;height:8px;object-fit:contain}.nav-recipe-navi-title .-main a:hover i{color:black;background-color:white;border:1px solid black}.nav-recipe-navi-title .-sub{font-size:12px;color:white;line-height:1.75}.nav-recipe-navi-titles{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:19px;margin-bottom:19px}.nav-recipe-navi-link{padding-top:9px}.nav-recipe-navi-link a{display:flex;align-items:center;gap:4px;font-size:20px;line-height:1.5;font-weight:600;text-decoration:underline;color:white;transition:.5s opacity}.nav-recipe-navi-link a i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:white;border-radius:50%}.nav-recipe-navi-link a:hover{opacity:.6}.nav-recipe-navi-search-head{display:flex;justify-content:space-between;width:100%}.nav-recipe-navi-search-head-title{color:white;font-size:20px;line-height:1.5;font-weight:600}.nav-recipe-navi-search-head-btn{display:flex;width:140px;height:32px;border:1px solid white;border-radius:5px;align-items:center;justify-content:center;gap:4px;font-size:12px;color:white;font-weight:600;transition:.5s background-color, .5s color}.nav-recipe-navi-search-head-btn svg{width:16px;height:16px}.nav-recipe-navi-search-head-btn svg path{transition:.5s stroke}.nav-recipe-navi-search-head-btn:hover{color:black;background-color:white}.nav-recipe-navi-search-head-btn:hover svg path{stroke:black}.nav-head{display:flex;gap:72px}.nav-socials{display:flex;align-items:center;gap:20px}.nav-social{margin:0}footer .logo-footer a{width:auto}.nav-recipe-navi-search-head-content .nav-recipe-navi-link{display:none}.js-toggle-arrow{display:none}.nav-recipe-navi-search-body .nav-recipe-navi-link{display:none}.nav-recipe-navi-search-body .nav-recipe-navi-search-head-btn{display:none}.nav-recipe-navi-search-body{display:flex;flex-direction:column;gap:24px;width:100%}.nav-recipe-navi-list .-body{display:flex;flex-direction:column}.footer-columns{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr) minmax(280px, 1fr);gap:72px;align-items:start}.footer-desktop-layout{display:block}.footer-desktop-layout .footer-navi{justify-content:space-between !important}.footer-mobile-legacy{display:none}.footer-column{min-width:0}.footer-link-compact{margin-top:8px}.footer-link-compact a{font-size:20px;line-height:1.4;font-weight:700;color:white}.footer-column-ideas .footer-block:first-of-type{margin-top:16px}.footer-column-sim .footer-block:first-of-type,.footer-column-products .footer-block:first-of-type{margin-top:52px}.footer-block{margin-top:44px}.footer-block:first-of-type{margin-top:42px}.footer-block-consult{margin-top:84px}.footer-section-title{color:white;font-size:20px;line-height:1.4;font-weight:700}.footer-primary-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px;color:white;transition:.5s opacity}.footer-primary-link:hover{opacity:.6}.footer-primary-link-main{font-size:28px;line-height:1.2;font-weight:700}.footer-primary-link-main-en{font-family:var(--en-font);font-weight:400}.footer-primary-link-arrow{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid white}.footer-primary-link-circle{margin-bottom:4px;width:20px;height:20px;background-color:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid black}.footer-primary-link-sub{margin-top:4px;color:white;font-size:12px;line-height:1.75;font-weight:500}.footer-inline-link{margin-top:6px;padding-top:8px}.footer-inline-link a{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:underline;color:white}.footer-inline-link a i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:white;border-radius:50%}.footer-link-list{display:flex;flex-direction:column;margin-top:22px}.footer-link-list a{color:white;font-size:14px;line-height:1.75;transition:.5s opacity}.footer-link-list a:hover,.footer-product-featured a:hover,.footer-product-list a:hover{opacity:.6}.footer-link-list-topics{gap:0}.footer-link-list-stack{gap:4px;margin-top:18px}.footer-block-app{margin-top:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.2)}.footer-product-featured{display:flex;flex-direction:column;gap:6px;margin-top:26px}.footer-product-featured a{width:fit-content;color:white;font-size:14px;line-height:1.45;transition:.5s opacity}.footer-product-list{display:flex;flex-direction:column;gap:4px;margin-top:28px;padding-top:18px}.footer-product-list a{color:white;font-size:14px;line-height:1.45;transition:.5s opacity}@media screen and (max-width: 767px){.nav-head{gap:23px}.nav-recipe-navi-search-head{flex-direction:column}.nav-recipe-navi-titles .nav-recipe-navi-link{display:none}.nav-recipe-navi-search-head-content .nav-recipe-navi-link{display:block}.nav-recipe-navi-search-head-btn{width:100%;margin-top:12px}.nav-recipe-navi-search-head-btn svg path{stroke:black}.nav-recipe-navi-link{padding-top:12px}.nav-recipe-navi-search-head-content{display:none}.footer-columns{grid-template-columns:1fr;gap:0}.footer-desktop-layout{display:none}.footer-mobile-legacy{display:block}.footer-block,.footer-block:first-of-type,.footer-block-consult{margin-top:32px}.footer-primary-link{margin-top:18px}.footer-primary-link-main{font-size:24px}.footer-product-featured a,.footer-product-list a{font-size:14px}.wrapper .gr-menu .left-menu .menu-ft li{margin-bottom:0}.wrapper .gr-menu .left-menu .menu-ft li a{border:0;font-size:12px;line-height:2.5;padding-bottom:0;font-weight:500}.wrapper .gr-menu .copy-right{margin-top:32px}.nav-recipe-navi{margin-top:32px}.nav-recipe-navi-link{padding-top:0}.nav-recipe-navi-search-column{margin-top:24px;gap:12px}.nav-recipe-navi-list a{line-height:1.75}.nav-recipe-navi-list.-b:last-of-type{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:20px}.nav-recipe-navi-search-body .nav-recipe-navi-link{display:block}.nav-recipe-navi-search-body .nav-recipe-navi-search-head-btn{display:flex}.nav-recipe-navi-search-head-title{display:flex;align-items:center;justify-content:space-between}.nav-recipe-navi-search-body{gap:0}.nav-recipe-navi-list .-title{display:flex;align-items:center;justify-content:space-between}.js-toggle-arrow{display:block}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-sub,#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body,#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{color:white}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-sub{font-size:12px;line-height:1.75;margin-top:4px}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.75;margin-top:12px}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{text-decoration:none}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-sub,.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body,.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{color:black}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-sub{font-size:12px;line-height:1.75;margin-top:4px}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.75;margin-top:12px}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{display:block;text-decoration:none}.js-toggle-body{max-height:0;overflow:hidden;transition:.5s max-height}.js-toggle-arrow{transition:.5s transform}.-active+.js-toggle-body{max-height:1000px}.-active .js-toggle-arrow{transform:rotate(180deg)}}.wrapper{position:relative;width:100vw}.navigation{position:fixed;top:0;left:0;z-index:10050;width:100vw;height:100vh !important;height:100dvh !important;right:0;pointer-events:none;opacity:0;overflow:scroll;transition:opacity 0.55s ease}.nav-open .navigation{opacity:1;pointer-events:all}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10049;background-color:white;transition:opacity 0.55s ease;opacity:0;pointer-events:none;display:block}.nav-open .overlay{opacity:1;pointer-events:all}.nav-open,.search-open{height:100vh;overflow:hidden}.navigation .nav-inner{max-width:1070px;width:100%;margin:auto;position:relative}.navigation .nav-recipe-navi-title .-main a{color:black}.navigation .nav-recipe-navi-title .-sub{color:black}.navigation .nav-recipe-navi-link a{color:black}.navigation .nav-recipe-navi-search-head-title{color:black}.navigation .nav-recipe-navi-search-head-btn{color:black;border-color:black}.navigation .nav-recipe-navi-search-head-btn:hover{color:white;background-color:black}.navigation .nav-recipe-navi-search-head-btn:hover svg path{stroke:white}.navigation .nav-recipe-navi-title .-main a i{background-color:black}.navigation .nav-recipe-navi-link a i{background-color:black}.navigation .nav-recipe-navi-search-title{background-color:black;color:white}.navigation .nav-recipe-navi-search-tags .-tag{color:black;background-color:#E5E5E5;border:0;transition:.5s background-color, .5s color}.navigation .nav-recipe-navi-search-tags .-tag:hover{color:white;background-color:black}.navigation .nav-recipe-navi-titles,.navigation .nav-recipe-navi-search,.navigation .nav-recipe-navi-list.-b{border-color:rgba(0,0,0,0.2)}.navigation .nav-recipe-navi-list .-title{color:black}.navigation .nav-recipe-navi-list .-body a,.navigation .nav-recipe-navi-list .-body p{color:black}.navigation .nav-recipe-close{position:absolute;top:0;right:0;cursor:pointer}.navigation .gr-menu{display:flex;justify-content:space-between}.navigation .menu-ft{display:flex;gap:1em}.navigation .menu-ft li{display:flex;gap:1em}.navigation .menu-ft li::after{content:"|";display:block}.navigation .menu-ft li:last-child:after{display:none}.navigation .trans{font-size:12px}.navigation .copy-right{font-size:10px;color:#666666}.navigation .nav-recipe-close .-sp{display:none}.navigation .nav-recipe-navi-link svg path{fill:white}.navigation .footer-link-compact a,.navigation .footer-section-title,.navigation .footer-primary-link,.navigation .footer-primary-link-sub,.navigation .footer-inline-link a,.navigation .footer-link-list a,.navigation .footer-product-featured a,.navigation .footer-product-list a{color:black}.navigation .footer-primary-link-arrow{border-left-color:black}.navigation .footer-primary-link-circle,.navigation .footer-inline-link a i{background-color:black}.navigation .footer-primary-link-circle svg path{stroke:white}.navigation .footer-inline-link a i svg path{fill:white}.navigation .footer-inline-link,.navigation .footer-block-app{border-top-color:rgba(0,0,0,0.2)}.line-height-normal{line-height:normal}@media screen and (max-width: 767px){.navigation .nav-inner{position:static;padding-left:24px;padding-right:24px}.navigation .nav-recipe-close{top:24px;right:24px}.navigation .gr-menu{flex-direction:column;padding-bottom:48px}.navigation .menu-ft{flex-direction:column;gap:0}.navigation .menu-ft li::after{display:none}.navigation .nav-recipe-close .-pc{display:none}.navigation .nav-recipe-close .-sp{display:block}}.search-modal{position:fixed;background-color:white;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:scroll;z-index:20;opacity:0;pointer-events:none;transition:.5s opacity}.search-open .search-modal{opacity:1;pointer-events:all}.search-modal-inner{max-width:calc(1070px + 24px * 2);width:100%;margin:60px auto 0;position:relative;padding:0 24px}.search-modal-close{position:absolute;top:0;right:0;width:32px;height:32px;cursor:pointer}.search-modal-close::before,.search-modal-close::after{position:absolute;content:"";display:block;width:45.25px;height:1px;background-color:black;top:0;left:0;right:0;bottom:0;margin:auto}.search-modal-close::before{transform:rotate(-45deg)}.search-modal-close::after{transform:rotate(45deg)}.search-modal-close svg{width:100%;height:100%}.search-modal-item{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;gap:40px}.search-modal-item-head{width:238px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-family:var(--en-font)}.search-modal-item-head span{display:inline-flex;align-items:center;padding:5px 10px 3px;height:24px;line-height:1;align-items:center;background-color:black;color:white;letter-spacing:0}.search-modal-item-head em{font-size:20px;font-weight:600;line-height:1.5}.search-modal-item-body{flex:1}.search-input{height:100%;border:1px solid #E5E5E5;border-radius:6px;max-width:515px;width:100%;display:flex;align-items:center;padding:10px 10px 10px 20px;justify-content:flex-end}.search-input button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:118px;height:40px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-input input{font-size:16px;border:0;flex:1;height:28px}.search-input button svg path{transition:.5s stroke}.search-input button:hover{background-color:white;color:black}.search-input button:hover svg path{stroke:black}.search-modal-tags{display:flex;gap:10px;flex-wrap:wrap}.search-checkbox{display:flex}.search-checkbox label{display:flex;background-color:#E5E5E5;border-radius:40px;line-height:1;padding:0 21px;align-items:center;gap:6px;height:40px;font-size:14px;cursor:pointer;transition:.5s background-color, .5s color}.search-checkbox label::before{width:20px;height:20px;background:url(https://dolive.media/img/magazine/recipe/check.svg) center center no-repeat;background-size:contain}.search-checkbox input:checked+label{background-color:black;color:white}.search-checkbox input:checked+label::before{content:"";display:block}.search-checkbox label:hover{background-color:black;color:white}.search-images{display:flex;flex-wrap:wrap;gap:20px}.search-checkbox_image{width:81px}.search-checkbox_image label{display:flex;flex-direction:column;width:100%;gap:6.83px;font-size:12px;font-weight:600;position:relative;cursor:pointer}.search-checkbox_image img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.search-checkbox_image .-img{position:relative}.search-checkbox_image input+label .-img::after{content:"";display:block;width:100%;aspect-ratio:1;border:5px solid black;position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:.5s opacity}.search-checkbox_image input:checked+label .-img::after{opacity:1}.search-checkbox_image input+label .-img::before{content:"";display:block;width:20px;height:20px;background:url(https://dolive.media/img/magazine/recipe/check.svg) center center no-repeat;background-size:contain;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0;pointer-events:none}.search-checkbox_image input:checked+label .-img::before{opacity:1}.search-checkbox_image label:hover .-img::after{opacity:1}.search-modal-control{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;margin-bottom:60px}.search-modal-result{text-align:center;font-size:14px;font-weight:600;line-height:1.25;font-family:var(--en-font)}.search-modal-result-number{font-size:32px}.search-modal-control-btn{display:flex;justify-content:center;width:100%}.search-modal-control-btn button{display:flex;align-items:center;justify-content:center;gap:6px;max-width:514px;width:100%;height:56px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-modal-control-btn button svg path{transition:.5s stroke}.search-modal-control-btn button:hover{background-color:white;color:black}.search-modal-control-btn button:hover svg path{stroke:black}@media screen and (max-width: 767px){.search-modal-close::before,.search-modal-close::after{width:32.53px;height:2px}.search-modal-inner{margin-top:24px}.search-modal-item{flex-direction:column;gap:12px;padding-bottom:20px;margin-bottom:20px}.search-modal-close{right:24px;width:23px;height:23px}.search-modal-item-head span{font-size:16px}.search-input a{width:84px;height:32px;font-size:12px}.search-input a svg{width:16px}.search-input input{font-size:12px}.search-checkbox label{height:24px;padding:0 11px}.search-checkbox label::before{width:12px;height:12px}.search-checkbox label:hover{background-color:#E5E5E5;color:black}.search-checkbox_image label:hover .-img::after{opacity:0}.search-images{gap:15.5px}.search-checkbox_image{width:calc(100% / 4 - 15.5px / 4 * 3)}.search-checkbox_image label{gap:6px;font-size:10px}.search-modal-list{padding-top:20px}}.footer-social{margin:0}.btn-search{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin:0}.header-recipe .btn-menu{width:42px;height:42px;display:flex;align-items:center;justify-content:center;z-index:13}.header-nav-icon{position:relative;display:block;cursor:pointer;width:31px;height:27px}.header-nav-icon>span{display:inline-block;position:absolute;left:0;width:100%;height:5px;background-color:#222222;border-radius:3px;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.header-nav-icon>.top{top:0}.header-nav-icon>.middle{top:0;bottom:0;margin:auto 0}.header-nav-icon>.bottom{bottom:0}.header-control{box-sizing:border-box;gap:30px;padding:0 40px;top:0;height:120px;position:fixed;display:flex;justify-content:flex-end;align-items:center;width:100%;left:50%;transform:translate(-50%, 0)}.btn-search{height:20px;display:flex;align-items:center;margin-right:12px;cursor:pointer;z-index:13}.btn-search i{display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;width:38px;height:38px}@media screen and (max-width: 767px){.header-recipe{justify-content:space-between}.header-control{padding:0 14px;gap:12px;height:80px;width:auto;left:auto;right:0;transform:translate(0, 0)}.btn-search{width:24px;height:24px}.btn-search i{width:21.84px;height:21.84px}.btn-menu{width:24px;height:24px}.header-nav-icon{width:17.86px;height:15px}.header-nav-icon>span{height:3px;width:20px}footer .wrapper{padding:48px 24px}footer .gr-menu .copy-right{padding:0}.header-recipe .btn-menu{width:24px;height:24px}}.box-search{position:fixed;width:100vw;min-height:100vh;min-height:-webkit-fill-available;bottom:0;left:0;top:0;background:white;z-index:9;display:none}.box-search .wrapper{max-width:980px;padding-top:120px}@media screen and (max-width: 767px){.box-search .wrapper{padding-top:100px}}.box-search .search{border:0;position:relative;margin-bottom:32px;padding-bottom:60px;border-bottom:1px solid #C9C9C9}.box-search .-input{position:relative}.box-search .-input input{border:1px solid black;border-radius:10px;padding:15px;font-size:15px}.box-search .-input input::placeholder{color:#BCBCBC}.box-search .-input:after{content:"";display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;right:20px;left:auto;margin:auto 0;width:20px;height:20px}html,body{height:100%;width:100%}body{color:#222222;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;background-color:#ffffff;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased}@media screen and (min-width: 769px){body{font-size:12px}}@media screen and (max-width: 768px){body{font-size:12px}}body.fix{height:100%;overflow:hidden}@media screen and (min-width: 769px){article{padding-top:42px}}@media screen and (max-width: 768px){article{padding-top:46px}}#wrap{width:100%;opacity:0;overflow:hidden;transition:0.4s cubic-bezier(0.23, 1, 0.32, 1)}#wrap.ready{opacity:1}#wrap.fadeout{opacity:0}.in{position:relative;margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width: 769px){.in{width:100%;max-width:1000px;padding-left:20px;padding-right:20px}}@media screen and (min-width: 769px){.in_480{width:520px}}@media screen and (min-width: 769px){.in_800{max-width:840px}}@media screen and (min-width: 769px){.in_1028{max-width:1068px}}@media screen and (max-width: 768px){.in_1028{padding-left:25px;padding-right:25px}}.in_full{padding-left:0;padding-right:0}.hide{display:none !important}.vh100{height:100vh}.js-in{transition-duration:2s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-property:opacity, transform;opacity:0}@media screen and (min-width: 769px){.js-in{transform:translateY(30px)}}@media screen and (max-width: 768px){.js-in{transform:translateY(20px)}}.js-in.inview{opacity:1;transform:translateY(0)}a{display:inline-block;outline:none;transition:1s cubic-bezier(0.23, 1, 0.32, 1);color:#222222}a:focus{outline:none}.ico{display:inline-block;vertical-align:middle}.ico img{position:relative;vertical-align:middle}h2.tit{position:relative;text-align:center;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){h2.tit{margin-bottom:55px;padding:100px 0 30px;font-size:38px}}@media screen and (max-width: 768px){h2.tit{margin-bottom:60px;padding:100px 0 44px;font-size:38px}}h2.tit::before{content:'';position:absolute;background:#000;left:50%;bottom:0;transform:translateX(-50%)}@media screen and (min-width: 769px){h2.tit::before{width:100px;height:2px}}@media screen and (max-width: 768px){h2.tit::before{width:100px;height:2px}}p.lead{margin-bottom:2em;line-height:2;text-align:center}@media screen and (max-width: 768px){p.lead{padding:0 32px}}.arr{position:relative;display:inline-block;top:-4px;margin-left:15px;width:24px;height:10px;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}a.btn{position:relative;display:block;margin-left:auto;margin-right:auto;background:#fff;text-align:center;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1);border:1px solid #000;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){a.btn{padding:18px 5px 18px 43px;font-size:19px}}@media screen and (max-width: 768px){a.btn{padding:20px 5px;padding-left:20px;font-size:18px;line-height:1.5;width:calc(100% - 64px)}}a.btn:hover{background:#000;color:#fff}a.btn:hover .arr svg polygon{fill:#fff}#dummyCener{position:fixed;display:block;top:0px;left:50%;width:1px;height:100vh;background:#f00;margin-left:1px;z-index:999}.limg{opacity:0;transition:1s cubic-bezier(0.23, 1, 0.32, 1)}.lazyloaded{opacity:1}.swiper-button-prev,.swiper-button-next{margin-top:0;transform:translate(-50%, -50%);overflow:hidden;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 769px){.swiper-button-prev,.swiper-button-next{width:21px;height:50px}.swiper-button-prev:hover,.swiper-button-next:hover{opacity:0.6}}@media screen and (max-width: 768px){.swiper-button-prev,.swiper-button-next{width:12px;height:28px}}.swiper-button-prev{background:url(https://dolive.media/img/house/tether/arr_prev.svg) no-repeat center center;background-size:cover}@media screen and (min-width: 769px){.swiper-button-prev{left:-60px}}@media screen and (max-width: 768px){.swiper-button-prev{left:-14px}}.swiper-button-next{background:url(https://dolive.media/img/house/tether/arr_next.svg) no-repeat center center;background-size:cover}@media screen and (min-width: 769px){.swiper-button-next{right:-60px}}@media screen and (max-width: 768px){.swiper-button-next{right:-26px}}.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{top:50%}.swiper-container .swiper-pagination{position:relative;bottom:auto}@media screen and (min-width: 769px){.swiper-container .swiper-pagination{margin:18px 0 0;text-align:right}}@media screen and (max-width: 768px){.swiper-container .swiper-pagination{margin:13px 0 0}}.swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#e6e6e6;opacity:1}@media screen and (min-width: 769px){.swiper-container .swiper-pagination .swiper-pagination-bullet{margin:0 0 0 5px}}@media screen and (max-width: 768px){.swiper-container .swiper-pagination .swiper-pagination-bullet{margin:0 3px}}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;transition:all 0.2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:1}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all 0.2s ease-in-out;transform:scale(0.8)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all 0.3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(0.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}@keyframes scroll{0%{top:0;height:0}25%{top:0;height:100%}75%{top:auto;bottom:0;height:100%}100%{top:auto;bottom:0;height:0}}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes imgShow{0%{opacity:0}100%{opacity:1}}@keyframes arrFloat{0%{transform:translate(-50%, -10px)}70%{transform:translate(-50%, 0px)}100%{transform:translate(-50%, -10px)}}@keyframes bgGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body.top{width:100%}body.top .kv{position:relative;width:100%;height:100vh;background:#fff;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 769px){body.top .kv{min-width:1024px;min-height:700px;margin-bottom:175px}}@media screen and (max-width: 768px){body.top .kv{margin-bottom:83px}}body.top .kv .title{position:absolute;z-index:2;opacity:0;transition:2s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:1s}body.top .kv .title img{width:100%}@media screen and (min-width: 769px){body.top .kv .title{padding-right:80px;width:294px;top:calc(50% - 13px);left:calc(50% - 290px)}body.top .kv .title::after{content:'';display:block;position:absolute;top:0;right:0;width:2px;height:110px;background:#000}}@media screen and (max-width: 768px){body.top .kv .title{margin:0;top:50%;left:50%;width:225px;transform:translate(-50%, -90%)}}body.top .kv .copy{position:absolute;z-index:2;opacity:0;transition:2s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:.8s}@media screen and (min-width: 769px){body.top .kv .copy{top:calc(50% - 10px);left:calc(50% + 64px)}}@media screen and (max-width: 768px){body.top .kv .copy{top:calc(50% + 40px);left:50%;width:237px;transform:translateX(-50%)}}body.top .kv .line{position:absolute;font-family:'mono45-headline', monospace;font-weight:500;writing-mode:tb-rl;writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;z-index:2}@media screen and (min-width: 769px){body.top .kv .line{top:30px;right:37px;font-size:25px}}@media screen and (max-width: 768px){body.top .kv .line{top:16px;right:16px;font-size:15px}}body.top .kv .scroll{position:absolute;bottom:0;right:28px;font-size:14px;font-family:'mono45-headline', monospace;font-weight:500;writing-mode:tb-rl;writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;z-index:2}body.top .kv .scroll a{position:relative;padding:0 0 40px 3px}body.top .kv .scroll a::before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#000;animation:scroll 3s infinite}@media screen and (max-width: 768px){body.top .kv .scroll{right:16px}body.top .kv .scroll a{padding:0 0 40px 3px}}body.top .kv p.shoulder{position:absolute;top:28px;left:32px;font-size:12px;font-family:'mono45-headline', monospace;font-weight:500;z-index:2}@media screen and (max-width: 768px){body.top .kv p.shoulder{display:none}}body.top .kv .links{position:absolute;transition:1.8s cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transition-delay:1s}@media screen and (min-width: 769px){body.top .kv .links{width:150px;right:142px;bottom:56px}}@media screen and (max-width: 768px){body.top .kv .links{display:none}}body.top .kv .links_item{display:block}body.top .kv .links_item a{position:relative;display:inline-block;padding-bottom:2px;color:#222;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){body.top .kv .links_item a{margin-bottom:16px;padding-right:22px;font-size:16px}}body.top .kv .links_item a::before,body.top .kv .links_item a::after{content:'';display:block;position:absolute;transition:0.8s cubic-bezier(0.23, 1, 0.32, 1)}body.top .kv .links_item a::before{right:0;bottom:0;width:100%;height:1px;background:#222}body.top .kv .links_item a::after{right:3px;bottom:8px;transform:rotate(-45deg);border-bottom:1px solid #222;border-left:1px solid #222;width:6px;height:6px}body.top .kv .links_item a:hover::before{width:0px}body.top .kv .links_item a:hover::after{bottom:3px}body.top .kv .post_item{position:absolute;transition:1.8s cubic-bezier(0.23, 1, 0.32, 1);transition-property:opacity;opacity:0}body.top .kv .post_item .img{height:auto}body.top .kv .post_item .txt{display:block;padding-top:6px;font-size:12px;color:#999;line-height:1.35;text-align:right;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (max-width: 768px){body.top .kv .post_item .txt{font-size:10px}}body.top .kv .post #post01{left:14.6%;top:-142px;width:400px;transition-delay:0.9s}@media screen and (max-width: 768px){body.top .kv .post #post01{left:calc(50% + 12px);top:auto;bottom:-33px;width:100px}}body.top .kv .post #post02{left:9.5%;bottom:-90px;width:250px;transition-delay:0.5s}@media screen and (max-width: 768px){body.top .kv .post #post02{left:0;bottom:30px;width:140px}}body.top .kv .post #post03{right:11.7%;top:30px;width:250px}@media screen and (max-width: 768px){body.top .kv .post #post03{left:20px;right:auto;top:-20px;width:180px}}body.top .kv .post #post04{right:5.8%;top:calc(50% - 6px);width:150px;transition-delay:0.4s}@media screen and (max-width: 768px){body.top .kv .post #post04{display:none}}body.top .kv .post #post06{left:5.8%;top:calc(50% - 70px);width:150px;transition-delay:0.3s}@media screen and (max-width: 768px){body.top .kv .post #post06{display:none}}body.top .kv .post #post08{left:calc(50% + 7px);top:10.7%;width:150px;transition-delay:0.6s}@media screen and (max-width: 768px){body.top .kv .post #post08{left:auto;right:-140px;top:auto;bottom:138px;width:180px}}body.top .kv .post #post09{left:calc(50% + 37px);bottom:-130px;width:250px;transition-delay:0.7s}@media screen and (max-width: 768px){body.top .kv .post #post09{left:auro;right:45px;top:100px;bottom:auto;width:100px}}body.top .kv .post #post10{left:35.8%;bottom:42px;width:150px;transition-delay:0.2s}@media screen and (max-width: 768px){body.top .kv .post #post10{left:-70px;top:calc(50% - 80px);bottom:auto;width:100px}}body.top .kv.ready .copy,body.top .kv.ready .title,body.top .kv.ready .links,body.top .kv.ready .post_item{opacity:1}body.top section.banner{text-align:center}body.top section.banner .btns{display:flex;align-items:stretch}body.top section.banner .btns .col{flex:1}body.top section.banner .banner{display:inline-flex;padding-top:calc(240 / 940 * 100%);background-size:100% 100%;width:100%}body.top section.banner .banner-house-garage{background-image:url(https://dolive.media/img/magazine/top/house-garage-banner.jpg)}body.top section.banner .banner-nihon-noie{background-image:url(https://dolive.media/img/magazine/top/nihon-noie-banner.jpg)}@media (min-width: 768px){body.top section.banner .wrapper{width:70%;margin-left:auto;margin-right:auto}body.top section.banner .btns{margin-left:-40px}body.top section.banner .btns:not(:nth-child(1)){margin-top:20px}body.top section.banner .col{margin-left:40px}}@media (max-width: 767px){body.top section.banner .wrapper{width:auto;margin:0;padding-left:0.2rem;padding-right:0.2rem}body.top section.banner .btns{display:block}body.top section.banner .btns:nth-child(1){margin-top:-20px}body.top section.banner .col{margin-top:20px}}body.top .section-common-padding{padding:100px 0}body.top .product_item{width:100%}body.top .product_item .img{position:relative}body.top .product_item .img .label{position:absolute;left:50px;z-index:2}@media screen and (min-width: 769px){body.top .product_item .img .label:hover{opacity:0.7}}@media screen and (max-width: 768px){body.top .product_item .img .label{left:20px;width:70px}}body.top .product_item .img>a:hover .p_img{opacity:0.7;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}body.top .product_item .img .p_img{width:100%;height:auto}body.top .product_item .img .p_logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){body.top .product_item .img .p_logo{width:196px}}@media screen and (min-width: 769px){body.top .product_item .info{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;padding:56px 20px 112px;max-width:1140px}}@media screen and (max-width: 768px){body.top .product_item .info{padding:26px 20px 35px}}@media screen and (min-width: 769px){body.top .product_item .info_outline{width:52%}}body.top .product_item .info_outline .tit{margin-bottom:20px;font-size:28px;font-weight:bold;line-height:1.9;letter-spacing:0.2em}@media screen and (max-width: 768px){body.top .product_item .info_outline .tit{margin-bottom:14px;font-size:14px}}body.top .product_item .info_outline .txt{font-size:14px;line-height:2.5;font-weight:bold}@media screen and (max-width: 768px){body.top .product_item .info_outline .txt{font-size:12px;line-height:2}}@media screen and (min-width: 769px){body.top .product_item .info_detail{width:40.3%}}@media screen and (max-width: 768px){body.top .product_item .info_detail{padding-top:33px}}body.top .product_item .info_detail .name{font-size:20px;font-weight:bold;line-height:2;letter-spacing:0.25em}@media screen and (max-width: 768px){body.top .product_item .info_detail .name{font-size:14px}}body.top .product_item .info_detail .sub{font-size:12px;color:#999999;letter-spacing:0.15em;font-weight:bold}@media screen and (max-width: 768px){body.top .product_item .info_detail .sub{font-size:9px}}body.top .product_item .info_detail .point{margin:22px 0 30px;font-size:9px;line-height:2;position:relative}body.top .product_item .info_detail .point_item{margin-right:5px;font-weight:bold}body.top .product_item .info_detail .point .point_item{position:absolute;top:4px;left:0}body.top .product_item .info_detail .point .tag_item{display:inline-block;padding-left:82px;line-height:2}body.top .product_item .info_detail .produce{margin-top:20px;font-size:12px;font-weight:bold}@media screen and (max-width: 768px){body.top .product_item .info_detail .produce{font-size:9px}}body.top .product_item .info_detail .produce .by{letter-spacing:0.15em}body.top .product_item .info_detail .produce .member{letter-spacing:0.15em}body.top .product_item .info_detail .produce .member img{margin-left:20px;vertical-align:middle}@media screen and (max-width: 768px){body.top .product_item .info_detail .produce .member img{margin-left:11px;zoom:0.8}}body.top .product_item .info_detail .tag{position:relative}@media screen and (min-width: 769px){body.top .product_item .info_detail .tag{margin-top:60px;padding-top:18px;padding-right:120px;border-top:1px solid #c0c0c0;line-height:2}}@media screen and (max-width: 768px){body.top .product_item .info_detail .tag{margin:20px 0 0}}body.top .product_item .info_detail .tag_item{letter-spacing:0.1em;line-height:1.8}body.top .product_item .info_detail .tag .link{font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){body.top .product_item .info_detail .tag .link{position:absolute;right:0;top:0;padding:22px 0;font-size:18px;letter-spacing:0.05em}}@media screen and (max-width: 768px){body.top .product_item .info_detail .tag .link{position:relative;display:block;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:13px 0;line-height:1;font-size:14px;letter-spacing:0.1em}}body.top .product_item .info_detail .tag .link .arr_d{margin-left:20px;vertical-align:middle;transition:0.8s cubic-bezier(0.23, 1, 0.32, 1);position:relative;right:0}@media screen and (min-width: 769px){body.top .product_item .info_detail .tag .link .arr_d{top:-2px}}@media screen and (max-width: 768px){body.top .product_item .info_detail .tag .link .arr_d{position:absolute;right:1px;top:50%;margin-top:-4px;width:10px;height:10px}}@media screen and (min-width: 769px){body.top .product_item .info_detail .tag .link:hover .arr_d{right:5px}}body.top .product .product01 a{display:block}body.top .product .product01 .p_logo{top:25%}body.top .product .product01 .p_img{background-image:url(https://dolive.media/img/house/top/prd01_img.jpg);background-size:cover;background-position:center center;height:640px}body.top .product .product05 a{display:block}body.top .product .product05 .p_logo{top:25%}body.top .product .product05 .p_img{background-image:url(https://dolive.media/img/house/top/prd05_img.png);background-size:cover;background-position:center center;height:640px}body.top .product .product04 a{display:block}body.top .product .product04 .p_logo{top:25%}body.top .product .product04 .p_img{background-image:url(https://dolive.media/img/house/top/prd04_img.jpg);background-size:cover;background-position:center center;height:640px}body.top .product .product03 a{display:block}body.top .product .product03 .p_img{background-image:url(https://dolive.media/img/house/top/prd03_img.jpg);background-size:cover;background-position:center center;height:639px}@media screen and (max-width: 768px){body.top .product .product03 .p_img{background-image:url(https://dolive.media/img/house/top/prd03_img_sp.jpg);height:240px}}@media screen and (max-width: 768px){body.top .product .product01 h2.img .p_logo{width:196px}body.top .product .product01 .p_img{height:240px}body.top .product .product05 h2.img .p_logo{width:196px}body.top .product .product05 .p_img{height:240px}body.top .product .product04 h2.img .p_logo{width:196px}body.top .product .product04 .p_img{height:240px}body.top .product .product02 h2.img .p_logo{width:140px}body.top .product .product03 h2.img .p_logo{width:78px}body.top .product .product05 h2.img .p_logo{width:196px}}body.top .product_label{background:#f4f4f4}body.top .product_label .tit{margin:0;padding:0}body.top .product_label .tit::before{display:none}body.top .product_label .txt{margin:62px 0 70px;text-align:center;line-height:2.55;font-weight:bold;font-size:14px}body.top .product_label .link{text-align:center}body.top .product_label .link .btn{display:inline-block;background:none;letter-spacing:0.25em}@media screen and (min-width: 769px){body.top .product_label_in{padding:118px 0 120px}body.top .product_label .btn{width:448px;padding:19px 10px 18px;font-size:18px}body.top .product_label .btn:hover{background:#000;color:#fff}}@media screen and (max-width: 768px){body.top .product_label_in{padding:68px 20px 50px}body.top .product_label .tit img{width:246px;height:auto;font-size:13px}body.top .product_label .txt{margin:30px 0 36px;font-size:12px;font-weight:normal}body.top .product_label .btn{width:100%;padding:13px 10px 11px;font-size:12px}}body.top .shop{background:#fafafa}@media screen and (min-width: 769px){body.top .shop{padding:95px 0 40px}}@media screen and (max-width: 768px){body.top .shop{padding:40px 0 0}}@media screen and (min-width: 769px){body.top .shop_links{display:flex;justify-content:space-around;margin:0 auto 96px;max-width:1100px}}@media screen and (max-width: 768px){body.top .shop_links{padding:0 10px 50px}}body.top .shop_links .btn{margin:0;padding:16px 0px 14px;background:#000;color:#fff;letter-spacing:0.2em;line-height:1}body.top .shop_links .btn .ico{display:inline-block;margin-right:15px;vertical-align:middle}body.top .shop_links .btn .ico svg{vertical-align:middle}@media screen and (min-width: 769px){body.top .shop_links .btn{width:356px;font-size:18px}body.top .shop_links .btn:hover{background:#fff;color:#000}body.top .shop_links .btn:hover .ico svg path,body.top .shop_links .btn:hover .ico svg polygon{fill:#000 !important}}@media screen and (max-width: 768px){body.top .shop_links .btn{margin:0 0 10px;padding:13px 10px;width:100%;font-size:14px}}body.top .shop_explain{display:flex;background:#fff;margin:0 auto}@media screen and (min-width: 769px){body.top .shop_explain{padding:40px 0;width:1100px}}@media screen and (max-width: 768px){body.top .shop_explain{flex-direction:column;padding:0 35px;width:calc(100% - 40px)}}body.top .shop_explain .logo{text-align:center}@media screen and (min-width: 769px){body.top .shop_explain .logo{border-right:1px solid #cbcbcb;width:50%}body.top .shop_explain .logo a{display:block;position:relative;top:50%;transform:translateY(-50%)}body.top .shop_explain .logo img{width:294px;height:auto}}@media screen and (max-width: 768px){body.top .shop_explain .logo{padding:50px 15px;border-bottom:1px solid #cbcbcb}}@media screen and (min-width: 769px){body.top .shop_explain .info{width:50%;padding:24px 68px 0 58px}}@media screen and (max-width: 768px){body.top .shop_explain .info{padding:40px 0 40px}}body.top .shop_explain .info .lead{margin:0;text-align:left;font-size:12px}@media screen and (max-width: 768px){body.top .shop_explain .info .lead{margin:0 0 1.5em;padding:0;text-align:center}}body.top .shop_explain .info .link{margin-top:30px;font-size:19px;text-align:right;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (max-width: 768px){body.top .shop_explain .info .link{margin-top:36px;text-align:center}}body.top .shop_explain .info .link .arr{margin-left:14px;width:40px;transition:0.8s cubic-bezier(0.23, 1, 0.32, 1);position:relative;right:0}body.top .shop_explain .info .link .arr::before{width:40px}body.top .shop_explain .info .link .arr::after{width:10px}@media screen and (max-width: 768px){body.top .shop_explain .info .link .arr{width:30px}body.top .shop_explain .info .link .arr::before{width:30px}body.top .shop_explain .info .link .arr::after{width:8px}}@media screen and (min-width: 769px){body.top .shop_explain .info .link:hover .arr{right:4px}}body.top .shop_bnrs{margin:100px 0 60px;text-align:center}body.top .shop_bnrs .bnr:hover{opacity:0.7}@media screen and (max-width: 768px){body.top .shop_bnrs{margin:70px 0 100px;padding:0 20px}}body.top .section-top-gallery{background:#f4f4f4;padding:0 0 95px 0}@media screen and (max-width: 768px){body.top .section-top-gallery{padding:0 20px 95px}}body.top .section-top-gallery .tit{font-size:64px}@media screen and (max-width: 768px){body.top .section-top-gallery .tit{font-size:32px;padding:100px 0 22px}}body.top .section-top-gallery .tit img{width:352px}@media screen and (max-width: 768px){body.top .section-top-gallery .tit img{width:176px}}body.top .section-top-gallery .btn-common{width:300px;margin:0 auto}body.top .section-top-gallery .btn-common a{display:flex;align-items:center;justify-content:center;height:55px;border:1px solid #000;font-size:19px}body.top .section-top-gallery .btn-common a span{display:inline-block;padding:0 50px;background:url(https://dolive.media/img/magazine/common/icon_arrow_btn.png) no-repeat right center/25px}body.top .section-top-gallery .btn-common.center-left{width:400px}body.top .section-top-gallery .btn-common.center-left span{padding-right:40px;padding-left:0}@media only screen and (max-width: 767px){body.top .section-top-gallery .btn-common{width:15rem}body.top .section-top-gallery .btn-common a{height:2.75rem;font-size:0.95rem}body.top .section-top-gallery .btn-common a span{padding:0 2.5rem;background-size:1.75rem}body.top .section-top-gallery .btn-common.center-left{width:15rem}body.top .section-top-gallery .btn-common.center-left span{padding-right:20rem}}body.top .section-top-gallery .grid-masonry{max-height:460px;overflow:hidden;position:relative}body.top .section-top-gallery .grid-masonry::before{position:absolute;content:"";background:url(https://dolive.media/img/house/top/bg_transpa.png) no-repeat;background-size:100%;bottom:0;left:0;width:100%;height:140px;z-index:1}body.top .grid-masonry{display:flex;margin:50px auto 0;max-width:1000px}body.top .grid-masonry .grid-sizer,body.top .grid-masonry .grid-item{width:20%}body.top .grid-masonry .grid-item{padding:10px}@media screen and (max-width: 768px){body.top .grid-masonry{justify-content:space-between;margin:0 -0.35rem;margin-top:3rem}body.top .grid-masonry .grid-sizer,body.top .grid-masonry .grid-item{width:50%}body.top .grid-masonry .grid-item{padding:0 0.35rem 0.75rem}body.top .section-top-gallery .grid-masonry{max-height:25.1rem}body.top .section-top-gallery .grid-masonry::before{background-size:auto 100%;height:7rem}}body.tether{background:#f7f7f7;width:100vw}body.tether .kv{position:relative;width:100%;height:100vh;background:#fff}@media screen and (min-width: 769px){body.tether .kv{min-width:1024px;min-height:700px;max-height:750px}}@media screen and (min-width: 769px){body.tether .kv .logo{padding:24px 0 25px;text-align:center}body.tether .kv .logo img{height:40px;width:auto}}@media screen and (max-width: 768px){body.tether .kv .logo{padding:15px 0 15px 20px}body.tether .kv .logo img{height:28px;width:auto}}body.tether .kv figure.img{position:relative;margin:0 auto;background-origin:center center;background-repeat:no-repeat;background-size:cover;opacity:0;transition:1.5s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:.3s}@media screen and (min-width: 769px){body.tether .kv figure.img{background-image:url(https://dolive.media/img/house/tether/main.png);max-width:980px;height:500px;padding:0 20px}}@media screen and (max-width: 768px){body.tether .kv figure.img{position:relative;margin:0 auto;width:calc(100% - 40px);height:0;padding-top:110%}body.tether .kv figure.img .img_kv{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://dolive.media/img/house/tether/main_sp.png) no-repeat center center;background-size:cover}}body.tether .kv .title{z-index:2;opacity:0;transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:.6s;font-feature-settings:"palt" 1;letter-spacing:0.15em;font-weight:bold;line-height:1.7}@media screen and (min-width: 769px){body.tether .kv .title{position:relative;margin:35px auto 0;font-size:20px;width:1020px;padding:0 45px}}@media screen and (max-width: 768px){body.tether .kv .title{position:relative;margin:0;padding:25px 20px 20px;font-size:16px}}body.tether .kv .update{color:#999;opacity:0;transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:1s;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){body.tether .kv .update{position:absolute;left:50%;bottom:60px;font-size:14px;width:1020px;padding:0 50px;text-align:right;transform:translateX(-50%)}}@media screen and (max-width: 768px){body.tether .kv .update{position:relative;padding-left:20px;font-size:10px}}body.tether .kv .date{position:absolute;font-family:'mono45-headline', monospace;font-weight:500;z-index:2}@media screen and (min-width: 769px){body.tether .kv .date{top:20px;left:22px;width:42px}}@media screen and (max-width: 768px){body.tether .kv .date{display:none}}@media screen and (min-width: 769px){body.tether .kv .date span{font-size:13px}body.tether .kv .date span.d{display:block;font-size:46px}}body.tether .kv .scroll{position:absolute;bottom:0;right:28px;font-size:14px;font-family:'mono45-headline', monospace;font-weight:500;writing-mode:tb-rl;writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;z-index:2;opacity:0;transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:1.2s}body.tether .kv .scroll a{position:relative;padding:0 0 45px 3px}body.tether .kv .scroll a::before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#000;animation:scroll 3s infinite}@media screen and (max-width: 768px){body.tether .kv .scroll{right:16px}body.tether .kv .scroll a{padding:0 0 40px 3px}}body.tether .kv .line{position:absolute;font-family:'mono45-headline', monospace;font-weight:500;writing-mode:tb-rl;writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;z-index:2}@media screen and (min-width: 769px){body.tether .kv .line{top:90px;left:26px;font-size:25px}}@media screen and (max-width: 768px){body.tether .kv .line{display:none}}body.tether .kv p.tag{position:absolute;top:20px;left:30px;font-size:12px;font-family:'mono45-headline', monospace;font-weight:500;z-index:2}@media screen and (max-width: 768px){body.tether .kv p.tag{display:none}}body.tether .kv p.tag span{margin-right:8px}body.tether .kv.ready figure.img,body.tether .kv.ready .copy,body.tether .kv.ready .title,body.tether .kv.ready .update,body.tether .kv.ready .scroll{opacity:1}body.tether h2.tit{position:relative;text-align:center;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){body.tether h2.tit{margin-bottom:55px;padding:100px 0 32px;font-size:38px}}@media screen and (max-width: 768px){body.tether h2.tit{margin-bottom:60px;padding:100px 0 44px;font-size:38px}}body.tether h2.tit::before{content:'';position:absolute;background:#000;left:50%;bottom:0;transform:translateX(-50%)}@media screen and (min-width: 769px){body.tether h2.tit::before{width:100px;height:2px}}@media screen and (max-width: 768px){body.tether h2.tit::before{width:100px;height:2px}}body.tether p.lead{margin-bottom:2em;line-height:2;text-align:center}@media screen and (max-width: 768px){body.tether p.lead{padding:0 32px}}body.tether .arr{position:relative;display:inline-block;top:-3px;margin-left:15px;width:24px;height:10px}body.tether a.btn{position:relative;display:block;margin-left:auto;margin-right:auto;background:#fff;text-align:center;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1);border:1px solid #000;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){body.tether a.btn{padding:18px 5px;padding-left:30px;font-size:19px}}@media screen and (max-width: 768px){body.tether a.btn{padding:20px 5px;padding-left:20px;font-size:18px;line-height:1.5;width:calc(100% - 64px)}}body.tether a.btn:hover{background:#000;color:#fff}body.tether a.btn:hover .arr svg polygon{fill:#000}body.tether .pickup{padding-bottom:60px}@media screen and (max-width: 768px){body.tether .pickup{padding-bottom:100px}}body.tether .pickup .post{margin:0 auto;display:flex;flex-wrap:wrap}@media screen and (min-width: 769px){body.tether .pickup .post{padding-top:10px;width:1020px}}@media screen and (max-width: 768px){body.tether .pickup .post{width:100%;padding:0 13px}}body.tether .pickup .post_item{background:#fff;position:relative}@media screen and (min-width: 769px){body.tether .pickup .post_item{margin:0 20px 40px;width:calc((100% / 3) - 40px)}body.tether .pickup .post_item:hover{opacity:0.7}}@media screen and (max-width: 768px){body.tether .pickup .post_item{margin:0 7px 15px;width:calc((100% / 2) - 14px)}}body.tether .pickup .post_item.morePost{display:none}body.tether .pickup .post_item .img{position:relative;width:100%;padding-top:70%;overflow:hidden}body.tether .pickup .post_item .img img{position:absolute;left:0;top:50%;display:block;width:100%;height:auto;transform:translateY(-50%)}body.tether .pickup .post_item .info{padding:16px 16px 40px}@media screen and (max-width: 768px){body.tether .pickup .post_item .info{padding:12px 10px 24px}}body.tether .pickup .post_item .cate span{display:inline-block;padding:3px 6px;line-height:1;background:#000;color:#fff;font-weight:600;font-size:8px}@media screen and (max-width: 768px){body.tether .pickup .post_item .cate span{padding:3px 3px;font-size:7px}}body.tether .pickup .post_item .tit{margin:10px 0 0;font-size:14px;line-height:1.7}@media screen and (max-width: 768px){body.tether .pickup .post_item .tit{margin:6px 0 0;font-size:8px}}body.tether .pickup .post_item .date{position:absolute;right:16px;bottom:16px;font-size:11px;color:#989898;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (max-width: 768px){body.tether .pickup .post_item .date{right:10px;bottom:12px;font-size:8px}}body.tether .pickup .link{text-align:center;height:auto;overflow:hidden;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 769px){body.tether .pickup .link{margin:60px 0 40px}}@media screen and (max-width: 768px){body.tether .pickup .link{padding-top:45px}}body.tether .pickup .link.close{margin:0;padding:0;height:0;opacity:0}body.tether .pickup .link a.btn{display:inline-block;background:none}@media screen and (min-width: 769px){body.tether .pickup .link a.btn{padding:18px 5px;width:300px}}@media screen and (max-width: 768px){body.tether .pickup .link a.btn{margin:0 auto;padding:18px 5px 16px;line-height:1;width:calc(100% - 80px)}}body.tether .pickup .link a.btn:hover{background:#000}body.tether .follow{background:#fff}body.tether .follow .bnr{text-align:center;padding-top:30px;padding-bottom:100px}@media screen and (min-width: 769px){body.tether .follow .bnr_item:hover{opacity:0.7}}body.tether .follow .sns{text-align:center;padding-top:30px;padding-bottom:100px}body.tether .follow .sns_item{display:inline-block;box-sizing:border-box}@media screen and (min-width: 769px){body.tether .follow .sns_item{width:56px}}@media screen and (max-width: 768px){body.tether .follow .sns_item{width:56px}}body.tether .follow .sns_item svg{width:100%;height:auto}body.tether .follow .sns_item svg *{fill:#333;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 769px){body.tether .follow .sns_item:hover svg *{fill:#ffcd5a !important}}@media screen and (min-width: 769px){body.tether .campaign{padding-bottom:80px}}@media screen and (max-width: 768px){body.tether .campaign{padding-bottom:60px}}body.tether .campaign h3.tit{text-align:center;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (min-width: 769px){body.tether .campaign h3.tit{margin:75px 0 55px;font-size:27px}}@media screen and (max-width: 768px){body.tether .campaign h3.tit{margin:48px 0 50px;font-size:20px}}body.tether .campaign h3.tit span{position:relative;display:inline-block}body.tether .campaign h3.tit span::before,body.tether .campaign h3.tit span::after{content:'';position:absolute;top:50%;width:50px;height:1px;background:#000}body.tether .campaign h3.tit span::before{left:-72px}body.tether .campaign h3.tit span::after{right:-72px}@media screen and (max-width: 768px){body.tether .campaign h3.tit span::before{width:30px;left:-42px}body.tether .campaign h3.tit span::after{width:30px;right:-42px}}body.tether .campaign .list{margin:0 auto;display:flex;flex-wrap:wrap}@media screen and (min-width: 769px){body.tether .campaign .list{width:1020px}}@media screen and (max-width: 768px){body.tether .campaign .list{padding:0 13px}}body.tether .campaign .list_item{background:#e5e5e5;color:#fff;text-align:center;position:relative}@media screen and (min-width: 769px){body.tether .campaign .list_item{margin:0 10px 20px;width:calc((100% / 4) - 20px)}body.tether .campaign .list_item:hover{opacity:0.7}}@media screen and (max-width: 768px){body.tether .campaign .list_item{margin:0 7px 20px;width:calc((100% / 2) - 14px);font-size:20px}}@media screen and (max-width: 768px){body.tether .campaign .list_item.soon{height:calc((100vw / 2) - 27px)}}body.tether .campaign .list .soon_txt{position:relative;top:50%;margin-top:3px;transform:translateY(-50%);width:100%;line-height:1;font-family:'mono45-headline', monospace;font-weight:500}body.tether .project{background:#fff}@media screen and (min-width: 769px){body.tether .project{padding-bottom:90px}}@media screen and (max-width: 768px){body.tether .project{padding-bottom:100px}}body.tether .project .outline{border:1px solid #000;margin:0 auto}@media screen and (min-width: 769px){body.tether .project .outline{max-width:980px;display:flex}}@media screen and (max-width: 768px){body.tether .project .outline{width:calc(100% - 40px)}}body.tether .project .outline .figure{background:url(https://dolive.media/img/house/tether/img_housepj_pc.png) no-repeat center center;background-size:cover}@media screen and (min-width: 769px){body.tether .project .outline .figure{flex:1;height:360px}}@media screen and (max-width: 768px){body.tether .project .outline .figure{width:100%;height:calc((100vw - 40px) * 0.66)}}@media screen and (min-width: 769px){body.tether .project .outline .info{width:420px;border-left:1px solid #000}}@media screen and (max-width: 768px){body.tether .project .outline .info{border-top:1px solid #000}}body.tether .project .outline .info_in{text-align:center}@media screen and (min-width: 769px){body.tether .project .outline .info_in{position:relative;top:50%;transform:translateY(-50%)}}@media screen and (max-width: 768px){body.tether .project .outline .info_in{padding:56px 0 0}}@media screen and (min-width: 769px){body.tether .project .outline .info .logo{margin:30px 0 30px}body.tether .project .outline .info .logo img{width:204px}}@media screen and (max-width: 768px){body.tether .project .outline .info .logo{margin:0 0 40px}body.tether .project .outline .info .logo img{width:160px}}body.tether .project .outline .info .txt{font-size:12px;color:#222222;line-height:2}@media screen and (max-width: 768px){body.tether .project .outline .info .txt{padding:0 10px}}body.tether .project .outline .info a.btn{border:0;border-top:1px solid #c8c8c8}@media screen and (min-width: 769px){body.tether .project .outline .info a.btn{width:350px;margin-top:30px;padding-top:20px}}@media screen and (max-width: 768px){body.tether .project .outline .info a.btn{margin-top:40px}}body.tether .project .outline .info a.btn:hover{background:0;color:#222222}body.tether .project .outline .info a.btn:hover .arr::before,body.tether .project .outline .info a.btn:hover .arr::after{background:#222222}@media screen and (min-width: 769px){body.tether .who{padding-bottom:80px}}@media screen and (max-width: 768px){body.tether .who{padding:0 20px 60px}}body.tether .who_explain{display:flex;background:#fff;margin:0 auto}@media screen and (min-width: 769px){body.tether .who_explain{padding:40px 0;width:980px}}@media screen and (max-width: 768px){body.tether .who_explain{flex-direction:column;padding:0 35px}}body.tether .who_explain .logo{text-align:center}@media screen and (min-width: 769px){body.tether .who_explain .logo{width:50%;border-right:1px solid #cbcbcb}body.tether .who_explain .logo img{position:relative;top:50%;transform:translateY(-50%);width:360px}}@media screen and (max-width: 768px){body.tether .who_explain .logo{padding:50px 0;border-bottom:1px solid #cbcbcb}}@media screen and (min-width: 769px){body.tether .who_explain .info{padding:24px 68px 0 58px}}@media screen and (max-width: 768px){body.tether .who_explain .info{padding:40px 0 40px}}body.tether .who_explain .info .lead{margin:0;text-align:left;font-size:12px}@media screen and (max-width: 768px){body.tether .who_explain .info .lead{margin:0 0 1.5em;padding:0;text-align:center}}body.tether .who_explain .info .link{margin-top:50px;font-size:19px;text-align:right;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (max-width: 768px){body.tether .who_explain .info .link{margin-top:36px;text-align:center}}body.tether .who_explain .info .link .arr{margin-left:14px;width:40px}body.tether .who_explain .info .link .arr::before{width:40px}body.tether .who_explain .info .link .arr::after{width:10px}body.creatorsproject{width:100%}body.creatorsproject .header{text-align:center;padding:26px 0 18px}body.creatorsproject .header .logo img{height:40px;width:auto}@media screen and (max-width: 768px){body.creatorsproject .header{padding:10px 0}body.creatorsproject .header .logo img{height:44px}}body.creatorsproject .kv{position:relative;width:100%;background:#fff;transition:0.8s cubic-bezier(0.23, 1, 0.32, 1);background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0}@media screen and (min-width: 769px){body.creatorsproject .kv{height:378px;padding:94px 0 54px;background-image:url(https://dolive.media/img/house/creatorsproject/kv_pc.png)}}@media screen and (max-width: 768px){body.creatorsproject .kv{height:288px !important;padding:78px 0 56px;background-image:url(https://dolive.media/img/house/creatorsproject/kv_sp.png)}}body.creatorsproject .kv .title,body.creatorsproject .kv .lead{opacity:0;transition:0.6s cubic-bezier(0.23, 1, 0.32, 1);transform:translateY(10px)}body.creatorsproject .kv .title{text-align:center;transition-delay:.3s}@media screen and (min-width: 769px){body.creatorsproject .kv .title{margin-bottom:10px}}@media screen and (max-width: 768px){body.creatorsproject .kv .title{margin-bottom:10px}body.creatorsproject .kv .title img{width:200px;height:auto}}body.creatorsproject .kv .lead{transition-delay:.6s;text-align:center;padding:0}@media screen and (max-width: 768px){body.creatorsproject .kv .lead{text-align:center}body.creatorsproject .kv .lead img{width:100%;max-width:366px}}body.creatorsproject .kv.ready{opacity:1}body.creatorsproject .kv.ready .title,body.creatorsproject .kv.ready .lead{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){body.creatorsproject .products{padding-bottom:90px}}@media screen and (min-width: 769px){body.creatorsproject .products .product{display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto;padding-bottom:100px;width:980px}}@media screen and (max-width: 768px){body.creatorsproject .products .product{padding:0 20px}}body.creatorsproject .products .product_item{position:relative}@media screen and (min-width: 769px){body.creatorsproject .products .product_item{width:300px}body.creatorsproject .products .product_item:hover{opacity:0.7}}@media screen and (max-width: 768px){body.creatorsproject .products .product_item{margin-bottom:30px;width:100%}body.creatorsproject .products .product_item:last-child{display:none}}body.creatorsproject .products .product_item.soon{background:#e0e0e0}@media screen and (min-width: 769px){body.creatorsproject .products .product_item.soon{height:300px}body.creatorsproject .products .product_item.soon:hover{opacity:1}}@media screen and (max-width: 768px){body.creatorsproject .products .product_item.soon{height:calc(100vw - 40px)}}body.creatorsproject .products .product_item.soon .soon_txt{position:absolute;width:100%;text-align:center;top:50%;transform:translateY(-50%);font-size:26px;color:#fff;font-family:'mono45-headline', monospace;font-weight:500}body.creatorsproject .products .product_item .info{padding-top:18px}body.creatorsproject .products .product_item .info .tit{font-size:18px;font-weight:bold}body.creatorsproject .products .product_item .info .author{margin:1.2em 0 1.4em;font-size:10px}body.creatorsproject .products .product_item .info .txt{font-size:12px;color:#979797;line-height:1.7}body.creatorsproject .plan{background:#F4F4F4}@media screen and (min-width: 769px){body.creatorsproject .plan{padding-bottom:40px}}body.creatorsproject .plan .post{margin:0 auto;display:flex;flex-wrap:wrap}@media screen and (min-width: 769px){body.creatorsproject .plan .post{padding-top:10px;width:1020px}}@media screen and (max-width: 768px){body.creatorsproject .plan .post{width:100%;padding:0 13px}}body.creatorsproject .plan .post_item{background:#fff;position:relative}@media screen and (min-width: 769px){body.creatorsproject .plan .post_item{margin:0 20px 40px;width:calc((100% / 3) - 40px)}body.creatorsproject .plan .post_item:hover{opacity:0.7}}@media screen and (max-width: 768px){body.creatorsproject .plan .post_item{margin:0 7px 15px;width:calc((100% / 2) - 14px)}}body.creatorsproject .plan .post_item .info{position:relative;padding:16px 16px 40px}@media screen and (max-width: 768px){body.creatorsproject .plan .post_item .info{padding:12px 10px 24px}}body.creatorsproject .plan .post_item .new{top:15px;right:15px;position:absolute;padding:4px 8px;border:1px solid #D23C3C;color:#D23C3C;font-size:8px;letter-spacing:0.05em;line-height:1}body.creatorsproject .plan .post_item .cate span{display:inline-block;padding:3px 6px;line-height:1;background:#000;color:#fff;font-weight:600;font-size:8px}@media screen and (max-width: 768px){body.creatorsproject .plan .post_item .cate span{padding:3px 3px;font-size:7px}}body.creatorsproject .plan .post_item .tit{margin:10px 0 0;font-size:14px;line-height:1.7}@media screen and (max-width: 768px){body.creatorsproject .plan .post_item .tit{margin:6px 0 0;font-size:8px}}body.creatorsproject .plan .post_item .date{position:absolute;right:16px;bottom:16px;font-size:11px;color:#989898;font-family:'mono45-headline', monospace;font-weight:500}@media screen and (max-width: 768px){body.creatorsproject .plan .post_item .date{right:10px;bottom:12px;font-size:8px}}body.creatorsproject .plan .link{padding-top:40px}@media screen and (max-width: 768px){body.creatorsproject .plan .link{padding:40px 36px 0}}body.creatorsproject .plan .link .btn{background:none}@media screen and (min-width: 769px){body.creatorsproject .plan .link .btn{width:300px}}@media screen and (max-width: 768px){body.creatorsproject .plan .link .btn{width:100%;padding:12px 5px 8px 45px}}body.creatorsproject .plan .link .btn:hover{background:#000}body.creatorsproject .contact_links{position:relative;border-top:1px solid #C9C9C9}@media screen and (min-width: 769px){body.creatorsproject .contact_links{min-width:1140px;margin:100px auto 40px;padding:80px 20px 0}}@media screen and (max-width: 768px){body.creatorsproject .contact_links{margin:100px auto 0;padding:78px 0px 60px;width:calc(100% - 20px)}}.pagetop{position:relative;float:right;opacity:0;transition:0.8s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 769px){.pagetop{margin-top:-10px;padding-right:40px}}@media screen and (max-width: 768px){.pagetop{margin-top:-40px;padding-right:20px}}.pagetop.fadeShow{opacity:1}.pagetop.fixed{position:fixed}@media screen and (min-width: 769px){.pagetop.fixed{padding-right:0;right:40px;bottom:40px}}@media screen and (max-width: 768px){.pagetop.fixed{padding-right:0;right:20px;bottom:30px}}@media screen and (min-width: 769px){.contact_links{display:flex;justify-content:space-between;margin:0 auto 96px;max-width:1100px}}@media screen and (max-width: 768px){.contact_links{padding:0 10px 50px}}.contact_links .btn{margin:0;padding:16px 0px 14px;background:#000;color:#fff;letter-spacing:0.2em;line-height:1}.contact_links .btn .ico{display:inline-block;margin-right:15px;vertical-align:middle}.contact_links .btn .ico svg{vertical-align:middle}@media screen and (min-width: 769px){.contact_links .btn{width:356px;font-size:18px}.contact_links .btn:hover{background:#fff;color:#000}.contact_links .btn:hover .ico svg path,.contact_links .btn:hover .ico svg polygon{fill:#000 !important}}@media screen and (max-width: 768px){.contact_links .btn{margin:0 0 10px;padding:13px 10px;width:100%;font-size:14px}}@media only screen and (min-width: 641px) and (max-width: 767px){html{font-size:18vw}}@media only screen and (max-width: 640px){html{font-size:26.66666vw}}@media only screen and (max-width: 767px){body{font-size:0.12rem}.container{width:auto;min-width:320px}.wrapper,.wrapper-sub{width:auto;margin:0;padding-left:0.2rem;padding-right:0.2rem}}#loader-box{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}@keyframes line_animation_sb1{0%{stroke-dashoffset:1038px}100%{stroke-dashoffset:0px}}@keyframes line_animation_sb2{0%{stroke-dashoffset:34.19736703432005px}100%{stroke-dashoffset:0px}}@keyframes line_animation_si1{0%{stroke-dashoffset:277.128px}100%{stroke-dashoffset:0px}}@keyframes line_animation_si2{0%{stroke-dashoffset:25.553864678361276px}100%{stroke-dashoffset:0px}}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.ft-mono{font-family:"mono45-headline", monospace;font-weight:normal !important}.btn-detail{display:inline-flex;padding:10px 47px;text-align:center;background:#222222;border:1px solid black;font-size:9px;font-weight:bold;color:white;border-radius:6px;align-items:center;justify-content:center;transition:color .5s, background-color .5s}@media screen and (max-width: 767px){.btn-detail{font-size:14px;padding:10.5px 0;width:100%}}.btn-detail svg{display:block;margin-left:5px;width:11.5px;height:3.5px}.btn-detail svg path{transition:.5s stroke;stroke:white}.btn-detail:hover{background-color:white;color:black}.btn-detail:hover svg path{stroke:black}.btn-blank{box-sizing:content-box;display:inline-flex;padding:10px 9px;width:173.5px;text-align:center;background:#222222;font-size:9px;font-weight:bold;color:white;border:1px solid black;border-radius:6px;transition:color .5s, background-color .5s;align-items:center;justify-content:center}@media screen and (max-width: 767px){.btn-blank{width:100%;font-size:14px;padding:12px 0}}.btn-blank svg{display:block;margin-left:5px;width:9px;height:9px}.btn-blank svg path{transition:.5s fill;fill:white}.btn-blank:hover{background-color:white;color:black}.btn-blank:hover svg path{fill:black}.side-nav{position:absolute;transform:rotate(90deg);font-size:19px;font-weight:bold;align-items:center;display:inline-flex}@media screen and (max-width: 767px){.side-nav{font-size:17px;height:23px}}.side-nav.-sp{display:none}@media screen and (max-width: 767px){.side-nav.-pc{display:none}.side-nav.-sp{display:inline-flex}}.side-nav:before{content:"";width:100%;height:100%;position:absolute;background:#F4F4F4;transition:1s width;right:0}.side-nav:after{content:"";display:block;width:0;height:1px;bottom:-2px;left:5px;background:black;position:absolute;transform:translate(-5px, 0);transition:1s width;transition-delay:1s}.side-nav.in-view--enter:before{width:0}.side-nav.in-view--enter:after{width:100%}.side-nav i{display:block;width:7px;height:7px;background:url(https://dolive.media/img/house/top/cross.svg) center center no-repeat;background-size:contain;margin:0 7px 3px}@keyframes loop-slide{from{transform:translateX(0)}to{transform:translateX(-75%)}}.keyvisual{width:100vw;position:relative}.keyvisual:before{content:"";position:absolute;display:block;width:92.7vw;height:29.4vw;bottom:0;right:0;background:#EFEFEF;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1500ms}@media screen and (max-width: 767px){.keyvisual:before{width:84.8vw;height:86.1vw;bottom:12.2vw}}.keyvisual.in-view.in-view--enter::before{transform:translate(0, 0);opacity:1;visibility:visible}.keyvisual .sliders{width:64.5vw;overflow:hidden;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.keyvisual .sliders{width:87vw}}.keyvisual .sliders.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.keyvisual .slider{display:flex;margin-bottom:0.5vw;animation:loop-slide 60s infinite linear 1s both;width:calc((28.75vw + 0.5vw) * 3 * 3)}@media screen and (max-width: 767px){.keyvisual .slider{width:calc((50.6vw + 1vw) * 3 * 3);margin-bottom:1vw}}.keyvisual .slider:nth-child(2){animation:loop-slide 60s infinite linear 1s both;animation-direction:reverse}.keyvisual .slider-group{display:flex;align-items:flex-start;width:calc((28.75vw + 0.5vw) * 3)}@media screen and (max-width: 767px){.keyvisual .slider-group{width:calc((50.6vw + 1vw) * 3)}}.keyvisual .slider-group img{width:28.75vw;margin-right:0.5vw}@media screen and (max-width: 767px){.keyvisual .slider-group img{width:50.6vw;margin-right:1vw}}.keyvisual .catch{position:absolute;left:47.5vw;top:0;display:flex;align-items:center;height:100%}@media screen and (max-width: 767px){.keyvisual .catch{position:relative;left:0;top:-4.2vw;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}}.keyvisual .catch-text{font-size:2.7vw;line-height:1.7;font-weight:bold}@media screen and (max-width: 767px){.keyvisual .catch-text{font-size:5.8vw}}.keyvisual .catch-text span{display:inline-block;background:white;padding:5px;font-feature-settings:"palt";font-weight:bold}.keyvisual .catch-text span.in-view:nth-child(1n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:600ms}.keyvisual .catch-text span.in-view:nth-child(2n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:700ms}.keyvisual .catch-text span.in-view:nth-child(3n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:800ms}.keyvisual .catch-text span.in-view:nth-child(4n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:900ms}.keyvisual .catch-text span.in-view:nth-child(5n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1000ms}.keyvisual .catch-text span.in-view:nth-child(6n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1100ms}.keyvisual .catch-text span.in-view:nth-child(7n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1200ms}.keyvisual .catch-text span.in-view:nth-child(8n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1300ms}.keyvisual .catch-text span.in-view:nth-child(9n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1400ms}.keyvisual .catch-text span.in-view.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.keyvisual .logo{position:absolute;width:17vw;top:6.7vw;right:9.1vw;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.keyvisual .logo{position:static;margin:48px auto;text-align:center;width:162.37px}}.keyvisual .logo.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.keyvisual .logo img{width:100%}.keyvisual .btns{position:fixed;bottom:32px;right:32px;width:158px;z-index:20;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms;transition:none}@media screen and (max-width: 767px){.keyvisual .btns{bottom:16px;right:16px;width:140px}}.keyvisual .btns .btn{background:black;border-radius:4px;height:50px;line-height:1.3;display:flex;align-items:center;justify-content:center;color:white;font-size:13px;font-weight:bold;margin-top:8px;padding:0;border:1px solid black}@media screen and (max-width: 767px){.keyvisual .btns .btn{width:100%;height:45px;font-size:11px}}.keyvisual .btns .btn.-search svg path{stroke:white;transition:.5s stroke}.keyvisual .btns .btn.-event{font-size:11px}@media screen and (max-width: 767px){.keyvisual .btns .btn.-event{font-size:10px}}.keyvisual .btns .btn.-event svg{width:14.98px;height:26.38px;margin-right:8px}.keyvisual .btns .btn.-event svg.-sp{display:none}@media screen and (max-width: 767px){.keyvisual .btns .btn.-event svg{margin-right:6.8px;width:12.76px;height:22.47px}.keyvisual .btns .btn.-event svg.-pc{display:none}.keyvisual .btns .btn.-event svg.-sp{display:inline}}.keyvisual .btns .btn.-event svg path{fill:white;transition:.5s fill}.keyvisual .btns .btn:hover{background:white;color:black}.keyvisual .btns .btn:hover.-search svg path{stroke:black}.keyvisual .btns .btn:hover.-event svg path{fill:black}.keyvisual .btns .btn svg{width:12px;height:12px;margin-right:8px}.keyvisual.in-view--enter .btns{transform:translate(0, 0);opacity:1;visibility:visible}.gallery .wrapper{max-width:990px;margin:auto}.practice{margin:50px 0 0}@media screen and (max-width: 767px){.practice .wrapper{padding:0 25px}}.practice .title-set{margin:0 0 40px}.practice .title-set .tip{width:121px;height:36px;background:url(https://dolive.media/img/house/top/balloon-1.svg) center center no-repeat;background-size:contain;display:block;margin:auto;margin-bottom:16px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.practice .title-set .tip.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.practice .title-set .title{font-size:32px;font-weight:bold;text-align:center;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.practice .title-set .title{font-size:30px}}.practice .title-set .title br{display:none}@media screen and (max-width: 767px){.practice .title-set .title br{display:inline}}.practice .title-set .title.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.practice .content{display:flex;justify-content:space-between;width:690px;margin:auto}@media screen and (max-width: 767px){.practice .content{width:100%;flex-wrap:wrap}.practice .content>a:first-of-type{margin-bottom:40px}}.practice .content .item{width:327px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.practice .content .item{width:100%;margin-bottom:64px}.practice .content .item:last-child{margin:0}}.practice .content .item:nth-child(2){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:300ms}.practice .content .item.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.practice .content .item.in-view--enter .item-img{height:190px;position:relative}.practice .content .item.in-view--enter .item-img.no-00{border:1px solid}.practice .content .item.in-view--enter .item-img img{position:absolute;top:0;bottom:0;margin:auto}.practice .content .item-content{margin-top:16px}.practice .content .item-title{font-size:15px;font-weight:bold}@media screen and (max-width: 767px){.practice .content .item-title{font-size:18px;line-height:25px}}.practice .content .item-title br{display:none}@media screen and (max-width: 767px){.practice .content .item-title br{display:inline}}.practice .content .item-text{font-size:9px;margin-top:16px;font-weight:bold;line-height:1.5}@media screen and (max-width: 767px){.practice .content .item-text{font-size:14px}}@media screen and (max-width: 767px){.practice .content .item-text br{display:inline}}.lineup{margin:100px 0 50px}@media screen and (max-width: 767px){.lineup .wrapper{padding:0 25px}}.lineup .lineup-title-sub{margin:0 auto 22px;width:176px;height:30px;position:relative;padding-top:8px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.lineup .lineup-title-sub span{display:block;text-align:center;font-weight:bold;font-size:14px}.lineup .lineup-title-sub svg{position:absolute;top:0}.lineup .lineup-title-sub svg path{fill:none;stroke:black;stroke-width:1.2px;stroke-dasharray:358.578px;stroke-dashoffset:358.578px}.lineup .lineup-title-sub svg line{fill:none;stroke:black;stroke-width:1.2px;stroke-dasharray:16.922px;stroke-dashoffset:16.922px}.lineup .lineup-title-sub.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.lineup .lineup-title-sub.in-view--enter svg path{animation:line_animation_lb1 1.5s both}.lineup .lineup-title-sub.in-view--enter svg line{animation:line_animation_lb2 1s 1.2s both}.lineup .title-set{margin:0 0 40px}.lineup .title-set .tip{width:176px;height:36px;background:url(https://dolive.media/img/house/top/balloon-2.svg) center center no-repeat;background-size:contain;display:block;margin:auto;margin-bottom:16px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.lineup .title-set .tip.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.lineup .title-set .title{font-size:50px;font-weight:bold;text-align:center;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.lineup .title-set .title{font-size:42px}}.lineup .title-set .title.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.lineup .text{font-size:14px;font-weight:bold;text-align:center;margin:32px 0 0;line-height:1.5;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.lineup .text{font-size:18px}}.lineup .text .sp-br{display:none}@media screen and (max-width: 767px){.lineup .text .sp-br{display:inline}}.lineup .text.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}@media screen and (max-width: 767px){.lineup .text.in-view--enter{text-align:left}}.lineup .list{display:flex;justify-content:space-between;margin:50px auto 0;width:800px}.lineup .list .item{width:106px;cursor:pointer}.lineup .list .item:nth-child(1n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:600ms}.lineup .list .item:nth-child(2n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:700ms}.lineup .list .item:nth-child(3n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:800ms}.lineup .list .item:nth-child(4n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:900ms}.lineup .list .item:nth-child(5n){transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:1000ms}.lineup .list .item.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.lineup .list .item .-img{transition:.5s opacity}.lineup .list .item .-img img{aspect-ratio:1/1;object-fit:cover}.lineup .list .item .-name{text-align:center;padding:6px 0 0}.lineup .list .item.-active .-img,.lineup .list .item:hover .-img{opacity:.5}@media screen and (max-width: 767px){.lineup .list-wrap{overflow-x:scroll}}@keyframes line_animation_lb1{0%{stroke-dashoffset:358.578px}100%{stroke-dashoffset:0px}}@keyframes line_animation_lb2{0%{stroke-dashoffset:16.922px}100%{stroke-dashoffset:0px}}.project{background:#383838;position:relative}.project .project-slide{position:relative}.project .project-slide.item-1 .detail-powerd img{width:45px}.project .project-slide.-item-2 .detail-powerd img{width:45px}.project .project-slide.-item-3 .detail-powerd img{width:32.665px}.project .project-slide.-item-4 .detail-powerd img{width:155.22px}.project .project-slide.-item-5 .detail-powerd img{width:38.23px}.project .project-slide.-item-6 .detail-powerd img{width:75.235px}.project .project-slide.-item-7 .detail-powerd img{width:140px}.project .img{width:50vw;position:relative;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.project .img{width:100%}}.project .img.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.project .img .-logo{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:33vw;display:none;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.project .img .-logo{display:block}}.project .img .-logo.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.project .content{width:320px;position:absolute;top:0;bottom:0;left:calc(50vw + 115px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width: 767px){.project .content{width:100%;position:static;padding:48px 25px 40px}}.project .content .title{font-size:21px;font-weight:bold;color:white;line-height:1.5;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.project .content .title{font-size:18px;line-height:32px;letter-spacing:0.05em}}.project .content .title.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.project .content .text{font-size:9px;font-weight:bold;color:white;line-height:1.7;margin-top:20px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.project .content .text{font-size:14px;line-height:24px}}.project .content .text.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.project .content .detail{margin-top:28px;width:100%;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:300ms}.project .content .detail.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.project .content .detail-title{font-weight:bold;font-size:15px;color:white}.project .content .detail-text{color:white;font-weight:bold;font-size:9px;margin-top:12px}.project .content .detail-powerd{color:white;font-weight:bold;font-size:9px;display:flex;align-items:center;margin-top:17px}.project .content .detail-powerd img{margin-left:15px}.project .content .detail-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #707070;margin-top:11px;padding-top:11px}.project .content .detail-foot p{color:white;font-size:10px;line-height:1.5}.project .content .detail-foot span.detail-text{color:white;font-weight:bold;font-size:14px}.project .content .detail-foot span.detail-text svg{width:17px}.gallery{margin:100px 0}@media screen and (max-width: 767px){.gallery .wrapper{padding:0 25px}}.gallery .title{font-size:50px;text-align:center;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.gallery .title{font-size:42px}}.gallery .title.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.gallery .text{font-size:14px;font-weight:bold;line-height:1.5;margin-top:32px;text-align:center;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.gallery .text{display:none}}.gallery .text.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.gallery .list{margin-top:40px;display:flex;flex-wrap:wrap;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.gallery .list{justify-content:space-between}}.gallery .list.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.gallery .list .item{width:175px;margin-right:25px;margin-bottom:20px}.gallery .list .item:nth-child(5n){margin-right:0}@media screen and (max-width: 767px){.gallery .list .item{width:40vw;margin:0 0 4vw}}.gallery .alllink{display:block}.gallery .btn{text-align:center;margin-top:12px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}.gallery .btn.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.gallery .btn.in-view--enter:hover{border:none}@media screen and (max-width: 767px){.gallery .list-wrap{height:100%;max-height:92.2vw;overflow:hidden;transition:0.5s max-height}.gallery .list-wrap.-active{max-height:calc((27.4vw + 4vw) * 8 + 70px)}}.gallery .more{margin-top:28px;opacity:1;transition:0.5s all;display:none;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.gallery .more{display:block}}.gallery .more.-hidden{opacity:0;pointer-events:none;visibility:hidden}.gallery .more.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}@keyframes line_animation_sb1{0%{stroke-dashoffset:1038px}100%{stroke-dashoffset:0px}}@keyframes line_animation_sb2{0%{stroke-dashoffset:34.19736703432005px}100%{stroke-dashoffset:0px}}.service{padding:100px 0;background:#F4F4F4}.service .wrapper{max-width:980px}@media screen and (max-width: 767px){.service .wrapper{padding:0 25px}}.service-heading{margin:0 0 44px;display:flex;flex-direction:column;align-items:center}.service-title-sub{margin:0 0 22px;width:247px;height:36px;position:relative;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.service-title-sub span{display:block;text-align:center;margin-top:9px;font-weight:bold;font-size:14px}.service-title-sub svg{position:absolute;top:0}.service-title-sub svg path{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:1038px;stroke-dashoffset:1038px}.service-title-sub svg line{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:34.19736703432005px;stroke-dashoffset:34.19736703432005px}.service-title{font-size:32px;font-weight:bold;line-height:1em;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:100ms}.service-title br{display:none}@media screen and (max-width: 767px){.service-title{font-size:30px;text-align:center;line-height:42px}.service-title br{display:inline}}.service-item{display:flex;background:white;height:370px;margin-bottom:32px;border:1px solid black;box-sizing:content-box}@media screen and (max-width: 767px){.service-item{flex-direction:column;height:auto}}.service-item:last-child{margin-bottom:0}.service-img{width:485px;display:flex;align-items:center;justify-content:center;background-color:#F4F4F4;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.service-img{width:100%}}.service-img img{max-height:100%}.service-img video{max-height:100%;max-width:100%}.service-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 104px}@media screen and (max-width: 767px){.service-content{width:100%;padding:30px}}.service-content .btn-blank{transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.service-content-icon{font-size:16px;margin:0 0 8px;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:300ms;margin:0 0 22px;width:55px;height:34px;position:relative;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.service-content-icon span{display:block;text-align:center;margin-top:7px}.service-content-icon svg{position:absolute;top:0}.service-content-icon svg path{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:277.128px;stroke-dashoffset:277.128px}.service-content-icon svg line{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:25.553864678361276px;stroke-dashoffset:25.553864678361276px}.service-content-title{font-size:50px;margin-bottom:25px;line-height:1em;font-weight:normal;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:400ms}@media screen and (max-width: 767px){.service-content-title{font-size:47px}}.service-content-title:after{content:"";display:block;width:77px;height:1px;background-color:black;margin-top:17px}.service-content-text{transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:500ms;font-size:9px;font-weight:bold;line-height:1.8;margin-bottom:28px}@media screen and (max-width: 767px){.service-content-text{font-size:14px}}.service.in-view--enter .service-title-sub,.service.in-view--enter .service-title{transform:translate(0, 0);opacity:1;visibility:visible}.service.in-view--enter .service-title-sub svg path{animation:line_animation_sb1 1.5s both}.service.in-view--enter .service-title-sub svg line{animation:line_animation_sb2 1s 1.2s both}.service-item.in-view--enter .service-img,.service-item.in-view--enter .service-content-icon,.service-item.in-view--enter .service-content-title,.service-item.in-view--enter .service-content-text,.service-item.in-view--enter .btn-blank{transform:translate(0, 0);opacity:1;visibility:visible}.service-item.in-view--enter .service-content-icon svg path{animation:line_animation_si1 1.5s both}.service-item.in-view--enter .service-content-icon svg line{animation:line_animation_si2 1s 1.2s both}.modal{pointer-events:none;opacity:0;position:fixed;width:75.8vw;height:525px;max-width:910px;top:0;left:0;right:0;bottom:0;margin:auto;background:white;border:1px solid black;transition:0.5s opacity;z-index:30;visibility:hidden}@media screen and (max-width: 767px){.modal{width:calc(100vw - 26px * 2);height:calc( 100vh - 25px * 2)}}.modal-shadow{pointer-events:none;opacity:0;position:fixed;width:75.8vw;height:525px;max-width:910px;top:0;left:0;right:0;bottom:0;margin:auto;transition:0.5s all;z-index:29;background:black;transition:0.5s opacity;visibility:hidden}@media screen and (max-width: 767px){.modal-shadow{width:calc(100vw - 26px * 2);height:calc( 100vh - 25px * 2)}}.modal-header{height:44px}.modal-content{overflow-y:scroll;height:calc(100% - 44px);padding:28px 0;text-align:center;position:relative}@media screen and (max-width: 767px){.modal-content{padding:0}}.modal-content .contents{position:relative}.modal-content .contents:before{content:"";position:absolute;width:700px;height:1000px;top:67px;left:0;right:0;margin:auto;background:#EFEFEF}@media screen and (max-width: 767px){.modal-content .contents:before{width:100%;height:97%;top:10px}}.modal-content .title{text-align:center;position:relative;display:inline-block;margin-top:28px;margin-bottom:80px}.modal-content .title:before{content:"";display:block;position:absolute;bottom:0;height:18px;width:100%;background:#EFEFEF}.modal-content .title span{position:relative;display:inline-block;font-size:36px;font-weight:bold}@media screen and (max-width: 767px){.modal-content .title span{font-size:20px}}@media screen and (max-width: 767px){.modal-content .title{margin-bottom:52px}}.modal-content .contents{text-align:left}.modal-content .contents .item{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.modal-content .contents .item .item-title{margin-bottom:21px;font-size:20px;font-weight:bold;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.modal-content .contents .item .item-title{font-size:18px}}.modal-content .contents .item .item-title.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.modal-content .contents .item .item-text p{font-size:12px;font-weight:bold;line-height:2;margin-bottom:1em;transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.modal-content .contents .item .item-text p.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}.modal-content .contents .item .item-text p:last-child{margin-bottom:0}@media screen and (max-width: 767px){.modal-content .contents .item .item-text p{font-size:14px}}.modal-content .contents .item .item-text p .-sp-br{display:none}@media screen and (max-width: 767px){.modal-content .contents .item .item-text p .-sp-br{display:inline}.modal-content .contents .item .item-text p .-pc-br{display:none}}.modal-content .contents .item .item-text a{background:white;display:inline-flex;font-style:normal;padding:4px;margin:0 4px;border:1px solid black;border-radius:5px;align-items:center;justify-content:center}.modal-content .contents .item .item-text a svg{margin-left:2px;height:8px}.modal-content .contents .item .item-img{transform:translate(0, 20px);opacity:0;visibility:hidden;transition:0.5s opacity, .5s transform;transition-delay:0ms}.modal-content .contents .item .item-img.in-view--enter{transform:translate(0, 0);opacity:1;visibility:visible}@media screen and (max-width: 767px){.modal-content .contents .item{display:block}}.modal-content .contents .item1 .item-detail{margin-right:88px;width:330px}.modal-content .contents .item1 .item-img{width:200px}@media screen and (max-width: 767px){.modal-content .contents .item1{padding:0 25px}.modal-content .contents .item1 .item-detail{width:100%;margin:0 0 40px}.modal-content .contents .item1 .item-img{width:42.6vw;margin:auto}}.modal-content .contents .item2{flex-direction:row-reverse;justify-content:flex-end;margin-top:42px}.modal-content .contents .item2 .item-detail{width:361px;margin-left:72.5px}.modal-content .contents .item2 .item-img{width:410px}.modal-content .contents .item2 .item-img .-sp{display:none}@media screen and (max-width: 767px){.modal-content .contents .item2{margin-top:40px}.modal-content .contents .item2 .item-detail{width:100%;margin:0 0 40px;padding:0 25px}.modal-content .contents .item2 .item-img{width:100%}.modal-content .contents .item2 .item-img img{display:none}.modal-content .contents .item2 .item-img img.-sp{display:inline}}.modal-content .contents .item3{margin-top:50px;margin-bottom:73.5px}.modal-content .contents .item3 .item-detail{width:361px;margin-right:29px}.modal-content .contents .item3 .item-img{width:360px}@media screen and (max-width: 767px){.modal-content .contents .item3{padding:0 25px;margin-top:55px;margin-bottom:64.7px}.modal-content .contents .item3 .item-detail{width:100%;margin:0 0 40px}.modal-content .contents .item3 .item-img{width:100%}}.modal-content .side-nav:before{background-color:#EFEFEF}.modal-content .side-nav1{top:260px;left:0;z-index:31}@media screen and (max-width: 767px){.modal-content .side-nav1{left:auto;right:25px;top:271vw;transform-origin:right top}}.modal-content .side-nav2{right:0;top:620px;z-index:31}@media screen and (max-width: 767px){.modal-content .side-nav2{left:auto;right:25px;top:446vw;transform-origin:right top}}.modal-close{display:flex;align-items:center;justify-content:flex-end;padding:16px}.modal-close i{display:block;width:12px;height:12px;position:relative;cursor:pointer}.modal-close i:before,.modal-close i:after{content:"";display:block;width:100%;height:1px;background:black;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.modal-close i:before{transform:rotate(45deg)}.modal-close i:after{transform:rotate(-45deg)}@media screen and (max-width: 767px){.modal-close i{width:14px;height:14px}}.modal-back{opacity:0;pointer-events:none;width:100vw;height:100vh;background:rgba(105,105,105,0.5);position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:28;visibility:hidden}.open-modal .modal-back{opacity:1;pointer-events:all;visibility:visible}.open-modal .modal{opacity:1;pointer-events:all;visibility:visible}.open-modal .modal-shadow{opacity:1;transform:translate(5px, 5px);transition:none;visibility:visible}.header-navi *,.footer-navi *{-webkit-font-smoothing:antialiased}.btn-menu{right:30px;top:50px;z-index:1;width:20px;height:15px;-webkit-transition:ease 0.2s;transition:ease 0.2s}@media screen and (max-width: 767px){.btn-menu{top:40px}}.navigation .main-nav .btn-menu{position:absolute}.header-nav-icon{position:relative;display:block;cursor:pointer;width:31px;height:27px}.header-nav-icon>span{display:inline-block;position:absolute;width:100%;height:5px;background-color:#222222;border-radius:3px;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.header-nav-icon>.top{top:0}.header-nav-icon>.middle{top:6px}.header-nav-icon>.bottom{bottom:0}.header-nav-icon.is-active>.top{-ms-transform:translateY(6px) rotate(-45deg);-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}.header-nav-icon.is-active>.middle{opacity:0}.header-nav-icon.is-active>.bottom{-ms-transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}.navigation{position:fixed}.navigation.is-open{right:0}.navigation .main-nav{position:relative;max-width:800px;width:100%;padding:125px 300px 125px 140px;background:#fff;overflow:auto}@media screen and (max-width: 767px){.navigation .main-nav{padding:100px 35px 60px 40px}}.header-socials{align-items:center;display:block}.header-socials .header-socials{display:flex}.header-social{width:25px;height:25px;margin-right:11.5px}.header-social img{width:100%}.header-to-about{margin-right:36.5px;display:flex;align-items:center;border:1px solid white;border-radius:16px;font-size:10px;font-weight:bold;text-align:center;position:relative;padding:6px 11.8px 6px 8.8px;margin-left:35px;letter-spacing:0;color:white}@media screen and (max-width: 767px){.header-to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:4.3px 11.3px 4.3px 6.5px}}.header-to-about span{margin:0 5px}.header-to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about-b.svg) center center no-repeat;background-size:contain;animation:5s ease-in-out 1s infinite hatenarotate}.header-to-about:after{content:"";display:block;width:9.41px;height:6.12px;background:url(https://dolive.media/img/magazine/common/icon_arrow-b.svg) center center no-repeat;background-size:contain}.header-navi{padding:0 0 35px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.header-navi-content{margin-right:79px;margin-bottom:20px}.header-navi-content:last-child{margin-right:0}.header-navi-content-head{margin-bottom:22px}@media screen and (max-width: 767px){.header-navi-content-head{margin-bottom:21px}}.header-navi-content-title a{font-size:21px;font-family:"mono45-headline", monospace}.header-navi-content-title-sub{font-size:10px;font-weight:bold}.header-navi-content-tags{display:flex}.header-navi-content-tags a{display:inline-block;background:black;color:white;font-size:11px;line-height:1em;padding:2px;margin-bottom:24px;font-weight:bold}.header-navi-content-btn span{display:inline-block;background:black;color:white;font-size:11px;line-height:1em;padding:2px;margin-bottom:0;font-weight:bold}@media screen and (max-width: 767px){.header-navi-content-btn span{margin-bottom:20px}}.header-navi-content-lists{display:flex}.header-navi-content-imp{margin-bottom:24px}@media screen and (max-width: 767px){.header-navi-content-imp{margin-bottom:20px}}.header-navi-content-imp a{font-size:13px;font-weight:bold}@media screen and (max-width: 767px){.header-navi-content-imp a{font-size:15px}}.header-navi-content-list{display:flex;flex-direction:column;margin-right:77px}.header-navi-content-list:last-child{margin-right:0}.header-navi-content-list a{font-size:11px;margin-bottom:10px}.header-navi-content-list a:last-child{margin-bottom:38px}.header-navi-content-list a:hover{text-decoration:underline}.header-navi-content{width:100%}.header-navi-content-btn{display:flex;justify-content:space-between;width:100%;cursor:pointer}.header-navi-content-btn i{display:block;width:13px;height:13px;position:relative}.header-navi-content-btn i::before,.header-navi-content-btn i::after{content:"";display:block;width:100%;height:3px;border-radius:1.5px;background:black;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.5s transform}.header-navi-content-btn i::before{transform:rotate(90deg)}.-open .header-navi-content-btn i::before{transform:rotate(0)}.header-navi-accordion{overflow:hidden;max-height:0;transition:.5s max-height;margin-top:20px}.-open .header-navi-accordion{max-height:500px}footer{background:#222222;position:relative}footer .footer-inner{padding:45px 60px 40px 55px}footer .logo-footer a{display:block;width:115px}@media screen and (max-width: 767px){footer .logo-footer a{width:38.9vw}}footer .gr-menu{justify-content:space-between;align-items:center;display:flex}footer .gr-menu .left-menu{align-items:center}footer .gr-menu .left-menu .social{align-items:center;margin-right:5px}footer .gr-menu .left-menu .social li{margin-right:20px}footer .gr-menu .left-menu .social li a{display:block}footer .gr-menu .left-menu .social li a img{width:22px}footer .gr-menu .left-menu .social li.is-disabled{opacity:0.3}footer .gr-menu .left-menu .social li.is-disabled a{pointer-events:none}footer .gr-menu .left-menu .social li.is-disabled a img{opacity:1}footer .gr-menu .left-menu .menu-ft{display:flex}footer .gr-menu .left-menu .menu-ft li a{padding:0 15px;display:block;position:relative;color:#ffffff;-webkit-font-smoothing:antialiased}footer .gr-menu .left-menu .menu-ft li a::before{position:absolute;content:"|";color:#fff;right:0;top:0}footer .gr-menu .left-menu .menu-ft li:first-child a{padding-left:0}footer .gr-menu .left-menu .menu-ft li:last-child a::before{display:none}footer .gr-menu .copy-right{font-size:10px;color:#666666}.footer-head{display:flex;align-items:center}@media screen and (max-width: 767px){.footer-head{align-items:flex-end}}.footer-socials-pc{display:flex;align-items:center}@media screen and (max-width: 767px){.footer-socials-pc{display:none}}.footer-socials-sp{display:none;align-items:center}@media screen and (max-width: 767px){.footer-socials-sp{display:block}.footer-socials-sp .footer-socials{display:flex}}.footer-social{width:25px;height:25px}.footer-social img{width:100%}.footer-to-about{margin-right:36.5px;display:flex;align-items:center;border:1px solid white;border-radius:16px;font-size:10px;font-weight:bold;text-align:center;position:relative;padding:6px 11.8px 6px 8.8px;margin-left:35px;letter-spacing:0;color:white}.footer-to-about:hover{color:white}@media screen and (max-width: 767px){.footer-to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:4.3px 11.3px 4.3px 6.5px}}.footer-to-about span{margin:0 5px}.footer-to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about-b.svg) center center no-repeat;background-size:contain;animation:5s ease-in-out 1s infinite hatenarotate}.footer-to-about:after{content:"";display:block;width:9.41px;height:6.12px;background:url(https://dolive.media/img/magazine/common/icon_arrow-b.svg) center center no-repeat;background-size:contain}.footer-navi{display:flex;align-items:flex-start;justify-content:flex-start}@media screen and (max-width: 767px){.footer-navi{flex-direction:column;padding-left:13px;padding-bottom:30px}}.footer-navi-content{margin-right:79px}.footer-navi-content:last-child{margin-right:0}.footer-navi-content-head{margin-bottom:25px}@media screen and (max-width: 767px){.footer-navi-content-head{margin-bottom:21px}}.footer-navi-content-title a{color:white;font-size:22px;font-family:"mono45-headline", monospace}.footer-navi-content-title-sub a{color:white;font-size:11px}.footer-navi-content-imp{margin-bottom:24px}@media screen and (max-width: 767px){.footer-navi-content-imp{margin-bottom:6.4vw}}.footer-navi-content-imp a{color:white;font-size:14px;font-weight:bold}@media screen and (max-width: 767px){.footer-navi-content-imp a{font-size:15px}}.footer-navi-content-tags a{display:inline-block;border:1px solid white;font-size:11px;line-height:1em;padding:2px;color:white;margin-bottom:24px;font-weight:bold}.footer-navi-content-btn span{display:inline-block;border:1px solid white;font-size:12px;line-height:1em;padding:2px;color:white;margin-bottom:24px;font-weight:bold}@media screen and (max-width: 767px){.footer-navi-content-btn span{margin-bottom:20px}}.footer-navi-content-lists{display:flex}.footer-navi-content-list{display:flex;flex-direction:column;margin-right:77px}.footer-navi-content-list:last-child{margin-right:0}.footer-navi-content-list a{color:white;font-size:12px;margin-bottom:10px}.footer-navi-content-list a:last-child{margin-bottom:25px}.footer-navi-content-list a:hover{text-decoration:underline}.btn-back-top{width:31px;position:fixed;right:40px;bottom:40px;opacity:0;visibility:hidden;transition:0.3s}.btn-back-top.show{opacity:1;visibility:visible}.btn-back-top.stick{position:absolute;bottom:auto;top:-55px}@media only screen and (max-width: 767px){footer .footer-inner{padding:0.5rem 0 0.45rem}footer .gr-menu{flex-wrap:wrap;margin-top:30px}footer .gr-menu .left-menu{align-items:center;flex-wrap:wrap}footer .gr-menu .left-menu .social{align-items:center;margin-right:0}footer .gr-menu .left-menu .social li{margin-right:0.2rem}footer .gr-menu .left-menu .social li a img{width:0.22rem}footer .gr-menu .left-menu .menu-ft{margin-top:0.25rem}footer .gr-menu .left-menu .menu-ft li:first-child a{padding-left:0}footer .gr-menu .left-menu .menu-ft li a{padding:0 0.15rem;font-size:0.12rem}footer .gr-menu .left-menu .menu-ft li a::before{font-size:0.12rem}footer .gr-menu .copy-right{font-size:0.1rem;margin-top:0.35rem;padding:20px 0}footer .gr-menu .left-menu{width:100%}footer .gr-menu .left-menu .menu-ft{flex-direction:column;margin-top:0;width:100%}footer .gr-menu .left-menu .menu-ft li{width:100%;margin-bottom:20px}footer .gr-menu .left-menu .menu-ft li:last-child{margin-bottom:0}footer .gr-menu .left-menu .menu-ft li a{font-size:14px;font-weight:bold;padding:0 0 10px;border-bottom:1px solid #707070}footer .gr-menu .left-menu .menu-ft li a::before{display:none}.footer-navi-content{width:100%}.footer-navi-content-btn{display:flex;justify-content:space-between;width:100%}.footer-navi-content-btn i{display:block;width:13px;height:13px;position:relative}.footer-navi-content-btn i::before,.footer-navi-content-btn i::after{content:"";display:block;width:100%;height:3px;border-radius:1.5px;background:white;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.5s transform}.footer-navi-content-btn i::before{transform:rotate(90deg)}.-open .footer-navi-content-btn i::before{transform:rotate(0)}.footer-navi-accordion{overflow:hidden;max-height:0;transition:.5s max-height}.-open .footer-navi-accordion{max-height:500px}.btn-back-top{width:0.3rem;right:0.2rem;bottom:0.3rem}.btn-back-top.stick{top:-0.55rem}}footer .wrapper{max-width:1160px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:0;padding:60px 0}@media screen and (max-width: 767px){footer .wrapper{padding-left:20px;padding-right:20px}}.header-float,.header-control .btn-search{display:none}body{padding-top:0}.header-control{width:100%;left:50%;transform:translate(-50%, 0)}@media screen and (max-width: 767px){.header-control{padding:0 14px;gap:12px;height:80px;width:auto;left:auto;right:0;transform:translate(0, 0)}.header-nav-icon{width:17.86px;height:15px}.header-nav-icon>span{height:3px;width:20px}}.header-nav-icon>.middle{top:0}