.guides-hero{position:relative;overflow:hidden;background:linear-gradient(108deg,#edf5f9 0%,#e8f1f7 49%,#bed7e6 100%);min-height:420px}
.guides-hero::before{content:"";position:absolute;right:-10%;top:-45%;width:790px;height:790px;border-radius:50%;border:1px solid #73a6c55e;box-shadow:0 0 0 100px #ffffff19,0 0 0 180px #ffffff10;animation:orbitFloat 10s ease-in-out infinite}
.guides-hero::after{content:"";position:absolute;right:9%;bottom:-240px;width:520px;height:520px;background:radial-gradient(circle,#53a1c257,transparent 70%);filter:blur(15px);pointer-events:none}
.guides-hero .container{position:relative;z-index:1;padding-top:35px;padding-bottom:91px}
.guides-breadcrumb{display:flex;gap:17px;align-items:center;color:#7490a5;font:700 10px "DM Sans","Noto Sans JP",sans-serif;letter-spacing:.09em;margin-bottom:68px}
.guides-breadcrumb a:hover{color:#145a8a}.guides-hero .kicker{color:#39799f}
.guides-hero h1{font-size:clamp(32px,3.8vw,55px);line-height:1.55;letter-spacing:-.065em;color:#103f65;margin:20px 0 19px;font-weight:800}
.guides-hero h1 span{color:#2877a7}
.guides-hero-desc{color:#547389;line-height:2.1;font-size:14px;margin:0}
.guides-hero-mark{position:absolute;width:300px;height:300px;right:13%;top:98px;border:1px solid #ffffff99;border-radius:50%;animation:orbitFloat 11s ease-in-out infinite;pointer-events:none}
.guides-hero-mark i{position:absolute;display:block;border-radius:50%;border:1px solid #ffffffb8}
.guides-hero-mark i:nth-child(1){width:195px;height:195px;left:52px;top:52px;background:#ffffff24;backdrop-filter:blur(4px)}
.guides-hero-mark i:nth-child(2){width:70px;height:70px;right:-23px;top:58px;background:#8dc4db66}
.guides-hero-mark i:nth-child(3){width:35px;height:35px;bottom:-10px;left:15px;background:#ffffff88}
.guides-main{padding:90px 0 108px;background:#f9fbfc}
.guide-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}
.guide-intro h2{font-size:clamp(29px,3vw,41px);line-height:1.55;letter-spacing:-.055em;margin:11px 0 0}
.guide-intro h2 span{color:#3479a4}.guide-intro>p{font-size:13px;color:#6a8294;line-height:2;max-width:425px;margin:0 0 4px}
.guide-filters{background:#fff;border:1px solid #dfeaf0;border-radius:7px;padding:28px 31px;box-shadow:0 18px 42px #153d5b0a}
.guide-search{display:flex;align-items:center;gap:15px;border:1px solid #d8e4ec;background:#f8fbfc;padding:0 18px;border-radius:4px;color:#6997b2}
.guide-search:focus-within{outline:2px solid #8dc4e0;outline-offset:2px}
.guide-search input{min-width:0;width:100%;height:55px;border:0;outline:0;background:transparent;color:#143f5f;font:500 14px "Noto Sans JP",sans-serif}
.guide-search input::placeholder{color:#9aafbe}.guide-categories{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.guide-chip{border:1px solid #dbe8ef;background:#f7fafc;border-radius:25px;color:#557993;font:700 11px "Noto Sans JP",sans-serif;padding:9px 16px;cursor:pointer;transition:all .2s}
.guide-chip:hover{background:#ebf4f8;border-color:#6fa9cc}.guide-chip.active{color:white;background:#1b5d8b;border-color:#1b5d8b;box-shadow:0 5px 13px #1b5d8b2a}
.guide-results-heading{display:flex;justify-content:space-between;align-items:end;margin:47px 0 24px;gap:20px}
.guide-results-heading p{margin:0;display:flex;gap:15px;align-items:baseline;flex-wrap:wrap}
.guide-results-heading strong{font-size:19px;color:#245d83}.guide-results-heading small{font-size:11px;color:#8aa0ae}
.guide-results-heading>span{font:800 10px "DM Sans",sans-serif;letter-spacing:.2em;color:#94abba}
.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-item{display:grid;grid-template-columns:118px minmax(0,1fr) 25px;gap:20px;align-items:center;min-height:169px;padding:18px;background:#fff;border:1px solid #e0eaf0;border-radius:5px;transition:transform .25s,border-color .25s,box-shadow .25s}
.guide-item:hover{border-color:#87b6d1;transform:translateY(-4px);box-shadow:0 15px 25px #1d4f7017}
.guide-icon-card{width:118px;height:128px;border-radius:3px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.guide-icon-card::after{content:"";position:absolute;width:145px;height:145px;border:1px solid #ffffffa6;border-radius:50%;right:-65px;top:-65px}
.guide-icon-card.home{background:linear-gradient(145deg,#d5e8f4,#afcfe3);color:#3e7da7}
.guide-icon-card.garden{background:linear-gradient(145deg,#e7f3e4,#c5e0d4);color:#4e9b8a}
.guide-icon-card.digital{background:linear-gradient(145deg,#e1e5fa,#c4d0ed);color:#647db4}
.guide-icon-card.daily{background:linear-gradient(145deg,#faeee4,#f5dcc1);color:#bf906a}
.guide-icon-card.shopping{background:linear-gradient(145deg,#f7e6e7,#edcbd1);color:#c57d86}
.guide-symbol{font:400 78px/1 "DM Sans",sans-serif;opacity:.85;transform:translateY(-4px)}
.guide-item-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:12px}
.guide-item-content small{font:800 10px "Noto Sans JP",sans-serif;letter-spacing:.035em;color:#76a3bf}
.guide-item-content strong{font-size:15px;line-height:1.62;letter-spacing:-.025em;color:#1d3d56;font-weight:800}
.guide-item-cta{font-size:11px;color:#4e8baa;font-weight:700}
.guide-item-arrow{align-self:start;justify-self:end;font-size:19px;color:#92b1c4;font-weight:400}
.guide-empty{text-align:center;padding:65px 12px;color:#698394;border:1px dashed #cadae5;background:#fff}
.guide-load{text-align:center;margin:37px auto 0}.guide-load-button{min-width:300px;background:#fff;border:1px solid #9cbed0;border-radius:3px;padding:17px 27px;color:#216089;cursor:pointer;font:700 13px "Noto Sans JP",sans-serif;transition:background .2s}
.guide-load-button:hover{background:#edf6fa}.guide-source{margin:60px 0 0;color:#97a6b1;font-size:11px;line-height:1.8}
.guide-back{background:linear-gradient(100deg,#123d65,#296d98);color:#fff;overflow:hidden}
.guide-back .container{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:61px;padding-bottom:61px}
.guide-back small{font:800 10px "DM Sans",sans-serif;letter-spacing:.21em;color:#96c8e0}
.guide-back h2{font-size:29px;letter-spacing:-.05em;margin:11px 0 9px}.guide-back p{font-size:13px;margin:0;color:#c0d7e6}
@media(max-width:900px){.guides-hero-mark{right:-60px;opacity:.5}.guide-item{grid-template-columns:80px minmax(0,1fr) 16px;gap:14px}.guide-icon-card{width:80px;height:105px}.guide-symbol{font-size:62px}.guide-item-content strong{font-size:13px}}
@media(max-width:700px){.guides-hero .container{padding-top:25px;padding-bottom:65px}.guides-breadcrumb{margin-bottom:48px}.guides-hero{min-height:0}.guides-hero h1{font-size:30px}.guides-hero-desc{font-size:12px}.guides-hero-desc br{display:none}.guides-hero-mark{right:-160px;top:130px;opacity:.3}.guides-main{padding:64px 0 77px}.guide-intro{display:block;margin-bottom:30px}.guide-intro>p{margin-top:17px;font-size:12px}.guide-filters{padding:18px 16px}.guide-search{padding:0 12px}.guide-search input{height:49px;font-size:12px}.guide-categories{gap:7px}.guide-chip{padding:8px 11px;font-size:10px}.guide-results-heading>span{display:none}.guide-results-heading{margin-top:37px}.guide-results-heading p{display:block}.guide-results-heading small{display:block;margin-top:4px}.guide-list{grid-template-columns:1fr;gap:10px}.guide-item{min-height:128px;padding:11px;grid-template-columns:75px minmax(0,1fr) 15px;gap:13px}.guide-icon-card{width:75px;height:102px}.guide-symbol{font-size:54px}.guide-item-content{gap:7px}.guide-item-content strong{font-size:13px}.guide-item-content small{font-size:9px}.guide-item-cta{font-size:10px}.guide-load-button{min-width:0;width:100%}.guide-back .container{display:block;padding-top:45px;padding-bottom:49px}.guide-back h2{font-size:23px}.guide-back .btn{margin-top:25px;width:100%}}