.main-ranking{list-style:none;padding:0;font-size:1.3rem;counter-reset:counter-rank}@media (min-width:992px){.main-ranking{margin-right:-4rem}}.main-ranking__item{border:2px solid #3838f9;border-radius:.5rem;position:relative}.main-ranking__item::before{content:counter(counter-rank);counter-increment:counter-rank;position:absolute;width:5rem;height:5rem;left:auto;right:0;top:0;border-radius:2px 2rem 2rem 0;z-index:2;color:#fff;display:flex;font-size:2.5rem;justify-content:center;align-items:center;font-weight:700}@media (min-width:768px){.main-ranking__item::before{left:-.5rem}}.main-ranking__item figure{margin:0;padding:2rem}.main-ranking__item figure img{display:block;width:180px;height:100%;object-fit:contain;margin:0 auto}.main-ranking .main-ranking-content{min-height:100px;display:flex;justify-content:space-between;flex-direction:column-reverse;padding:1.5rem .5rem 0 .5rem}@media (min-width:768px){.main-ranking .main-ranking-content{flex-direction:row;padding:1.5rem 1.5rem 0 1.5rem}}@media (min-width:992px){.main-ranking .main-ranking-content{flex-direction:column-reverse}}@media (min-width:1400px){.main-ranking .main-ranking-content{flex-direction:row}}.main-ranking .main-ranking-content__col:nth-of-type(1){width:100%}@media (min-width:768px){.main-ranking .main-ranking-content__col:nth-of-type(1){width:36%}}@media (min-width:992px){.main-ranking .main-ranking-content__col:nth-of-type(1){width:100%}}@media (min-width:1400px){.main-ranking .main-ranking-content__col:nth-of-type(1){width:36%}}.main-ranking .main-ranking-content__col:nth-of-type(2){flex:0 1 100%}@media (min-width:768px){.main-ranking .main-ranking-content__col:nth-of-type(2){flex:0 1 64%}}@media (min-width:992px){.main-ranking .main-ranking-content__col:nth-of-type(2){flex:0 1 100%}}@media (min-width:1400px){.main-ranking .main-ranking-content__col:nth-of-type(2){flex:0 1 64%}}.main-ranking .cta{margin-top:2rem}@media (min-width:768px){.main-ranking .cta{margin:0 2rem 0 0}}@media (min-width:992px){.main-ranking .cta{margin:2rem 0 0 0}}@media (min-width:1400px){.main-ranking .cta{margin:0 2rem 0 0}}.main-ranking .cta__image{position:relative;background:#3838f9;padding-bottom:14rem;overflow:hidden}.main-ranking .cta__image img{position:absolute;bottom:0;left:0;width:100%;max-width:300px;height:unset;object-fit:contain}.main-ranking .cta__image .content{padding:1rem;color:#fff;font-size:3rem;font-weight:700;text-shadow:-1px -1px 0 #ff3e39,1px -1px 0 #ff3e39,-1px 1px 0 #ff3e39,1px 1px 0 #ff3e39;line-height:1.4;text-align:right}.main-ranking .cta__bonus{background:#3838f9;text-shadow:-1px -1px 0 #ff3e39,1px -1px 0 #ff3e39,-1px 1px 0 #ff3e39,1px 1px 0 #ff3e39;color:#fff;text-align:center;display:block;padding:2rem 1rem;font-weight:700;margin-top:.8rem;background-image:url(../image/JP-ranking-bonus1.png);background-repeat:no-repeat;background-size:contain;background-position:center}.main-ranking .cta__button{background:#ff3e39;color:#fff;text-align:center;display:block;padding:4.2rem 1rem;font-weight:700;margin-top:.8rem;font-size:2rem}.main-ranking .cta__button:hover{background:#fda916}.main-ranking .ratings{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-direction:column;position:relative}@media (min-width:768px){.main-ranking .ratings{flex-direction:row;justify-content:space-evenly}}@media (min-width:768px) and (min-width:768px){.main-ranking .ratings::after{content:"";position:absolute;background-color:rgba(0,0,0,.05);width:2px;height:100%;top:0;left:50%;transform:translateX(-100%)}}.main-ranking .ratings__single{flex:0 1 auto;padding:2rem 1.5rem;text-align:center}.main-ranking .ratings__single .name{display:block;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:1rem}.main-ranking .ratings__single .name h3{font-size:1.6rem;margin-bottom:1rem;color:#989898}.main-ranking .ratings__single .name span{display:block}.main-ranking .ratings__single .title{font-weight:700;font-size:2rem}.main-ranking .ratings__single .rating{color:#ff3e39;font-weight:600;font-size:3.5rem}.main-ranking .ratings__components{flex:0 1 auto;list-style:none;margin-bottom:0;padding:0 1.5rem 0 1.5rem}.main-ranking .ratings .stars{position:relative;text-align:center;display:inline-block;--percent:calc(var(--rating) / 5 * 100%)}.main-ranking .ratings .stars::after{content:"★★★★★";letter-spacing:2px;width:87px;font-size:1.6rem;display:block;background:linear-gradient(to left,#fea816 var(--percent),#dfe8f6 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.main-ranking .ratings .stars--big::after{width:130px;font-size:2.3rem}.main-ranking .payments{margin-top:2rem}.main-ranking .payments .title{display:inline-block}.main-ranking .payments__show-more{display:inline-block;float:right;font-weight:600;position:relative}.main-ranking .payments__show-more button{font-size:1.3rem;border:none;background:0 0;color:#3838f9}.main-ranking .payments__show-more button:hover+.payments__list{opacity:1;z-index:200}.main-ranking .payments__list{display:flex;list-style:none;padding:0;padding-inline-start:0;margin:.5rem 0 1rem}.main-ranking .payments__list--more{opacity:0;position:absolute;right:0;bottom:4rem;background-color:#fff;color:#1a8a43;border:2px solid rgba(0,0,0,.1);text-align:center;width:80vw;padding:1rem;border-radius:2px;z-index:-200;cursor:default;flex-wrap:wrap;box-shadow:0 1px 28px -11px #42445a}@media (min-width:768px){.main-ranking .payments__list--more{width:40rem;right:0}}.main-ranking .payments__list--more::after{content:"";width:2rem;height:2rem;position:absolute;background:#fff;border-right:2px solid rgba(0,0,0,.1);border-bottom:2px solid rgba(0,0,0,.1);transform:translateX(-50%) rotate(45deg);right:2rem;bottom:-1.1rem}.main-ranking .payments__list--more li.payments__item{width:25%}.main-ranking .payments__item{width:20%}.main-ranking .payments__item span{border:1px solid rgba(0,0,0,.1);margin:.3rem;padding:.2rem .5rem;display:flex;justify-content:center}.main-ranking .payments__item img{width:auto;height:4rem;object-fit:contain}.main-ranking .pros-cons{margin-top:4rem;display:flex;justify-content:center;text-align:center;flex-direction:column}@media (min-width:768px){.main-ranking .pros-cons{flex-direction:row;justify-content:space-between}}.main-ranking .pros-cons__title{font-weight:700;position:relative;margin-bottom:1rem}.main-ranking .pros-cons__title::before{content:"";background-image:url(../image/hand.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:3rem;height:3rem;margin-right:1rem;margin-left:-4rem;display:inline-block}.main-ranking .pros-cons__col{width:100%}@media (min-width:768px){.main-ranking .pros-cons__col{width:48%}}.main-ranking .pros-cons__col ol,.main-ranking .pros-cons__col ul{padding:0}.main-ranking .pros-cons__col ol li,.main-ranking .pros-cons__col ul li{list-style-type:disc;list-style-position:inside}.main-ranking .pros-cons__col ol li::marker,.main-ranking .pros-cons__col ul li::marker{color:#000;font-size:1rem}.main-ranking .pros-cons__col:nth-of-type(2) .pros-cons__title::before{display:none}.main-ranking .pros-cons__col:nth-of-type(2) .pros-cons__title::after{content:"";background-image:url(../image/hand.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:3rem;height:3rem;margin-right:-4rem;display:inline-block;transform:rotate(180deg) scaleX(-1)}.main-ranking .user-reviews{padding:1rem 1.5rem 0}.main-ranking .user-reviews .title{margin-bottom:1rem}.main-ranking .user-reviews .reviews{padding-left:0;margin-bottom:1rem}.main-ranking .user-reviews .reviews__item{display:flex;padding:.5rem 0}@media (min-width:768px){.main-ranking .user-reviews .reviews__item{margin-right:90px}}@media (min-width:768px){.main-ranking .user-reviews .reviews__item:nth-child(even){margin-left:90px;margin-right:0}}.main-ranking .user-reviews .reviews__item:nth-child(even) .text{order:1;width:100%}.main-ranking .user-reviews .reviews__item:nth-child(even) .review-icon{order:2;-webkit-transform:scaleX(-1);transform:scaleX(-1);margin-left:1rem;margin-right:0}.main-ranking .user-reviews .reviews__item .review-icon{width:8rem;margin-top:2rem;margin-right:1rem}.main-ranking .user-reviews .reviews__item .text{border:2px solid #3838f9;border-radius:2rem;list-style-type:none;padding:1rem;width:100%}.main-ranking .title{font-weight:600}.main-ranking__button{font-size:2rem;margin:0 auto 1.5rem}@media (min-width:768px){.main-ranking__button{padding:1.2rem 6rem}}