@charset "UTF-8";body{background-color:#ccc}article{position:relative;z-index:999;margin:auto;background-color:#fff;box-shadow:0 0 20px #64828259;max-width:100vw}section{margin-bottom:0}header{padding:20px 20px 5px;text-align:left;position:relative}.logo{width:50%;margin:auto}.buy-plan{position:absolute;width:30px;cursor:pointer;z-index:900;top:22px;right:70px}.pc-only{display:none}.sp-only{display:block}bold{font-weight:700}.container{margin:0;padding:40px 20px}.container h2{margin:0 0 20px;text-align:center}.container h2 img{width:100%;max-width:330px}.menu ul{list-style:none;margin:0}a{text-decoration:none;color:#fff}#menu-toggle{display:none}.hamburger{position:absolute;top:20px;right:20px;width:30px;cursor:pointer;z-index:900}.hamburger span{display:block;height:3px;background:#333;margin:6px 0}.menu{position:fixed;top:0;right:-310px;width:254px;height:100vh;background:#4d4d4d;box-shadow:-4px 0 10px #00000026;transition:right .3s ease;z-index:1000}#menu-toggle:checked+.hamburger+.menu{right:0}.menu-header{position:relative;height:56px;border:1px solid #ddd;display:flex;align-items:center;justify-content:flex-start;padding:0 20px;color:#fff}.menu-title{font-size:16px;font-weight:700}.menu-close{position:absolute;left:-56px;top:0;width:56px;height:56px;background:#4d4d4d;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-top-left-radius:10px;border-bottom-left-radius:10px;border:1px solid #ddd}.menu-list{padding:20px}.menu-list>li{margin-bottom:20px;text-align:left;color:#fff}.menu-list a,.menu-list summary{font-size:15px;font-weight:700;cursor:pointer}.menu-list a,.menu details summary .menu-item{display:flex;align-items:center;gap:12px}.menu details summary{list-style:none;position:relative}.menu details summary::-webkit-details-marker{display:none}.menu details summary:after{content:"\25bc";position:absolute;top:0;right:0;font-size:12px;transition:transform .3s}.menu details[open] summary:after{transform:rotate(180deg)}.menu-icon{width:20px;height:20px;flex-shrink:0}.submenu{margin-top:10px;padding-left:20px}.submenu li{margin:15px 0}.submenu a{font-weight:400}.submenu .menu-icon{width:18px;height:18px}#hero{background-color:#00f}.hero-img{position:relative}.hero-attention{text-align:left;padding:10px 20px;color:#fff}.hero-attention ul{list-style:none;padding-left:1.5em;font-size:12px}.hero-attention li{text-indent:-1.5em}.hero-attention li:before{content:"\203b";margin-right:.5em}#hero .cta-button{position:absolute;left:50%;bottom:5%;transform:translate(-50%)}#device .container{margin:-20px 0 auto;position:relative;padding:0}#device .container h2{position:absolute;left:0;right:0;top:6%}#device .cta-button{position:absolute;left:50%;bottom:39%;transform:translate(-50%)}#structure{background-color:#fff3e8}#comparison{background-color:#f2f2f2}.faq{max-width:700px;font-family:sans-serif;text-align:left}.faq details{border-bottom:1px solid #ddd;padding:20px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq-question{display:flex;align-items:center;gap:12px}.question-text{font-weight:700;line-height:1.3rem}.faq-answer{display:flex;gap:12px;margin-top:12px;color:#555}.faq-answer p{line-height:1.6}.faq-icon{width:20px;height:auto;flex-shrink:0}.faq .arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #333;transition:transform .3s ease}.faq details[open] .arrow{transform:rotate(180deg)}.cta-button{display:inline-block;padding:16px 32px;background-color:#e53935;font-size:18px;font-weight:700;text-decoration:none;border-radius:6px;box-shadow:0 6px #8e0000;transition:transform .15s ease,box-shadow .15s ease;width:90%;max-width:290px}.cta-button a{color:#fff}.cta-button:hover{transform:translateY(2px);box-shadow:0 4px #c62828}.cta-button:active{transform:translateY(6px);box-shadow:0 0 #c62828}#detail{background-color:#ccc;text-align:left;padding:20px 0;margin:0;font-size:14px}#detail .container{margin:0;padding:0 20px 20px}#detail ul{list-style:disc;margin:0 0 0 20px;padding:0}footer{background-color:#000;color:#fff}footer a{color:#fff}hr{border-color:#666;width:25%;margin-top:20px}@media(min-width:480px){.pc-only{display:block}.sp-only{display:none}#article{max-width:640px}.container{padding:40px 50px;margin:0}.logo{width:35%;max-width:500px}#hero .cta-button{bottom:7%}#detail .container{margin:0;padding:0 50px 15px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/subscription-style.css.map */