@charset "UTF-8";

/*共通 */
.main-contents img {
  width: 100%;
  height: auto;
}

.main-area {
  max-width: 100%;
  overflow: unset;
}

.main-contents a,
.main-contents picture {
  display: block;
}

.main-contents * {
  font-weight: inherit;
}


@font-face {
  font-family: 'didotregular';
  src: url("../fonts/Didot_Regular.ttf") format("truetype"),
    url("../fonts/didot_regular-webfont.woff2") format("woff2"),
    url("../fonts/didot_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'didotitalic';
  src: url("../fonts/Didot_Italic.ttf") format("truetype"),
    url("../fonts/didot_italic-webfont.woff2") format("woff2"),
    url("../fonts/didot_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* アニメーション */
.main-contents .js_fade {
  opacity: 0;
  transition: opacity 1s, transform 1s ease;
}

.main-contents .js_fade.active {
  opacity: 1;
  transform: none;
}

/* 下から */
.main-contents .js_fade_up {
  transform: translateY(50px);
}

.main-contents .pc_only {
  display: none;
}

.main-contents .sp_only {
  display: block;
}

/* __________全共通__________ */

.main-contents .ja-text {
  font-family: yu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: normal;
}

.main-contents .staff,
.main-contents .en-text,
.main-contents .credit_link,
.main-contents .pseudo--section-number::before,
.main-contents .credit-title,
.main-contents .firstview__vol {
  font-family: 'didotregular', serif;
  font-weight: 400;
  font-style: normal;
}

.main-contents .firstview__mv {
  text-align: center;
}

/* ぱんくず */
.bredlist.lp {
  min-width: auto;
  max-width: calc(700 *(100vw / 750));
  margin: 0 auto;
  font-size: 10px;
}

/* __________firstview__mv__________ */
.main-contents .mainvisual_wrapper {
  margin-bottom: calc(149 * (100vw / 750));
  margin-top: calc(40* (100vw / 750));
  text-align: center;
}

.main-contents .firstview__mv {
  margin-bottom: calc(83 * (100vw / 750));
}

.main-contents .firstview__title--brand {
  font-size: calc(48 * (100vw / 750));
  margin-bottom: calc(24 * (100vw / 750));
}

.main-contents .firstview__title--heading {
  font-size: calc(62 * (100vw / 750));
  margin-bottom: calc(38 * (100vw / 750));
  letter-spacing: 0.02em;
}

.main-contents .firstview__copy {
  font-family: yu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(28 * (100vw / 750));
  margin-bottom: calc(48 * (100vw / 750));
}

.main-contents .firstview__vol {
  font-size: calc(30 * (100vw / 750));
  margin-bottom: calc(27 * (100vw / 750));
}

.main-contents .firstview__by {
  font-size: calc(30 * (100vw / 750));
  letter-spacing: 0.01em;
}

.main-contents .mainvisual_img {
  margin-bottom: calc(77 * (100vw / 750));
}

.main-contents .mainvisual_cppy {
  font-size: calc(30 * (100vw / 750));
  letter-spacing: 0.14em;
  margin-bottom: calc(61 * (100vw / 750));
}

.main-contents .mainvisual_lead {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  text-align: center;
  font-size: calc(24 * (100vw / 750));
  line-height: 2.67;
  /* font-feature-settings: "palt"; */
}

@media screen and (max-width: 767px) {
  .main-contents .mainvisual_lead {
    font-feature-settings: "halt";
  }
}


/* 共通____________________ */
.main-contents .sec_top_product_img {
  width: var(--top-image-width, calc(510 * (100vw / 750)));
  margin-inline: auto;
}

.main-contents .sec_top_number {
  font-size: calc(40 * (100vw / 750));
  text-align: center;
  margin-bottom: calc(18 * (100vw / 750));
}

.main-contents .sec_top_product_name {
  font-feature-settings: 'halt';
  font-size: calc(35 * (100vw / 750));
  text-align: center;
  line-height: 1.46;
  margin-bottom: calc(20 * (100vw / 750));
}

.main-contents .product_credit {
  font-size: calc(29 * (100vw / 750));
  text-align: center;
  padding-bottom: calc(40 * (100vw / 750));
  margin-bottom: calc(42 * (100vw / 750));
  position: relative;
}

.main-contents .product_credit::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background-color: #000;
  left: 0;
  bottom: 0;
  border-bottom: solid 1px #000;
}

.main-contents .product_credit.is-line::before {
  width: calc(750 * (100vw / 750));
  animation: border_anim 0.8s linear forwards;

}

@keyframes border_anim {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

/*
.main-contents .product_credit.is-line::before {
  transform: scale(0, 1);
}
 */

.main-contents .credit_wrapper {
  margin-left: calc(50 * (100vw / 750));
  font-size: calc(23 * (100vw / 750));
  text-align: left;
}

.main-contents .credit_link {
  display: inline-block;
  line-height: 1.78;
  margin-right: calc(14 * (100vw / 750));
}

.main-contents .sec_top_product_copy {
  font-size: calc(29 * (100vw / 750));
  line-height: 1.76;
  text-align: center;
}

.main-contents .text_box {
  margin-left: calc(100 * (100vw / 750));
  margin-bottom: calc(62 * (100vw / 750));
}

.main-contents .scene_number {
  font-size: calc(50 * (100vw / 750));
  font-family: "didotitalic", serif;
  font-weight: 400;
  font-style: italic;
  margin-bottom: calc(26 * (100vw / 750));
}

.main-contents .product_copy {
  font-size: calc(29 * (100vw / 750));
  line-height: 1.68;
}

.main-contents .product_lead {
  width: calc(650 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  line-height: 1.82;
  text-align: justify;
  text-justify: inter-word;
  text-justify: inter-character;
  text-justify: inter-ideograph;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

.main-contents .scene_02 .text_box {
  margin-left: 0;
  margin-bottom: calc(40 * (100vw / 750));
  text-align: var(--scene-text-align, left);
}

@media screen and (max-width: 767px) {
  .main-contents .scene_02 .text_box {
    text-align: var(--scene-text-align, center);
  }
}

.main-contents .scene_02 .scene_number {
  padding-bottom: calc(26 * (100vw / 750));
  margin-bottom: calc(30 * (100vw / 750));
}

.main-contents .product_credit .credit_link {
  margin-right: 0;
}

/* テキストの左の縦線 */
.main-contents .vertical_line {
  position: relative;
}

.main-contents .vertical_line::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(220 * (100vw / 750));
  background-color: #000;
  top: calc(-25 * (100vw / 750));
  left: calc(-50 * (100vw / 750));
}


/* テキストの下の横線 */
.main-contents .horizontal_line {
  position: relative;
}

.main-contents .horizontal_line::before {
  position: absolute;
  content: "";
  width: calc(226 * (100vw / 750));
  height: 1px;
  background-color: #000;
  top: calc(74 * (100vw / 750));
  left: calc(263 * (100vw / 750));
}



/* 共通____________________ */


/* sec_01____________________ */

.main-contents .sec_01 {
  margin-bottom: calc(194 * (100vw / 750));
}

.main-contents .sec_01 .sec_top_product_img {
  margin-bottom: calc(46 * (100vw / 750));
}

.main-contents .sec_01 .section_top {
  margin-bottom: calc(128 * (100vw / 750));
}

.main-contents .sec_01 .scene_01 {
  margin-bottom: calc(164 * (100vw / 750));
}

.main-contents .sec_01 .product_img {
  width: calc(680 * (100vw / 750));
  margin-bottom: calc(50 * (100vw / 750));
  margin-inline: auto;
}


.main-contents .sec_01 .product_img_02 {
  width: calc(600 * (100vw / 750));
  margin-inline: auto 0;
  margin-bottom: calc(76 * (100vw / 750));
}

.main-contents .sec_01 .product_lead {
  margin-bottom: calc(30 * (100vw / 750));
}

@media screen and (max-width: 767px) {
  .main-contents .sec_01 .scene_02 .scene_number::before {
    position: absolute;
    content: "";
    width: calc(226 * (100vw / 750));
    height: 1px;
    background-color: #000;
    top: calc(74 * (100vw / 750));
    left: calc(263 * (100vw / 750));
  }
}

.main-contents .sec_01 .scene_02 .product_img {
  width: calc(690 * (100vw / 750));
  margin-left: auto;
  margin-bottom: calc(50 * (100vw / 750));
}

.main-contents .sec_01 .scene_02 .text_box {
  margin-bottom: calc(30 * (100vw / 750));
}

.main-contents .sec_01 .scene_02 .product_lead {
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

/* sec_01____________________ */


/* sec_02____________________ */

.main-contents .sec_02 {
  margin-bottom: calc(200 * (100vw / 750));
}

.main-contents .sec_02 .section_top {
  margin-bottom: calc(140 * (100vw / 750));
  display: grid;
}

.main-contents .sec_02 .scene_01 {
  margin-bottom: calc(165 * (100vw / 750));
}

@media screen and (max-width: 767px) {
  .main-contents .sec_02 .scene_01 {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.main-contents .sec_02 .text_box {
  margin-bottom: calc(90 * (100vw / 750));
  margin-left: calc(98 * (100vw / 750));
}

.main-contents .sec_02 .sec_top_text_box {
  margin-bottom: calc(38 * (100vw / 750));
}

.main-contents .sec_02 .product_img {
  width: calc(750 * (100vw / 750));
  margin-inline: auto 0;
  margin-bottom: calc(96 * (100vw / 750));
}

.main-contents .sec_02 .product_img_02 {
  width: calc(600 * (100vw / 750));
  margin-inline: auto 0;
  margin-bottom: calc(80 * (100vw / 750));
}

.main-contents .sec_02 .product_lead {
  margin-bottom: calc(32 * (100vw / 750));
}

.main-contents .sec_02 .scene_02 {
  position: relative;
}

.main-contents .sec_02 .scene_02 .text_box {
  margin-bottom: calc(40 * (100vw / 750));
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .main-contents .sec_02 .sec_top_product_name {
    margin-bottom: calc(22 * (100vw / 750));
  }

  .main-contents .sec_02 .product_credit {
    margin-bottom: calc(42 * (100vw / 750));
  }

  .main-contents .sec_02 .scene_02 .text_box::before {
    position: absolute;
    content: "";
    width: calc(226 * (100vw / 750));
    height: 1px;
    background-color: #000;
    top: calc(74 * (100vw / 750));
    left: calc(263 * (100vw / 750));
  }
}

.main-contents .sec_02 .scene_02 .product_img {
  width: calc(690 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(82 * (100vw / 750));
}

/* sec_02____________________ */


/* sec_03____________________ */

.main-contents .sec_03 {
  margin-bottom: calc(195 * (100vw / 750));
}

.main-contents .sec_03 .section_top {
  margin-bottom: calc(165 * (100vw / 750));
}

@media screen and (max-width: 767px) {
  .main-contents .sec_03 .sec_top_product_img {
    margin-bottom: calc(50 * (100vw / 750));
  }
}

.main-contents .sec_03 .scene_01 {
  margin-bottom: calc(164 * (100vw / 750));
}

.main-contents .sec_03 .sec_top_text_box {
  margin-bottom: calc(38 * (100vw / 750));
}

.main-contents .sec_03 .sec_top_product_name {
  margin-bottom: calc(22 * (100vw / 750));
}

.main-contents .sec_03 .text_box {
  margin-left: calc(85 * (100vw / 750));
  margin-bottom: calc(92 * (100vw / 750));
}

@media screen and (max-width: 767px) {
  .main-contents .sec_03 .product_img {
    width: calc(680 * (100vw / 750));
    margin-inline: auto;
    margin-bottom: calc(70 * (100vw / 750));
  }
}

.main-contents .sec_03 .product_img_02 {
  width: calc(580 * (100vw / 750));
  margin-inline: auto 0;
  margin-bottom: calc(80 * (100vw / 750));
}

.main-contents .sec_03 .product_lead {
  margin-bottom: calc(34 * (100vw / 750));
}

.main-contents .sec_03 .scene_02 .product_lead {
  margin-bottom: calc(32 * (100vw / 750));
}

.main-contents .sec_03 .scene_02 .text_box {
  margin-left: 0;
  margin-bottom: calc(42 * (100vw / 750));
}

.main-contents .sec_03 .scene_02 .product_img {
  width: calc(750 * (100vw / 750));
  margin-inline: auto;
  margin-bottom: calc(80 * (100vw / 750));
}

/* sec_03____________________ */


/* sec_04____________________ */
.main-contents .sec_04 {
  margin-bottom: calc(185 * (100vw / 750));
}

.main-contents .sec_04 .sec_top_product_img {
  margin-bottom: calc(50 * (100vw / 750));
}

@media screen and (max-width: 767px) {
  .main-contents .sec_04 .sec_top_text_box {
    margin-bottom: calc(38 * (100vw / 750));
  }

  .main-contents .sec_04 .sec_top_product_name {
    margin-bottom: calc(22 * (100vw / 750));
  }
}

.main-contents .sec_04 .section_top {
  margin-bottom: calc(130 * (100vw / 750));
}

.main-contents .sec_04 .scene_01 {
  margin-bottom: calc(164 * (100vw / 750));
}

.main-contents .sec_04 .product_img {
  width: calc(580 * (100vw / 750));
  margin-inline: auto 0;
  margin-bottom: calc(50 * (100vw / 750));
}

.main-contents .sec_04 .product_img_02 {
  width: calc(660 * (100vw / 750));
  margin-inline: 0 auto;
  margin-bottom: calc(74 * (100vw / 750));
}

.main-contents .sec_04 .scene_01 .text_box {
  margin-left: calc(100 * (100vw / 750));
  margin-bottom: calc(68 * (100vw / 750));
}

.main-contents .sec_04 .product_lead {
  margin-bottom: calc(32 * (100vw / 750));
  width: calc(656 * (100vw / 750));
}


@media screen and (max-width: 767px) {
  .main-contents .sec_04 .scene_02 {
    display: grid;
    grid-template-columns: 1fr;
  }
  .main-contents .sec_04 .scene_02 .product_lead {
	margin-bottom: calc(30 * (100vw / 750));
  }
}

.main-contents .sec_04 .scene_02 .product_img {
  width: calc(690 * (100vw / 750));
  margin-inline: auto;
  margin-bottom: calc(50 * (100vw / 750));
}

.main-contents .sec_04 .scene_02 .text_box {
  margin-bottom: calc(32 * (100vw / 750));
}

@media screen and (max-width: 767px) {
  .main-contents .sec_04 .scene_02 .text_box::before {
    position: absolute;
    content: "";
    width: calc(226 * (100vw / 750));
    height: 1px;
    background-color: #000;
    top: calc(74 * (100vw / 750));
    left: calc(263 * (100vw / 750));
  }
}


/* sec_04____________________ */


/* staff_____________________ */

.main-contents .staff {
  font-feature-settings: "palt";
  font-size: calc(23 * (100vw / 750));
  text-align: center;
  line-height: 1.78;
  margin-bottom: calc(192 * (100vw / 750));
}

/* staff_____________________ */


/* 全てのアイテムをチェック */
.main-contents .viewall {
  width: calc(675 * (100vw / 750));
  height: calc(120 * (100vw / 750));
  margin: 0 auto;
  border: solid 1px #000;
  margin-bottom: calc(200 * (100vw / 750));
}

.main-contents .viewall__link {
  font-size: calc(28 * (100vw / 750));
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.06em;
}



/* __________firstview__________ */
.main-contents .firstview {
  text-align: center;
  margin-bottom: calc(200 * (100vw / 750));
}

.main-contents .firstview .firstview__title--brand {
  font-size: calc(48 * (100vw / 750));
  margin-bottom: calc(18 * (100vw / 750));
}

.main-contents .firstview .firstview__title--heading {
  font-size: calc(62 * (100vw / 750));
  margin-bottom: calc(28 * (100vw / 750));
  margin-top: 0;
}

.main-contents .firstview .firstview__copy {
  font-family: yu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(28 * (100vw / 750));
  margin-bottom: calc(27 * (100vw / 750));
}

.main-contents .firstview .firstview__vol {
  font-size: calc(30 * (100vw / 750));
  margin-bottom: calc(20 * (100vw / 750));
}

.main-contents .firstview .firstview__by {
  font-size: calc(30 * (100vw / 750));
}




/* //////////////////////// pcここから //////////////////////// */
@media screen and (min-width: 750px) {

  #Contents {
    margin-bottom: 16rem;
  }

  /* ぱんくず */
  .bredlist.lp {
    max-width: 120rem;
  }

  .main-contents .sp_only {
    display: none;
  }

  .main-contents .pc_only {
    display: inline-block;
  }

  .main-contents {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }


  /* __________firstview__mv__________ */
  .main-contents .mainvisual_wrapper {
    margin-top: 5.3rem;
    margin-bottom: 13.4rem;
  }

  .main-contents .firstview__mv {
    margin-bottom: 6.3rem;
  }

  .main-contents .firstview__title--brand {
    font-size: 3.3rem;
    margin-bottom: 2rem;
  }

  .main-contents .firstview__title--heading {
    font-size: 4.8rem;
    margin-bottom: 2.7rem;
    letter-spacing: 0.02em;
  }

  .main-contents .firstview__copy {
    font-size: 1.8rem;
    margin-bottom: 3.5rem;
  }

  .main-contents .firstview__vol {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .main-contents .firstview__by {
    font-size: 2rem;
    letter-spacing: 0.01em;
  }

  .main-contents .mainvisual_img {
    width: 75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6rem;
  }

  .main-contents .mainvisual_cppy {
    font-size: 2.1rem;
    margin-bottom: 4.7rem;
    letter-spacing: 0.029em;
  }

  .main-contents .mainvisual_lead {
    font-size: 1.6rem;
    line-height: 2.88;
  }


  /* 共通_______________________ */
  .main-contents .credit_wrapper {
    font-size: 1.3rem;
  }

  .main-contents .credit_link {
    margin-right: 0.8rem;
    line-height: 1.85;
  }

  .main-contents .sec_top_product_img {
    width: 37rem;
  }

  .main-contents .sec_top_number {
    font-size: 2.8rem;
    text-align: left;
    margin-bottom: 1rem;
  }

  .main-contents .sec_top_product_name {
    font-size: 2rem;
    line-height: 1.3;
    text-align: left;
    margin-bottom: var(--product-name-mbottom, 2.6rem);
    position: relative;
  }

  .main-contents .sec_top_product_copy {
    font-size: 1.7rem;
    text-align: left;
    margin-bottom: 0;
  }

  .main-contents .product_credit {
    font-size: 1.7rem;
    text-align: left;
    padding-bottom: 3.4rem;
    margin-bottom: 3.4rem;
  }

  .main-contents .scene_number {
    font-size: 3rem;
    margin-bottom: 1.8rem;
  }

  .main-contents .product_copy {
    font-size: 1.7rem;
  }

  .main-contents .product_credit::before {
    position: absolute;
    content: "";
    width: 100vw;
    left: -50%;
    height: 1px;
    background-color: #000;
    bottom: calc(0 * (100vw / 750));
    transform: translateX(-50%);
    z-index: -1;
  }

  .main-contents .product_lead {
    font-size: 1.4rem;
    line-height: 1.86;
    font-weight: 500;
    /* font-feature-settings: 'halt'; */
  }

  .main-contents .text_box {
    margin-left: 0;
    margin-bottom: 0;
  }

  .main-contents .vertical_line::before {
    height: 13.6rem;
    top: -1.5rem;
    left: -3rem;
  }

  .main-contents .horizontal_line::before {
    width: 13.6rem;
    top: 4.8rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  /* sec_01____________________ */
  .main-contents .sec_01 {
    margin-bottom: 16.7rem;
  }

  .main-contents .section_line {
    position: relative;
  }

  .main-contents .section_line::before {
    position: absolute;
    content: "";
    width: 0;
    left: 50%;
    height: 1px;
    background-color: #000;
    top: 23rem;
    left: 0;
    z-index: -1;
    border-bottom: solid 0 #000;
  }

  .main-contents .section_line.is-line::before {
    width: 100vw;
    animation: border_anim 1.5s linear forwards;
  }

  @keyframes border_anim {
    0% {
      width: 0%;
    }

    100% {
      width: 100%;
    }
  }

  .main-contents .sec_01 .section_top {
    width: 78.8rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12rem;
    position: relative;
  }

  .main-contents .sec_01 .sec_top_product_img {
    width: 37rem;
    margin-left: 0;
    margin-bottom: 0;
  }

  .main-contents .product_credit::before {
    position: inherit;
  }

  .main-contents .sec_01 .sec_top_text_box {
    text-align: left;
    margin-top: 4.8rem;
  }

  .main-contents .sec_01 .scene_01 {
    width: 100.6rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1rem 35rem 16.6rem 48rem;
    margin-bottom: 15rem;
  }

  .main-contents .sec_01 .product_img {
    width: 52rem;
    grid-column: 1/5;
    grid-row: 1/2;
    margin-bottom: 0;
  }

  .main-contents .sec_01 .scene_01 .text_box {
    margin-top: 17.5rem;
    margin-left: 3.6rem;
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .main-contents .sec_01 .product_img_02 {
    width: 48rem;
    margin-top: 8rem;
    margin-left: 0;
    margin-bottom: 0;
    grid-column: 4/5;
    grid-row: 2/6;
  }

  .main-contents .sec_01 .product_lead {
    margin-top: 6.8rem;
    width: auto;
    margin-left: 0.5rem;
    margin-bottom: 0;
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .main-contents .sec_01 .credit_wrapper {
    margin-top: 2.6rem;
    margin-left: 0.5rem;
    grid-column: 2/3;
    grid-row: 4/5;
  }

  .main-contents .sec_01 .scene_02 {
    width: 95.4rem;
    display: grid;
    grid-template-columns: 52rem 12.4rem 31rem;
    margin-left: auto;
    margin-right: auto;
  }

  .main-contents .sec_01 .scene_02 .text_box {
    margin-top: 15.6rem;
    margin-left: 3.2rem;
    margin-bottom: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }

  .main-contents .scene_02 .scene_number {
    margin-bottom: var(--mbot-number, 2rem);
    padding-bottom: 0;
  }

  .main-contents .sec_01 .scene_02 .product_img {
    width: 52rem;
    grid-row: 1/4;
    grid-column: 1/2;
    margin-left: 0;
    margin-bottom: 0;
  }

  .main-contents .sec_01 .scene_02 .product_lead {
    margin-top: 6.6rem;
    margin-bottom: 0;
    grid-column: 3/4;
    margin-left: 0;
    grid-row: 2/3;
  }

  .main-contents .sec_01 .scene_02 .credit_wrapper {
    margin-top: 3.2rem;
    margin-left: 0;
    grid-column: 1/2;
    grid-row: 5/6;
    width: 100%;
  }

  .main-contents .sec_01 .scene_02 .credit_link {}

  /* sec_01____________________ */


  /* sec_02____________________ */
  .main-contents .sec_02 {
    margin-bottom: 16.6rem;
  }

  .main-contents .sec_02 .section_top {
    width: 74.8rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12rem;
  }

  .main-contents .sec_02 .sec_top_product_img {
    margin-left: auto;
    margin-right: 0;
  }

  .main-contents .sec_02 .sec_top_text_box {
    margin-top: 5rem;
    position: relative;
    margin-bottom: 0;
  }

  .main-contents .sec_02 .scene_01 {
    display: grid;
    width: 114rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15rem;
    grid-template-columns: 4rem 27.5rem 32.5rem 8rem 42rem;
  }

  .main-contents .sec_02 .product_img {
    width: 60rem;
    grid-column: 2/4;
    grid-row: 1/3;
    margin-left: 0;
    margin-bottom: 0;
  }

  .main-contents .sec_02 .product_img_02 {
    width: 42rem;
    margin-top: -8.8rem;
    margin-inline: 0;
    margin-bottom: 0;
    grid-column: 5/6;
    grid-row: 3/6;
  }

  .main-contents .sec_02 .scene_01 .text_box {
    margin-top: 25.4rem;
    margin-bottom: 0;
    margin-left: 8.4rem;
    grid-column: 5/6;
    grid-row: 1/2;
    pointer-events: none;
    z-index: 1;
  }

  .main-contents .sec_02 .product_lead {
    grid-column: 3/5;
    grid-row: 4/5;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 6rem;
  }

  .main-contents .sec_02 .scene_01 .credit_wrapper {
    grid-column: 3/5;
    grid-row: 5/6;
    margin-top: 2.6rem;
    margin-bottom: -0.3em;
    margin-left: 0;
  }

  .main-contents .sec_02 .scene_02 {
    --mbot-number: 2rem;
    --scene-text-align: center;
    width: 54rem;
    display: grid;
    margin-inline: auto;
    grid-template-columns: 1fr;
  }

  .main-contents .sec_02 .scene_02 .text_box {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .main-contents .sec_02 .scene_02 .scene_number {
    padding-bottom: 0.6em;
  }

  .main-contents .sec_02 .scene_02 .product_img {
    width: 54rem;
    margin-top: 4rem;
    margin-bottom: 0;
    grid-row: 2/3;
    grid-column: 1/2;
  }

  .main-contents .sec_02 .scene_02 .product_lead {
    grid-column: 1/2;
    grid-row: 3/4;
    margin-top: 5.2rem;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    margin-right: 0;
  }

  .main-contents .sec_02 .scene_02 .credit_wrapper {
    text-align: center;
    margin-top: 2.8rem;
    width: 100%;
    margin-left: auto;
    grid-column: 1/2;
  }

  .main-contents .sec_02 .scene_02 .credit_link {
    margin-right: 0;
    margin-left: 0.8rem;
  }

  /* sec_02____________________ */


  /* sec_03____________________ */
  .main-contents .sec_03 {
    margin-bottom: 16.7rem;
  }

  .main-contents .sec_03 .section_top {
    width: 86rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-bottom: 12rem;
  }

  .main-contents .sec_03 .sec_top_product_img {
    margin-inline: auto 0;
  }

  .main-contents .sec_03 .sec_top_text_box {
    margin-top: 7rem;
    margin-bottom: 0;
    width: 36.5rem;
  }

  .main-contents .sec_03 .sec_top_product_name {
    margin-bottom: 3.2rem;
  }

  .main-contents .sec_03 .scene_01 {
    display: grid;
    width: 96rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15rem;
    grid-template-columns: 4rem 32rem 14rem 12rem 34rem;
  }

  .main-contents .sec_03 .product_img {
    width: 58rem;
    grid-column: 2/4;
    grid-row: 1/3;
    margin-bottom: 0;
    margin-left: auto;
    z-index: 1;
  }

  .main-contents .sec_03 .product_img_02 {
    width: auto;
    margin-top: 8rem;
    margin-left: 0;
    margin-bottom: 0;
    grid-column: 4/6;
    grid-row: 3/6;
  }

  .main-contents .sec_03 .scene_01 .text_box {
    grid-column: 4/6;
    grid-row: 1/2;
    margin-top: 21.8rem;
    margin-bottom: 0;
    margin-left: 10.7rem;
    z-index: 2;
    pointer-events: none;
  }

  .main-contents .sec_03 .scene_01 .product_lead {
    grid-column: 2/4;
    grid-row: 3/4;
    width: 32rem;
    margin-top: 19.6rem;
    margin-bottom: 0;
    margin-left: 1.6rem;
  }

  .main-contents .sec_03 .scene_01 .credit_wrapper {
    grid-column: 2/3;
    grid-row: 4/5;
    margin-top: 2.6rem;
    margin-left: 1.6rem;
  }

  .main-contents .sec_03 .scene_02 {
    width: 54rem;
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr;
  }

  .main-contents .sec_03 .scene_02 .scene_number {
    margin-bottom: 3.8rem;
  }

  .main-contents .sec_03 .scene_02 .product_img {
    width: 54rem;
    grid-column: 1/3;
    grid-row: 2/3;
    margin-top: 3.4rem;
    margin-bottom: 0;
  }

  .main-contents .sec_03 .scene_02 .text_box {
    text-align: center;
    margin-bottom: 0;
  }

  .main-contents .sec_03 .scene_02 .product_lead {
    text-align: center;
    width: initial;
    margin-top: 5.2rem;
    margin-bottom: 0;
    grid-row: 4/5;
  }

  .main-contents .sec_03 .scene_02 .credit_wrapper {
    margin-top: 2.8rem;
    margin-left: 0;
    text-align: center;
    grid-row: 5/6;
  }

  .main-contents .sec_03 .scene_02 .credit_link {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }

  /* sec_03____________________ */


  /* sec_04____________________ */
  .main-contents .sec_04 {
    margin-bottom: 14.2rem;
  }

  .main-contents .sec_04 .section_top {
    display: flex;
    width: 78.5rem;
    margin-inline: auto;
    margin-bottom: 12rem;
  }

  .main-contents .sec_04 .sec_top_product_img {
    margin-bottom: 0;
    margin-inline: 0 auto;
  }

  .main-contents .sec_04 .sec_top_text_box {
    margin-top: 7rem;
    width: 28.5rem;
  }

  .main-contents .sec_04 .scene_01 {
    width: 115.5rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 4rem 44rem 10rem 23.5rem 34rem;
    margin-bottom: 14.6rem;
  }

  .main-contents .sec_04 .product_img {
    width: 48.8rem;
    margin-left: 0;
    margin-bottom: 0;
    grid-column: 3/4;
    grid-row: 1/3;
  }


  .main-contents .sec_04 .product_img_02 {
    width: 54rem;
    margin-top: 16.4rem;
    margin-right: 0;
    margin-bottom: 0;
    grid-column: 2/3;
    grid-row: 2/7;
    z-index: 1;
  }

  .main-contents .sec_04 .flex_text_box {
    margin-top: 16.5rem;

  }

  .main-contents .sec_04 .sec_top_product_name {
    --product-name-mbottom: 3rem;
  }

  .main-contents .sec_04 .scene_01 .text_box {
    margin-top: 13.4rem;
    margin-bottom: 0;
    margin-left: 3.2rem;
    grid-column: 5/6;
    grid-row: 3/4;
  }

  .main-contents .sec_04 .scene_01 .scene_number {
    position: relative;
  }

  .main-contents .sec_04 .scene_01 .scene_number::before {
    left: -3.3rem;
  }

  .main-contents .sec_04 .scene_01 .product_copy {
    position: relative;
  }

  .main-contents .sec_04 .product_lead {
    width: 100%;
    margin-top: 6.7rem;
    margin-bottom: 0;
    margin-inline: 0 auto;
    grid-row: 4/5;
    grid-column: 5/6;
    justify-self: flex-end;
    align-self: flex-end;
  }

  .main-contents .sec_04 .scene_01 .credit_wrapper {
    width: 100%;
    margin-top: 2.8rem;
    margin-left: 0;
    grid-row: 5/6;
    grid-column: 5/6;
  }

  .main-contents .sec_04 .scene_02 {
    width: 97.5rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 2.1rem 32rem 11.4rem 52rem;
    --mbot-number: 1.8rem;
  }

  .main-contents .sec_04 .scene_02 .text_box {
    margin-left: 3rem;
    margin-top: 15.8rem;
    margin-bottom: 0;
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .main-contents .sec_04 .scene_02 .scene_number {
    padding-bottom: 0;
  }

  .main-contents .sec_04 .scene_02 .product_img {
    width: 52rem;
    margin-bottom: 0;
    grid-column: 4/5;
    grid-row: 1/4;
  }

  .main-contents .sec_04 .scene_02 .product_lead {
    width: 100%;
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 6.8rem;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 0;
  }

  .main-contents .sec_04 .scene_02 .credit_wrapper {
    text-align: right;
    margin-top: 3.3rem;
    margin-left: 0;
    grid-row: 5/6;
    grid-column: 5/4;
  }

  .main-contents .sec_04 .scene_02 .credit_link {
    margin-inline: 0.8rem 0;
  }

  /* sec_04____________________ */


  .main-contents .staff {
    font-size: 1.3rem;
    line-height: 1.84;
    margin-bottom: 14.4rem;
  }


  /* 全てのアイテムをチェック */
  .main-contents .viewall {
    width: 38rem;
    height: 6.4rem;
    margin-bottom: 15rem;
  }

  .main-contents .viewall__link {
    font-size: 1.8rem;
    letter-spacing: 0.06em;
  }


  /* __________firstview__________ */
  .main-contents .firstview {
    margin-bottom: 6.3rem;
  }

  .main-contents .firstview .firstview__title--brand {
    font-size: 3.3rem;
    margin-bottom: 1.3rem;
  }

  .main-contents .firstview .firstview__title--heading {
    font-size: 4.8rem;
    margin-bottom: 0;
  }

  .main-contents .firstview .firstview__copy {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }

  .main-contents .firstview .firstview__vol {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .main-contents .firstview .firstview__by {
    font-size: 2rem;
  }


  .main-contents .firstview .mainvisual_lead {
    font-size: 1.6rem;
    line-height: 2.87;
  }

}

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