*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}img{display:block;width:100%}#menu-btn{position:fixed;top:0;right:0;z-index:100;width:50px;height:50px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}#menu-btn img{width:24px;height:24px}#menu-cover{position:fixed;width:100%;height:100%;z-index:99;background-color:#828282;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}#menu-cover.show{opacity:.8;pointer-events:all}#side-menu{position:fixed;top:0;right:-375px;width:375px;height:100vh;background-color:#fff;z-index:100;transition:.3s right ease-in-out}#side-menu.show{right:0}@media screen and (max-width: 768px){#side-menu{width:100%;right:-100%;background-color:transparent}}#side-menu .head{display:flex;justify-content:flex-end;height:50px}#side-menu .head .close-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:50px;height:50px}@media screen and (max-width: 768px){#side-menu .head .close-btn{background-color:#fff}}#side-menu .head img{width:24px}#side-menu .menu-list{overflow-y:scroll;height:calc(100vh - 50px);background-color:#fff}#side-menu .menu-list::-webkit-scrollbar{display:none}#side-menu .menu-item{position:relative;display:flex;align-items:center;height:70px;border-bottom:1px solid #02BCB1;padding:0 24px;cursor:pointer}#side-menu .menu-item p{font-size:17px;font-weight:800}#side-menu .menu-item img{position:absolute;top:0;bottom:0;right:24px;margin:auto;width:16px}#side-menu .menu-sub-list{max-height:0;overflow:hidden;transition:.5s max-height linear}#side-menu .menu-sub-list.show{max-height:1000px}#side-menu .menu-sub-list .sub{position:relative;display:flex;align-items:center;height:55px;border-left:15px solid #02BCB1;padding:0 24px;cursor:pointer;border-bottom:1px solid #02BCB1}#side-menu .menu-sub-list .sub p{font-size:17px;font-weight:800}#side-menu .menu-sub-list .sub img{position:absolute;top:0;bottom:0;right:24px;margin:auto;width:16px}.ranking-tables{padding-top:30px;background-color:#fff}@media screen and (max-width: 768px){.ranking-tables{padding-top:40px}}.ranking-tables .scroll-text{display:none;font-size:14px;text-align:center;margin-bottom:16px}@media screen and (max-width: 768px){.ranking-tables .scroll-text{display:block}}.ranking-tables .tabs{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:30px}@media screen and (max-width: 768px){.ranking-tables .tabs{gap:16px;padding:24px 8vw 0}}.ranking-tables .tabs .tab{display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;width:160px;height:58px;border:1px solid #E7E7E7;background-color:#e7e7e7;border-bottom:none;cursor:pointer;color:#26262699;font-weight:700}.ranking-tables .tabs .tab.active{background-color:#ffedee;color:#fc3175;border-color:#ff5a80}@media screen and (max-width: 768px){.ranking-tables .tabs .tab{width:30%}}.ranking-tables .table-warp{border-top:1px solid #FF5A80;padding:0 30px 50px}@media screen and (max-width: 768px){.ranking-tables .table-warp{padding:0px 0vw}}.ranking-tables .table-scroll{display:none;overflow-x:auto}.ranking-tables .table-scroll.show{display:block}.ranking-tables .check-btns{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:30px}@media screen and (max-width: 768px){.ranking-tables .check-btns{padding:16px 5vw;flex-direction:column;gap:8px}}.ranking-tables .check-btns.active{display:flex}.ranking-tables .check-btns .check-btn{position:relative;display:flex;align-items:center;width:calc(50% - 8px);height:44px;border-radius:100px;border:1px solid #FF5A80;padding:0 24px;font-weight:700;color:#ff5a80;gap:8px;cursor:pointer}@media screen and (max-width: 768px){.ranking-tables .check-btns .check-btn{width:100%}}.ranking-tables .check-btns .check-btn .btn-icon{width:24px}.ranking-tables .check-btns .check-btn .check-icon{position:absolute;top:0;bottom:0;right:14px;margin:auto;width:20px;opacity:0}.ranking-tables .check-btns .check-btn input{display:none}.ranking-tables .check-btns .check-btn:has(input:checked){background-color:#ff5a80;color:#fc3175;border-color:#ff5a80;color:#fff}.ranking-tables .check-btns .check-btn:has(input:checked) .check-icon{opacity:1}.ranking-tables table{width:100%}@media screen and (max-width: 768px){.ranking-tables table{width:1000px}}.ranking-tables table th,.ranking-tables table td{border:1px solid #FFD6E3;padding:10px}.ranking-tables table th{background-color:#ffedee;color:#fc3175;font-size:13px}.ranking-tables table th.first{width:220px}.ranking-tables table th.w109{width:109px}.ranking-tables table .site-content{display:flex;align-items:center;justify-content:center;gap:24px}.ranking-tables table .site-content .rank-icon{width:40px}.ranking-tables table .site-info{display:flex;flex-direction:column;gap:8px}.ranking-tables table .site-info .logo-wrap{height:40px}.ranking-tables table .site-info .logo-wrap img{width:100%;height:100%;object-fit:contain}.ranking-tables table .site-info .name{font-size:10px;color:#26262699;text-align:center;line-height:1.2}.ranking-tables table .site-info .btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#02bcb1;border-radius:100px;color:#fff;width:133px;height:38px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 5px #0000004d}.ranking-tables table .site-info .btn span{display:block;font-size:10px}.ranking-tables table .score{display:block;text-align:center;font-size:13px}.ranking-tables table .score.pink{color:#fc3175;font-weight:700}.ranking-tables table .icon{width:32px;margin:0 auto 5px}.ranking-tables table span{display:block;text-align:center;font-size:13px}.ranking-tables table .icon-text{display:flex;align-items:center;gap:2px;font-size:10px}.ranking-tables table .icon-text span{font-size:10px}.ranking-tables table .icon-text img{width:12px}#total-ranking{padding-top:30px;background-color:#fff}#total-ranking .ranking-content-wrap{padding:0 30px 50px;background-color:#ffd6e3}@media screen and (max-width: 768px){#total-ranking .ranking-content-wrap{padding:0 5vw 50px}}#total-ranking .content{background-color:#fff;border-radius:12px;padding:30px 30px 50px;margin-bottom:30px}@media screen and (max-width: 768px){#total-ranking .content{padding:24px 5vw}}#total-ranking .head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}#total-ranking .head .info{display:flex;justify-content:space-between;align-items:center;gap:16px}#total-ranking .head .info .rank{width:56px}#total-ranking .head .info .names p{font-size:24px;font-weight:800;color:#02bcb1}@media screen and (max-width: 768px){#total-ranking .head .info .names p{margin-bottom:5px}}#total-ranking .head .info .names .stars{display:flex;gap:2px}#total-ranking .head .info .names .stars img{width:12px}#total-ranking .head .score{display:flex;align-items:baseline;gap:4px}#total-ranking .head .score span{font-size:25px;font-weight:800;color:#fc3175}@media screen and (max-width: 768px){#total-ranking .head .score{position:absolute;font-size:20px;right:0;bottom:0;font-size:14px}#total-ranking .head .score span{font-size:15px}}#total-ranking .site-info{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}@media screen and (max-width: 768px){#total-ranking .site-info{flex-direction:column;gap:16px}}#total-ranking .site-info .bnr{width:300px;background-color:gray}@media screen and (max-width: 768px){#total-ranking .site-info .bnr{width:100%}}#total-ranking .site-info .table-wrap{flex:1}@media screen and (max-width: 768px){#total-ranking .site-info .table-wrap{width:100%}}#total-ranking .site-info table{width:100%}#total-ranking .site-info table th,#total-ranking .site-info table td{border:1px solid #FFD6E3}#total-ranking .site-info table th{width:100px;background-color:#fff9c5;color:#fc3175;padding:8px 0}#total-ranking .site-info table td{padding:8px 12px}#total-ranking .site-info table .icon{width:20px}#total-ranking .site-info table .data{display:flex;align-items:center;gap:4px}#total-ranking .site-info table .data.icons{gap:8px}#total-ranking .site-info table .icon-data{display:flex;flex-direction:column}#total-ranking .site-info table .icon-text{display:flex;align-items:center;gap:2px;font-size:10px}#total-ranking .site-info table .icon-text span{font-size:16px}#total-ranking .site-info table .icon-text img{width:14px}#total-ranking .ranking-content .content-head{border-left:4px solid #FF5A80;background-color:#e7e7e7;padding:8px 12px}#total-ranking .ranking-content .content-head p{color:#fc3175;font-size:20px;font-weight:700}#total-ranking .ranking-content .point-list{display:flex;flex-direction:column;gap:16px;padding:16px 0}#total-ranking .ranking-content .point-list .list{display:flex;align-items:center;gap:8px}#total-ranking .ranking-content .point-list .list .icon{width:20px}#total-ranking .ranking-content .point-list .list span{color:#fc3175;font-weight:700}#total-ranking .ranking-content .feature-list{padding:16px 0;line-height:1.8}#total-ranking .ranking-content .feature-list span{color:#fc3175;font-weight:700}#total-ranking .ranking-content .review-list{display:flex;flex-direction:column;gap:16px;padding:16px 0}#total-ranking .ranking-content .review-list .review{display:flex;align-items:flex-start;background-color:#ffedee;gap:16px;padding:30px}@media screen and (max-width: 768px){#total-ranking .ranking-content .review-list .review{padding:16px 3vw}}#total-ranking .ranking-content .review-list .review-user{display:flex;flex-direction:column;align-items:center;gap:8px}#total-ranking .ranking-content .review-list .review-user .icon{width:56px}#total-ranking .ranking-content .review-list .review-user p{font-size:10px}#total-ranking .ranking-content .review-list .review-text{flex:1;line-height:1.5}#total-ranking .ranking-content .quote{font-size:12px;text-align:center}#total-ranking .ranking-content .btn-area{padding:0;margin-top:30px}.top3-content{background-color:#fff;padding:0 30px 30px}@media screen and (max-width: 768px){.top3-content{padding:0px 0vw 30px}}.top3-content .scroll-text{display:none;font-size:14px;text-align:center;margin-bottom:16px}@media screen and (max-width: 768px){.top3-content .scroll-text{display:block}}@media screen and (max-width: 768px){.top3-content .scroll-table{overflow-x:scroll;padding:0px 0vw 30px}}.top3-content table{width:100%}.top3-content table th,.top3-content table td{border:1px solid #FC3175;padding:20px 16px}.top3-content table .first{width:200px}.top3-content table .last{width:610px}@media screen and (max-width: 768px){.top3-content table{width:820px}.top3-content table th,.top3-content table td{padding:20px 8px}.top3-content table .first{width:260px}.top3-content table .last{width:500px}}.top3-content .site-content{display:flex;align-items:center;justify-content:center;gap:24px}@media screen and (max-width: 768px){.top3-content .site-content{gap:8px}}.top3-content .site-content .rank-icon{width:40px}.top3-content .score{display:block;text-align:center}.top3-content .score.pink{color:#fc3175;font-weight:700}.top3-content .site-info{display:flex;flex-direction:column;gap:8px}@media screen and (max-width: 768px){.top3-content .site-info{flex:1;align-items:center}}.top3-content .site-info .logo-wrap{height:40px}.top3-content .site-info .logo-wrap img{width:100%;height:100%;object-fit:contain}.top3-content .site-info .btn{display:flex;align-items:center;justify-content:center;background-color:#02bcb1;border-radius:100px;color:#fff;width:160px;height:30px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 3px 5px #0000004d}.top3-content .point-list{display:flex;flex-direction:column;gap:4px}.top3-content .point-list p{display:flex;align-items:center;gap:4px}.top3-content .point-list p img{width:20px}.top3-content .point-list p span{font-weight:700;color:#fc3175}.reason-summary{background-color:#fff;padding:0 30px 40px}@media screen and (max-width: 768px){.reason-summary{padding:0 5vw 40px}}.reason-summary .reason-list{border:1px solid #FC3175;border-radius:12px;background-color:#ffedee;padding:30px}.reason-summary .reason-list span{color:#fc3175;font-weight:700}@media screen and (max-width: 768px){.reason-summary .reason-list{padding:24px 5vw}}.reason-title{position:relative;background-color:#ff5a80;color:#fff;padding:10px 0;text-align:center;font-size:20px;font-weight:800}.reason-title:after{content:"";position:absolute;width:0px;height:0px;border-top:15px solid #FF5A80;border-right:20px solid transparent;border-left:20px solid transparent;bottom:-14px;left:50%;transform:translate(-50%)}@media screen and (max-width: 768px){.reason-title{padding:10px 3vw}.reason-title p{display:flex;align-items:center;gap:8px;text-align:left;font-size:18px}}.reason-table{padding:0 30px;background-color:#fff9c5}@media screen and (max-width: 768px){.reason-table{padding:0 5vw}}.reason-table table{width:100%}.reason-table table th,.reason-table table td{border:1px solid #FC3175;padding:12px 16px}.reason-table table th{width:350px;background-color:#ffd6e3;color:#fc3175;text-align:center}@media screen and (max-width: 768px){.reason-table table th{width:180px}}.reason-table table td{background-color:#fff}.reason-table table td span{color:#fc3175;font-weight:700}*{font-family:Noto Sans JP,sans-serif}._container{width:1000px;margin:0 auto}@media screen and (max-width: 768px){._container{width:100%}}#mainv{position:relative}#mainv .date{position:absolute;top:2.4vw;left:33%;font-size:1.8vw;font-weight:700;color:#000}@media screen and (max-width: 768px){#mainv .date{top:8vw;left:37%;font-size:3vw}}.pc-mainv{display:block}@media screen and (max-width: 768px){.pc-mainv{display:none}}.sp-mainv{display:none}@media screen and (max-width: 768px){.sp-mainv{display:block}}main{background-color:#ffedee;padding-bottom:64px}._pb50{padding-bottom:50px}._btn-base,.btn-area .btn,#top-button-area .top-btn{position:relative;display:flex;align-items:center;justify-content:center;border-radius:100px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .3s ease-in-out}._btn-base:hover,.btn-area .btn:hover,#top-button-area .top-btn:hover{opacity:.8}._btn-base .btn-icon,.btn-area .btn .btn-icon,#top-button-area .top-btn .btn-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:auto;height:30%}._btn-base .icon,.btn-area .btn .icon,#top-button-area .top-btn .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:auto;height:30%;aspect-ratio:1;background-color:#fff;border-radius:50%}._btn-base .icon:after,.btn-area .btn .icon:after,#top-button-area .top-btn .icon:after{content:"";position:absolute;width:30%;height:auto;aspect-ratio:1;border-top:1px solid #000;border-right:1px solid #000;left:0;right:0;margin:auto}._btn-base .icon.down:after,.btn-area .btn .icon.down:after,#top-button-area .top-btn .icon.down:after{top:25%;transform:rotate(135deg)}._btn-base .icon.right:after,.btn-area .btn .icon.right:after,#top-button-area .top-btn .icon.right:after{top:0%;bottom:0%;right:10%;transform:rotate(45deg);margin:auto}._btn-base.green,.btn-area .green.btn,#top-button-area .green.top-btn{background-color:#02bcb1}._btn-base.green .icon:after,.btn-area .green.btn .icon:after,#top-button-area .green.top-btn .icon:after{border-color:#02bcb1}._btn-base.blue,.btn-area .blue.btn,#top-button-area .blue.top-btn{background-color:#157cce}._btn-base.blue .icon:after,.btn-area .blue.btn .icon:after,#top-button-area .blue.top-btn .icon:after{border-color:#157cce}#top-button-area{width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:30px}@media screen and (max-width: 768px){#top-button-area{flex-direction:column;gap:16px;padding:24px 5vw}}#top-button-area .top-btn{width:460px;height:58px;box-shadow:0 3px 5px #0003}#top-button-area .top-btn.green{background-color:#02bcb1}#top-button-area .top-btn.blue{background-color:#157cce}@media screen and (max-width: 768px){#top-button-area .top-btn{width:100%}}.talk-content{display:flex;flex-direction:column;gap:20px;padding:30px;background-color:#fff9c5}@media screen and (max-width: 768px){.talk-content{padding:24px 5vw 40px}}.talk{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px}.talk .talk-icon{width:120px}@media screen and (max-width: 768px){.talk .talk-icon{width:80px}}.talk .talk-text{position:relative;flex:1;background-color:#fff;padding:16px 24px;border-radius:12px;z-index:1;filter:drop-shadow(0 0px 5px rgba(0,0,0,.2))}.talk .talk-text:before{content:"";position:absolute;width:0px;height:0px;border-top:10px solid transparent;border-right:18px solid white;border-bottom:10px solid transparent;top:0;bottom:0;left:-16px;margin:auto;z-index:0}.talk .talk-text.no-self:before{display:none}.talk .talk-text.pink{background-color:#ffd6e3;filter:none}.talk .talk-text.pink:before{border-right-color:#ffd6e3}.talk .talk-text span{color:#fc3175}.talk .talk-text span.bold{font-weight:700}.section-head{position:relative;background-color:#ff5a80;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-head p{color:#fff;font-weight:800;font-size:29px;text-align:center}@media screen and (max-width: 768px){.section-head p{line-height:1.3}}.section-head img{position:absolute;width:358px;top:-40px;left:50%;transform:translate(-50%)}@media screen and (max-width: 768px){.section-head img{width:90%;top:-50%}}.section-head .sub{font-size:20px;color:#000}.section-head .black{color:#000}.section-head .pink{color:#fc3175}.section-head.thin{background-color:#ffd6e3}@media screen and (max-width: 768px){.section-head .sp-sub{font-size:22px;display:block}}.head-content{position:relative;display:flex;align-items:center;background-color:#fff;padding:40px 0}.head-content.stars{padding-top:50px}@media screen and (max-width: 768px){.head-content{padding:24px 0vw}.head-content.stars{padding-top:50px}}.head-content .star{position:absolute;width:68px;top:-20px;left:0;right:0;margin:auto}@media screen and (max-width: 768px){.head-content .star{width:-30px}}.head-content .head-wrap{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto}.head-content .head-wrap .sub{font-size:18px;font-weight:800}.head-content .head-wrap h2{font-size:29px;font-weight:800;color:#fc3175}.head-content .head-wrap .title-left,.head-content .head-wrap .title-right{position:absolute;width:30px;bottom:0}.head-content .head-wrap .title-left{left:-45px}.head-content .head-wrap .title-right{right:-45px}@media screen and (max-width: 768px){.head-content .head-wrap .sub{font-size:16px}.head-content .head-wrap h2{font-size:26px}.head-content .head-wrap .title-left,.head-content .head-wrap .title-right{position:absolute;width:26px;bottom:0}.head-content .head-wrap .title-left{left:-36px}.head-content .head-wrap .title-right{right:-36px}}.comparison-content{padding-left:30px;padding-right:30px;background-color:#fff9c5}@media screen and (max-width: 768px){.comparison-content{padding-left:30px;padding-right:30px}}.comparison-content .comparison{border:1px solid #FC3175;border-radius:12px;background-color:#ffedee}.comparison-content .inner{display:flex;flex-direction:column;gap:16px;padding:30px}@media screen and (max-width: 768px){.comparison-content .inner{padding:24px 5vw}}.comparison-content .comp{display:flex;align-items:center;gap:16px}.comparison-content .comp .icon{width:32px}.comparison-content .comp span{font-weight:700;color:#fc3175}.comparison-content .sep{display:block;height:1px;width:100%;background-color:#ff5a80}.btn-area{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:0 30px 60px}.btn-area .btn{width:400px;height:58px;font-size:17px;font-weight:700;box-shadow:0 3px 5px #0003}.bottom-content{background-color:#ffd6e3}.bottom-content .bottom-content{padding:10px 30px 30px}@media screen and (max-width: 768px){.bottom-content .bottom-content{padding:10px 5vw 30px}}.bottom-content .inner{background-color:#fff;border-radius:12px;padding:30px}@media screen and (max-width: 768px){.bottom-content .inner{padding:24px 5vw}}.bottom-content .section-head{padding:20px 0;height:auto}@media screen and (max-width: 768px){.bottom-content .section-head{height:auto;padding:20px 0}.bottom-content .section-head img{top:-30%}}footer{padding:0 3vw}footer .links{display:flex;justify-content:center;gap:16px;padding:32px 0 12px}footer .links a{text-decoration:underline;color:#000}footer .copyright{font-size:12px;color:#000;text-align:center;padding:24px 0}
