@charset "UTF-8";

/* ページ共通___________________________*/
.lp_230421 {
  margin-top: calc(80* (100vw / 750));
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .lp_230421 {
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  .lp_230421 {
    margin-top: 5rem;
  }

  .main-area {
    overflow: initial;
  }
}

.lp_230421 .img {
  font-size: 0;
  z-index: 1;
}

.lp_230421 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lp_230421 a,
.lp_230421 picture,
.lp_230421 span {
  display: inline-block;
}

/* font */
.lp_230421 p,
.lp_230421 h4,
.lp_230421 li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  color: #000;
}

.lp_230421 .ff_muli {
  font-family: "muli", sans-serif;
  font-style: normal;
  line-height: 1;
}

/* ▽_____________ credit ______________▽ */
.style_credit_block {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: fit-content;
}

.style_credit_block li {
  width: fit-content;
  font-family: "muli", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: calc(24* (100vw / 750));
  letter-spacing: 0.04em;
  line-height: 1.7;
  white-space: nowrap;
}

/* ▽_____________ fv ______________▽ */
.article__title .lp_mv {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin: auto;
}

.article__title .lp_mv p {
  position: relative;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.04em;
  line-height: 1;
}

.article__title .ttl_1 {
  width: calc(582.6* (100vw / 750));
}

.article__title .ttl_2 {
  font-size: calc(28* (100vw / 750));
  margin-top: calc(55* (100vw / 750));
}

.article__title .ttl_3 {
  font-size: calc(38* (100vw / 750));
  margin-top: calc(16* (100vw / 750));
}

.article__title .ttl_3::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #FFEFD2;
  width: calc(390* (100vw / 750));
  height: calc(18* (100vw / 750));
  bottom: calc(-5* (100vw / 750));
  left: 50%;
  transform: translateX(-50%);
}

.article__title .ttl_4 {
  width: calc(282* (100vw / 750));
  margin-top: calc(61* (100vw / 750));
}

.article__title .title__lead {
  font-size: calc(26* (100vw / 750));
  line-height: 2;
  letter-spacing: 0.085em;
  text-align: center;
  margin-top: calc(78* (100vw / 750));
  font-feature-settings: normal;
}

.title__video {
  margin: calc(130* (100vw / 750)) auto 0;
  text-align: center;
}

.title__video dt {
  font-weight: 700;
  font-size: calc(38* (100vw / 750));
  letter-spacing: 0.04em;
}

.title__video dd {
  margin-top: calc(30* (100vw / 750));
}

.title__video dd iframe {
  width: calc(750* (100vw / 750));
  height: calc(422* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .style_credit_block li {
    font-size: 1.2rem;
    line-height: 1.666;
  }

  .article__title .ttl_1 {
    order: 2;
    width: 45.1rem;
    margin: 4.1rem 0 0 0.7rem;
  }

  .article__title .ttl_2 {
    order: 3;
    font-size: 1.7rem;
    margin-top: 4.1rem;
  }

  .article__title .ttl_3 {
    order: 4;
    font-size: 2.4rem;
    margin-top: 1.3rem;
  }

  .article__title .ttl_3::before {
    width: 24.3rem;
    height: 1rem;
    bottom: -0.3rem;
  }

  .article__title .ttl_4 {
    order: 1;
    width: 16.5rem;
    margin-top: 1rem;
  }

  .article__title .title__lead {
    font-size: 1.5rem;
    line-height: 2.266;
    letter-spacing: 0.08em;
    margin-top: 6.4rem;
    font-feature-settings: "palt";
  }

  .title__video {
    margin: 5.7rem auto 0;
  }

  .title__video dt {
    font-size: 2.2rem;
  }

  .title__video dd {
    margin-top: 2rem;
  }

  .title__video dd iframe {
    width: 80rem;
    height: 45rem;
  }
}

/* ▽_____________ sec ______________▽ */
.sec {
  position: relative;
  margin: 0 auto 0;
  margin-top: 0;
}

.sec::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: calc(1142* (100vw / 750));
  background: #F9F2F4;
  left: 0;
  top: calc(270* (100vw / 750));
}

