@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: 'Didot Regular';
  src: url("../fonts/Didot_Regular.ttf") format("truetype");
}

/* アニメーション */
.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: 'Didot Regular', 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(40 * (100vw / 750));
}

.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));
}

.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"; */
}


/* 共通____________________ */
.main-contents .sec_top_product_img {
  width: var(--top-image-width, calc(500 * (100vw / 750)));
  margin-left: auto;
  margin-right: 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(46 * (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.68em;
  text-align: center;
}

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

.main-contents .scene_number {
  font-size: calc(50 * (100vw / 750));
  font-family: "linotype-didot", 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.81;
	text-align: justify;
	text-justify: inter-word;
	text-justify: inter-character;
	text-justify: inter-ideograph;
}

.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(490 * (100vw / 750));
  margin-left: 0;
  margin-right: auto;
  margin-bottom: calc(50 * (100vw / 750));
}


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

.main-contents .sec_01 .product_lead {
  margin-bottom: calc(36 * (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(670 * (100vw / 750));
  margin-left: auto;
  margin-bottom: calc(50 * (100vw / 750));
}

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

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

/* sec_01____________________ */


/* sec_02____________________ */

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

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

.main-contents .sec_02 .scene_01 {
  margin-bottom: calc(160 * (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));
	grid-row: 2/3;
}

.main-contents .sec_02 .sec_top_text_box {
  margin-top: calc(52 * (100vw / 750));
  margin-bottom: calc(40 * (100vw / 750));
  grid-row: 2/3;
}


.main-contents .sec_02 .product_img {
	width: calc(660 * (100vw / 750));
	grid-row: 1/2;
	grid-column: 1/2;
	margin-inline: auto;
	margin-bottom: calc(96 * (100vw / 750));
}

.main-contents .sec_02 .product_img_02 {
	width: calc(500 * (100vw / 750));
	margin-right: calc(45 * (100vw / 750));
	margin-left: auto;
	margin-bottom: calc(84 * (100vw / 750));
}

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

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

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

@media screen and (max-width: 767px) {
  .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 .scene_number {
	padding-bottom: calc(30 * (100vw / 750));
}

.main-contents .sec_02 .scene_02 .product_img {
  width: calc(670 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(84 * (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(140 * (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(102 * (100vw / 750));
  margin-bottom: calc(62 * (100vw / 750));
}

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

.main-contents .sec_03 .product_img_02 {
  width: calc(560 * (100vw / 750));
  margin-left: auto;
  margin-bottom: calc(72 * (100vw / 750));
}

.main-contents .sec_03 .product_lead {
  margin-bottom: calc(34 * (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(650 * (100vw / 750));
  margin-inline: auto;
  margin-bottom: calc(82 * (100vw / 750));
}

/* sec_03____________________ */


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

.main-contents .sec_04 .sec_top_product_img {
	--top-image-width: calc(500 * (100vw / 750));
	margin-bottom: calc(46 * (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 .section_top {
  margin-bottom: calc(168 * (100vw / 750));
}

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

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

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

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

.main-contents .sec_04 .product_lead {
  margin-bottom: calc(32 * (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_img {
  width: calc(670 * (100vw / 750));
  margin-inline: auto;
  margin-bottom: calc(80 * (100vw / 750));
}

.main-contents .sec_04 .scene_02 .text_box {
  grid-row: 1/2;
  margin-bottom: calc(36 * (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(195 * (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: 1.8rem;
  }

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

  .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;
  }

  .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;
  }

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

  .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-mtop, 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.5rem;
    margin-bottom: 3.5rem;
  }

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

  .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;
  }

  .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: 26.2rem;
    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: 73rem;
    display: flex;
    flex-direction: row-reverse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12rem;
    position: relative;
  }

  .main-contents .sec_01 .sec_top_product_img {
    width: 35rem;
    margin-right: 0;
    margin-bottom: 0;
  }

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

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

  .main-contents .sec_01 .scene_01 {
    width: 112rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 43rem 21rem 48rem;
    margin-bottom: 14.8rem;
  }

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

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

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

  .main-contents .sec_01 .product_lead {
    margin-top: 5.4rem;
    width: 43.5rem;
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 3/4;
  }

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

  .main-contents .sec_01 .scene_02 {
    width: 60rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
  }

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

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

  .main-contents .sec_01 .scene_02 .product_img {
    width: 51rem;
    grid-row: 2/3;
    margin-top: 3.4rem;
    margin-bottom: 0;
  }

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

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

  .main-contents .sec_01 .scene_02 .credit_link {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
  /* sec_01____________________ */


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

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

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

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

  .main-contents .sec_02 .scene_01 {
    display: grid;
    width: 112rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15rem;
    grid-template-columns: 40rem 6rem 18rem 48rem;
  }

  .main-contents .sec_02 .product_img {
    width: 100%;
    grid-column: 4/5;
    grid-row: 1/3;
    margin-left: 0;
    margin-bottom: 0;
  }

  .main-contents .sec_02 .product_img_02 {
    width: 100%;
    margin-top: 22.8rem;
    margin-left: 0;
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 2/6;
  }

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

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

  .main-contents .sec_02 .product_lead {
    grid-column: 3/5;
    grid-row: 4/5;
    width: 31rem;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .main-contents .sec_02 .scene_02 {
    --mbot-number: 2rem;
    width: 98.5rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 30.5rem 20rem 48rem;
  }

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

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

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

  .main-contents .sec_02 .scene_02 .product_lead {
    width: auto;
    grid-column: 1/2;
    grid-row: 2/3;
    margin-top: 7rem;
    margin-bottom: 0;
  }

  .main-contents .sec_02 .scene_02 .credit_wrapper {
    text-align: right;
    margin-top: 3.6rem;
    margin-left: auto;
    grid-row: 6/7;
    grid-column: 3/4;
  }

  .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: 82rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 12rem;
  }

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

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

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

  .main-contents .sec_03 .scene_01 {
    display: grid;
    width: 116rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15rem;
    grid-template-columns: 50rem 22.4rem 34rem;
  }

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

  .main-contents .sec_03 .product_img_02 {
    width: auto;
    margin-top: -10rem;
    margin-left: 0;
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 2/6;
  }

  .main-contents .sec_03 .scene_01 .text_box {
    grid-column: 3/4;
    grid-row: 2/3;
    margin-top: 13rem;
    margin-bottom: 0;
    margin-left: 3rem;
  }

  .main-contents .sec_03 .scene_01 .product_lead {
    grid-column: 3/4;
    grid-row: 3/4;
    width: 35rem;
    margin-top: 6.8rem;
    margin-bottom: 0;
  }

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

  .main-contents .sec_03 .scene_02 {
    width: 56rem;
    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: 48rem;
    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.6rem;
    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: 84.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12rem;
  }

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

  .main-contents .sec_04 .sec_top_text_box {
    margin-top: 10.2rem;
  }

  .main-contents .sec_04 .scene_01 {
    width: 120rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 45rem 8rem 20rem 47rem;
    margin-bottom: 15rem;
  }

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


  .main-contents .sec_04 .product_img_02 {
    width: 47rem;
    margin-top: 18.4rem;
    margin-right: 0;
    margin-bottom: 0;
    grid-column: 4/5;
    grid-row: 2/6;
  }

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

  }

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

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

  .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: 30.5rem;
    margin-bottom: 0;
    margin-right: 6rem;
    margin-left: auto;
    grid-row: 4/5;
    grid-column: 1/4;
    justify-self: flex-end;
    align-self: flex-end;
  }

  .main-contents .sec_04 .scene_01 .credit_wrapper {
    width: 31.5rem;
    margin-top: 2.8rem;
    margin-bottom: -0.2rem;
    margin-left: 0;
    margin-right: 5rem;
    grid-row: 5/6;
    grid-column: 1/4;
    justify-self: flex-end;
    align-self: flex-end;
  }

  .main-contents .sec_04 .scene_02 {
    width: 101.5rem;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 51rem 20rem 1fr;
  --mbot-number: 2rem;
  }

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

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

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

  .main-contents .sec_04 .scene_02 .product_lead {
    width: 30rem;
    grid-column: 3/4;
    grid-row: 3/4;
    margin-top: 7rem;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 0;
  }

  .main-contents .sec_04 .scene_02 .credit_wrapper {
    text-align: left;
    margin-top: 3.6rem;
    margin-left: 0;
    grid-row: 6/7;
    grid-column: 1/2;
  }

  .main-contents .sec_04 .scene_02 .credit_link {
    margin-right: 0.8rem;
    margin-left: 0;
  }
  /* sec_04____________________ */


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


  /* 全てのアイテムをチェック */
  .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));
  }

}