@charset "UTF-8";

/* ============================= ▼ 全体 ▼ == */
html {
font-size: 62.5%;
}
#LB220201ranking {
transform: none;
filter: none;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
font-weight: 500;
font-style: normal;
width: 100%;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
#LB220201ranking img {
width: 100%;
height: auto;
}
.sp-only {
display: block;
}
.pc-only {
display: none;
}
.main-area .main-inner {
width: 100%;
max-width: none;
}
.page-content {
  font-weight: 500;
}
/* ============================= ▲ 全体 ▲ == */
/* ============================= ▼ fade ▼ == */
.js-fade-Vr {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  opacity: 0;
  -webkit-transform: translateY(calc(80* 0.1333333333vw));
  transform: translateY(calc(80* 0.1333333333vw));
}
.js-fade-Vr.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* ============================= ▲ fade ▲ == */
/* ============================= ▼ sec-top ▼ == */
.sec-top {
  margin-top: calc(65* (100vw / 750));
}
.mnttl {
  width: calc(661.6377 * (100vw / 750));
  margin: 0 auto;
  font-weight: 500;

}
.sub-ttl {
  font-size: calc(28 * (100vw / 750));
  margin-top: calc(40 * (100vw / 750));
  letter-spacing: 0.06em;
  line-height: 1.6428571429;
  font-weight: 500;

}
/* ============================= ▲ sec-top ▲ == */
/* ============================= ▼ common ▼ == */
.number1,
.number3,
.number6,
.number7,
.number10 {
  margin: 0 auto;
  position: relative;
  right: calc(4 * (100vw / 750));
}
.item-ttl {
  margin-top: calc(36 * (100vw / 750));
  font-size: calc(38 * (100vw / 750));
  font-feature-settings: normal;
  font-weight: 500;
}
.item-ttl2,
.item-ttl4 {
  text-align: left;
  margin-left: calc(28 * (100vw / 750));
}
.border-img {
  border: #000 solid 2px;
  box-sizing: border-box;
}
.item-img-wrapper {
  display: flex;
  justify-content: space-between;
  margin: calc(80 * (100vw / 750)) auto 0;
}
.sec1 .item-img-wrapper,
.sec2 .item-img-wrapper,
.sec3 .item-img-wrapper,
.sec4 .item-img-wrapper,
.sec5 .item-img-wrapper,
.sec9 .item-img-wrapper {
  width: calc(640 * (100vw / 750));
}
.sec1 .item-img,
.sec2 .item-img,
.sec3 .item-img,
.sec4 .item-img,
.sec5 .item-img,
.sec9 .item-img {
  width: calc(200 * (100vw / 750));
}
.sec6 .item-img-wrapper,
.sec7 .item-img-wrapper,
.sec8 .item-img-wrapper {
  width: calc(660 * (100vw / 750));
}
.item-img-wrapper10 {
  width: calc(746 * (100vw / 750));
  height: calc(266 * (100vw / 750));
  position: relative;
  margin-top: calc(88 * (100vw / 750));
}
.sec10 .item-img {
  width: calc(200 * (100vw / 750));
  position: absolute;
}
.item1001 {
  left: 0;
}
.item1002 {
  left: calc(182 * (100vw / 750));
}
.item1003 {
  left: calc(364 * (100vw / 750));
}
.item1004 {
  left: calc(546 * (100vw / 750));
}
.sec1 .item-img,
.sec2 .item-img,
.sec3 .item-img,
.sec4 .item-img,
.sec5 .item-img,
.sec9 .item-img {
  width: calc(200 * (100vw / 750));
}
.sec6 .item-img,
.sec7 .item-img,
.sec8 .item-img {
  width: calc(220 * (100vw / 750));
}
.item-desc {
  margin-top: calc(34 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 1.75;
  font-feature-settings: normal;
  padding: 0 calc(56 * (100vw / 750));
  text-align: justify;
  font-weight: 500;
}
.model-img-wrapper {
  display: flex;
  justify-content: space-between;
  width: calc(710 * (100vw / 750));
  margin: calc(57 * (100vw / 750)) auto 0;
}
.model201,
.model202,
.model601,
.model602,
.model901,
.model902 {
  width: calc(348 * (100vw / 750));
}
.model302,
.model1002 {
  position: relative;
  z-index: 1;
}
/* ============================= ▲ common ▲ == */
/* ============================= ▼ sec1 ▼ == */
.sec1 {
  margin-top: calc(168 * (100vw / 750));
}
.number1 {
  width: calc(118.2939 * (100vw / 750));
}
.model101 {
  margin-top: calc(48 * (100vw / 750));
  width: calc(562 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
}
.model102 {
  width: calc(450 * (100vw / 750));
  margin-left: calc(260 * (100vw / 750));
  margin-top: calc(50 * (100vw / 750));
}
/* ============================= ▲ sec1 ▲ == */
/* ============================= ▼ sec2 ▼ == */
.sec2 {
  margin-top: calc(168 * (100vw / 750));
}
.item-ttl2 {
  margin-left: calc(28 * (100vw / 750));
}
.number2 {
  width: calc(150.6563 * (100vw / 750));
  margin-left: calc(32 * (100vw / 750));
}
/* ============================= ▲ sec2 ▲ == */
/* ============================= ▼ sec3 sec10 ▼ == */
.sec3,
.sec4,
.sec7,
.sec10 {
  margin-top: calc(210 * (100vw / 750));
}
.number3 {
  width: calc(153.0117 * (100vw / 750));
}
.number10 {
  width: calc(199.0156 * (100vw / 750));
}
.model301,
.model1001 {
  margin-top: calc(48 * (100vw / 750));
  width: calc(600 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
}
.model302,
.model1002 {
  width: calc(488 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
  margin-top: calc(55 * (100vw / 750));
}
.model302 {
  margin-top: calc(55 * (100vw / 750));
}
.model1002 {
  margin-top: calc(45 * (100vw / 750));
}
/* ============================= ▲ sec3 ▲ == */
/* ============================= ▼ sec4 ▼ == */
.item-ttl4 {
  margin-left: calc(40 * (100vw / 750));
}
.number4 {
  width: calc(155.2441 * (100vw / 750));
  margin-left: calc(42 * (100vw / 750));
}
.model401,
.model701 {
  margin: calc(52 * (100vw / 750)) auto 0;
  width: calc(638 * (100vw / 750));
}
/* ============================= ▲ sec4 ▲ == */
/* ============================= ▼ sec5 ▼ == */
.sec5 {
  margin-top: calc(208 * (100vw / 750));
}
.number5 {
  width: calc(153.8809 * (100vw / 750));
  margin-right: calc(46 * (100vw / 750));
  margin-left: auto;
}
.item-ttl5 {
  text-align: right;
  margin-right: calc(38 * (100vw / 750));
  margin-left: auto;
}
.model501 {
  margin-top: calc(52 * (100vw / 750));
  width: calc(488 * (100vw / 750));
  margin-left: calc(50 * (100vw / 750));
}
.model502 {
  width: calc(562 * (100vw / 750));
  margin-left: calc(148 * (100vw / 750));
  margin-top: calc(50 * (100vw / 750));
}
/* ============================= ▲ sec5 ▲ == */
/* ============================= ▼ sec6 ▼ == */
.sec6 {
  margin-top: calc(205 * (100vw / 750));
}
.number6 {
  width: calc(155.3691 * (100vw / 750));
}
/* ============================= ▲ sec6 ▲ == */
/* ============================= ▼ sec7 ▼ == */
.number7 {
  width: calc(146.8125 * (100vw / 750));
}
/* ============================= ▲ sec7 ▲ == */
/* ============================= ▼ sec8 ▼ == */
.sec8 {
  margin-top: calc(208 * (100vw / 750));
}
.number8 {
  width: calc(156.1113 * (100vw / 750));
  margin-left: calc(46 * (100vw / 750));
}
.item-ttl8 {
  margin-left: calc(40 * (100vw / 750));
  text-align: left;
}
.model801 {
  margin-top: calc(52 * (100vw / 750));
  width: calc(562 * (100vw / 750));
  margin-left: calc(148 * (100vw / 750));
}
.model802 {
  width: calc(525 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
  margin-top: calc(50 * (100vw / 750));
}
/* ============================= ▲ sec8 ▲ == */
/* ============================= ▼ sec9 ▼ == */
.sec9 {
  margin-top: calc(205 * (100vw / 750));
}
.item-ttl9 {
  margin-right: calc(28 * (100vw / 750));
  margin-left: auto;
  text-align: right;
}
.number9 {
  width: calc(155.1211 * (100vw / 750));
  margin-right: calc(37 * (100vw / 750));
  margin-left: auto;
}
/* ============================= ▲ sec9 ▲ == */
/* ============================= ▼ check-btn ▼ == */
.check-btn {
  margin: calc(192 * (100vw / 750)) auto calc(200 * (100vw / 750));
  width: calc(675*(100vw/750));
}
/* ============================= ▲ check-btn ▲ == */
/* ============================= ▼ タブレット ▼ == */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
/* ============================= ▲ タブレット ▲ == */
/* ============================= ▼ PC ▼ == */
@media screen and (min-width: 768px) {
/* ============================= ▲ PC ▲ == */
  /* ============================= ▼ 全体 ▼ == */
  .sp-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
  /* ============================= ▲ 全体 ▲ == */
  /* ============================= ▼ fade ▼ == */
  .js-fade-Vr {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  /* ============================= ▲ fade ▲ == */
  /* ============================= ▼ sec-top ▼ == */
  .sec-top {
    margin-top: 8.2rem;
  }
  .mnttl {
    width: 51.37334rem;
  }
  .sub-ttl {
    font-size: 1.6rem;
    margin-top: 3rem;
    letter-spacing: 0.02em;
  }
  /* ============================= ▲ sec-top ▲ == */
  /* ============================= ▼ common ▼ == */
  .sec {
    position: relative;
    width: 140rem;
    margin: 0 auto;
  }
  .content-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .flex-reverse {
    flex-direction: row-reverse;
  }
  .number {
    position: absolute;
    margin: 0;
    z-index: 1;
  }
  .item-ttl {
    position: absolute;
    margin: 0;
    font-size: 2.2rem;
    text-align: left;
    line-height: 1.4;
    z-index: 1;
  }
  .border-img {
    border: #000 solid 3px;
    height: 100%;
  }
  .item-img-wrapper {
    margin: 0;
  }
  .item-img-wrapper1,
  .item-img-wrapper2,
  .item-img-wrapper3,
  .item-img-wrapper5,
  .item-img-wrapper6,
  .item-img-wrapper8,
  .item-img-wrapper9,
  .item-img-wrapper10 {
    position: absolute;
  }
  .sec1 .item-img-wrapper,
  .sec2 .item-img-wrapper,
  .sec7 .item-img-wrapper,
  .sec8 .item-img-wrapper,
  .sec9 .item-img-wrapper {
    width: 54rem;
  }
  .sec3 .item-img-wrapper,
  .sec5 .item-img-wrapper {
    width: 50rem;
  }
  .sec4 .item-img-wrapper {
    width: 35rem;
  }
  .sec6 .item-img-wrapper {
    width: 56rem;
  }
  .sec10 .item-img-wrapper {
    width: 61rem;
    height: 22rem;
  }
  .sec1 .item-img,
  .sec2 .item-img,
  .sec3 .item-img,
  .sec4 .item-img,
  .sec5 .item-img,
  .sec9 .item-img,
  .sec10 .item-img {
    width: 16rem;
  }

  .sec6 .item-img,
  .sec7 .item-img,
  .sec8 .item-img {
    width: 18rem;
  }
  .item-desc {
    position: absolute;
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.9;
    padding: 0;
    z-index: 1;
    text-align: justify;
  }
  .model-img-wrapper {
    margin: 0;
  }
  .model201,
  .model202,
  .model601,
  .model602 {
    width: 32rem;
  }
  .model901,
  .model902 {
    width: 34rem;
  }
  /* ============================= ▲ common ▲ == */
  /* ============================= ▼ sec1 ▼ == */
  .sec1 {
    margin-top: 9.3rem;
  }
  .item-ttl1 {
    top: 14.7rem;
    left: 79.5rem;
  }
  .number1 {
    width: 9.09541rem;
    top: 4.5rem;
    left: 79.8rem;
  }
  .content-wrapper1 {
    width: 97rem;
    margin-left: 17.5rem;
  }
  .model101 {
    margin: 0;
    width: 50rem;
  }
  .model102 {
    width: 35rem;
    margin-left: 0;
    margin-top: 38rem;
  }
  .item-desc1 {
    top: 20.7rem;
    left: 79.5rem;
    width: 27.7rem;
  }
  .item-img-wrapper1 {
    top: 77.5rem;
    left: 13rem;
  }
  /* ============================= ▲ sec1 ▲ == */
  /* ============================= ▼ sec2 ▼ == */
  .sec2 {
    margin-top: 27.6rem;
  }
  .item-ttl2 {
    top: 34rem;
    left: 16.3rem;
  }
  .number2 {
    width: 11.52275rem;
    top: 24rem;
    left: 16.3rem;
  }
  .content-wrapper2 {
    width: 65rem;
    margin-left: 59rem;
  }
  .item-desc2 {
    top: 40.1rem;
    left: 16.1rem;
    width: 29.7rem;
  }
  .item-img-wrapper2 {
    top: 65rem;
    left: 43rem;
  }
  /* ============================= ▲ sec2 ▲ == */
  /* ============================= ▼ sec3 ▼ == */
  .sec3 {
    margin-top: 43.8rem;
  }
  .number3 {
    width: 11.69946rem;
    top: 31.3rem;
    left: 89.7rem;
  }
  .model301 {
    margin: 0;
    margin-left: -4rem;
    width: 48rem;
  }
  .model302 {
    width: 40rem;
    margin-left: 0;
    margin-top: 42rem;
  }
  .item-ttl3 {
    top: 41.6rem;
    left: 89.3rem;
  }
  .content-wrapper3 {
    width: 84rem;
    margin-left: 10rem;
  }
  .item-desc3 {
    top: 50.5rem;
    left: 89.3rem;
    width: 25.5rem;
  }
  .item-img-wrapper3 {
    top: 74.6rem;
    left: 78rem;
  }
  /* ============================= ▲ sec3 ▲ == */
  /* ============================= ▼ sec4 ▼ == */
  .sec4 {
    margin-top: 15.7rem;
  }
  .number4 {
    width: 11.86689rem;
    top: 0;
    left: 21.7rem;
  }
  .item-ttl4 {
    top: 10.2rem;
    left: 21.5rem;
  }
  .content-wrapper4 {
    width: 97rem;
    margin-left: 21.5rem;
    align-items: flex-end;
  }
  .model401 {
    margin: 0;
    width: 50rem;
    margin-top: 6.5rem;
  }
  .item-desc4 {
    top: 16.2rem;
    left: 21.5rem;
    width: 34.7rem;
  }
  .sec4 .item-img-wrapper {
    width: 35rem;
    flex-wrap: wrap;
    position: relative;
    top: 0.4rem;
  }
  .item401 {
    margin: 0 9.5rem;
  }
  /* ============================= ▲ sec4 ▲ == */
  /* ============================= ▼ sec5 ▼ == */
  .sec5 {
    margin-top: 14.3rem;
  }
  .number5 {
    width: 11.76455rem;
    top: 8.5rem;
    left: 38.2rem;
  }
  .item-ttl5 {
    top: 18.7rem;
    left: 38rem;
  }
  .content-wrapper5 {
    width: 99rem;
    margin-left: 10rem;
  }
  .model501 {
    margin: 0;
    width: 40rem;
    margin-top: 51.5rem;
  }
  .model502 {
    width: 52rem;
    margin: 0;
  }
  .item-desc5 {
    top: 27.7rem;
    left: 38rem;
    width: 25.1rem;
  }
  .item-img-wrapper5 {
    top: 84.2rem;
    left: 80rem;
  }
  /* ============================= ▲ sec5 ▲ == */
  /* ============================= ▼ sec6 ▼ == */
  .sec6 {
    margin-top: 14.2rem;
  }
  .item-ttl6 {
    top: 33.5rem;
    left: 15rem;
  }
  .number6 {
    width: 11.87617rem;
    top: 23.2rem;
    left: 15.3rem;
  }
  .content-wrapper6 {
    width: 65rem;
    margin-left: 60rem;
  }
  .item-desc6 {
    top: 42.5rem;
    left: 15rem;
    width: 27rem;
  }
  .item-img-wrapper6 {
    top: 65rem;
    left: 42rem;
  }
  /* ============================= ▲ sec6 ▲ == */
  /* ============================= ▼ sec7 ▼ == */
  .sec7 {
    margin-top: 46.5rem;
  }
  .number7 {
    width: 11.23447rem;
    top: 4.5rem;
    left: 75.3rem;
  }
  .item-ttl7 {
    top: 14.7rem;
    left: 75rem;
  }
  .content-wrapper7 {
    width: 112rem;
    margin-left: 14rem;
    align-items: flex-end;
  }
  .model701 {
    margin: 0;
    width: 50rem;
  }
  .item-desc7 {
    top: 23.5rem;
    left: 75rem;
    width: 34rem;
  }
  .sec7 .item-img-wrapper {
    position: relative;
    top: 0.2rem;
  }
  /* ============================= ▲ sec7 ▲ == */
  /* ============================= ▼ sec8 ▼ == */
  .sec8 {
    margin-top: 14.3rem;
  }
  .number8 {
    width: 11.93203rem;
    top: 67rem;
    left: 91.7rem;
  }
  .item-ttl8 {
    top: 77.4rem;
    left: 91.4rem;
  }
  .content-wrapper8 {
    width: 89rem;
    margin-left: 10rem;
  }
  .model801 {
    margin: 0;
    width: 45rem;
  }
  .model802 {
    width: 38rem;
    margin: 0;
    margin-top: 25.4rem;
  }
  .item-desc8 {
    top: 83.2rem;
    left: 91.4rem;
    width: 28.3rem;
  }
  .item-img-wrapper8 {
    top: 86.8rem;
    left: 25rem;
  }
  /* ============================= ▲ sec8 ▲ == */
  /* ============================= ▼ sec9 ▼ == */
  .sec9 {
    margin-top: 48rem;
  }
  .item-ttl9 {
    top: 37.6rem;
    left: 13rem;
  }
  .number9 {
    width: 11.85757rem;
    top: 27.3rem;
    left: 13.3rem;
  }
  .content-wrapper9 {
    width: 69rem;
    margin-left: 58rem;
  }
  .item-desc9 {
    top: 43.7rem;
    left: 13rem;
    width: 33.9rem;
  }
  .item-img-wrapper9 {
    top: 68.4rem;
    left: 43rem;
  }
  /* ============================= ▲ sec9 ▲ == */
  /* ============================= ▼ sec10 ▼ == */
  .sec10 {
    margin-top: 43.8rem;
  }
  .number10 {
    width: 15.1498rem;
    top: 8.2rem;
    left: 32.3rem;
  }
  .model1001 {
    margin: 0;
    margin-left: -4rem;
    width: 52rem;
  }
  .model1002 {
    width: 40rem;
    margin-left: 0;
  }
  .model1002 {
    margin-top: 44rem;
  }
  .item-ttl10 {
    top: 18.6rem;
    left: 32rem;
  }
  .content-wrapper10 {
    width: 88rem;
    margin-left: 10rem;
  }
  .item-desc10 {
    top: 24.5rem;
    left: 32rem;
    width: 25.7rem;
  }
  .item-img-wrapper10 {
    top: 80rem;
    left: 67rem;
  }
  .item1001 {
    left: 0;
  }
  .item1002 {
    left: 15rem;
  }
  .item1003 {
    left: 30rem;
  }
  .item1004 {
    left: 45rem;
  }
  /* ============================= ▲ sec10 ▲ == */
  /* ============================= ▼ check-btn ▼ == */
  .check-btn {
    margin-top: 17.7rem;
    margin-bottom: 13.7rem;
    width: 42rem;
  }
  /* ============================= ▲ check-btn ▲ == */
}