.contents_inner {
  position: relative;
}

/* ▽_____________ inner_model ______________▽ */
.inner_model {
  position: relative;
  width: calc(750* (100vw / 750));
  height: calc(983* (100vw / 750));
}

.inner_model>* {
  position: absolute;
}

.sec_ttl_wrap {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sec_ttl_wrap .ttl_wrap_num {
  width: calc(37* (100vw / 750));
}

.sec_ttl_wrap h3 {
  position: relative;
  z-index: 2;
  pointer-events: none;
  font-weight: 600;
  font-size: calc(64* (100vw / 750));
  letter-spacing: 0.06em;
  margin-top: calc(20* (100vw / 750));
}

.sec_ttl_wrap .ttl_wrap_profile {
  font-weight: 500;
  font-size: calc(29* (100vw / 750));
  letter-spacing: 0.06em;
  margin-top: calc(36* (100vw / 750));
}

.sec_ttl_wrap .ttl_wrap_link {
  font-size: calc(26* (100vw / 750));
  letter-spacing: 0.06em;
  margin-top: calc(41* (100vw / 750));
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
}

.sec_ttl_wrap .ttl_wrap_link a {
  position: relative;
  padding-right: calc(45* (100vw / 750));
}

.sec_ttl_wrap .ttl_wrap_link a::before {
  content: "";
  position: absolute;
  background: url(../images/compress/svg/arrow.svg) no-repeat;
  background-size: contain;
  width: calc(20* (100vw / 750));
  height: calc(26* (100vw / 750));
  right: calc(11* (100vw / 750));
  top: calc(8* (100vw / 750));
}

/* ▽_____________ inner_item ______________▽ */
.inner_item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.inner_item::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(650* (100vw / 750));
  height: calc(650* (100vw / 750));
  top: -4%;
  left: 50%;
  transform: translateX(-50%);
  background: #FFF9F5;
  border-radius: 50%;
}

.itemimg_wrap {
  text-align: center;
  position: relative;
}

.itemimg_wrap .img {
  position: relative;
  width: fit-content;
  margin: auto;
}


.itemimg_wrap .item_name {
  font-size: calc(35* (100vw / 750));
  letter-spacing: 0.075em;
  margin-top: calc(32* (100vw / 750));
  font-feature-settings: normal;
}

.itemimg_wrap .item_price {
  position: relative;
  z-index: 1;
  font-size: calc(28* (100vw / 750));
  letter-spacing: 0.06em;
  font-weight: 600;
  margin-top: calc(30* (100vw / 750));
}

.itemimg_wrap+p {
  font-size: calc(24* (100vw / 750));
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin-top: calc(66* (100vw / 750));
  text-align: center;
  font-feature-settings: normal;
}

