/* ------------------------
component
------------------------*/
.c5-sec__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
}

.c5-sec5 .c5-inner .c5-sec5__inner {
  margin: 0 4% 45px;
}

.c5-pc-only {
  display: block !important;
}

.c5-sp-only {
  display: none !important;
}

.c5-sec__container {
  background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/cv-bg_pc.png) no-repeat;
  background-position-y: -750px;
  background-size: auto;
  margin: 0 auto;
}

.c5-indent {
  display: inline-block;
  width: 8px;
}

/* @media screen and (min-width: 1500px) {
  .c5-sec__container {
    background-position-y: -750px;
    background-size: auto;
  }
}

@media screen and (max-width: 1000px) {
  .c5-sec__container {
    background-position-y: -68vw;
  }
}

@media screen and (min-width:800px) and (max-width:900px) {
  .c5-sec__container {
    background-position-y: -83vw;
  }
}

@media screen and (min-width:750px) and (max-width:800px) {
  .c5-sec__container {
    background-position-y: -90vw;
  }
} */


@media screen and (max-width: 749px) {
  .c5-pc-only {
    display: none !important;
  }

  .c5-sp-only {
    display: block !important;
  }

  .c5-sec__container {
    background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/cv-bg_sp.png) no-repeat;
    background-size: 100% 50%;
    background-position-y: -31%;
  }

}


/* ------------------------
c5-sec__kv
------------------------*/
/* .c5-sec__kv {
  width: 100%;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
} */

.c5-sec__kv img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

/* ------------------------
c5-sec__read
------------------------*/
.c5-sec__read {
  padding-top: 110px;
}

.c5-sec__read .c5-sec__read__main h2 {
  width: 98%;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  letter-spacing: 0.14em;
  line-height: 1.632;
  margin-bottom: 60px;
}

.c5-sec__read .c5-sec__read__sub h3,
.c5-sec__read .c5-sec__read__text h4 {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.c5-sec__read .c5-sec__read__sub h3 {
  color: #ff733e;
  font-size: 26px;
  letter-spacing: 0.08em;
  line-height: 1.769;
  margin-bottom: 53px;
  font-style: italic;
}


.c5-sec__read .c5-sec__read__text h4 {
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 2;
}

.c5-sec__read .c5-sec__read__text h4 .c5-TxtColor--blue {
  color: #00b4ed;
}

@media screen and (max-width: 749px) {
  .c5-sec__read {
    padding-top: 60px;
  }

  .c5-sec__read .c5-sec__read__main h2 {
    width: 69%;
    margin-bottom: 39px;
  }

  .c5-sec__read .c5-sec__read__sub h3 {
    font-size: 17px;
    margin-bottom: 29px;
  }

  .c5-sec__read .c5-sec__read__text h4 {
    font-size: 14px;
  }
}

@media screen and (min-width: 1100px) {
  .c5-sec__read .c5-sec__read__main h2 {
    font-size: 38px;
    margin-bottom: 39px;
  }

  .c5-sec__read .c5-sec__read__sub h3 {
    font-size: 26px;
  }

  .c5-sec__read .c5-sec__read__text h4 {
    font-size: 18px;
  }
}

/* ------------------------
c5-sec2
------------------------*/
.c5-sec2 {
  margin-bottom: 120px;
}

@media screen and (max-width: 749px) {
  .c5-sec2 {
    margin-bottom: 60px;
  }
}


/* ------------------------
c5-sec3
------------------------*/
.c5-sec3 {
  margin: 70px auto;
}

.c5-sec__flexWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-bottom: 56px;
}

.c5-sec__textWrap {
  margin-bottom: 56px;
}

.c5-sec__flexWrap-reverse {
  flex-direction: row-reverse;
}

.c5-sec__flexItem {
  width: 50%;
}

.c5-sec__flexItem__text,.c5-sec__textWrap__text {
  line-height: 2;
  letter-spacing: 0.06em;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-indent: 0.5rem;
}

.c5-sec__flexItem__text .c5-TxtColor--blue,.c5-sec__textWrap__text .c5-TxtColor--blue {
  color: #00b4ed;
}

.c5-sec__flexItem img {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 749px) {
  .c5-sec3 {
    margin: 30px auto 60px;
  }

  .c5-sec__flexWrap {
    flex-direction: column-reverse;
    margin-bottom: 16px;
  }

  .c5-sec__textWrap {
    margin-bottom: 16px;
  }

  .c5-sec__flexItem {
    width: 100%;
  }

  .c5-sec__flexItem__text,.c5-sec__textWrap__text {
    font-size: 14px;
  }
}

/* ------------------------
c5-sec__profile 
------------------------*/
.c5-sec__profile {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.c5-sec__profile div:nth-child(n + 1) {
  margin-top: 45px;
}

@media screen and (max-width: 749px) {
  .c5-sec__profile {
    max-width: 630px;
    padding: 0;
  }

  .c5-sec__profile div:nth-child(n + 1) {
    margin-top: 25px;
  }  
}

/* ------------------------
c5-page__tripBtns
------------------------*/
.c5-page__tripBtns .c5-page__tripBtn__wrap__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  padding: 0 30px;
  width: 100%;
  margin: 85px auto 97px;
  gap: 3%;
}

.c5-page__tripBtns .c5-page__tripBtn__wrap__flex .c5-page__tripBtn__item {
  width: calc(100% / 3);
  max-width: 226px;
  text-align: center;
}

