@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");*,*::before,*::after{box-sizing:border-box}html,body{padding:0;margin:0}.ranking-selectors{display:flex;justify-content:center;grid-gap:5px;margin:0 10px}.ranking-selectors .selector{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:115px;height:50px;border-radius:5px;border:2px solid #31a6b3;cursor:pointer;transition:background-color 0.3s;font-family:"Noto Sans JP", sans-serif;font-size:14px;font-weight:600;line-height:16.8px;text-align:center;color:#31a6b3}.ranking-selectors .selector:hover{background-color:#b2ebf4}.ranking-selectors .selector.active{background-color:#31a6b3;color:#fff}body{font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;line-height:1.6;font-weight:500;background:#fff}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,button,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}li,dd{list-style-type:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}main img{border:none;vertical-align:bottom;width:100%;max-width:100%;height:auto}a{text-decoration:none}a:hover{opacity:0.7}body{color:#444;font-family:"Noto Sans JP", sans-serif;line-height:normal;font-weight:300;width:375px;max-width:100%;margin:0 auto}html{font-size:62.5%;scroll-behavior:smooth}.inner{width:500px;max-width:100%;margin:0 auto;padding:0 15px}.btn-b{display:inline-block;width:100%;color:#fff;text-align:center;border-radius:30px;background:#FF4370;box-shadow:0px 3px 0px 0px #CA3257;position:relative}.btn-b::after{content:"";position:absolute;top:50%;right:1.1em;transform:translateY(-50%);background:url(/assets/haken_01/icon-btn-b.webp) no-repeat center center/contain;width:1em;aspect-ratio:10/5}.btn-r{display:inline-block;width:100%;color:#fff;text-align:center;border-radius:66px;background:#FF4370;box-shadow:0px 3px 0px 0px #CA3257;position:relative}.btn-r::after{content:"";position:absolute;top:50%;right:0.8em;width:0.8em;transform:translateY(-50%);background:url(/assets/haken_01/icon-btn-r.png) no-repeat center center/contain;aspect-ratio:10/10}@media (max-width: 767px){.pc{display:none !important}}@media (min-width: 768px){.sp{display:none !important}}.section{padding:30px 0}.kirakira{position:relative}.kirakira::before{content:"";position:absolute;top:50%;left:0.45em;transform:translate(-100%, -50%);background:url(/assets/haken_01/kirakira.webp) no-repeat center center/contain;width:1.5em;aspect-ratio:33/33}.kirakira::after{content:"";position:absolute;top:50%;right:0.45em;transform:translate(100%, -50%) scale(-1, 1);background:url(/assets/haken_01/kirakira.webp) no-repeat center center/contain;width:1.5em;aspect-ratio:33/33}.text-ctr{text-align:center}.mv{background:url(/assets/haken_01/mv-bg.webp) no-repeat center top/cover;padding:6% 0 9%;position:relative}.mv__inner{padding-left:20px}.mv-heading p:nth-child(2){width:208px;margin-top:6px}.mv-content{display:flex;justify-content:space-between;align-items:start;margin-top:59.3%}.mv-list li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;padding:5px 10px 5px 30px;font-size:13px;font-weight:600;position:relative}.mv-list li::before{content:"";position:absolute;top:50%;left:10px;transform:translateY(-50%);background:url(/assets/haken_01/icon-check01.webp) no-repeat center center/contain;width:1em;aspect-ratio:1/1}.mv-list li:nth-child(n+2){margin-top:1.8%}.mv-btn{margin-top:8%;width:57%}.mv-btn a{display:block;width:63%;margin-left:auto;font-size:13px;font-weight:800;padding:0.6em;display:flex;align-items:center;justify-content:center}.mv-btn a:nth-child(2){margin-top:5%;background:#FFEC05;box-shadow:0px 3px 0px 0px #C8B908;color:#444}.mv-btn a:nth-child(2)::after{background:url(/assets/haken_01/icon-btn-b_blue.webp) no-repeat center center/contain}.mv-btn p{font-size:9.5px;font-weight:500;margin-top:1em;text-align:right;white-space:nowrap}.mv-btn .btn-b::after{position:relative;display:inline-block;right:0;transform:unset;top:0;margin-left:0.7em}.best{background:#31A6B3;border-radius:30px 30px 0px 0px;margin-top:-6%;position:relative;padding-bottom:25px}.best-title{color:#fff;font-weight:800;text-align:center;font-size:2.2rem;padding-left:0.4em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.best-title span{color:#FFEC05;margin:0 0.4em;letter-spacing:0.15em}.best-items{margin-top:30px;display:flex}.best-items .best-img{width:86px;height:30px;object-fit:contain}.best-item{width:calc(33.3% - 6.6666666667px);background:#fff;border-radius:10px;position:relative;padding:15px 2.7% 10px}.best-item:nth-child(n+2){margin-left:10px}.best-item p{font-size:9px}.best-item a{margin-top:13px;padding:0.8em 0em;font-size:9px}.best-item .btn-r{display:flex;align-items:center;justify-content:center;line-height:1}.best-item .btn-r::after{position:relative;display:inline-block;right:0;transform:unset;top:0;margin-left:0.3em;width:1em}.best-item>img{-o-object-fit:cover;object-fit:cover}.best-item-num{position:absolute;top:-25px;left:50%;transform:translateX(-50%)}.best-item-num img{width:36px}.best-item-rating{text-align:center;margin-bottom:10px}.best-item-rating p{font-size:8px;font-weight:600}.best-item-rating p span{display:inline-block;font-size:1rem;color:#FF4370;margin-left:5px}.best-item-rating>span{display:block;background:#EEFDFF;border-radius:3px;aspect-ratio:88.3/25;width:88.3px;display:flex;align-items:center;margin:2px auto 0}.best-item-rating img{aspect-ratio:150/29;-o-object-fit:cover;object-fit:cover;width:80px;margin:0 auto}.best-btn{margin-top:11px}.search{background:#EEFDFF;padding-bottom:18px}.search-title{display:flex;align-items:center;justify-content:center;font-size:2.3rem;font-weight:800;color:#31A6B3}.search-title img{width:22px;margin-right:10px}.search-items-wrap{width:100%;overflow-x:scroll;padding-left:15px;padding-bottom:15px}.search-items{display:flex;margin-top:15px;width:480px}.search-items li{background:#fff;border-radius:5px;padding:5px;padding-bottom:8px;width:100px;margin-right:8px}.search-items li dt{background:#EEFDFF;color:#31A6B3;text-align:center;font-size:8px;font-weight:800;padding:1.5px 0}.search-items li dd{font-size:1rem;padding:5px 0;text-align:center}.search-items li dd.job{height:40px}.search-items li dd.point{height:60px}.search-items li a{display:inline-block;width:100%;color:#fff;text-align:center;border-radius:30px;background:#31A6B3;box-shadow:0px 3px 0px 0px #1F828D;padding:5px 0;position:relative;margin-top:11px;font-size:9px;font-weight:600}.search-items li a::after{content:"";position:absolute;top:50%;right:1.1em;transform:translateY(-50%);background:url(/assets/haken_01/icon-btn-b_wh.webp) no-repeat center center/contain;width:1em;aspect-ratio:10/5}.comparison-content{margin-top:2.7%}.tab-btn{display:none}.tab-list-wrap{padding:0;margin:0;list-style-type:none;display:flex;justify-content:space-between;align-items:end;position:relative;z-index:20}.tab-list-wrap li{background:#DCDDDD;width:32%;border-radius:10px 10px 0 0;overflow:hidden;border:1px solid #F3F3F3;border-bottom:none}.tab-list{display:block;padding:0.75em 0;text-align:center;font-size:1.5rem;background:#CECECE;box-sizing:border-box;cursor:pointer;color:#fff;font-weight:bold}.tab-content-wrap{padding-top:10px;position:relative;max-height:410px;overflow:hidden;border:1px solid #F3F3F3;border-top:none;border-radius:0 0 10px 10px}.tab-content-wrap.active{max-height:unset}.tab-content-wrap.active .comparisonMore{position:relative}.tab-content-wrap.active .comparisonMore span::after{transform:rotate(180deg)}.tab-content table{table-layout:fixed;width:100%}.tab-content table .table-num{width:66px}.tab-content table .table-rev{width:52px}.tab-content table th{text-align:center;font-size:9px;font-weight:600;color:#6C6C6C;height:32px;line-height:1.1;border-bottom:1px solid #F3F3F3;border-right:1px solid #F3F3F3;border-top:1px solid #F3F3F3;background:#FAFAFA}.tab-content table th:first-child{width:100px}.tab-content table th:last-child{width:85px;border-right:none}.tab-content table td{font-size:1rem;padding:10px 2.5%;border-bottom:1px solid #F3F3F3;border-right:1px solid #F3F3F3;text-align:center}.tab-content table td:first-child img{width:100%}.tab-content table td:first-child p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;text-align:center;color:#31A6B3;font-size:10px;font-weight:600;margin-bottom:0.6em;margin-top:-2px}.tab-content table td:nth-child(2) p{text-align:center}.tab-content table td:last-child{border-right:none;padding:10px 1.5%}.tab-content table td:last-child .btn-r{padding:1em 0;font-size:0.9rem;display:flex;align-items:center;justify-content:center;line-height:1}.tab-content table td:last-child .btn-r::after{position:relative;display:inline-block;right:0;transform:unset;top:0;margin-left:0.3em;width:1em}.tab-content table td img{display:block;width:20px;margin:0 auto}.tab-content table td span{font-weight:600}.tab-content table td span.bl{display:block}.tab-content table td>span.star{display:block;background:#EEFDFF;border-radius:3px;aspect-ratio:77/19.5;width:77px;display:flex;align-items:center;justify-content:center}.tab-content table td>span.star img{aspect-ratio:150/29;width:50px;-o-object-fit:cover;object-fit:cover;margin:0;margin-right:2px}.tab-content table td>span.star span{font-size:10px;font-weight:600;color:#FF4370}.tab-content table td a:nth-child(2){display:inline-block;margin-top:10px;width:100%;background:#EEFDFF;border-radius:50px;font-size:0.9rem;font-weight:600;color:#31A6B3;text-align:center;position:relative;padding:5px 10px;display:flex;align-items:center;justify-content:center;line-height:1;padding:1em 0}.tab-content table td a:nth-child(2)::after{content:"";position:relative;display:inline-block;background:url(/assets/haken_01/icon-btn-b_blue.webp) no-repeat center center/contain;width:1em;aspect-ratio:10/5;margin-left:0.3em}.tab-content table tr:last-child td{border-bottom:none}.tab-content table tr:nth-child(2) td:nth-of-type(1),.tab-content table tr:nth-child(3) td:nth-of-type(1),.tab-content table tr:nth-child(4) td:nth-of-type(1){position:relative}.tab-content table tr:nth-child(2) td:nth-of-type(1)::after,.tab-content table tr:nth-child(3) td:nth-of-type(1)::after,.tab-content table tr:nth-child(4) td:nth-of-type(1)::after{content:"";position:absolute;background:url(/assets/haken_01/medal1.png) no-repeat center center/100%;aspect-ratio:72/84;width:20px;left:10px;top:3px;transform:translate(-50%, -50%)}.tab-content table tr:nth-child(3) td:nth-of-type(1)::after{background:url(/assets/haken_01/medal2.png) no-repeat center center/100%}.tab-content table tr:nth-child(4) td:nth-of-type(1)::after{background:url(/assets/haken_01/medal3.png) no-repeat center center/100%}#tab-content2 td:nth-child(2) span,#tab-content3 td:nth-child(2) span{display:inline-block;background:#F3F3F3;border-radius:5px;color:#6C6C6C;margin:0 auto;padding:2px 4px}#tab-content2 td:nth-child(2) span:nth-child(n+2),#tab-content3 td:nth-child(2) span:nth-child(n+2){margin-top:4px}#tab-content3 td:nth-child(2){text-align:left}#tab-content2 td:nth-child(3),#tab-content3 td:nth-child(3){font-weight:600}#tab-content2 th:nth-child(2){width:48px}#tab-content3 th:nth-child(2){width:78px}.tab-content-wrapBase{position:relative;z-index:10;margin-top:-1px;border-top:1px solid #e3e3e3}.tab-content-wrapBase .medal{position:absolute;background:url(/assets/haken_01/medal1.png) no-repeat center center/100%;aspect-ratio:72/84;width:7%;left:0;top:50%;transform:translate(-50%, -50%);z-index:1}#tab-btn1:checked~.tab-list-wrap #tab-list1,#tab-btn2:checked~.tab-list-wrap #tab-list2,#tab-btn3:checked~.tab-list-wrap #tab-list3{background:#fff;color:#fff;font-weight:800;color:#31A6B3;padding:calc(0.75em + 2px) 0;font-size:1.5rem}.comparisonMore{font-size:10px;font-weight:600;color:#31A6B3;border-radius:10px;background:linear-gradient(0deg, #fff 41.67%, rgba(255,255,255,0) 90.62%);position:absolute;bottom:0;left:50%;width:calc(100% - 2px);height:70px;display:flex;align-items:end;justify-content:center;transform:translateX(-50%);padding-bottom:10px}.comparisonMore span::after{content:"";position:relative;display:inline-block;background:url(/assets/haken_01/icon-btn-b_blue.webp) no-repeat center center/100%;aspect-ratio:18/11;width:0.9em;margin-left:0.5em}.tools{background:#CBF5FB}.tools-title{text-align:center}.tools-title p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 0.4em;background:#fff;border-radius:20.5px;padding:0.15em 0.8em;font-size:1.5rem;font-weight:700;color:#31A6B3;position:relative}.tools-title p::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:5px 5.5px 0 5.5px;border-color:#fff transparent transparent transparent}.tools-title p span{color:#FF4370}.tools-title img{width:250px}.tools-content{padding-bottom:5%;background:#fff;border-radius:15px;margin-top:3%}.tools-content dl{display:flex;align-items:center;flex-wrap:wrap;padding:0 15px;border-bottom:1px solid #F3F3F3}.tools-content dt,.tools-content dd{padding:15px 0}.tools-content dt{width:75px;font-size:1.5rem;font-weight:700;color:#6C6C6C}.tools-content dd{width:calc(100% - 75px);display:flex;flex-wrap:wrap}.tools-content dd input[type=radio]{display:none}.tools-content dd label{width:calc(50% - 2.5px);display:block;background:#EEFDFF;border:1px solid #31A6B3;padding:4.3%;border-radius:5px;font-size:15px;font-weight:600;color:#31A6B3;text-align:center}.tools-content dd label:nth-child(2n){margin-left:5px}.tools-content dd label:nth-child(n+3){margin-top:5px}.tools-content dd label:has(input:checked){background:#31A6B3;color:#fff}.tools-content dd.form-input-25 label{width:calc(25% - 3.75px);font-size:13px;padding:4.3% 0}.tools-content dd.form-input-25 label:nth-child(n+3){margin-top:0}.tools-content dd.form-input-25 label:nth-child(n+2){margin-left:5px}.tools-submit{margin-top:4%;padding:0 15px}.tools-submit input{display:inline-block;width:100%;background:#CECECE;box-shadow:0px 5px 0px 0px #ACACAC;border-radius:50px;font-size:2rem;font-weight:700;color:#fff;text-align:center;padding:0.55em 0;border:none}.tools-submit input.active{display:inline-block;width:100%;background:#FF4370;box-shadow:0px 5px 0px #CA3257;border-radius:50px;font-size:2rem;font-weight:700;color:#FFEC05;text-align:center;padding:0.55em 0;border:none}.ranking{padding:10px 0 40px;background:url(/assets/haken_01/ranking-bg.webp) no-repeat center center/cover}.ranking-items{margin-top:10px}.ranking-item{background:#fff;border-radius:5px;overflow:hidden}.ranking-item-top{background:#7BDCE7;padding:7px;display:flex;justify-content:space-between}.ranking-items-1 .ranking-item-top{background:#FFEC05}.ranking-items-2 .ranking-item-top{background:#CECECE}.ranking-items-3 .ranking-item-top{background:#DCB141}.ranking-item-name{background:#fff;border-radius:5px;width:76%;padding:0 5px;display:flex;align-items:center}.ranking-item-name img{width:35px;margin-right:10px}.ranking-item-name p{font-size:2rem;font-weight:700}.ranking-item-rating{background:#fff;border-radius:5px;width:23%;padding:0.7em 0.8em}.ranking-item-rating-text{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;line-height:1.2}.ranking-item-rating-text span{font-size:2.1rem;color:#FF4370;font-weight:600;letter-spacing:0.08em}.ranking-item-rating-text img{margin-top:5px}.ranking-item-content{padding:10px;padding-bottom:18px}.ranking-item-content p{font-size:1.4rem;font-weight:600;line-height:1.7}.ranking-point{display:flex}.ranking-point li{width:calc(33.3% - 6.6666666667px);border-radius:10px;background:#FFF4F7;padding:10px;text-align:center}.ranking-point li:nth-child(n+2){margin-left:10px}.ranking-point li h4{font-size:1.4rem;font-weight:600;color:#FF4370}.ranking-point li img{display:block;width:30px;margin:5px auto}.ranking-point li p{font-size:9px;color:#6C6C6C}.ranking-item-pic{margin:10px 0}.feature{border:1px solid #FF4370;border-radius:10px;overflow:hidden;margin-top:7%}.feature-title{background:#FF4370;text-align:center}.feature-title span{display:inline-block;font-size:1.8rem;font-weight:700;color:#fff;padding:0.5em 1em}.feature-list li{padding:15px 10px 15px 40px;font-size:1.5rem;font-weight:600;border-bottom:1px dashed #CECECE;position:relative}.feature-list li::before{content:"";position:absolute;top:15px;left:10px;background:url(/assets/haken_01/icon-check02.webp) no-repeat center center/contain;width:23px;aspect-ratio:23/23}.feature-list li:last-child{border-bottom:none}.feature-list li span{color:#FF4370}.info{margin:7% 0}.info dl{border:1px solid #CECECE;border-radius:5px;display:flex;flex-wrap:wrap;line-height:1.4;overflow:hidden}.info dl dt,.info dl dd{padding:0.85em 1em}.info dl dt:not(:last-of-type),.info dl dd:not(:last-of-type){border-bottom:1px solid #CECECE}.info dl dt{width:80px;border-right:1px solid #CECECE;display:flex;align-items:center;justify-content:center;background:#FAFAFA;font-weight:600;color:#6C6C6C}.info dl dd{width:calc(100% - 80px)}.info dl dd span{color:#31A6B3;padding:0.2em 0.4em;background:#EEFDFF;border-radius:5px;font-weight:600}.comment{border:1px solid #31A6B3;border-radius:10px;overflow:hidden}.comment p{padding:10px 15px;font-size:1.2rem;line-height:1.5833333333;font-weight:300;color:#6C6C6C}.comment-title{background:#31A6B3;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;color:#EEFDFF;padding:0.45em 0}.comment-title img{width:18px;margin-right:10px}.review{background:#EEFDFF;padding:15px 10px;border-radius:10px;margin-top:25px}.review-title{text-align:center}.review-title span{display:inline-block;position:relative;padding:0 1.9em;font-size:1.8rem;font-weight:700}.review-title span::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background:url(/assets/haken_01/icon-review-01.webp) no-repeat center center/contain;width:1.5em;aspect-ratio:33/33}.review-title span::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);background:url(/assets/haken_01/icon-review-02.webp) no-repeat center center/contain;width:1.5em;aspect-ratio:33/33}.review-items{margin-top:10px}.review-items li{border-radius:10px;border:1px solid #9EE3EB;background:#fff;padding:15px 10px 10px}.review-items li:nth-child(n+2){margin-top:10px}.review-item-top{display:flex;align-items:center;justify-content:space-between}.review-item-top img{width:22%}.review-item-top h3{width:74.5%}.review-item-top h3 p{font-size:1.6rem;line-height:1.25;color:#31A6B3;letter-spacing:0.05em}.review-item-top h3 span{display:flex;align-items:center;margin-top:0.4em;font-size:1rem;font-weight:600;letter-spacing:0.1em;color:#6C6C6C}.review-item-top h3 span img{margin-left:0.75em;width:36%}p.review-tem-text{font-weight:300;padding:0;padding-top:0.7em;font-size:12px;line-height:1.4;position:relative;max-height:50px;overflow:hidden;color:#6C6C6C}p.review-tem-text.active{max-height:unset}p.review-tem-text.active .reviewMore{position:relative}p.review-tem-text.active .reviewMore span::after{transform:rotate(180deg)}.review-btn{margin-top:25px}.review-btn a{padding:10px 30px 10px 10px;font-size:2rem;font-weight:800}.review-btn a span{color:#FFEC05}.review-btn a p{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:rgba(255,255,255,0.2);border-radius:20px;padding:0 10px;margin:0 auto;font-size:1rem;font-weight:600;color:#fff}.review-btn .btn-r{padding-right:10px;box-shadow:0px 6px 0px 0px #CA3257}.review-btn .btn-r::after{width:27px;right:0.95em}.reviewMore{font-size:10px;font-weight:600;color:#31A6B3;background:linear-gradient(0deg, #fff 41.67%, rgba(255,255,255,0) 90.62%);position:absolute;bottom:0;left:0;width:100%;height:35px;display:flex;align-items:end;justify-content:center}.reviewMore span::after{content:"";position:relative;display:inline-block;background:url(/assets/haken_01/icon-btn-b_blue.webp) no-repeat center center/100%;aspect-ratio:18/11;width:0.9em;margin-left:0.5em}.area-title{font-size:2.3rem;font-weight:700;text-align:center}.area-content:has(#radio1:checked) #area-box1,.area-content:has(#radio2:checked) #area-box2,.area-content:has(#radio3:checked) #area-box3,.area-content:has(#radio4:checked) #area-box4,.area-content:has(#radio5:checked) #area-box5,.area-content:has(#radio6:checked) #area-box6,.area-content:has(#radio7:checked) #area-box7,.area-content:has(#radio8:checked) #area-box8{display:block}.area-check-btn{width:calc(100% - 30px);margin:20px auto;display:flex;flex-wrap:wrap}.area-check-btn li{display:flex;flex-wrap:wrap}.area-check-btn label{display:inline-block;width:23.35%;font-size:1.5rem;font-weight:600;color:#31A6B3;padding:10px;background:#EEFDFF;border:1px solid #31A6B3;border-radius:5px;text-align:center}.area-check-btn label:not(:nth-child(4n)){margin-right:2.2%}.area-check-btn label:nth-child(n+5){margin-top:10px}.area-check-btn label:has(input:checked){background:#31A6B3;color:#fff}.area-check-btn label input[type=radio]{display:none}.area-check-btn label input[type=radio]:checked{background:#31A6B3;color:#fff}.area-box-container{margin-right:auto;margin-top:10px;margin-left:14px;width:calc(100% - 14px)}.area-box-wrap{display:none}.area-box{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);border-radius:10px;background:#fff;padding:15px 10px}.area-box h3{font-size:1.9rem;font-weight:700;color:#31A6B3;text-align:center;margin-bottom:4%}.area-box dl{display:flex;flex-wrap:wrap;padding-left:9px}.area-box dt,.area-box dd{border-bottom:1px solid #F3F3F3;padding:0.85em 0.5em;display:flex;align-items:center}.area-box dt{width:5em;font-size:1.2rem;font-weight:700}.area-box dd{width:calc(100% - 5em);font-size:1.2rem;font-weight:400}.area-box dd ul{line-height:1.8}.area-box dd li{position:relative;padding-left:1.7em;text-indent:-1.7em;line-height:1.6}.area-box dd li::before{content:"";position:relative;display:inline-block;background:url(/assets/haken_01/check.webp) no-repeat center center/100%;aspect-ratio:26/20;width:1em;left:0;margin-right:0.7em}.area-box dd li:nth-child(n+2){margin-top:0.3em}.area-box>img{border-radius:5px;-o-object-fit:cover;object-fit:cover;aspect-ratio:290/134;width:290px;margin:0 auto;-o-object-position:left bottom;object-position:left bottom}.area-box-btn{margin-top:3.5%}.area-box-btn a{font-size:1.5rem;font-weight:700;width:290px;padding:10px;margin:0 auto;display:block}.area-box-btn a::after{background:url(/assets/haken_01/icon-btn-b_wh.webp) no-repeat center center/contain;right:14.5px;width:11px}.slick-slide{width:328px;margin-right:2px;padding:4px}.slide-dots{position:relative;display:flex;justify-content:center;align-items:start;margin-top:4.3%;width:320px}.slide-dots li{font-size:8px;margin:0 9.5px}.slide-dots li button{width:1em;height:1em;aspect-ratio:1/1;border-radius:50%;color:transparent;background:#F3F3F3}.slide-dots li.slick-active button{background:#31A6B3}.slick-dotted.slick-slider{margin-bottom:0 !important}.kind{padding:10px 0 30px;background:url(/assets/haken_01/ranking-bg.webp) no-repeat center center/cover}.kind-items{display:flex;flex-wrap:wrap;margin:20px auto 0;width:345px;max-width:100%}.kind-items li{width:calc(50% - 5px);text-align:center}.kind-items li:nth-child(2n){margin-left:10px}.kind-items li:nth-child(n+3){margin-top:10px}.kind-items li a{display:inline-block;width:100%;padding:20px 0;font-size:1.6rem;font-weight:700;text-align:center;color:#444;background:#fff;border-radius:10px;position:relative}.kind-items li a::after{content:"";position:absolute;top:50%;right:17px;transform:translateY(-50%);background:url(/assets/haken_01/icon-btn-r_blue.webp) no-repeat center center/contain;width:6.3px;aspect-ratio:4/7}.result-bg{position:relative;background-color:#CBF5FB;height:204px}.result-content{position:absolute;top:140px;left:0;right:0;margin:auto;width:300px;height:40px;text-align:center}.result-item{margin:0 3px;display:inline-block;flex-direction:row;justify-content:center;align-items:center;padding:5px 10px;gap:10px;background:#EEFDFF;border:1px solid #31A6B3;border-radius:5px;font-style:normal;font-weight:400;font-size:12px;line-height:18px;text-align:center;letter-spacing:0.02em;color:#31A6B3}.result-cnt{text-align:center;font-weight:800;font-size:25px;line-height:36px;color:#fff}.result-cnt span{color:#FFEC05}.result-cnt .cnt{font-size:36px}