@charset "UTF-8";.floating-menu{position:fixed;top:50%;right:20px;transform:translateY(-50%);padding:15px;display:flex;flex-direction:column;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.floating-menu.is-visible{opacity:1;visibility:visible}.floating-menu .menu-icon{width:80px;height:auto;margin-bottom:15px}.floating-menu .menu-links{display:flex;flex-direction:column;align-items:flex-start}.floating-menu .menu-links a{font-size:16px;margin-bottom:10px;display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease;font-family:Gill Sans;font-style:italic;line-height:140%}.floating-menu .menu-links a:last-child{margin-bottom:0}.floating-menu .menu-links a .external-link-icon{font-size:.8em;vertical-align:super;margin-left:5px}.floating-menu .menu-links a:hover{text-decoration:underline;opacity:1}.floating-menu .menu-links.is-orange a{color:#ff4500}.floating-menu .menu-links.is-orange a .external-link-icon{content:"";background:url(/img/dromi/new/icon_link_sns_orange.svg) center/100% no-repeat;display:inline-block;width:16px;height:16px;position:relative;margin-left:0}.floating-menu .menu-links.is-orange a:hover{color:#ff9983}.floating-menu .menu-links.is-white a{color:#fff}.floating-menu .menu-links.is-white a .external-link-icon{content:"";background:url(/img/dromi/new/icon_link_sns_white.svg) center/100% no-repeat;display:inline-block;width:16px;height:16px;position:relative;margin-left:0}.floating-menu .menu-links.is-white a:hover{color:#ffe2d9}@media screen and (max-width: 744px){.floating-menu{display:none}}header{transition:transform .3s ease-in-out}header.hidden{transform:translate3d(0,-87px,0)}#main-nav{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Yu Gothic,sans-serif;background-color:#22252b;color:#fff;padding:0 40px;height:57px;display:flex;align-items:center;justify-content:center;position:fixed;top:88px;left:0;width:100%;z-index:1001;transition:transform .3s ease-in-out;box-sizing:border-box}#main-nav.hidden{transform:translate3d(0,-87px,0)}#main-nav+section,#main-nav+h1{padding-top:168px}.nav-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px}.logo{margin-right:28px}.logo a{display:flex;align-items:center}.logo svg{width:48px;height:auto}.primary-nav{display:flex;align-items:center;margin-bottom:5px}.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:28px}.primary-nav ul:last-child{display:none}.primary-nav a:hover{color:#d9d9d9;font-weight:400;opacity:1}.primary-nav a:hover:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;font-size:14px;background-color:#d9d9d9}.primary-nav a{font-size:14px;transition:color .3s ease;position:relative;padding-bottom:8px;color:#fff;font-weight:400}.primary-nav a.active{font-weight:600}.primary-nav a.active:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;font-size:14px;background-color:#fff}.primary-nav a[target=_blank]:after{content:"";background:url(/img/dromi/new/icon_link_pc_default.svg) center/100% no-repeat;display:inline-block;width:16px;height:16px;position:absolute;top:0;right:-20px}.primary-nav a[target=_blank]:hover:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;font-size:14px;background-color:#fff}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002;content:"";background:url(/img/dromi/new/icon_header_menu.svg) center/100% no-repeat;width:48px;height:48px}.hamburger-btn span{width:30px;height:2px;background-color:#fff;border-radius:2px;transition:all .3s ease-in-out}.hamburger-btn.is-open{background:url(/img/dromi/new/icon_header_menu_close.svg) center/100% no-repeat}@media (max-width: 767.9px){main{margin-top:64px;padding-top:59px}header.hidden{transform:translate3d(0,-64px,0)}#main-nav{padding:0 20px;height:58px;top:64px;box-sizing:border-box}#main-nav.hidden{transform:translate3d(0,-64px,0)}#main-nav.hidden .nav-container .primary-nav{top:57px;height:100vh}#main-nav .nav-container{display:flex;justify-content:space-between;width:100%;max-width:inherit}#main-nav .nav-container .primary-nav{position:fixed;top:121px;left:0;width:100%;height:100%;background-color:#22252b;flex-direction:column;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;transition:max-height .35s ease-in-out,padding-top .35s ease-in-out,padding-bottom .35s ease-in-out;z-index:1000}#main-nav .nav-container .primary-nav.is-open{max-height:calc(100vh - 121px);padding-top:40px;padding-bottom:40px;overflow-y:auto}#main-nav .nav-container .primary-nav ul{flex-direction:column;gap:20px;text-align:left;width:100%;padding:0 20px;box-sizing:border-box}#main-nav .nav-container .primary-nav ul:last-child{flex-direction:row;padding:0 20px;display:flex;margin-top:60px;gap:24px}#main-nav .nav-container .primary-nav ul:last-child a:before{content:none}#main-nav .nav-container .primary-nav ul:last-child a:after{content:none}#main-nav .nav-container .primary-nav a{font-size:22px;font-weight:600;text-decoration:none}#main-nav .nav-container .primary-nav a:before{content:none}#main-nav .nav-container .primary-nav a[target=_blank]:after{content:"";background:url(/img/dromi/new/icon_link_pc_default.svg) center/100% no-repeat;display:inline-block;width:24px;height:24px;position:absolute;top:1px;right:-25px}#main-nav .nav-container .primary-nav a.active:after{display:none}.hamburger-btn{display:flex}}@media (max-width: 500px){#main-nav{padding:0 20px}}.footer-section{background-color:#171718;color:#e0e0e0;padding:80px 40px}.footer-container{max-width:900px;margin:0 auto}.cta-area{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:68px}.cta-logo{height:32px}.cta-text{font-size:16px;font-weight:400;color:#fff;margin:0}.app-store-badge:hover{opacity:.8}.app-store-badge img{width:123px;height:45px}.links-area{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-column .column-title{font-size:.9rem;font-weight:400;color:#ed5e32;margin-top:0;margin-bottom:20px;font-style:italic;font-family:Gill Sans}.link-list{list-style:none;padding:0;margin:0}.link-list .active a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e0e0e0}.link-list li{margin-bottom:12px}.link-list a{color:#e0e0e0;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:6px;position:relative}.link-list a.download-link:after{content:"";background:url(/img/dromi/new/icon_download_default.svg) center/100% no-repeat;display:inline-block;width:16px;height:16px;position:absolute;top:0;right:-20px}.link-list a:hover{color:#d9d9d9;font-weight:400;opacity:1}.link-list a:hover:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#d9d9d9}.icon-download{height:14px;width:14px}.separator{border:none;height:1px;background-color:#444;margin:20px 0}@media (max-width: 744px){h2{font-size:2rem}.hero h1{font-size:2.2rem}.flow-steps,.team-members{flex-direction:column;align-items:center}.flow-background-line{display:none}.footer-section{padding:60px 9.8vw}.cta-area{flex-direction:column;gap:32px;border-bottom:none;margin-bottom:40px}.cta-text{font-size:1rem;text-align:center}.links-area{display:block}.footer-column{border-bottom:1px solid #75230a}.footer-column .column-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 0;margin:0;position:relative;font-size:15px;line-height:200%}.footer-column .column-title:after{content:"";background:url(/img/dromi/new/icon_footer_open.svg) center/100% no-repeat;display:inline-block;width:16px;height:16px;position:absolute;top:17px;right:-2px;transform:rotate(0);transition:transform .3s ease}.footer-column.is-open .column-title:after{transform:rotate(-180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease;padding:0}.footer-column.is-open .accordion-content{max-height:500px;padding-bottom:20px}.separator{margin:15px 0}.app-store-badge{width:160px}.app-store-badge img{width:160px;height:59px}}@media (max-width: 500px){.footer-section{padding:60px 20px}.cta-area{margin-bottom:50px}.cta-text{line-height:160%}.app-store-badge{width:160px}.app-store-badge img{width:160px;height:59px}}
