.at-h2{border-left:solid 8px #1e73be;padding-left:10px;margin-bottom:0}.at-how-to-user{display:inline-block;position:relative;margin:5px 0;font-size:14px;color:#888;text-decoration:none}.at-how-to-user::after{content:'';width:6px;height:6px;border:0;border-top:solid 2px #888;border-right:solid 2px #888;transform:rotate(45deg);position:absolute;top:0;right:-10px;bottom:0;margin:auto}.auto-route-wrapper{background-color:#f0f7ff;padding:30px 63px;margin-bottom:40px}.auto-route-desc{position:relative;font-size:18px;font-weight:700;width:fit-content;margin:auto;margin-bottom:10px;padding-left:30px}.auto-route-desc>span{background:linear-gradient(transparent 50%,#fac748 50%)}.auto-route-desc::before{content:"";position:absolute;left:6px;transform:translateY(-50%) rotate(45deg);width:7px;height:14px;border:solid #fac748;border-width:0 4px 4px 0;top:10px}.at-step-wrapper{display:flex;justify-content:center;gap:30px;counter-reset:step-counter}.at-step{width:100%;padding:10px 20px;background-color:#fff;border-radius:4px;position:relative;flex:1;display:flex;flex-direction:column;align-items:center}.at-step>span{font-weight:700}.at-step::before{content:counter(step-counter,decimal-leading-zero);counter-increment:step-counter;position:absolute;top:5px;left:5px;background-color:#fac748;color:#fff;padding:6px 7px;border-radius:50%;font-size:12px;font-weight:700}.at-step:not(:last-child)::after{content:"▶︎";position:absolute;right:-27px;top:50%;transform:translateY(-50%);color:#333;font-size:1.5em}.at-step>img{height:80px}.font-blue{color:#1e73be}.step-sub-desc{font-size:14px}.generate-auto-route-btn,.generate-near-spot-btn,.step-select-map-btn{align-items:center;padding:10px 0;background-color:#1e73be;color:#fff;text-align:center;margin:20px 0 0 0;cursor:pointer;border-radius:5px}.step-map-modal-wrapper{display:none;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;line-height:normal}.step-map-modal{position:absolute;width:100%;height:calc(100% - 40px);bottom:0}.step-map-top-btn-wrapper{display:flex;justify-content:space-between;align-items:center;background:#1e73be;font-size:14px;width:100%;height:40px}.step-map-close,.step-map-detail{border:1px solid #fff;border-radius:5px;color:#fff;margin:5px;padding:3px 10px;cursor:pointer}.step-map-modal-btn{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background-color:#1e73be;color:#fff;padding:5px 10px;border-radius:10px;cursor:pointer;z-index:100;width:max-content}.step-map-modal::after{width:26px;height:26px;display:block;content:'＋';position:absolute;top:50%;left:50%;margin:-40px 0 0 -11px;font-size:30px;font-weight:700;pointer-events:none}.step-map-detail-modal-wrapper{display:none;position:fixed;z-index:102;top:0;left:0;width:100%;height:100%;line-height:2}.step-map-detail-modal-back{width:100%;height:100%;background-color:rgba(30,30,30,.9)}.step-map-detail-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto;overflow:scroll;width:max-content;padding:10px 30px;background-color:#fff}.step-map-detail-option-ul{list-style:none;padding:0;margin:0}.step-map-detail-option-ul>li>input{width:fit-content}ul.postSpotUl{height:200px;border:1px solid #ccc;margin:10px 0 0 0;padding:0;background-color:#fff;font-size:14px;overflow-y:scroll}li.postSpotLi{list-style:none;border-bottom:1px solid #ccc;cursor:pointer;padding:5px;margin:0 3px}li.postSpotLi:hover{text-decoration:underline}.disable-list{display:none;background-color:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;top:0;left:0}.selected{text-decoration:none!important;color:#fff;background-color:#1e73be}.now-location-check-label{flex-basis:auto;width:fit-content;margin:10px auto 0 auto}.now-location-check-label::before{background-color:#fff;border-color:#888}.route-search-open-detail-modal,.route-search-open-pref-modal{display:flex;width:100%;justify-content:center;align-items:center;padding:10px 0;background-color:#1e73be;color:#fff;text-align:center;cursor:pointer;border-radius:5px}.route-search-open-detail-modal img,.route-search-open-pref-modal img{width:30px}.cond-detail,.cond-pref{font-size:14px}.touring-style-div{display:flex;flex-direction:column;gap:10px}.touring-style-div .touring-style-radio-label{width:fit-content;margin-left:30px;font-size:16px}.touring-style-div .touring-style-radio-label::before{background-color:#fff;border-color:#888}.loader{align-items:center;background:#fffa;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}.loader:after{animation:loader .5s linear infinite;border:3px solid #fff;border-radius:50%;border-right:3px solid #64b5e1;border-top:3px solid #64b5e1;content:"";height:70px;width:70px}body.fixed{position:fixed;width:100%;height:100%;left:0;top:0}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.banner-wrapper{display:flex;flex-wrap:wrap;gap:10px}.banner-content{flex:1;max-width:33%;max-height:319px;justify-items:center}.banner-content a{display:block}.banner-content.first img{width:100%}.banner-content-btn{border-radius:5px;background-color:#1e73be;display:inline-block;width:315px}.banner-content-btn a{text-decoration:none;color:#fff;text-align:center;display:block;padding:10px}.banner-content-btn:hover{opacity:.8}@media (min-width:0px) and (max-width:1023px){.auto-route-wrapper{padding:10px}.at-step-wrapper{flex-direction:column;font-size:14px}.at-step:not(:last-child)::after{content:"▼";bottom:-32px;left:50%;right:auto;top:auto;transform:translateX(-50%)}.auto-route-desc{font-size:16px}.at-step>img{height:60px}.banner-wrapper{flex-direction:column;flex-wrap:nowrap}.banner-content{max-height:100%;max-width:500px}.banner-content{width:100%;max-width:500px}}