:root{--font-family:"Inter","Noto Sans JP",sans-serif;--color-lightblue:#2ab0c4;--color-yellow:#f3e82f;--color-pink:#d86b70;--color-blue:#2c75bb;--color-white:#ffffff;--color-black:#000013;--color-bg-lightblue:#e6f6f9;--color-bg-gray:#f2f2f2;--color-border:#d0d6da;--color-text:#2a2a3c;--color-text-gray:#7c7c7c;--color-text-blue:#0071b7;--font-thin:300;--font-light:400;--font-regular:500;--font-medium:600;--font-bold:700;--lh-xs:1;--lh-sm:1.25;--lh-md:1.5;--lh-lg:1.75;--lh-xl:2;--normal-transition:0.3s ease}.ranking{background-color:var(--color-lightblue);border-radius:8px;padding:2rem;color:var(--color-white)}.ranking__title{display:flex;flex-direction:column;justify-content:center;align-items:center}.ranking__title h2{font-weight:var(--font-bold);letter-spacing:2px}.ranking__title h2 span{padding-right:4px}.ranking__title .switch{display:flex;padding-top:1.5rem}.ranking__title .switch li{position:relative}.ranking__title .switch li a{padding:1.5rem}.ranking__title .switch li a.is-active{color:var(--color-yellow)}.ranking__title .switch li+li:before{content:"";width:1px;height:100%;background-color:var(--color-white);position:absolute;top:0;left:0}@media (min-width:768px){.ranking{padding:4.286vw 5vw}.ranking__title{flex-direction:row;justify-content:left;align-items:center}.ranking__title h2{padding-right:2rem}.ranking__title .switch{margin-left:auto;padding-top:0}.ranking__title .switch li{position:relative}.ranking__title .switch li a{transition:opacity var(--normal-transition)}.ranking__title .switch li a:hover{opacity:.6}}.ranking__image{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr);grid-template-areas:"r1 r1" "r2 r3" "r4 r5";align-items:start;margin-top:.5rem}.ranking__image .item{position:relative;text-align:center;padding-top:4rem}.ranking__image .item--rank1{grid-area:r1}.ranking__image .item--rank2{grid-area:r2}.ranking__image .item--rank3{grid-area:r3}.ranking__image .item--rank4{grid-area:r4}.ranking__image .item--rank5{grid-area:r5}.ranking__image .item:before{content:"";position:absolute;top:0;left:0;font-size:1.5rem;line-height:1}.ranking__image .item--rank1{padding-top:4.5rem;width:66.489vw;margin:0 auto}.ranking__image .item--rank1:before{width:6.11rem;height:3.77rem;background:url(/yobiko/images/planner/icon_1st.svg) no-repeat 100% 0;background-size:100% 100%}.ranking__image .item--rank2:before{content:"";width:4.68rem;height:3.12rem;background:url(/yobiko/images/planner/icon_2nd.svg) no-repeat 100% 0;background-size:100% 100%}.ranking__image .item--rank3:before{content:"";width:4.68rem;height:3.12rem;background:url(/yobiko/images/planner/icon_3rd.svg) no-repeat 100% 0;background-size:100% 100%}.ranking__image .item--rank4:before{content:"";width:4.68rem;height:3.12rem;background:url(/yobiko/images/planner/icon_4th.svg) no-repeat 100% 0;background-size:100% 100%}.ranking__image .item--rank5:before{content:"";width:4.68rem;height:3.12rem;background:url(/yobiko/images/planner/icon_5th.svg) no-repeat 100% 0;background-size:100% 100%}.ranking__image .item .item-link{display:block;color:inherit;text-decoration:none}.ranking__image .item .item-link img{width:100%;aspect-ratio:600/810;object-fit:cover;border-radius:8px;background:#ccc;transition:transform .2s}.ranking__image .item .item-link p{padding-top:.5rem}@media (min-width:768px){.ranking__image{grid-template-columns:21.429vw 15vw 15vw 15vw 15vw;grid-template-areas:none;justify-content:center;align-items:end}.ranking__image .item{grid-area:auto;padding-top:4.286vw}.ranking__image .item--rank1{padding-top:5vw;width:100%;margin:0 auto}.ranking__image .item--rank1:before{width:6.714vw;height:4.143vw}.ranking__image .item--rank2:before,.ranking__image .item--rank3:before,.ranking__image .item--rank4:before,.ranking__image .item--rank5:before{width:5.143vw;height:3.429vw}.ranking__image .item-link p{padding-top:.357vw;display:flex;align-items:center;justify-content:left;height:3.571vw;line-height:var(--lh-sm)}}.filter-group{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:1.2rem;gap:1rem}.filter-group__label{font-weight:var(--font-bold);white-space:nowrap}.filter-group+.filter-group{margin-top:1.5rem}.filter-group.style{flex-direction:column;align-items:flex-start}.filter-group__buttons{display:flex;flex-wrap:wrap;gap:.8rem}.filter-btn{display:flex;justify-content:center;align-items:center;padding:0 1.2rem;height:3.6rem;line-height:3.6rem;border:1px solid var(--color-border);border-radius:100vh;background:var(--color-white);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.filter-btn.is-active{border-color:var(--color-lightblue);color:var(--color-lightblue)}.filter-btn.is-active,.filter-btn:hover{background:var(--color-bg-lightblue)}.filter-group.all .filter-btn{padding:0 3rem}@media (min-width:768px){.filter-group.style{flex-direction:row}.filter-group__buttons{gap:12px}.filter-btn{width:15.8rem;height:4rem}}.planner-list{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}@media (min-width:768px){.planner-list{grid-template-columns:repeat(4,1fr);gap:3rem}}.planner-link{transition:opacity var(--normal-transition)}.planner-link .card{width:100%;height:100%}.planner-link img{border-radius:50%;border:2px solid var(--color-white);overflow:hidden;flex-shrink:0;aspect-ratio:1/1}.planner-link p.job{margin-top:.5rem}.planner-link p.name{margin:0 0 .8rem}.planner-link:hover{opacity:.6}.profile .col-1{background-color:var(--color-bg-lightblue)}.profile__wrap{display:flex;flex-direction:column;align-items:center;gap:2rem;flex-shrink:0}.profile__image{width:45.213vw;height:45.213vw;border-radius:50%;border:2px solid var(--color-white);overflow:hidden;flex-shrink:0}@media (min-width:768px){.profile__wrap{flex-direction:row;align-items:flex-start;gap:4.286vw}.profile__image{width:21.429vw;height:21.429vw;flex-shrink:0}.profile__text{flex:1 1}}.profile-name{gap:0}.profile-name,.profile-name .name-wrap{display:flex;flex-direction:column;align-items:center}.profile-name .name-wrap .job{font-weight:var(--font-bold);color:var(--color-lightblue)}.profile-name .name-wrap .name{font-weight:var(--font-bold)}@media (min-width:768px){.profile-name{flex-direction:row;justify-content:flex-start;gap:3rem}.profile-name .name-wrap{align-items:flex-start}.profile-name .sns-links{margin:0}}.profile-style{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem}.profile-style__label{font-weight:var(--font-bold);color:var(--color-lightblue);white-space:nowrap}.profile-style__wrap{display:flex;flex-wrap:wrap;gap:.8rem}.profile-style__wrap .style{display:flex;justify-content:center;align-items:center;padding:0 2rem;height:3.6rem;color:var(--color-lightblue);line-height:3.6rem;border:1px solid var(--color-lightblue);border-radius:100vh;background:var(--color-white);white-space:nowrap}@media (min-width:768px){.profile-style{flex-direction:row;gap:2.5vw;margin:1.071vw 0 2.857vw}.profile-style__wrap{gap:1rem}.profile-style__wrap .style{min-width:11.286vw;height:4rem}}.profile-range{margin-top:3rem}.profile-range .range-item{display:flex;align-items:center;margin:1.6rem 0}.profile-range .range-item .range-label{width:8rem;white-space:nowrap;font-weight:var(--font-medium)}.profile-range .range-item .range-label.left{text-align:right;margin-right:2.5rem}.profile-range .range-item .range-label.right{text-align:left;margin-left:2.5rem}.profile-range .range-item .range-bar{position:relative;flex:1 1;height:1px;background:#acd7e0;border-radius:2px}.profile-range .range-item .range-bar:after,.profile-range .range-item .range-bar:before{content:"";position:absolute;top:-4px;bottom:-4px;width:1px;background:#acd7e0}.profile-range .range-item .range-bar:before{left:0}.profile-range .range-item .range-bar:after{right:0}.profile-range .range-item .range-bar .tick{position:absolute;top:-4px;bottom:-4px;width:1px;background:#acd7e0}.profile-range .range-item .range-bar .tick:first-child{left:20%}.profile-range .range-item .range-bar .tick:nth-child(2){left:40%}.profile-range .range-item .range-bar .tick:nth-child(3){left:60%}.profile-range .range-item .range-bar .tick:nth-child(4){left:80%}.profile-range .range-item .range-bar .thumb{position:absolute;top:50%;width:1.2rem;height:1.2rem;background:var(--color-lightblue);border:1px solid var(--color-bg-lightblue);border-radius:50%;transform:translate(-50%,-50%);z-index:10}.profile-range .range-item .range-bar .thumb-0{left:0}.profile-range .range-item .range-bar .thumb-1{left:20%}.profile-range .range-item .range-bar .thumb-2{left:40%}.profile-range .range-item .range-bar .thumb-3{left:60%}.profile-range .range-item .range-bar .thumb-4{left:80%}.profile-range .range-item .range-bar .thumb-5{left:100%}.description{margin-top:3rem}@media (min-width:768px){.description{margin-top:2.857vw}}.support-cont .grid-wrap{gap:1rem}.support-cont .grid-wrap .item{background-color:var(--color-lightblue);border-radius:8px;display:flex;justify-content:center;align-items:center;padding:2rem;color:var(--color-white);font-weight:var(--font-bold);text-align:center;line-height:var(--lh-md)}.support-cont .grid-wrap .item.not-supported{background-color:#979797}@media (min-width:768px){.support-cont .grid-wrap{gap:1.5rem}.support-cont .grid-wrap .item{padding:1.786vw .357vw}}.recommended__list{display:flex;flex-direction:column;gap:1rem}.recommended__list li{padding:1rem;background-color:var(--color-white);border:1px solid var(--color-lightblue);border-radius:8px;font-weight:var(--font-medium);color:var(--color-lightblue)}@media (min-width:768px){.recommended__list{display:flex;grid-template-columns:repeat(2,1fr);gap:1.6rem}.recommended__list li{display:flex;flex-wrap:wrap;align-items:center;flex:1 1;padding:1.429vw}}.holidays .col-1{padding:5.319vw;border-radius:8px;background-color:var(--color-bg-gray)}@media (min-width:768px){.holidays .col-1{padding:2.857vw}}.holidays__photo{gap:2rem;margin-bottom:1.5rem}.holidays__photo li img{border-radius:8px}@media (min-width:768px){.holidays__photo{margin-bottom:1.429vw}}.movie .grid-wrap{gap:2rem}.movie .grid-wrap a{transition:opacity var(--normal-transition)}.movie .grid-wrap a img{border-radius:8px}.movie .grid-wrap a:hover{opacity:.6}