.kv{background:var(--Primitive-background,#f2f2f0);overflow-x:hidden;.kv__inner{.kv-articles{max-width:1156px;display:flex;gap:48px;.single-kv-article{display:flex;align-items:center;max-width:1156px;min-width:1156px;background:#fff;border-radius:8px;.single-kv-article__left{width:calc(458 / 1156 * 100%);padding:0 40px;.date{display:flex;align-items:center;gap:4px;margin-bottom:24px;.date__icon{display:flex;align-items:center;img{max-width:16.7px;aspect-ratio:16/16;width:16.7px}}.date__text{color:#666;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:100%;letter-spacing:.52px}}.title{color:#1c1b0d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:26px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:.52px;margin-bottom:24px;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:.2s}.tags{flex-wrap:wrap;margin-bottom:24px;.tag{padding:8px 16px;border-radius:100px;background:#1c1b0d;color:#fff;font-size:14px;font-weight:400;line-height:100%}}.author,.tags{display:flex;gap:8px}.author{align-items:center;.author__img{border-radius:100%;aspect-ratio:32/32;max-width:48px;min-width:48px;width:100%;object-fit:cover}.author__name{color:#1c1b0d;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:170%;letter-spacing:.56px}}}.single-kv-article__right{max-width:calc(698 / 1156 * 100%);min-width:calc(698 / 1156 * 100%);width:calc(698 / 1156 * 100%);max-height:392px;height:100%;img{aspect-ratio:698/393;object-fit:cover;object-position:center center;width:100%;height:auto;transition:.2s}}&:hover{.single-kv-article__right{img{opacity:.7;transition:.2s}}.title{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;transition:.2s}}}}}}.ranking-section{.ranking-section__inner{.ranking-list{display:flex;flex-wrap:wrap;gap:32px}.single-ranking{display:flex;max-width:566px;width:100%;.single-ranking__img{position:relative;.rank-num{position:absolute;z-index:1;top:-9.65px;left:-12px;display:inline-block;padding:7px 15px 16px 14px;color:var(--Neutral-White,#fff);font-size:14px;font-style:normal;font-weight:700;line-height:130%;aspect-ratio:36/43;background-size:contain;background-repeat:no-repeat}.rank-num--1{background-image:url(/tips/images/top/rank-num1.png)}.rank-num--2{background-image:url(/tips/images/top/rank-num2.png)}.rank-num--3{background-image:url(/tips/images/top/rank-num3.png)}.rank-num--4{background-image:url(/tips/images/top/rank-num4.png)}img{object-fit:cover;aspect-ratio:240/135;max-width:240px;min-width:240px;width:100%;transition:.2s;position:relative}}.single-ranking__info{padding:0 16px;.title{color:#1c1b0d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:Noto Sans JP;font-size:18px;font-style:normal;font-weight:700;line-height:160%;letter-spacing:.36px;margin-bottom:16px;transition:.2s;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}}&:hover{.single-ranking__img{img{filter:opacity(70%)}.rank-num{filter:opacity(100%);opacity:1}}.single-ranking__info{.title{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;transition:.2s}}}}}}.pickup{background:#f2f2f0;overflow-x:hidden;.pickup__inner{position:relative;.pickup-top-wrap{padding:0 24px;.pickup-top{display:flex;align-items:flex-start;justify-content:space-between;max-width:1164px;width:100%}}padding-top:80px;padding-bottom:80px;.articles{flex-wrap:nowrap;.single-article{min-width:364px}}}}.asymmetry-box-wrap{padding:0 24px;overflow:hidden;.asymmetry-box{max-width:calc(100% - calc(50% - calc(1164px / 2)));width:100%;margin-left:auto}}.pagenation-type1{position:absolute;right:calc(50% - calc(1164px / 2));top:80px;display:flex;align-items:center;gap:16px;.pagenation-dot-list{padding:8px 16px;display:flex;gap:20px;.single-dot{width:12px;height:12px;border-radius:50%;background-color:#fff}.single-dot.single-dot--current-dot{background-color:#1a1a1a}}.pagenation-arrow{display:flex;gap:8px;.pagenation__prev{width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative}.pagenation__prev:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(/tips/svgs/arrow-left.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagenation__next{width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative}.pagenation__next:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(/tips/svgs/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}.pagenation-type2{display:flex;align-items:center;justify-content:center;gap:16px;.pagenation-dot-list{padding:8px 16px;display:flex;gap:20px;.single-dot{width:12px;height:12px;border-radius:50%;background-color:#fff}.single-dot.single-dot--current-dot{background-color:#1a1a1a}}.pagenation__prev{width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative}.pagenation__prev:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(/tips/svgs/arrow-left.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagenation__next{width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative}.pagenation__next:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(/tips/svgs/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.pickup{.swiper{overflow:visible}.swiper-slide-prev{animation:fadeOut .2s linear 0s 1 normal both!important}}@media screen and (max-width:1440px){.kv{background:var(--Primitive-background,#f2f2f0);overflow-x:hidden;.kv__inner{.kv-articles{max-width:calc(1156 / 1440 * 100vw);display:flex;.single-kv-article{display:flex;align-items:center;max-width:calc(1156 / 1440 * 100vw);min-width:calc(1156 / 1440 * 100vw);background:#fff;border-radius:calc(8 / 1440 * 100vw);.single-kv-article__left{width:calc(458 / 1156 * 100%);padding:0 calc(40 / 1440 * 100vw);.date{display:flex;align-items:center;gap:calc(4 / 1440 * 100vw);margin-bottom:calc(24 / 1440 * 100vw);.date__icon{display:flex;align-items:center;img{aspect-ratio:16/16;width:calc(16.7 / 1440 * 100vw)}}.date__text{color:#666;font-family:Poppins,sans-serif;font-size:calc(14 / 1440 * 100vw);font-style:normal;font-weight:400;line-height:100%;letter-spacing:calc(.52 / 1440 * 100vw)}}.title{color:#1c1b0d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:calc(26 / 1440 * 100vw);font-style:normal;font-weight:700;line-height:150%;letter-spacing:0.calc(52/1440 * 100vw);margin-bottom:calc(24 / 1440 * 100vw);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:.2s}.tags{flex-wrap:wrap;margin-bottom:calc(24 / 1440 * 100vw);.tag{padding:calc(8 / 1440 * 100vw) calc(16 / 1440 * 100vw);border-radius:calc(100 / 1440 * 100vw);background:#1c1b0d;color:#fff;font-size:calc(14 / 1440 * 100vw);font-weight:400;line-height:100%}}.author,.tags{display:flex;gap:calc(8 / 1440 * 100vw)}.author{align-items:center;.author__img{border-radius:100%;aspect-ratio:32/32;max-width:calc(48 / 1440 * 100vw);min-width:calc(48 / 1440 * 100vw);width:100%;object-fit:cover}.author__name{color:#1c1b0d;font-family:Poppins,sans-serif;font-size:calc(14 / 1440 * 100vw);font-style:normal;font-weight:400;line-height:170%;letter-spacing:0.calc(56/1440 * 100vw)}}}.single-kv-article__right{width:calc(698 / 1156 * 100%);max-height:calc(392 / 1440 * 100vw);height:100%;img{aspect-ratio:698/393;object-fit:cover;object-position:center center;width:100%;height:auto;transition:.2s}}&:hover{.single-kv-article__right{img{opacity:.7;transition:.2s}}.title{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;transition:.2s}}}}}}.ranking-section{.ranking-section__inner{.ranking-list{display:flex;flex-wrap:wrap;gap:calc(32 / 1440 * 100vw)}.single-ranking{display:flex;max-width:calc(566 / 1440 * 100vw);width:100%;.single-ranking__img{position:relative;.rank-num{position:absolute;z-index:1;top:calc(-9.65 / 1440 * 100vw);left:calc(-12 / 1440 * 100vw);display:inline-block;padding:calc(7 / 1440 * 100vw) calc(15 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(14 / 1440 * 100vw);color:var(--Neutral-White,#fff);font-size:calc(14 / 1440 * 100vw);font-style:normal;font-weight:700;line-height:130%;aspect-ratio:36/43;background-size:contain;background-repeat:no-repeat}.rank-num--1{background-image:url(/tips/images/top/rank-num1.png)}.rank-num--2{background-image:url(/tips/images/top/rank-num2.png)}.rank-num--3{background-image:url(/tips/images/top/rank-num3.png)}.rank-num--4{background-image:url(/tips/images/top/rank-num4.png)}img{object-fit:cover;aspect-ratio:240/135;max-width:calc(240 / 1440 * 100vw);min-width:calc(240 / 1440 * 100vw);width:100%;transition:.2s;position:relative}}.single-ranking__info{padding:0 calc(16 / 1440 * 100vw);.title{color:#1c1b0d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:Noto Sans JP;font-size:calc(18 / 1440 * 100vw);font-style:normal;font-weight:700;line-height:160%;letter-spacing:0.calc(36/1440 * 100vw);margin-bottom:calc(16 / 1440 * 100vw);transition:.2s;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}}&:hover{.single-ranking__img{img{filter:opacity(70%)}}.single-ranking__info{.title{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;transition:.2s}}}}}}.pickup{background:#f2f2f0;overflow-x:hidden;.pickup__inner{position:relative;.pickup-top-wrap{padding:0 calc(24 / 1440 * 100vw);.pickup-top{display:flex;align-items:flex-start;justify-content:space-between;max-width:calc(1164 / 1440 * 100vw);width:100%}}padding-top:calc(80 / 1440 * 100vw);padding-bottom:calc(80 / 1440 * 100vw);.articles{flex-wrap:nowrap;.single-article{min-width:calc(364 / 1440 * 100vw)}}}}.asymmetry-box-wrap{padding:0 calc(24 / 1440 * 100vw);overflow:hidden;.asymmetry-box{max-width:calc(100% - calc(50% - calc(calc(1164 / 1440 * 100vw) / 2)));width:100%;margin-left:auto}}.pagenation-type1{position:absolute;right:calc(50% - calc(calc(1164 / 1440 * 100vw) / 2));top:calc(80 / 1440 * 100vw);display:flex;align-items:center;gap:calc(16 / 1440 * 100vw);.pagenation-dot-list{padding:calc(8 / 1440 * 100vw) calc(16 / 1440 * 100vw);display:flex;gap:calc(20 / 1440 * 100vw);.single-dot{width:calc(12 / 1440 * 100vw);height:calc(12 / 1440 * 100vw);border-radius:50%;background-color:#fff}.single-dot.single-dot--current-dot{background-color:#1a1a1a}}.pagenation-arrow{display:flex;gap:calc(8 / 1440 * 100vw);.pagenation__prev{width:calc(50 / 1440 * 100vw);height:calc(50 / 1440 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__prev:before{content:"";display:inline-block;width:calc(16 / 1440 * 100vw);height:calc(16 / 1440 * 100vw);background-image:url(/tips/svgs/arrow-left.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagenation__next{width:calc(50 / 1440 * 100vw);height:calc(50 / 1440 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__next:before{content:"";display:inline-block;width:calc(16 / 1440 * 100vw);height:calc(16 / 1440 * 100vw);background-image:url(/tips/svgs/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}.pagenation-type2{display:flex;align-items:center;justify-content:center;gap:calc(16 / 1440 * 100vw);.pagenation-dot-list{padding:calc(8 / 1440 * 100vw) calc(16 / 1440 * 100vw);display:flex;gap:calc(20 / 1440 * 100vw);.single-dot{width:calc(12 / 1440 * 100vw);height:calc(12 / 1440 * 100vw);border-radius:50%;background-color:#fff}.single-dot.single-dot--current-dot{background-color:#1a1a1a}}.pagenation__prev{width:calc(50 / 1440 * 100vw);height:calc(50 / 1440 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__prev:before{content:"";display:inline-block;width:calc(16 / 1440 * 100vw);height:calc(16 / 1440 * 100vw);background-image:url(/tips/svgs/arrow-left.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagenation__next{width:calc(50 / 1440 * 100vw);height:calc(50 / 1440 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__next:before{content:"";display:inline-block;width:calc(16 / 1440 * 100vw);height:calc(16 / 1440 * 100vw);background-image:url(/tips/svgs/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}.pickup{.swiper{overflow:visible}.swiper-slide-prev{animation:fadeOut .2s linear 0s 1 normal both!important}}@media (max-width:767px){.kv{background:var(--Primitive-background,#f2f2f0);overflow-x:hidden;.kv__inner{.kv-articles{max-width:none;display:flex;gap:calc(48 / 375 * 100vw);.single-kv-article{position:relative;left:0;display:flex;flex-direction:column-reverse;align-items:center;max-width:calc(343 / 375 * 100vw);min-width:100%;background:#fff;border-radius:calc(8 / 375 * 100vw);.single-kv-article__left{width:100%;padding:calc(24 / 375 * 100vw);.date{display:flex;align-items:center;gap:calc(4 / 375 * 100vw);margin-bottom:calc(16 / 375 * 100vw);.date__icon{display:flex;align-items:center;img{aspect-ratio:16/16;max-width:calc(16.7 / 375 * 100vw);width:100%}}.date__text{color:#666;font-family:Poppins,sans-serif;font-size:calc(14 / 375 * 100vw);font-style:normal;font-weight:400;line-height:100%;letter-spacing:0.calc(52/375 * 100vw)}}.title{color:#1c1b0d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:calc(18 / 375 * 100vw);font-style:normal;font-weight:700;line-height:150%;letter-spacing:0.calc(52/375 * 100vw);margin-bottom:calc(16 / 375 * 100vw)}.tags{display:flex;flex-wrap:wrap;gap:calc(8 / 375 * 100vw);margin-bottom:calc(24 / 375 * 100vw);.tag{padding:calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);border-radius:calc(100 / 375 * 100vw);background:#1c1b0d;color:#fff;font-size:calc(10 / 375 * 100vw);font-weight:400;line-height:100%}}.author{display:flex;align-items:center;gap:calc(8 / 375 * 100vw);.author__img{border-radius:100%;aspect-ratio:32/32;max-width:calc(48 / 375 * 100vw);width:100%;object-fit:cover}.author__name{color:#1c1b0d;font-family:Poppins,sans-serif;font-size:calc(14 / 375 * 100vw);font-style:normal;font-weight:400;line-height:170%;letter-spacing:0.calc(56/375 * 100vw)}}}.single-kv-article__right{margin-bottom:auto;max-width:none;height:100%;width:100%;max-height:calc(192 / 375 * 100vw);img{border-radius:calc(8 / 375 * 100vw) calc(8 / 375 * 100vw) 0 0;object-fit:cover;width:100%;height:100%;transition:.2s}}}}}}.new-articles{.new-articles__inner{padding-top:calc(80 / 375 * 100vw);padding-bottom:calc(80 / 375 * 100vw)}}.ranking-section{.ranking-section__inner{padding-top:calc(80 / 375 * 100vw);padding-bottom:calc(80 / 375 * 100vw);.ranking-list{display:flex;flex-wrap:wrap;gap:calc(32 / 375 * 100vw)}.single-ranking{display:flex;max-width:calc(566 / 375 * 100vw);width:100%;.single-ranking__img{position:relative;.rank-num{position:absolute;z-index:1;top:calc(-7.6 / 375 * 100vw);left:calc(-7.7 / 375 * 100vw);display:inline-block;padding:calc(4.55 / 375 * 100vw) calc(9.75 / 375 * 100vw) calc(10.4 / 375 * 100vw) calc(9.1 / 375 * 100vw);color:var(--Neutral-White,#fff);font-size:calc(10 / 375 * 100vw);font-style:normal;font-weight:700;line-height:130%;aspect-ratio:23.4/27.95;width:23.calc(4/375 * 100vw);background-size:contain;background-repeat:no-repeat}.rank-num--1{background-image:url(/tips/images/top/rank-num1.png)}.rank-num--2{background-image:url(/tips/images/top/rank-num2.png)}.rank-num--3{background-image:url(/tips/images/top/rank-num3.png)}.rank-num--4{background-image:url(/tips/images/top/rank-num4.png)}img{object-fit:cover;aspect-ratio:109/72;max-width:calc(109 / 375 * 100vw);min-width:calc(109 / 375 * 100vw);width:100%;transition:.2s;position:relative}}.single-ranking__info{padding:0 calc(16 / 375 * 100vw);.title{color:#1c1b0d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:Noto Sans JP;font-size:calc(16 / 375 * 100vw);font-style:normal;font-weight:700;line-height:160%;letter-spacing:0.calc(36/375 * 100vw);margin-bottom:calc(8 / 375 * 100vw);transition:.2s;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}}&:hover{.single-ranking__img{img{filter:opacity(70%)}}.single-ranking__info{.title{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;transition:.2s}}}}}}.pickup{background:#f2f2f0;overflow-x:hidden;.pickup__inner{position:relative;.pickup-top-wrap{padding:0 calc(24 / 375 * 100vw);.pickup-top{display:flex;align-items:flex-start;justify-content:space-between;max-width:calc(1164 / 375 * 100vw);width:100%}}padding-top:calc(80 / 375 * 100vw);padding-bottom:calc(80 / 375 * 100vw);.articles{flex-wrap:nowrap;.single-article{max-width:calc(295 / 375 * 100vw);min-width:calc(295 / 375 * 100vw)}}}}.asymmetry-box-wrap{padding:0 calc(24 / 375 * 100vw);.asymmetry-box{overflow:visible;max-width:calc(100% - calc(50% - calc(calc(1164 / 375 * 100vw) / 2)));width:100%;margin-left:auto}}.pagenation-type1{width:-moz-fit-content;width:fit-content;position:absolute;top:auto;bottom:calc(80 / 375 * 100vw);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:calc(16 / 375 * 100vw);.pagenation-dot-list{padding:calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);display:flex;gap:calc(20 / 375 * 100vw);.single-dot{width:calc(12 / 375 * 100vw);height:calc(12 / 375 * 100vw);border-radius:50%;background-color:#fff}.single-dot.single-dot--current-dot{background-color:#1a1a1a}}.pagenation-arrow{display:flex;gap:calc(8 / 375 * 100vw);.pagenation__prev{width:calc(50 / 375 * 100vw);height:calc(50 / 375 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__prev:before{content:"";display:inline-block;width:calc(16 / 375 * 100vw);height:calc(16 / 375 * 100vw);background-image:url(/tips/svgs/arrow-left.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagenation__next{width:calc(50 / 375 * 100vw);height:calc(50 / 375 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__next:before{content:"";display:inline-block;width:calc(16 / 375 * 100vw);height:calc(16 / 375 * 100vw);background-image:url(/tips/svgs/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}.pagenation-type2{display:flex;align-items:center;justify-content:center;gap:calc(16 / 375 * 100vw);.pagenation-dot-list{padding:calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);display:flex;gap:calc(20 / 375 * 100vw);.single-dot{width:calc(12 / 375 * 100vw);height:calc(12 / 375 * 100vw);border-radius:50%;background-color:#fff}.single-dot.single-dot--current-dot{background-color:#1a1a1a}}.pagenation__prev{width:calc(40 / 375 * 100vw);height:calc(40 / 375 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__prev:before{content:"";display:inline-block;width:calc(12 / 375 * 100vw);height:calc(12 / 375 * 100vw);background-image:url(/tips/svgs/arrow-left.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagenation__next{width:calc(40 / 375 * 100vw);height:calc(40 / 375 * 100vw);border-radius:50%;background-color:#fff;position:relative}.pagenation__next:before{content:"";display:inline-block;width:calc(12 / 375 * 100vw);height:calc(12 / 375 * 100vw);background-image:url(/tips/svgs/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.pickup{.swiper{overflow:visible}.swiper-slide-prev{animation:fadeOut .2s linear 0s 1 normal both!important}}