@charset "UTF-8";body{font-feature-settings:normal}main{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Yu Gothic,sans-serif;padding-top:145px;padding-bottom:120px;background-color:var(--white-base);background-image:none}main h1{font-size:40px;font-weight:600;line-height:160%;margin:50px auto 36px;text-align:center;width:665px;letter-spacing:5px}main br.sp{display:none}#container{width:100%;background-color:#fff;box-shadow:0 0 10px #0000001a;box-sizing:border-box;position:relative;background-image:url(/img/dromi/bg-grid-01.svg);background-size:inherit;background-repeat:repeat}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:72px;padding-bottom:36px;border-bottom:1px solid #eee}.header-left h1{font-size:2.5em;color:#222;margin:0}.header-right{text-align:right}.header-right p{font-size:.9em;color:#75797b;margin-bottom:5px}.header-right ul{list-style:none;padding:0;margin:0}.header-right ul li{margin-bottom:3px}.header-right ul li a{text-decoration:none;color:#f60;font-size:.85em}#menu-section{max-width:665px;margin:0 auto}.intro-section{text-align:center;max-width:665px;background-color:#fff;padding:32px 50px 40px;box-sizing:border-box;margin:0 auto 54px}.intro-section h2{font-size:20px;color:#222;line-height:1.6;font-weight:600}.intro-section h2 span{font-size:22px;font-family:Gill Sans;margin:0 2px;display:inline-block;font-weight:700}.intro-section h2 span.highlight{font-size:24px;margin:0 4px;font-weight:700}.intro-section img{width:100%;min-height:296px;display:block;margin:16px 0}.intro-section .highlight{color:#f60}.intro-section p{text-align:left;line-height:1.8;font-size:15px}.features-section{margin:0 auto;max-width:665px;display:grid;grid-template-columns:1fr;gap:34px}.feature-item{display:flex;padding:36px;isolation:isolate;position:relative}.feature-item:before{content:"";position:absolute;inset:0;background-color:#fff}.feature-item.released .feature-icon:before{content:"";background:url(/img/dromi/new/image_tag_released_sample.svg) center/100% no-repeat;display:inline-block;width:110px;height:28px;position:absolute;top:0;left:0}.feature-item.shadow_1{box-shadow:0 10px 6px -6px #e1c3b9}.feature-item.shadow_2>span,.feature-item.shadow_2:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;box-shadow:0 15px 10px #e1c3b9;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.feature-item.shadow_2:after{transform:rotate(3deg);right:10px;left:auto}.feature-item.shadow_3>span{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;box-shadow:0 15px 10px #e1c3b9;transform:rotate(-3deg)}.feature-item.shadow_4>span{z-index:-1;position:absolute;content:"";width:50%;max-width:300px;box-shadow:0 15px 10px #e1c3b9;transform:rotate(3deg);inset:80% 10px 15px auto}.feature-item .feature-icon{flex-shrink:0;width:200px;height:200px;margin-right:24px;display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;z-index:1}.feature-item .feature-icon img,.feature-item .feature-icon .placeholder-icon{max-width:100%;max-height:100%}.feature-item .feature-details{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1}.feature-item .feature-details h2{font-size:20px;color:#222;margin-top:0;margin-bottom:10px;font-weight:600;line-height:180%}.feature-item .feature-details p{font-size:15px;color:#222;line-height:180%;margin-bottom:20px;font-weight:400}.feature-item .feature-details .annotation{font-size:12px;color:#75797b;margin:-4px 0 16px}.feature-item .feature-details .annotation a{text-decoration:underline}.feature-item .feature-details .annotation a:hover{opacity:1;color:#999c9e}.feature-item .feature-details .want-button{background-color:#f60;color:#fff;border:none;padding:4px 12px;border-radius:6px;height:36px;font-size:.9em;cursor:pointer;transition:background-color .3s ease;font-size:14px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:5px;margin-top:auto;align-self:flex-end}.feature-item .feature-details .want-button:before{content:"";background:url(/img/dromi/new/icon_want.svg) center/100% no-repeat;display:inline-block;width:16px;height:16px;position:relative}.feature-item .feature-details .want-button span{font-family:Gill Sans;margin:0 2px;display:inline-block;font-size:18px}.feature-item .feature-details .want-button:hover{background-color:#ff9983}.feature-item .feature-details .want-button span{font-weight:600}.feature-item .feature-details .want-button:disabled{background-color:#b3b3b3;cursor:default}.feature-item .feature-details .want-button:disabled:hover{background-color:#b3b3b3}.bottom-button-container{text-align:center;margin-top:70px}.bottom-button-container .bottom-button{display:inline-flex;justify-content:center;align-items:center;background-color:#20242a;color:#fff;padding:15px 30px;border-radius:5px;text-decoration:none;font-weight:600;font-size:16px;width:242px;height:60px;box-sizing:border-box;cursor:pointer;opacity:1}.bottom-button-container .bottom-button:hover{background-color:#353e48}@media (max-width: 744px){#container{background-size:inherit}main{padding-top:57px;padding-bottom:60px}main h1{width:100%}#menu-section{width:100%;padding:0 72px;max-width:inherit;box-sizing:border-box}.intro-section{max-width:none;width:100%;box-sizing:border-box;padding:24px 32px 32px;margin-bottom:34px}.intro-section{width:100%}.intro-section img{min-height:inherit}.features-section{gap:34px}.features-section .feature-item{flex-direction:column;align-items:center}.bottom-button-container{margin:50px 72px 0}.bottom-button-container .bottom-button{width:100%;height:60px}}@media (max-width: 500px){main h1{font-size:22px;margin:40px 0 20px;width:100%}main br.sp{display:block}#menu-section{padding:0 20px}.intro-section{padding:20px 24px}.intro-section h2{font-size:15px}.intro-section h2 span{font-size:17px}.intro-section h2 span.highlight{font-size:18px}.feature-item{flex-direction:column;align-items:center;padding:24px}.feature-item.released .feature-icon{width:100%}.feature-item.released .feature-icon img{margin-top:16px}.feature-item.released .feature-icon:before{content:"";background:url(/img/dromi/new/image_tag_released_sample.svg) center/100% no-repeat;display:inline-block}.feature-item .feature-icon{margin-right:0;margin-bottom:16px;position:relative;height:auto}.feature-item .feature-icon img{max-width:200px;max-height:200px}.feature-item .feature-details{align-items:center;text-align:left}.feature-item .feature-details h2{text-align:left;width:100%;font-size:15px}.feature-item .feature-details p{margin-bottom:16px}.feature-item .feature-details .want-button{align-self:center;width:100%}.feature-item .feature-details .annotation{margin-top:-8px}.bottom-button-container{margin:26px 20px 0}.bottom-button-container .bottom-button{height:44px;width:100%;font-size:14px}}