.inner_item .item_buybtn {
  position: relative;
  z-index: 1;
  width: calc(210* (100vw / 750));
  margin-top: calc(60* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec::before {
    height: 42.8rem;
    top: 10rem;
  }

  /* ▽_____________ inner_model ______________▽ */
  .inner_model {
    width: 75.6rem;
    height: 75.4rem;
  }

  .sec_ttl_wrap .ttl_wrap_num {
    width: 2.15rem;
  }

  .sec_ttl_wrap h3 {
    font-size: 4.2rem;
    margin-top: 2.2rem;
  }

  .sec_ttl_wrap .ttl_wrap_profile {
    font-size: 1.8rem;
    margin-top: 1.8rem;
  }

  .sec_ttl_wrap .ttl_wrap_link {
    font-size: 1.5rem;
    margin-top: 3rem;
    letter-spacing: 0.09em;
  }

  .sec_ttl_wrap .ttl_wrap_link a {
    padding-right: 2.3rem;
  }

  .sec_ttl_wrap .ttl_wrap_link a::before {
    width: 1.3rem;
    height: 2rem;
    right: 0;
    top: -0.1rem;
  }

  /* ▽_____________ inner_item ______________▽ */
  .sec .inner_item {
    margin: 0 !important;
    width: 48.8rem;
  }

  .inner_item::before {
    width: 48.8rem;
    height: 48.8rem;
    top: -5%;
  }

  .itemimg_wrap .item_name {
    font-size: 2rem;
    margin-top: 2rem;
  }

  .itemimg_wrap .item_price {
    font-size: 1.5rem;
    margin-top: 2.2rem;
  }

  .itemimg_wrap+p {
    font-size: 1.3rem;
    line-height: 1.923;
    margin-top: 2.7rem;
  }

  .inner_item .item_buybtn {
    width: 8rem;
    margin-top: 2.1rem;
  }
}





/* ▽_____________ sec1 ______________▽ */

.sec01 {
  margin-top: calc(150* (100vw / 750));
}

.sec01 .sec_ttl_wrap {
  top: calc(168* (100vw / 750));
  left: calc(30* (100vw / 750));
}

.sec01 .model01 {
  width: calc(430* (100vw / 750));
  right: calc(-30* (100vw / 750));
  top: 0;
}

.sec01 .style_credit_block {
  bottom: 0;
  left: calc(30* (100vw / 750));
}

.sec01 .inner_item {
  margin-top: calc(143* (100vw / 750));
}

.sec01 .itemimg_wrap .img {
  width: calc(400* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .contents_inner {
    display: grid;
    width: 120rem;
    margin: auto;
  }

  .sec01 {
    margin-top: 11.8rem;
  }

  .sec01 .contents_inner {
    grid-template-columns: 33.5rem auto;
    grid-template-rows: 42rem auto;
  }

  .sec01 .inner_model {
    grid-column: 2/3;
    grid-row: 1/3;
  }

  .sec01 .sec_ttl_wrap {
    top: 18.1rem;
    left: 0;
  }

  .sec01 .model01 {
    width: 33rem;
    right: 12.6rem;
    top: 0;
  }

  .sec01 .style_credit_block {
    bottom: 0;
    left: initial;
    right: 1.1rem;
  }

  .sec01 .inner_item {
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .sec01 .itemimg_wrap .img {
    width: 29rem;
  }

  .itemimg_wrap .img::before {
    transform: translate(-50%, -47.3%);
  }
}



/* ▽_____________ sec2 ______________▽ */
.sec02 {
  margin-top: calc(150* (100vw / 750));
}

.sec02::before {
  background: #FFFCF5;
  height: calc(1793* (100vw / 750));
  top: calc(240* (100vw / 750));
}

.sec02 .inner_model {
  width: calc(750* (100vw / 750));
  height: calc(1640* (100vw / 750));
}

.sec02 .sec_ttl_wrap {
  top: calc(528* (100vw / 750));
  left: calc(26* (100vw / 750));
}

.sec02 .sec_ttl_wrap .ttl_wrap_num {
  width: calc(41* (100vw / 750));
}

.sec02 .style_credit_block.__1 {
  bottom: calc(250* (100vw / 750));
  right: calc(30* (100vw / 750));
}

.sec02 .style_credit_block.__2 {
  bottom: calc(7* (100vw / 750));
  right: calc(194* (100vw / 750));
}

.sec02 .model02 {
  width: calc(360* (100vw / 750));
  top: 0;
  left: calc(205* (100vw / 750));
}

.sec02 .model03 {
  width: calc(270* (100vw / 750));
  top: calc(436* (100vw / 750));
  right: calc(30* (100vw / 750));
}

.sec02 .model04 {
  width: calc(300* (100vw / 750));
  bottom: 0;
  left: calc(32* (100vw / 750));
}

.sec02 .inner_item {
  margin-top: calc(110* (100vw / 750));
}

.sec02 .inner_item::before {
  background: #F5F6F7;
}

.sec02 .item02 {
  width: calc(384* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec02 {
    margin-top: -10.2rem;
  }

  .sec02::before {
    height: 44.4rem;
    top: 21.8rem;
  }

  .sec02 .contents_inner {
    grid-template-columns: 74.2rem auto;
    grid-template-rows: 47.8rem auto;
  }

  .sec02 .inner_model {
    width: 101.5rem;
    height: 91rem;
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .sec02 .sec_ttl_wrap {
    top: 10.6rem;
    left: initial;
    right: 0;
  }

  .sec02 .sec_ttl_wrap .ttl_wrap_num {
    width: 2.34rem;
  }

  .sec02 .style_credit_block.__1 {
    bottom: 0.7rem;
    right: 31.1rem;
  }

  .sec02 .style_credit_block.__2 {
    bottom: 12rem;
    right: initial;
    left: 3.2rem;
  }

  .sec02 .model02 {
    width: 27rem;
    top: 0;
    left: initial;
    right: 20.4rem;
  }

  .sec02 .model03 {
    width: 19.6rem;
    top: initial;
    bottom: 0;
    right: 44.6rem;
  }

  .sec02 .model04 {
    width: 22.2rem;
    bottom: 12.3rem;
    left: 14.1rem;
  }

  .sec02 .inner_item {
    margin-top: 0;
    grid-column: 2;
    grid-row: 2;
  }

  .sec02 .inner_item::before {
    width: 42.8rem;
    height: 42.8rem;
  }

  .sec02 .item02 {
    width: 26rem;
  }

}






/* ▽_____________ sec3 ______________▽ */
.sec03 {
  margin-top: calc(189* (100vw / 750));
}

.sec03::before {
  background: #E2E9F3;
  top: calc(-40* (100vw / 750));
  height: calc(1696* (100vw / 750));
}

.sec03 .inner_model {
  height: calc(1259* (100vw / 750));
}

.sec03 .sec_ttl_wrap {
  top: calc(116* (100vw / 750));
  right: calc(47* (100vw / 750));
}

.sec03 .sec_ttl_wrap .ttl_wrap_num {
  width: calc(41* (100vw / 750));
}

.sec03 .style_credit_block {
  bottom: 0;
  left: calc(40* (100vw / 750));
}

.sec03 .model05 {
  width: calc(420* (100vw / 750));
  top: 0;
  left: calc(10* (100vw / 750));
}

.sec03 .model06 {
  width: calc(260* (100vw / 750));
  top: calc(438* (100vw / 750));
  right: calc(54* (100vw / 750));
}

.sec03 .inner_item {
  margin-top: calc(111* (100vw / 750));
}

.sec03 .inner_item::before {
  background: #F7F8F9;
}

.sec03 .item03 {
  width: calc(370* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec03 {
    margin-top: -5.8rem;
  }

  .sec03::before {
    top: 22.5rem;
    height: 54rem;
  }

  .sec03 .contents_inner {
    grid-template-columns: 25.2rem auto;
    grid-template-rows: 49.5rem auto;
  }

  .sec03 .inner_model {
    width: 88.2rem;
    height: 98.8rem;
    grid-column: 2;
    grid-row: 1/3;
  }

  .sec03 .sec_ttl_wrap {
    top: 11.5rem;
    right: initial;
    left: 0;
  }

  .sec03 .sec_ttl_wrap .ttl_wrap_num {
    width: 2.37rem;
  }

  .sec03 .style_credit_block {
    bottom: 1.8rem;
    left: initial;
    right: 0;
  }

  .sec03 .model05 {
    width: 36rem;
    left: 20rem;
  }

  .sec03 .model06 {
    width: 24rem;
    top: initial;
    bottom: 0;
    right: 12.2rem;
  }

  .sec03 .inner_item {
    width: 42.8rem;
    margin-top: 0;
    grid-column: 1;
    grid-row: 2/3;
  }

  .sec03 .inner_item::before {
    width: 42.8rem;
    height: 42.8rem;
  }

  .sec03 .item03 {
    width: 26rem;
  }

  .sec03 .item_name {
    margin-top: 0;
  }
}

/* ▽_____________ sec04 ______________▽ */
.sec04 {
  margin-top: calc(150* (100vw / 750));
}

.sec04::before {
  background: #F2F0EB;
  top: calc(270* (100vw / 750));
  height: calc(1235* (100vw / 750));
}

/* __1 */
.sec04 .inner_model.__1 {
  height: calc(1102* (100vw / 750));
}

.sec04 .sec_ttl_wrap {
  top: calc(166* (100vw / 750));
  left: calc(20* (100vw / 750));
}

.sec04 .sec_ttl_wrap .ttl_wrap_num {
  width: calc(41* (100vw / 750));
}

.sec04 .style_credit_block {
  bottom: calc(7* (100vw / 750));
  right: calc(77* (100vw / 750));
}

.sec04 .model07 {
  width: calc(380* (100vw / 750));
  top: 0;
  right: calc(-25* (100vw / 750));
}

.sec04 .model08 {
  width: calc(290* (100vw / 750));
  bottom: 0;
  left: calc(30* (100vw / 750));
}

.sec04 .inner_item.__1 {
  margin-top: calc(116* (100vw / 750));
}

.sec04 .inner_item::before {
  background: #FCFCF5;
}

.sec04 .item04 {
  width: calc(400* (100vw / 750));
}

/* __2 */
.sec04 .inner_model.__2 {
  height: calc(1318* (100vw / 750));
  margin-top: calc(54* (100vw / 750));
}

.sec04 .inner_model.__2 .style_credit_block {
  bottom: 0;
  left: calc(40* (100vw / 750));
}

.sec04 .model09 {
  width: calc(340* (100vw / 750));
  top: calc(340* (100vw / 750));
  left: calc(10* (100vw / 750));
}

.sec04 .model10 {
  width: calc(390* (100vw / 750));
  top: 0;
  right: calc(95* (100vw / 750));
}

.sec04 .inner_item.__2::before {
  background: #F7F8F9;
}

.sec04 .item05 {
  width: calc(340* (100vw / 750));
}

@media screen and (max-width: 767px) {

  .sec04 .inner_item.__2 {
    margin-top: calc(-440* (100vw / 750));
  }

  .sec04 .itemimg_wrap.__tx {
    margin-top: calc(42* (100vw / 750));
  }

  .sec04 .inner_item.__2 .item_name {
    margin-top: 0;
  }

  .sec04 .inner_item.__2::before {
    background: #F7F8F9;
    transform: translateX(-20.6%);
    top: -10.8%;
  }

  .sec04 .itemimg_wrap.__img {
    left: calc(190* (100vw / 750));
  }

  .sec04 .inner_item.__2 {
    margin-top: calc(-440* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .sec04 {
    margin-top: 4.4rem;
  }

  .sec04::before {
    top: 28.5rem;
    height: 109rem;
  }

  /* __1 */
  .sec04 .contents_inner.__1 {
    grid-template-columns: 71.2rem auto;
    grid-template-rows: 1.7rem auto;
  }

  .sec04 .inner_model.__1 {
    width: 80.4rem;
    height: 79.5rem;
    grid-column: 1/2;
    grid-row: 1/3;
  }

  .sec04 .sec_ttl_wrap {
    top: 17.6rem;
    left: 2rem;
  }

  .sec04 .sec_ttl_wrap .ttl_wrap_num {
    width: 2.4rem;
  }

  .sec04 .style_credit_block {
    bottom: 11.3rem;
    right: initial;
    left: 22.4rem;
  }

  .sec04 .model07 {
    width: 32rem;
    right: initial;
    left: 34rem;
    z-index: 2;
  }

  .sec04 .model08 {
    width: 26rem;
    bottom: 0;
    left: initial;
    right: 0;
  }

  .sec04 .inner_item.__1 {
    grid-column: 2;
    grid-row: 2;
  }

  .sec04 .inner_item.__1::before {
    top: -4%;
  }

  .sec04 .item04 {
    width: 29rem;
  }

  /* __2 */
  .sec04 .contents_inner.__2 {
    margin-top: -3rem;
    grid-template-columns: 2rem 49.3rem auto;
    grid-template-rows: 0.8rem auto;
  }

  .sec04 .inner_model.__2 {
    width: 61.4rem;
    height: 73.4rem;
    margin-top: 0;
    grid-column: 3;
    grid-row: 1/3;
  }

  .sec04 .inner_model.__2 .style_credit_block {
    bottom: 9.4rem;
    left: initial;
    right: 0;
  }

  .sec04 .model09 {
    width: 25.4rem;
    top: initial;
    bottom: 0;
    left: 0;
  }

  .sec04 .model10 {
    width: 30rem;
    right: 12.5rem;
  }

  .sec04 .inner_item.__2 {
    width: 42.8rem;
    grid-column: 2;
    grid-row: 2;
  }

  .sec04 .inner_item.__2::before {
    width: 42.8rem;
    height: 42.8rem;
    background: #FCFCF5;
    top: -4%;
  }

  .sec04 .item05 {
    width: 21.5rem;
  }

}





/* ▽_____________ sec5 ______________▽ */
.sec05 {
  margin-top: calc(197* (100vw / 750));
}

.sec05::before {
  background: #F8F9ED;
  top: calc(-84* (100vw / 750));
  height: calc(2510* (100vw / 750));
}

.sec05 .sec_ttl_wrap {
  top: calc(82* (100vw / 750));
  right: calc(30* (100vw / 750));
}

.sec05 .inner_model.__1 {
  height: calc(1210* (100vw / 750));
}

.sec05 .sec_ttl_wrap .ttl_wrap_num {
  width: calc(40* (100vw / 750));
}

.sec05 .model11 {
  width: calc(391* (100vw / 750));
  top: calc(-5* (100vw / 750));
  left: calc(19* (100vw / 750));
}

.sec05 .inner_model.__1 .style_credit_block {
  bottom: 0;
  left: calc(40* (100vw / 750));
}

.sec05 .inner_item.__1::before {
  background: #F7F9F9;
}

.sec05 .item06 {
  width: calc(430* (100vw / 750));
}


@media screen and (max-width: 767px) {
  .sec05 .itemimg_wrap.__tx {
    margin-top: calc(31* (100vw / 750));
  }

  .sec05 .itemimg_wrap.__tx .item_name {
    margin-top: 0;
  }

  .sec05 .sec_ttl_wrap .ttl_wrap_link a {
    padding-right: calc(34* (100vw / 750));
  }

  .sec05 .sec_ttl_wrap .ttl_wrap_link a::before {
    right: 0;
  }

  .sec05 .inner_item.__1 {
    margin-top: calc(-493* (100vw / 750));
  }

  .sec05 .itemimg_wrap.__img {
    left: calc(170* (100vw / 750));
  }

  .sec05 .inner_item.__1::before {
    transform: translateX(-23.8%);
    top: -1.9%;
  }

  .sec05 .contents_inner.__2 {
    margin-top: calc(78* (100vw / 750));
  }
}

.sec05 .inner_model.__2 {
  height: calc(1126* (100vw / 750));
}

.sec05 .inner_model.__2 .style_credit_block {
  bottom: 0;
  left: calc(40* (100vw / 750));
}

.sec05 .inner_model.__2 .model12 {
  width: calc(317* (100vw / 750));
  top: 0;
  left: calc(40* (100vw / 750));
}

.sec05 .inner_model.__2 .model13 {
  width: calc(280* (100vw / 750));
  top: calc(268* (100vw / 750));
  right: calc(40* (100vw / 750));
}

.sec05 .inner_item.__2 {
  margin-top: calc(108* (100vw / 750));
}

.sec05 .inner_item.__2::before {
  background: #F7F9F9;
}

.sec05 .item07 {
  width: calc(400* (100vw / 750));
}

@media screen and (min-width: 768px) {
  .sec05 {
    margin-top: -2.1rem
  }

  .sec05::before {
    top: 18.8rem;
    height: 89.2rem;
  }

  .sec05 .contents_inner.__1 {
    grid-template-columns: 71.2rem auto;
    grid-template-rows: 9rem auto;
    z-index: 1;
  }

  .sec05 .sec_ttl_wrap {
    top: 28rem;
    right: initial;
    left: 0;
  }

  .sec05 .inner_model.__1 {
    width: 56.7rem;
    height: 80.8rem;
    grid-column: 1;
    grid-row: 1/3;
  }

  .sec05 .sec_ttl_wrap .ttl_wrap_num {
    width: 2.3rem;
  }

  .sec05 .model11 {
    width: 30rem;
    left: initial;
    right: 0;
    top: -0.3rem;
  }

  .sec05 .inner_model.__1 .style_credit_block {
    bottom: 9.5rem;
    left: 9.2rem;
  }

  .sec05 .inner_item.__1 {
    grid-column: 2;
    grid-row: 2;
  }

  .sec05 .inner_item.__1::before {
    top: -4%;
  }


  .sec05 .item06 {
    width: 29rem;
  }

  /* __2 */
  .sec05 .contents_inner.__2 {
    grid-template-columns: 4.9rem 45.7rem auto;
    grid-template-rows: 38.4rem auto;
    margin-top: -29.1rem;
  }

  .sec05 .inner_model.__2 {
    width: 60.2rem;
    height: 93.6rem;
    grid-column: 3;
    grid-row: 1/3;
  }

  .sec05 .inner_model.__2 .style_credit_block {
    bottom: 1.9rem;
    left: initial;
    right: 0;
  }

  .sec05 .inner_model.__2 .model12 {
    width: 26rem;
    left: 0;
    z-index: 2;
  }

  .sec05 .inner_model.__2 .model13 {
    width: 21rem;
    top: initial;
    bottom: 0;
    right: 11.5rem;
  }

  .sec05 .inner_item.__2 {
    width: 42.8rem;
    margin-top: 0;
    grid-column: 2;
    grid-row: 2/3;
  }

  .sec05 .inner_item.__2::before {
    width: 42.8rem;
    height: 42.8rem;
  }

  .sec05 .inner_item.__2 .item_name {
    margin-top: 1.3rem;
  }

  .sec05 .item07 {
    width: 25rem;
  }

}




/* ▽_____________ lp_all_btn ______________▽ */
#LB230421realbuy .lp_all_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(160* (100vw / 750)) auto calc(200* (100vw / 750));
  font-weight: 500;
  font-size: calc(35* (100vw / 750));
  letter-spacing: 0.06em;
  width: calc(675* (100vw / 750));
  height: calc(146* (100vw / 750));
  border: #000 1px solid;
  padding-bottom: calc(5* (100vw / 750));
}

@media screen and (min-width: 768px) {
  #LB230421realbuy .lp_all_btn {
    margin: 13.8rem auto 14.8rem;
    font-size: 1.7rem;
    width: 42rem;
    height: 7.4rem;
    padding-bottom: 0;
  }
}

/*---------- animation ----------*/
.js-fade-Vr-first,
.js-fade-Vr {
  opacity: 0;
  transition-duration: 0.5s;
  transform: translateY(100px);
}

.js-fade-Vr-first.active,
.js-fade-Vr.active {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}