a.c5-btn-cv {
  width: 100%;
  display: block;
  position: relative;
  max-width: 226px;

}

.c5-btn-cv::after {
  transition: transform 0.5s;
}



.c5-btn__top {
  border-bottom: 1px solid #fff;
  height: 50px;
  display: flex;
  background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/top_activeTxt.svg) no-repeat, url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/top_activeTxt_on.svg);
  background-position-x: center;
  background-size: auto, 0 0;
  background-repeat: no-repeat;
}

.c5-btn__prev {
  height: 40px;
  background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/prev_activeTxt.svg) no-repeat, url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/prev_activeTxt_on.svg);
  background-size: auto;
  background-size: auto, 0 0;
  background-repeat: no-repeat;
  background-position-x: right;
}

.c5-btn__next {
  height: 40px;
  background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/next_activeTxt.svg) no-repeat, url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/next_activeTxt_on.svg);
  background-size: auto;
  background-size: auto, 0 0;
  background-repeat: no-repeat;
  background-position-x: left;
}

.c5-btn__top:hover {
  border-bottom: 1px solid #3865e0;
  background-size: 0 0, auto;
  background-position-x: center;

}

.c5-btn__next:hover {
  background-size: 0 0, auto;
  background-position-x: left;

}

.c5-btn__prev:hover {
  background-size: 0 0, auto;
  background-position-x: right;

}



.c5-btn__prev::after {
  content: "";
  width: 100%;
  max-width: 226px;
  display: block;
  height: 10px;
  position: absolute;
  top: 40px;
  left: 0;
  background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/prev_activeArrow.svg), url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/prev_activeArrow_on.svg);
  background-size: contain, 0 0;
  background-repeat: no-repeat;

}

.c5-btn__next::after {
  content: "";
  width: 100%;
  margin-left: auto;
  max-width: 226px;
  display: block;
  height: 10px;
  position: absolute;
  top: 40px;
  right: 0;
  background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/next_activeArrow.svg), url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/next_activeArrow_on.svg);
  background-size: contain, 0 0;
  background-repeat: no-repeat;
}




.c5-btn__prev:hover::after {
  content: "";
  background-size: 0 0, contain;
  background-repeat: no-repeat;
  transform: translateX(-10%);
}

.c5-btn__next:hover::after {
  content: "";
  background-size: 0 0, contain;
  background-repeat: no-repeat;
  transform: translateX(10%);
}

.c5-page__tripBtns .c5-page__tripBtn__wrap__flex .c5-page__tripBtn__item a img {
  width: 100%;
  max-width: 119px;
  margin: 0 auto 3%;
}

.c5-page__tripBtns .c5-page__tripBtn__wrap__block {
  width: 100%;
  text-align: center;
}

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

  .c5-page__tripBtns .c5-page__tripBtn__wrap__flex {
    margin: 36px auto 35px;
    justify-content: space-between;
  }

  .c5-page__tripBtns .c5-page__tripBtn__wrap__flex .c5-page__tripBtn__item {
    width: 38%;
    text-align: left;
    max-width: 226px;
  }

  .c5-page__tripBtns .c5-page__tripBtn__item a img {
    width: 80%;
    max-width: 119px;
  }

  .c5-page__tripBtn__item a.c5-btn__top {
    text-align: center;
    display: block;
    width: 22%;
    height: 25px;
    margin: 0 auto 0;
    background-size:100%,0 0;
  }

  .c5-page__tripBtn__item a.c5-btn__top:hover {
    background-size: 0 0, 100%;
  }

  .c5-page__tripBtn__item a.c5-btn__top img {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto 6%;
  }

  .c5-page__tripBtn__wrap__block a {
    max-width: 160px;
  }

  .c5-btn__prev::after,
  .c5-btn__next::after {
    content: "";
    width: 100%;
    top: 100%;
  }

  .c5-btn__prev {
    height: 25px;
    background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/prev_activeTxt.svg) no-repeat, url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/prev_activeTxt_on.svg);
    background-size: min(70%,146px), 0 0;
    background-repeat: no-repeat;
    background-position-x: right;
  }

  .c5-btn__next {
    height: 25px;
    background: url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/next_activeTxt.svg) no-repeat, url(/headphone/special/MDR-MV1/Creatorsvoice_03/img/next_activeTxt_on.svg);
    background-size: min(70%,146px), 0 0;
    background-repeat: no-repeat;
    background-position-x: left;
  }

  .c5-btn__prev:hover {
    background-size: 0 0, min(70%,146px);
    background-repeat: no-repeat;
    background-position-x: right;
  }

  .c5-btn__next:hover {
    background-size: 0 0, min(70%,146px);
    background-repeat: no-repeat;
    background-position-x: left;
  }
}



/* ------------------------
c5-detailsTitle 
------------------------*/
/* .c5-sec5 .c5-inner h2.c5-detailsTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 0;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
}

.c5-sec5 .c5-inner h2.c5-detailsTitle img:first-of-type {
  margin-bottom: 30px;
}

.c5-sec5 .c5-inner h2.c5-detailsTitle img:last-of-type {
  margin-bottom: 40px;
}

.c5-detailsTitle__text p {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 60px;
  padding: 0 30px;
}

@media screen and (max-width: 749px) {
  .c5-sec5 .c5-inner {
    padding: 60px 4% 85px;
  }

  .c5-sec5 .c5-inner h2.c5-detailsTitle {
    width: 80%;
    margin-left: 0;
  }

  .c5-detailsTitle__text p {
    padding: 0;
  }
} */