html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol,
ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}

q,
blockquote {
  quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none
}

a img {
  border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

main {
  /* padding-bottom: 30px; */
  background-color: #f3f2f5;
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 767px) {
  main {
    /* padding-bottom: 20%;
    position: relative */
  }
}




article {
  font-size: 100%;
  color: #434445;
  background-color: #f3f2f5;
  font-family: 'Noto Sans JP', sans-serif;
}

article p,
article span

/* article h2,
article h3,
article h4 */
  {
  font-size: 16px;
  line-height: 1.6em;
}

article img {
  max-width: 100%
}

article a {
  text-decoration: none;
  color: #000;
  transition: all .3s
}

article a:visited {
  color: #000
}

article a:active,
article a:hover {
  color: #000;
  text-decoration: none
}

article section {
  width: 100%;
  /* max-width: 1440px; */
  margin: auto
}

article section h2 {
  font-size: 34px;
  text-align: center
}

.act_op {
  opacity: 0;
  transition: opacity .6s;
}

.act_op.active {
  opacity: 1;
}

.act_op2 {
  opacity: 0;
}

.act_op2.active {
  opacity: 1;
}

.act_mv_op {
  transform: translateY(20px);
  opacity: 0;
  transition: transform .4s, opacity .6s;
}

.act_mv_op.active {
  transform: translateY(0);
  opacity: 1;
}

@media screen and (min-width: 768px) {
  article .opc_ov {
    opacity: 1;
    transition: opacity .5s;
  }

  article .opc_ov:hover {
    opacity: .7;
  }
}


.modaal-video-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 40px;
  top: -70px;
  left: 0;
  display: block;
  opacity: 0;
  transition: opacity .5s;
}

.modaal-video-wrap.niziu_linkbuds_modal_cm:before {
  opacity: 1;
  background: transparent url(/headphone/special/LBS_NiziU/images/cm_ttl.png) center top no-repeat;
}

.modaal-video-wrap.niziu_linkbuds_modal_cm .modaal-video-container {
  width: 286px;
  height: calc((16 / 9) * 286px);
}

.modaal-video-wrap.niziu_linkbuds_modal_interview:before {
  opacity: 1;
  background: transparent url(/headphone/special/LBS_NiziU/images/interview_ttl.png) center top no-repeat;
}

@media screen and (max-width: 767px) {
  .modaal-inner-wrapper {
    padding: 80px 0;
  }

  .modaal-video-wrap {
    margin: auto 0;
  }

  .modaal-video-wrap:before {
    height: 8vw;
    top: -12vw;
  }

  .modaal-video-wrap.niziu_linkbuds_modal_cm:before {
    background-size: calc((365 / 500) * 100%);
  }

  .modaal-video-wrap.niziu_linkbuds_modal_cm .modaal-video-container {
    width: 70vw;
    height: calc((16 / 9) * 70vw);
  }

  .modaal-video-wrap.niziu_linkbuds_modal_interview:before {
    background-size: calc((448 / 500) * 100%);
  }
}

.modaal-wrapper .modaal-close {
  position: relative;
  border-radius: 0;
  width: 200px;
  top: 0px;
  margin-top: 0px;
  opacity: 0;
  transition: opacity .5s;
  background: transparent url(/headphone/special/LBS_NiziU/images/close_btn.png) center top / contain no-repeat !important;
}

@media screen and (max-width: 767px) {
  
  .modaal-wrapper .modaal-close {
    margin-top: 0;
    position: relative;
    top: 0;
    right: 0;
  }
}

.modaal-wrapper .modaal-close:hover {
  background: transparent url(/headphone/special/LBS_NiziU/images/close_btn.png) center top / contain no-repeat !important;
}

.modaal-wrapper .modaal-close.act {
  opacity: 1;
}

.modaal-wrapper .modaal-close:before,
.modaal-wrapper .modaal-close:after {
  content: none;
}

.modaal-wrapper .modaal-close span {
  position: static !important;
  font-size: 30px;
  letter-spacing: .05em;
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .modaal-inner-wrapper {
    padding-top: 100px;
  }

  .modaal-video-wrap {
    margin: auto 200px;
  }
}



.pc-only {
  display: block !important
}

.sp-only {
  display: none !important
}

.sp-only__inline {
  display: none !important
}

.sp-only__flex {
  display: none !important
}

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

  .sp-only {
    display: block !important
  }

  .sp-only__inline {
    display: inline-block !important
  }

  .sp-only__flex {
    display: flex !important
  }
}

.s5-returnToTop {
  margin: 0;
}



/* following banner */
.follow-case {
  position: fixed;
  width: 110px;
  height: 180px;
  right: -10px;
  bottom: 200px;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s, right .3s;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  box-shadow: 4px 4px 0px 0px #c1c3f4;
}

.follow-product {
  position: fixed;
  width: 110px;
  height: 150px;
  right: -10px;
  bottom: 50%;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s, right .3s;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  box-shadow: 4px 4px 0px 0px #c1c3f4;
}

.follow-case .follow-case-ttl {
  background: #000;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  text-align: center;
}

.follow-case .follow-case-ttl p {
  color: #fff;
  font-size: 11px;
  padding: 3px 0 4px;
}

.follow-case .follow-case-txt p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 4px 15px 0;
}

.follow-product .follow-product-ttl p {
  font-size: 17px;
  line-height: 1.4em;
  font-weight: bold;
  margin-top: 16px;
  text-align: center;
}

.follow-case a,
.follow-product a {
  display: block;
  width: 100%;
  height: 100%;
}

.follow-case img,
.follow-product img {
  display: block;
  position: relative;
  width: 84%;
  left: 8%;
  margin-top: 7px;
}

.follow-case.act,
.follow-product.act {
  opacity: 1;
  right: 10px;
  pointer-events: all;
}

@media screen and (min-width: 767px) {
  @keyframes banner_hov {
    0% {
      transform: scale(1);
    }

    80% {
      transform: scale(1.1);
    }

    100% {
      transform: scale(1.07);
    }
  }

  .follow-case a:hover .follow-product-img,
  .follow-product a:hover .follow-product-img {
    animation: banner_hov .25s forwards;
  }
}

@media screen and (max-width: 768px) {
  .follow-case {
    width: calc((158 / 750) * 100vw);
    height: calc((306 / 750) * 100vw);
    border-radius: calc((16 / 750) * 100vw);
    right: calc((-20 / 750) * 100vw);
    bottom: calc((230 / 750) * 100vw);
    border: calc((2 / 750) * 100vw) solid #000;
    box-shadow: calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) 0px 0px #c1c3f4;
  }

  .follow-case .follow-case-ttl {
    border-top-right-radius: calc((14 / 750) * 100vw);
    border-top-left-radius: calc((14 / 750) * 100vw);
    text-align: center;
  }

  .follow-case .follow-case-ttl p {
    color: #fff;
    font-size: calc((24 / 750) * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    padding: calc((4 / 750) * 100vw) 0 calc((6 / 750) * 100vw);
  }

  .follow-case img {
    display: block;
    position: relative;
    width: 90%;
    left: 5%;
    margin-top: calc((10 / 750) * 100vw);
  }

  .follow-case .follow-case-txt p {
    font-size: calc((22 / 750) * 100vw);
    font-weight: bold;
    line-height: 1.2em;
    margin: calc((6 / 750) * 100vw) calc((10 / 750) * 100vw) 0;
  }

  .follow-case.act {
    opacity: 1;
    right: calc((20 / 750) * 100vw);
    pointer-events: all;
  }

  .follow-product {
    width: calc((670 / 750) * 100vw);
    height: calc((140 / 750) * 100vw);
    border-radius: calc((16 / 750) * 100vw);
    bottom: calc((40 / 750) * 100vw);
    right: calc((-20 / 750) * 100vw);
    border: calc((2 / 750) * 100vw) solid #000;
    box-shadow: calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) 0px 0px #c1c3f4;
  }

  .follow-product a {
    position: relative;
  }

  .follow-product .follow-product-ttl {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    padding-left: 2.4em;
  }

  .follow-product .follow-product-ttl p {
    font-size: calc((40 / 750) * 100vw);
    font-weight: normal;
    line-height: 1.2em;
    margin: 0;
  }

  .follow-product .follow-product-img {
    position: absolute;
    top: calc((-28 / 750) * 100vw);
    left: calc((380 / 750) * 100vw);
  }

  .follow-product .follow-product-img img {
    width: calc((230 / 750) * 100vw);
  }

  .follow-product.act {
    opacity: 1;
    right: calc((40 / 750) * 100vw);
    pointer-events: all;
  }
}



/* kv */
.c5-kv {
  width: 100%;
}

.c5-kv figure {
  width: 100%;
}

.c5-kv figure img {
  width: 100%;
}



/* movie */
.c5-movie {
  width: 100%;
  padding: 124px 0 90px;
  position: relative;
  overflow: hidden;
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_movie.png) center top -400px no-repeat;
}

.c5-movie.teaser {
  padding: 100px 0 100px;
}

.c5-movie.teaser>div {
  text-align: center;
}

.c5-movie.teaser p {
  text-align: center;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c5-movie.teaser {
    padding: calc((120 / 750) * 100vw) 0 calc((120 / 750) * 100vw);
  }

  .c5-movie.teaser p {
    width: calc((567 / 750) * 100vw);
  }
}

.c5-movie:before {
  position: absolute;
  content: "";
  width: 338px;
  height: 410px;
  bottom: -62px;
  left: calc(50% - 755px);
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_imgsq2.png) center top no-repeat;
}

.c5-movie:after {
  position: absolute;
  content: "";
  width: 406px;
  height: 593px;
  top: -164px;
  right: calc(50% - 838px);
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_imgsq1.png) center top no-repeat;
}

@media screen and (min-width: 768px) {
  .c5-movie:before {
    opacity: 0;
    transition: opacity .3s 1.2s;
  }

  .c5-movie:after {
    opacity: 0;
    transition: opacity .3s .8s;
  }

  .c5-movie.active:before {
    opacity: 1;
  }

  .c5-movie.active:after {
    opacity: 1;
  }
}

.c5-movie h2 {
  width: 410px;
  position: relative;
  margin: 0 auto;
}

.c5-movie h2:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent url(/headphone/special/LBS_NiziU/images/movie_ttl2.png) center top 18px / 100% no-repeat;
}

.c5-movie h2>div img {
  display: block;
}

.c5-movie h2>div:nth-of-type(1) {
  width: 320px;
  margin: 0 auto 70px;
}

.c5-movie h2>div:nth-of-type(2) {
  width: 100%;
  margin: 0 auto;
}

.c5-movie ul {
  width: 650px;
  display: block;
  margin: 40px auto 0;
}

.c5-movie ul li {
  display: block;
  overflow: hidden;
  position: relative;
  opacity: 1;
  transition: opacity .3s;
  outline: none;
}

.c5-movie ul li a {
  outline: none;
}

.c5-movie ul li:before {
  background-color: #000;
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  bottom: 0;
  left: 0;
}

.c5-movie ul li:after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  /* height: 1px;
  width: 50px;
  left: -50px;
  background-color: #ced6f5; */
  height: 2px;
  width: 100%;
  left: -100%;
  background-color: #000;
  transition: left 0.5s;
}

.c5-movie ul li>a {
  display: flex;
  cursor: pointer;
  position: relative;
  padding: 18px 10px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

.c5-movie ul li>a span {
  display: flex;
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_mdl.png) center center / cover no-repeat;
}

.c5-movie ul li:nth-child(2)>a span {
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_mdl-blue.png) center center / cover no-repeat;
}

.c5-movie ul li>a span:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 19px;
  top: 20px;
  left: -20px;
  background-color: transparent;
  background-size: 19px 19px;
  background-image: url(/headphone/special/LBS_NiziU/images/ico_arrow.png), url(/headphone/special/LBS_NiziU/images/ico_arrow.png);
  background-position: left center, right center;
  background-repeat: no-repeat;
  transition: left 0.3s;
}

@media screen and (min-width: 768px) {
  .c5-movie ul li>a:hover {
    /* opacity: .6; */
  }

  .c5-movie ul li>a:hover span:after {
    left: 20px;
  }

  .c5-movie ul li>a:hover:after {
    /* left: calc(100% + 50px); */
    /* left: 0; */
  }
}

.c5-movie ul li:nth-of-type(1) {
  margin-bottom: 24px;
}

.c5-movie ul li:nth-of-type(1) img {
  width: 335px;
}

.c5-movie ul li:nth-of-type(2) img {
  width: 535px;
}

.c5-movie ul li.c5-sec__modal__last-child img {
  width: 450px;
}

@media screen and (max-width: 767px) {
  .c5-movie {
    padding: calc((95 / 750) * 100vw) 0 calc((210 / 750) * 100vw);
    background: transparent url(/headphone/special/LBS_NiziU/images/bg_movie_sp.png) center top calc((-138 / 750) * 100vw) / 100% no-repeat;
  }

  .c5-movie:before,
  .c5-movie:after {
    content: none;
  }

  .c5-movie h2 {
    width: calc((518 / 750) * 100vw);
  }

  .c5-movie h2:before {
    background: transparent url(/headphone/special/LBS_NiziU/images/movie_ttl2.png) center top calc((24 / 750) * 100vw) / 100% no-repeat;
  }

  .c5-movie h2>div:nth-of-type(1) {
    width: calc((400 / 750) * 100vw);
    margin: 0 auto calc((95 / 750) * 100vw);
  }

  .c5-movie ul {
    width: calc((620 / 750) * 100vw);
    display: block;
    margin: calc((30 / 750) * 100vw) auto 0;
  }

  .c5-movie ul li:before {
    height: calc((2 / 750) * 100vw);
  }

  .c5-movie ul li>a {
    padding: calc((25 / 750) * 100vw) calc((10 / 750) * 100vw);
  }

  .c5-movie ul li>a span {
    width: calc((80 / 750) * 100vw);
    height: calc((80 / 750) * 100vw);
  }

  .c5-movie ul li>a span:after {
    content: "";
    position: absolute;
    width: calc((27 / 750) * 100vw);
    height: calc((27 / 750) * 100vw);
    top: calc((26 / 750) * 100vw);
    left: calc((27/ 750) * 100vw);
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_arrow.png) center center / calc((27 / 750) * 100vw) calc((27 / 750) * 100vw) no-repeat;
  }

  .c5-movie ul li:nth-of-type(1) {
    margin-bottom: calc((40 / 750) * 100vw);
  }

  .c5-movie ul li:nth-of-type(1) img {
    width: calc((375 / 750) * 100vw);
  }

  .c5-movie ul li:nth-of-type(2) img {
    width: calc((500 / 750) * 100vw);
  }

  .c5-movie ul li.c5-sec__modal__last-child img {
    width: calc((480 / 750) * 100vw);

  }
}






/* reason */
.c5-reason {
  width: 100%;
  position: relative;
  /* padding: 124px 0 132px; */
  padding: 0;
  background-color: #daedfe;
  border-radius: 30px;
  margin-bottom: -30px;
  box-shadow: 0px 3px 33px 0px #e8e8e8;
}

.c5-reason:before {
  content: "";
  position: fixed;
  width: 1200px;
  height: 960px;
  top: -150px;
  left: calc(50% - 850px);
  pointer-events: none;
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_reason.png) center center / cover no-repeat;
  opacity: 0;
  transition: opacity .5s;
}

@media screen and (min-width: 768px) {
  /* .c5-reason:before {
    opacity: 0;
    transition: opacity .5s;
  }
  .c5-reason.opfx:before {
    opacity: 1;
  } */
}

.c5-reason>div {
  max-width: 1100px;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
}

.c5-reason .reason_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.c5-reason .reason_main .reason_main_l {
  width: calc((400 / 1080) * 100%);
  text-align: center;
  display: flex;
}

.c5-reason .reason_main .reason_main_l p {
  text-align: center;
  font-size: 18px;
  line-height: 2em;
  margin-top: 2.4em;
  position: relative;
}

.c5-reason .reason_main .reason_main_l h2 {
  position: relative;
  width: calc((368 / 400) * 100%);
  background: transparent url(/headphone/special/LBS_NiziU/images/reason_ttl2.png) center top 20px / calc((213 / 368) * 100%) no-repeat;
}

.c5-reason .reason_main .reason_main_l h2>div img {
  display: block;
}

.c5-reason .reason_main .reason_main_l h2>div:nth-of-type(1) {
  width: calc((172 / 368) * 100%);
  margin: 0 auto;
}

.c5-reason .reason_main .reason_main_l h2>div:nth-of-type(2) {
  width: 100%;
  margin: 65px auto 0;
}

.c5-reason .reason_main .reason_main_r {
  width: calc((590 / 1080) * 100%);
  /* padding: 124px 0 132px; */
}

@media screen and (min-width: 768px) {
  .c5-reason .reason_main .reason_main_r>div {
    width: 335px;
    margin: 0 auto;
    position: relative;
  }

  .c5-reason .reason_main .reason_main_r>div>div {
    width: 100%;
    height: 100%;
  }

  .c5-reason .reason_main .reason_main_r>div .niziu_main {
    position: relative;
    z-index: 3;
    padding: 160px 25px 170px;
    box-sizing: border-box;
  }

  .c5-reason .reason_main .reason_main_r>div .smp_bg {
    position: absolute;
    display: block;
    z-index: 4;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
    background: transparent url(/headphone/special/LBS_NiziU/images/bg_smp_btm.png) center bottom no-repeat;
  }

  .c5-reason .reason_main .reason_main_r>div .smp_bg .smp_bg_top {
    height: 140px;
    display: block;
    background: transparent url(/headphone/special/LBS_NiziU/images/bg_smp_top.png) center bottom no-repeat;
  }
}

.c5-reason .ln_word {
  display: block;
  position: relative;
  padding: 9px 12px;
  border: 1px solid #000;
  border-radius: 10px;
  background-color: #fff;
  z-index: 2;
  /* max-width: calc((350 / 508) * 100%); */
}

.c5-reason .ln_word p {
  line-height: 1.4em;
}

.c5-reason dl {
  display: flex;
  justify-content: space-between;
}

.c5-reason dl:not(:first-of-type) {
  margin-top: 20px;
}

.c5-reason dl dt {
  width: 40px;
  height: auto;
  position: relative;
}

@media screen and (min-width: 768px) {

  .c5-reason dl dt {
    opacity: 0;
  }

  .c5-reason dl dt.dsp {
    opacity: 1;
  }
}

.c5-reason dl dt p {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.c5-reason dl dt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 92px;
}


.c5-reason dl.left.niziu_ayaka dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_ayaka_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_ayaka dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_ayaka_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_mako dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_mako_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_mako dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_mako_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_maya dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_maya_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_maya dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_maya_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_mayuka dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_mayuka_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_mayuka dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_mayuka_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_miihi dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_miihi_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_miihi dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_miihi_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_nina dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_nina_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_nina dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_nina_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_riku dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_riku_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_riku dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_riku_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_rima dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_rima_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_rima dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_rima_r.png) center top / contain no-repeat;
}

.c5-reason dl.left.niziu_rio dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_rio_l.png) center top / contain no-repeat;
}

.c5-reason dl.right.niziu_rio dt:before {
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_niziu_rio_r.png) center top / contain no-repeat;
}

.c5-reason dl dd {
  width: calc(100% - 56px);
  /* padding-top: 10px; */
}

.c5-reason dl.left dt,
.c5-reason dl.right dd {
  order: 1;
}

.c5-reason dl.left dd,
.c5-reason dl.right dt {
  order: 2;
}

.c5-reason dl.left .ln_word {
  box-shadow: 3px 3px 0px 0px #8688d0;
}

.c5-reason dl.right .ln_word {
  box-shadow: 3px 3px 0px 0px #699fd7;
  /* margin-left: calc((158 / 508) * 100%); */
}

.c5-reason dl.left .ln_word:before,
.c5-reason dl.right .ln_word:before,
.c5-reason dl.right .ln_word:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
}

.c5-reason dl.left .ln_word:before {
  left: -12px;
  top: 13px;
  z-index: 3;
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri.png) center center / 100% 100% no-repeat;
}

.c5-reason dl.left .ln_word:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  left: -10px;
  top: 19px;
  z-index: 1;
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri_sleft.png) center center / 100% 100% no-repeat;
}

.c5-reason dl.right .ln_word:before {
  right: -12px;
  top: 13px;
  z-index: 3;
  transform: rotate(180deg);
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri.png) center center / 100% 100% no-repeat;
}

.c5-reason dl.right .ln_word:after {
  right: -14px;
  top: 16px;
  z-index: 1;
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri_sright.png) center center / 100% 100% no-repeat;
}

.c5-reason .ln_word:not(:first-child) {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {

  /* .c5-reason .ln_word.w_01 {
    width: 250px;
  }
  .c5-reason .ln_word.w_02 {
    width: 277px;
  } */
  .c5-reason .ln_word.w_03 {
    width: 100px;
  }

  /* .c5-reason .ln_word.w_04 {
    width: 300px;
  } */
}

@media screen and (max-width: 767px) {
  .c5-reason .reason_main .reason_main_r>div .smp_bg {
    display: none;
  }

  .c5-reason .ln_word.w_01 {
    width: 57vw;
  }

  .c5-reason .ln_word.w_03 {
    width: 24vw;
  }
}

.c5-reason .osu {
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  margin: 65px 5px 0 0;
}

@media screen and (min-width: 768px) {
  .c5-reason .osu+dl dt {
    margin-top: 18px;
  }

  .c5-reason .osu+dl dd .ln_word:nth-child(1) {
    margin-top: 18px;
  }
}

.c5-reason .osu>div {
  display: block;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 6px 6px 0px 0px #c4daef;
  z-index: 2;
}

.c5-reason .osu>div:before {
  display: block;
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  left: -10px;
  top: -28px;
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_osu.png) center center / 100% no-repeat;
  z-index: 3;
}

.c5-reason .osu h3 {
  text-align: center;
  margin: 0 auto 25px;
}

.c5-reason .osu.fit h3 {
  width: calc((243 / 540) * 100%);
}

.c5-reason .osu.noican h3 {
  width: calc((325 / 540) * 100%);
}

.c5-reason .osu.kouonshitsu h3 {
  width: calc((212 / 540) * 100%);
}

.c5-reason .osu p {
  margin-top: 15px;
}

.c5-reason .osu ul.kome {
  margin-top: 15px;
}

.c5-reason .osu ul.kome li {
  font-size: 12px;
  line-height: 1.5em;
  padding-left: 2em;
  text-indent: -2em;
}

@media screen and (max-width: 767px) {
  .c5-reason {
    padding: calc((158 / 750) * 100vw) 0 calc((128 / 750) * 100vw);
    border-radius: calc((50 / 750) * 100vw);
    margin-bottom: calc((-60 / 750) * 100vw);
    background: #daedfe url(/headphone/special/LBS_NiziU/images/bg_reason_sp.png) center top / 100% no-repeat;
  }

  .c5-reason:before {
    content: none;
  }

  .c5-reason>div {
    padding: 0;
  }

  .c5-reason .reason_main {
    display: block;
    width: calc((670 / 750) * 100vw);
    margin: 0 auto;
  }

  .c5-reason .reason_main .reason_main_l {
    width: 100%;
    text-align: left;
  }

  .c5-reason .reason_main .reason_main_l p {
    text-align: center;
    font-size: calc((28 / 750) * 100vw);
    line-height: 1.6em;
    margin-top: 2em;
    letter-spacing: .02em;
    position: relative;
  }

  .c5-reason .reason_main .reason_main_l h2 {
    position: relative;
    width: calc((516 / 750) * 100vw);
    margin: 0 auto;
    background: transparent url(/headphone/special/LBS_NiziU/images/reason_ttl2.png) center top calc((22 / 750) * 100vw) / calc((320 / 750) * 100vw) no-repeat;
  }

  .c5-reason .reason_main .reason_main_l h2>div:nth-of-type(1) {
    width: calc((258 / 750) * 100vw);
  }

  .c5-reason .reason_main .reason_main_l h2>div:nth-of-type(2) {
    margin: calc((90 / 750) * 100vw) auto 0;
  }

  .c5-reason .reason_main .reason_main_r {
    width: 100%;
    margin: calc((70 / 750) * 100vw) auto 0;
    padding: 0;
  }

  .c5-reason .ln_word {
    display: block;
    position: relative;
    padding: calc((16 / 750) * 100vw) calc((10 / 750) * 100vw) calc((16 / 750) * 100vw) calc((20 / 750) * 100vw);
    border: calc((3 / 750) * 100vw) solid #000;
    border-radius: calc((20 / 750) * 100vw);
    background-color: #fff;
    z-index: 2;
    max-width: none;
  }

  .c5-reason dl {
    display: flex;
    justify-content: space-between;
  }

  .c5-reason dl:not(:first-of-type) {
    margin-top: calc((20 / 750) * 100vw);
  }

  .c5-reason dl dt {
    width: calc((120 / 750) * 100vw);
    height: auto;
    min-height: calc((154 / 750) * 100vw);
  }

  .c5-reason dl dd {
    width: calc((510 / 750) * 100vw);
    padding-top: calc((14 / 750) * 100vw);
  }

  .c5-reason dl.left dt,
  .c5-reason dl.right dd {
    order: 1;
  }

  .c5-reason dl.left dd,
  .c5-reason dl.right dt {
    order: 2;
  }

  .c5-reason dl .ln_word p {
    font-size: calc((28 / 750) * 100vw);
  }

  .c5-reason dl.left .ln_word {
    box-shadow: calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) 0px 0px #8688d0;
  }

  .c5-reason dl.right .ln_word {
    box-shadow: calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) 0px 0px #699fd7;
    margin-left: 0;
  }

  .c5-reason dl.left .ln_word:before,
  .c5-reason dl.right .ln_word:before {
    content: "";
    display: block;
    position: absolute;
    width: calc((31 / 750) * 100vw);
    height: calc((31 / 750) * 100vw);
  }

  .c5-reason dl.left .ln_word:after,
  .c5-reason dl.right .ln_word:after {
    content: "";
    display: block;
    position: absolute;
    width: calc((24 / 750) * 100vw);
    height: calc((24 / 750) * 100vw);
  }

  .c5-reason dl.left .ln_word:before {
    left: calc((-30 / 750) * 100vw);
    top: calc((19 / 750) * 100vw);
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri.png) center center / 100% 100% no-repeat;
  }

  .c5-reason dl.left .ln_word:after {
    left: calc((-28 / 750) * 100vw);
    top: calc((29 / 750) * 100vw);
    z-index: 1;
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri_sleft.png) center center / 100% 100% no-repeat;
  }

  .c5-reason dl.right .ln_word:before {
    right: calc((-30 / 750) * 100vw);
    top: calc((19 / 750) * 100vw);
    z-index: 3;
    transform: rotate(180deg);
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri.png) center center / 100% 100% no-repeat;
  }

  .c5-reason dl.right .ln_word:after {
    right: calc((-33 / 750) * 100vw);
    top: calc((27 / 750) * 100vw);
    z-index: 1;
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri_sright.png) center center / 100% 100% no-repeat;
  }

  .c5-reason .ln_word:not(:first-child) {
    margin-top: calc((12 / 750) * 100vw);
  }

  .c5-reason .osu {
    padding: 0;
    margin: calc((68 / 750) * 100vw) 0 0;
  }

  .c5-reason .osu+dl {
    margin-top: calc((65 / 750) * 100vw);
  }

  .c5-reason .osu>div {
    padding: calc((40 / 750) * 100vw);
    border: calc((3 / 750) * 100vw) solid #000;
    border-radius: calc((20 / 750) * 100vw);
    box-shadow: calc((12 / 750) * 100vw) calc((12 / 750) * 100vw) 0px 0px #c4daef;
  }

  .c5-reason .osu>div:before {
    display: block;
    position: absolute;
    content: "";
    width: calc((148 / 750) * 100vw);
    height: calc((148 / 750) * 100vw);
    left: calc((-25 / 750) * 100vw);
    top: calc((-43 / 750) * 100vw);
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_osu.png) center center / 100% 100% no-repeat;
    z-index: 3;
  }

  .c5-reason .osu h3 {
    text-align: center;
    margin: 0 auto calc((37 / 750) * 100vw);
  }

  .c5-reason .osu.fit h3 {
    width: calc((374 / 540) * 100%);
  }

  .c5-reason .osu.noican h3 {
    width: calc((392 / 540) * 100%);
  }

  .c5-reason .osu.kouonshitsu h3 {
    width: calc((146 / 540) * 100%);
  }

  .c5-reason .osu p {
    margin-top: calc((25 / 750) * 100vw);
    font-size: calc((28 / 750) * 100vw);
  }

  .c5-reason .osu ul.kome {
    margin-top: calc((25 / 750) * 100vw);
  }

  .c5-reason .osu ul.kome li {
    font-size: calc((24 / 750) * 100vw);
    line-height: 1.5em;
    padding-left: 2em;
    text-indent: -2em;
  }
}

.reason_ttlbox {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .c5-reason.opbg:before {
    opacity: 1;
  }

  .reason_main.btmfx.opfx .reason_main_l {
    margin-top: auto;
  }

  .reason_main.btmfx.opfx .reason_main_l .reason_ttlbox {
    position: static;
    top: auto;
    left: auto;
  }

  .reason_main.opfx .reason_main_l .reason_ttlbox {
    position: fixed;
    width: 400px;
    top: 0;
    left: calc(50% - 540px);
  }

  .c5-reason .reason_main.opfx .reason_main_r>div .smp_bg {
    position: fixed;
    top: 0;
    width: 590px;
  }

  .c5-reason .reason_main.btmfx.opfx .reason_main_r>div .smp_bg {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 5;
  }
}

@media screen and (min-width: 1100px) {
  .c5-reason .reason_main.opfx .reason_main_r>div .smp_bg {
    left: calc(50% - 51px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .c5-reason .reason_main.opfx .reason_main_r>div .smp_bg {
    left: calc((485 / 1100) * 100vw);
    width: calc((590 / 1100) * 100vw);
  }

  .reason_main.opfx .reason_main_l .reason_ttlbox {
    left: 10px;
    width: calc((400 / 1080) * (100% - 20px));
  }

  .reason_main.btmfx.opfx .reason_main_l .reason_ttlbox {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .reason_ttlbox {
    height: auto;
  }

  .reason_ttlbox>div {
    margin: 0 auto;
  }
}







/* feature */
.c5-feature {
  padding: 146px 0 132px;
  background: transparent url(/headphone/special/LBS_NiziU/images/bg_feature.png) center top -200px no-repeat;
}

.c5-feature .huz_main {
  max-width: 1100px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.c5-feature .huz_main .huz_main_l {
  width: calc((520 / 1100) * 100%);
  display: flex;
  align-items: center;
}

.c5-feature .huz_main .huz_main_r {
  width: calc((530 / 1100) * 100%);
}

.c5-feature .huz_main .huz_main_l h2 {
  position: relative;
  width: 100%;
  background: transparent url(/headphone/special/LBS_NiziU/images/huz_ttl2.png) center top 14px / calc((358 / 520) * 100%) no-repeat;
}

.c5-feature .huz_main .huz_main_l h2>div img {
  display: block;
}

.c5-feature .huz_main .huz_main_l h2>div:nth-of-type(1) {
  width: calc((320 / 520) * 100%);
  margin: 0 auto;
}

.c5-feature .huz_main .huz_main_l h2>div:nth-of-type(2) {
  width: 100%;
  margin: 68px auto 0;
}

.c5-feature .huz_main .huz_main_l p {
  text-align: center;
  font-size: 18px;
  line-height: 2em;
  margin-top: 2.5em;
}

.c5-feature .huz_main .huz_main_r>div {
  position: relative;
}

.c5-feature .huz_main .huz_main_r .huz_box {
  width: 100%;
  height: 670px;
  background-color: #fff;
  border: 1px solid #000;
  overflow: auto;
  position: relative;
}

.c5-feature .huz_main .huz_main_r>div .bar {
  pointer-events: none;
  position: absolute;
  display: block;
  right: -2px;
  top: 0;
  height: 100%;
  width: 15px;
  background-color: #f3f2f5;
  box-sizing: border-box;
  border: 1px solid #000;
}

.c5-feature .huz_main .huz_main_r>div .bar u {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.c5-feature .huz_main .huz_main_r>div .bar u i {
  pointer-events: none;
  position: absolute;
  display: block;
  width: 100%;
  border: 1px solid #000;
  background-color: #9c8ddf;
  border-radius: 10px;
  box-sizing: border-box;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in {
  width: calc((470 / 530) * 100%);
  margin: 30px auto;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul {
  width: 100%;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li {
  display: block;
  width: 100%;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li:not(:first-of-type) {
  margin-top: 40px;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li a,
.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li span {
  display: block;
  width: 100%;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata {
  display: block;
  width: 100%;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dt {
  display: block;
  width: 100%;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd p {
  font-size: 16px;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd p>span {
  font-size: 16px;
  display: inline;
  color: #1d9bf0;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd figure {
  display: block;
  margin-top: 20px;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd figure img {
  display: block;
  border-radius: 20px;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dt {
  display: block;
  width: calc((50 / 470) * 100%)
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dd {
  display: block;
  width: calc((400 / 470) * 100%)
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dd p.ttl {
  font-size: 20px;
}

.c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dd p.txt {
  font-size: 14px;
  color: #808080;
}

.c5-feature>div>h2 {
  width: 466px;
  margin: 125px auto 0;
}

.c5-feature ul.imglnk {
  width: 100%;
  margin: 88px auto 0;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
}

.c5-feature ul.imglnk li {
  display: block;
  position: relative;
  width: calc((346 / 1100) * 100%);
}

.c5-feature ul.imglnk li a {
  display: block;
}

.c5-feature ul.imglnk li a>figure {
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
  border: #000 1px solid;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .c5-feature ul.imglnk li a>figure {
    height: calc((220 / 1120) * 100vw);
  }
}

.c5-feature ul.imglnk li a>figure img {
  transform: scale(1);
  transition: transform .3s;
}

.c5-feature ul.imglnk li .learn {
  display: block;
  margin: 20px 0 0 auto;
  width: calc((166 / 346) * 100%);
  padding: 2px 2px 7px calc((10 / 346) * 100%);
  box-sizing: border-box;
  position: relative;
}

.c5-feature ul.imglnk li .learn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.c5-feature ul.imglnk li .learn>div {
  display: flex;
  justify-content: space-between;
}

.c5-feature ul.imglnk li .learn>div figure {
  display: flex;
  position: relative;
  width: calc((100 / 166) * 100%);
  overflow: hidden;
  align-items: center;
}


.c5-feature ul.imglnk li .learn>div span {
  display: flex;
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
}

.c5-feature ul.imglnk li .learn>div span:after {
  content: "";
  position: absolute;
  width: 250%;
  height: 18px;
  top: 0px;
  left: -150%;
  background-color: transparent;
  background-size: 18px 18px;
  background-image: url(/headphone/special/LBS_NiziU/images/ico_arrow.png), url(/headphone/special/LBS_NiziU/images/ico_arrow.png);
  background-position: left center, right center;
  background-repeat: no-repeat;
  transition: left 0.3s;
}

@media screen and (min-width: 768px) {
  .c5-feature ul.imglnk li a:hover>figure img {
    transform: scale(1.05);
  }

  .c5-feature ul.imglnk li a:hover .learn>div span:after {
    left: 0%;
  }
}

.c5-feature ul.imglnk li h3 {
  margin: 18px auto 0;
}

.c5-feature ul.imglnk li.feature_01 h3 {
  width: calc((204 / 346) * 100%);
}

.c5-feature ul.imglnk li.feature_02 h3 {
  width: calc((316 / 346) * 100%);
}

.c5-feature ul.imglnk li.feature_03 h3 {
  width: calc((62 / 346) * 100%);
}

.c5-feature ul.imglnk li:before {
  content: "";
  position: absolute;
  top: -17px;
  left: 17px;
  width: 65px;
  height: 37px;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: 3;
}

.c5-feature ul.imglnk li.feature_01:before {
  background-image: url(/headphone/special/LBS_NiziU/images/feature_01.png);
}

.c5-feature ul.imglnk li.feature_02:before {
  background-image: url(/headphone/special/LBS_NiziU/images/feature_02.png);
}

.c5-feature ul.imglnk li.feature_03:before {
  background-image: url(/headphone/special/LBS_NiziU/images/feature_03.png);
}

.c5-feature .spec {
  width: 100%;
  max-width: 1100px;
  background-color: #fff;
  border: 1px solid #000;
  margin: 86px auto 0;
}

.c5-feature .spec h2 {
  cursor: pointer;
  text-align: center;
  padding: 30px 0;
  width: 100%;
  position: relative;
}

.c5-feature .spec h2 img {
  width: 88px;
}

.c5-feature .spec h2:before {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #000;
  right: 50px;
  top: 44px;
}

.c5-feature .spec h2:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background-color: #000;
  right: 61px;
  top: 33px;
  transform: rotate(0);
  opacity: 1;
  transition: transform .3s, opacity .5s;
}

.c5-feature .spec h2.act:after {
  transform: rotate(90deg);
  opacity: 0;
}

.c5-feature .spec h2+div {
  display: none;
}

.c5-feature .spec dl {
  width: calc(100% - 100px);
  margin: 0 auto;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
}

.c5-feature .spec dl dd {
  width: calc((486 / 1000) * 100%);
}

.c5-feature .spec dl dd table {
  margin-top: 20px;
}

.c5-feature .spec dl dd table th {
  padding: 2px 5px 2px 0;
  vertical-align: top;
  width: 150px;
  font-size: 15px;
  line-height: 1.5em;
}

.c5-feature .spec dl dd table td {
  padding: 2px 0;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.5em;
}

.c5-feature .spec dl dd h3 {
  border-bottom: 1px solid #000;
  padding: 5px 0 15px;
}

.c5-feature .spec dl dd h3 img {
  width: 154px;
}

.c5-feature .spec dl dt {
  width: calc((474 / 1000) * 100%);
}

.c5-feature .spec dl dt>ul {
  width: calc((430 / 474) * 100%);
  margin: 55px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c5-feature .spec dl dt>ul li {
  width: calc((185 / 430) * 100%);
}

.c5-feature .spec dl dt>ul li:nth-of-type(n+3) {
  margin-top: 60px;
}

.c5-feature ul.btn {
  max-width: 830px;
  margin: 60px auto 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.c5-feature ul.btn li {
  display: block;
  width: calc((400 / 830) * 100%);
}

.c5-feature ul.btn li a {
  display: flex;
  width: 100%;
  font-size: 20px;
  padding: 28px 0;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  border: 1px solid #000;
  box-shadow: 3px 4px 0px 0px #9c8ddf;
  position: relative;
  top: 0;
  left: 0;
  transition: top .02s, left .02s;
}

@media screen and (min-width: 768px) {
  .c5-feature ul.btn li a:hover {
    top: 3px;
    left: 3px;
    box-shadow: none;
  }
}

@media screen and (max-width: 767px) {
  .c5-feature {
    padding: calc((230 / 750) * 100vw) 0 calc((134 / 750) * 100vw);
    background: transparent url(/headphone/special/LBS_NiziU/images/bg_feature_sp.png) center top / 100% no-repeat;
  }




  .c5-feature .huz_main {
    width: calc((670 / 750) * 100vw);
    padding: 0;
    margin: 0 auto;
    display: block;
  }

  .c5-feature .huz_main .huz_main_l {
    width: 100%;
    display: block;
  }

  .c5-feature .huz_main .huz_main_r {
    width: 100%;
    display: block;
    margin-top: calc((90 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_l h2 {
    position: relative;
    width: calc((616 / 750) * 100vw);
    margin: 0 auto;
    background: transparent url(/headphone/special/LBS_NiziU/images/huz_ttl2.png) center top 14px / calc((530 / 750) * 100vw) no-repeat;
  }

  .c5-feature .huz_main .huz_main_l h2>div img {
    display: block;
  }

  .c5-feature .huz_main .huz_main_l h2>div:nth-of-type(1) {
    width: calc((468 / 750) * 100vw);
    margin: 0 auto;
  }

  .c5-feature .huz_main .huz_main_l h2>div:nth-of-type(2) {
    width: 100%;
    margin: calc((97 / 750) * 100vw) auto 0;
  }

  .c5-feature .huz_main .huz_main_l p {
    text-align: left;
    font-size: calc((28 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_r .huz_box {
    height: calc((880 / 750) * 100vw);
    border: calc((2 / 750) * 100vw) solid #000;
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in {
    width: calc((570 / 750) * 100vw);
    margin: calc((50 / 750) * 100vw) auto;
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li:not(:first-of-type) {
    margin-top: calc((60 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd {
    display: block;
    width: 100%;
    margin-top: calc((15 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd p,
  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd p>span {
    font-size: calc((28 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd figure {
    margin-top: calc((30 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pdata>dd figure img {
    display: block;
    border-radius: 20px;
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dt {
    width: calc((85 / 570) * 100%);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dd {
    width: calc((460 / 570) * 100%);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dd p.ttl {
    font-size: calc((32 / 750) * 100vw);
  }

  .c5-feature .huz_main .huz_main_r .huz_box .huz_box_in ul li dl.pheader>dd p.txt {
    font-size: calc((24 / 750) * 100vw);
  }

  .c5-feature>div>h2 {
    width: calc((510 / 750) * 100vw);
    margin: calc((170 / 750) * 100vw) auto 0;
  }

  .c5-feature ul.imglnk {
    width: calc((670 / 750) * 100vw);
    margin: calc((100 / 750) * 100vw) auto 0;
    display: block;
  }

  .c5-feature ul.imglnk li {
    width: 100%;
  }

  .c5-feature ul.imglnk li:nth-of-type(n+2) {
    margin-top: calc((90 / 750) * 100vw);
  }

  .c5-feature ul.imglnk li a>figure {
    height: auto;
  }

  .c5-feature ul.imglnk li .learn {
    display: block;
    margin: calc((37 / 750) * 100vw) 0 0 auto;
    width: 50%;
    padding: calc((2 / 750) * 100vw) calc((2 / 750) * 100vw) calc((22 / 750) * 100vw) calc((18 / 750) * 100vw);
  }

  .c5-feature ul.imglnk li .learn>div figure {
    display: flex;
    position: relative;
    width: calc((180 / 750) * 100vw);
  }

  .c5-feature ul.imglnk li .learn>div span {
    display: flex;
    position: relative;
    width: calc((28 / 750) * 100vw);
    height: calc((28 / 750) * 100vw);
    overflow: hidden;
  }

  .c5-feature ul.imglnk li .learn>div span:after {
    content: "";
    position: absolute;
    width: calc((28 / 750) * 100vw);
    height: calc((28 / 750) * 100vw);
    top: 0;
    left: 0;
    background: transparent url(/headphone/special/LBS_NiziU/images/ico_arrow.png) center center / contain no-repeat;
  }

  .c5-feature ul.imglnk li h3 {
    margin: calc((35 / 750) * 100vw) auto 0;
  }

  .c5-feature ul.imglnk li.feature_01 h3 {
    width: calc((410 / 750) * 100vw);
  }

  .c5-feature ul.imglnk li.feature_02 h3 {
    width: calc((635 / 750) * 100vw);
  }

  .c5-feature ul.imglnk li.feature_03 h3 {
    width: calc((125 / 750) * 100vw);
  }

  .c5-feature ul.imglnk li:before {
    top: calc((-40 / 750) * 100vw);
    left: calc((22 / 750) * 100vw);
    width: calc((125 / 750) * 100vw);
    height: calc((75 / 750) * 100vw);
  }

  .c5-feature .spec {
    width: calc((670 / 750) * 100vw);
    margin: calc((120 / 750) * 100vw) auto 0;
  }

  .c5-feature .spec h2 {
    padding: calc((36 / 750) * 100vw) 0;
  }

  .c5-feature .spec h2 img {
    width: calc((135 / 750) * 100vw);
  }

  .c5-feature .spec h2:before {
    width: calc((37 / 750) * 100vw);
    height: calc((2 / 750) * 100vw);
    right: calc((52 / 750) * 100vw);
    top: calc((60 / 750) * 100vw);
  }

  .c5-feature .spec h2:after {
    width: calc((2 / 750) * 100vw);
    height: calc((37 / 750) * 100vw);
    right: calc((69 / 750) * 100vw);
    top: calc((43 / 750) * 100vw);
  }

  .c5-feature .spec dl {
    width: calc((610 / 670) * 100%);
    padding-bottom: calc((70 / 750) * 100vw);
    display: block;
  }

  .c5-feature .spec dl dd {
    width: 100%;
  }

  .c5-feature .spec dl dd table {
    margin-top: calc((30 / 750) * 100vw);
  }

  .c5-feature .spec dl dd table th {
    width: calc((235 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }

  .c5-feature .spec dl dd table td {
    font-size: calc((26 / 750) * 100vw);
  }

  .c5-feature .spec dl dd h3 {
    border-bottom: 1px solid #000;
    padding: calc((5 / 750) * 100vw) 0 calc((20 / 750) * 100vw);
  }

  .c5-feature .spec dl dd h3 img {
    width: calc((220 / 750) * 100vw);
  }

  .c5-feature .spec dl dt {
    width: 100%;
  }

  .c5-feature .spec dl dt>ul {
    margin: calc((57 / 750) * 100vw) auto 0;
  }

  .c5-feature .spec dl dt>ul li {
    width: calc((248 / 574) * 100%);
  }

  .c5-feature .spec dl dt>ul li:nth-of-type(n+3) {
    margin-top: calc((77 / 750) * 100vw);
  }

  .c5-feature ul.btn {
    margin: calc((100 / 750) * 100vw) auto 0;
    width: calc((575 / 750) * 100vw);
    display: block;
  }

  .c5-feature ul.btn li {
    width: 100%;
  }

  .c5-feature ul.btn li:nth-of-type(n+2) {
    margin-top: calc((38 / 750) * 100vw);
  }

  .c5-feature ul.btn li a {
    font-size: calc((32 / 750) * 100vw);
    padding: calc((42 / 750) * 100vw) 0;
    border-radius: calc((80 / 750) * 100vw);
    box-shadow: 3px 4px 0px 0px #9c8ddf;
  }
}






/* special */
.c5-special {
  background-color: #fff;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 96px 0 105px;
}

.c5-special h2 figure:nth-of-type(1) {
  width: 380px;
  margin: 0 auto;
}

.c5-special h2 figure:nth-of-type(2) {
  width: 540px;
  margin: 30px auto 0;
}

.c5-special h2.linkbuds figure {
  width: 380px;
  margin: 85px auto 0;
}

.c5-special ul.special_banner {
  width: 100%;
  max-width: 1100px;
  margin: 45px auto 0;
}

.c5-special ul.special_banner li {
  display: block;
}

.c5-special ul.special_banner li a {
  display: block;
}

.c5-special ul.special_banner li:nth-of-type(n+2) {
  margin-top: 25px;
}

.c5-special dl.sns {
  width: 515px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.c5-special dl.sns dt {
  width: 175px;
  display: flex;
  align-items: center;
  border-right: 1px solid #000;
}

.c5-special dl.sns dt h3 {
  width: 110px;
}

.c5-special dl.sns dd {
  width: 285px;
}

.c5-special dl.sns dd ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.c5-special dl.sns dd ul li {
  display: block;
  width: 66px
}

.c5-special dl.sns dd ul li a {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c5-special {
    padding: calc((135 / 750) * 100vw) 0 calc((135 / 750) * 100vw);
    border-top-left-radius: calc((50 / 750) * 100vw);
    border-top-right-radius: calc((50 / 750) * 100vw);
  }

  .c5-special h2 figure:nth-of-type(1) {
    width: calc((440 / 750) * 100vw);
    margin: 0 auto;
  }

  .c5-special h2 figure:nth-of-type(2) {
    width: calc((620 / 750) * 100vw);
    margin: calc((37 / 750) * 100vw) auto 0;
  }

  .c5-special h2.linkbuds figure {
    width: calc((438 / 750) * 100vw);
    margin: calc((115 / 750) * 100vw) auto 0;
  }

  .c5-special ul.special_banner {
    width: calc((610 / 750) * 100vw);
    margin: calc((57 / 750) * 100vw) auto 0;
  }

  .c5-special ul.special_banner li:nth-of-type(n+2) {
    margin-top: calc((40 / 750) * 100vw);
  }

  .c5-special dl.sns {
    width: calc((652 / 750) * 100vw);
    margin: 0 auto ;
  }

  .c5-special dl.sns dt {
    width: calc((212 / 750) * 100vw);
  }

  .c5-special dl.sns dt h3 {
    width: calc((148 / 750) * 100vw);
  }

  .c5-special dl.sns dd {
    width: calc((380 / 750) * 100vw);
  }

  .c5-special dl.sns dd ul li {
    width: calc((100 / 750) * 100vw);
  }
}

/* c5-modal */
.c5-modal {
  margin-top: 48px;
  display: block;
  position: relative;
  cursor: pointer;
}

#modal.c5-modal {
  margin-top: 48px;
}

.modaal-btn {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 664px;
}

.c5-modal picture img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 664px;
  filter: drop-shadow(4px 4px 0px rgba(201, 201, 249, 1));
}

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

#modal2.c5-modal picture img {
  max-width: 650px;
}

h3 .c5-modal__ttl picture img {
  max-width: 598px;
  padding-top: 86px;
}

h4 .c5-modal__ttl picture img {
  max-width: 615px;
  margin-top: 34px;
}

.c5-modal__point-ttl picture img {
  display: block;
  width: 100%;
  max-width: 422px;
  margin: 120px auto 18px;
}

.c5-modal picture img:hover {
  filter: drop-shadow(4px 4px 0px rgba(201, 201, 249, 0));
  position: relative;
  top: 4px;
  left: 4px;
}

.c5-modal span {
  position: absolute;
  width: 100%;
  max-width: 664px;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.c5-modal span img {
  position: absolute;
  right: 10px;
  display: block;
  top: -8px;
  width: 1.85%;
}

@media screen and (max-width: 767px) {
  .c5-modal picture img {
    width: 90%;
    max-width: 683px;
  }

  #modal2.c5-modal picture img {
    margin: 0 auto 0 5px;
  }

  .c5-modal__ttl picture img {
    width: 90%;
    max-width: 683px;
  }

  .c5-modal span img {
    position: absolute;
    right: 24px;
    display: block;
    top: -4px;
    width: 2.85%;
  }

  .c5-modal:hover .c5-icon-02 {
    transition: all 0.2s;
    right: 20px;
  }

  h3 .c5-modal__ttl picture img {
    max-width: 664px;
    margin-top: 24px;
    padding-top: 48px;
  }

  h4 .c5-modal__ttl picture img {
    max-width: 265px;
  }

  #modal.c5-modal {
    margin-top: 60px;
  }

  .c5-modal__point-ttl picture img {
    width: 70%;
  }
}

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

  .c5-modal span img {
    right: 5%;
  }

}

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

  .c5-modal span img {
    right: 8%;
  }

}


/*==================================================
Slider
===================================*/

.swiper {
  padding: 0 50px;
  height: 50%;
  max-height: 550px;
  min-height: 550px;
  border-radius: 10px;
}

.swiper * {
  box-sizing: border-box;
}

.swiper-wrapper {
  width: 96%;
  height: 600px;
  padding: 2% 0;
}

.swiper-wrapper .swiper-slide {
  color: #ffffff;
  height: 540px;
  line-height: 1.6;
  text-align: center;
  border-radius: 10px;
}


.swiper-content {
  background: #fff;
  width: 100vw;
  max-width: 850px;
  padding: 36px 12px;
  margin: 0 auto;
  overflow-y: scroll;
  height: 90%;
  border-radius: 10px;
  border: 1px solid #000;
}



.swiper-content .modal__noteTxt {
  text-indent: -1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  text-align: left;
  margin-top: 10px;
  padding: 0 13%;
}

.container .swiper-button-prev,
.container .swiper-button-next {
  width: 24px;
  /* ボタンの幅 */
  height: 40px;
  /* ボタンの高さ */
  background-size: 24px 40px;
  /* 表示したいサイズ */
  transform: translateY(-50%);
  margin-top: 0;
  color: #fff;
}
.container .swiper-button-prev{
  left: 1%;
}
.container .swiper-button-next{
  right: 1%;
}

.modaal-inline .modaal-inner-wrapper {
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.modaal-inline .modaal-container {
  background: none;
  width: 100%;
  max-width: 1000px;
  box-shadow: none;
}

.modaal-content {
  width: 100%;
  margin: 0 auto;
}

.modaal-content-container {
  background: none;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 30px 0 0;
}

.modaal-close.act {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.swiper-item--flexWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: 100%;
  max-width: 850px;
  padding: 0 20px;
}

.swiper-item--flexWrap .swiper-item--flex:first-of-type {
  width: 50%;
  margin-left: 10px;
}

.swiper-item--flexWrap .slider-item--flex {
  width: 50%;
}

.swiper-content p {
  color: #000000;
}

.modal_content__ttl img {
  margin-bottom: 16px;
  width: 100%;
  max-width: 488px;
}

.modal_content__ttl-sub img {
  margin-bottom: 16px;
  width: 100%;
  max-width: 335px;

}

.modal_point img {
  max-width: 100%;
  margin: 0 auto 18px;
}


.modal_content__comment {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}

.modal_content__comment .modal_content__flexItem p {
  box-shadow: 3px 3px 0px 0px #8688d0;
  display: block;
  position: relative;
  margin-top: 10px;
  padding: 9px 12px;
  border: 1px solid #000;
  border-radius: 10px;
  background-color: #fff;
  width: 100%;
  max-width: 333px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
}

.modal_content__flexItem img {
  width: 100%;
  max-width: 76px;
}

.modal_content__comment .modal_content__flexItem p:before,
.modal_content__comment .modal_content__flexItem p:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
}


.modal_content__comment .modal_content__flexItem p:before {
  left: -12px;

  right: -12px;
  top: 40%;
  z-index: 3;
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri.png) center center / 100% 100% no-repeat;
}

.modal_content__comment .modal_content__flexItem p:after {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  width: 9px;
  height: 9px;
  right: -14px;
  top: 48%;
  z-index: 1;
  background: transparent url(/headphone/special/LBS_NiziU/images/ico_tri_sleft.png) center center / 100% 100% no-repeat;
}


.modal_content__album {
  position: relative;
  max-width: 420px;
  height: 70px;
  width: 100%;
  margin: 26px auto 0;
}

.modal_content__album span {
  position: absolute;
  top: -10px;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(12px, 2vw, 16px);
  border: 1px solid #000;
  color: #000;
  border-radius: 13px;
  background: #fff;
  padding: 1% 4%;
  max-width: 230px;
  width: 100%;
  height: 26px;
  font-family: 'Noto Sans JP', sans-serif;
}

.modal_content__album div {
  width: 100%;
  z-index: 11;
  font-size: 28px;
  font-family: 'Gotham', sans-serif;
  font-style: italic;
  color: #000;
  background: #f1eeff;
  border-radius: 12px;
  max-width: 420px;
  height: 70px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;

}



.modal_content__album div p img {
  width: 100%;
  max-width: 155px;
  margin: calc(70px - 44px) auto 0;
}

.modal_content__album div p img.modal_content__album__iconLarge {
  max-width: 233px;
}

.modal_content__album div p img.modal_content__album__iconMedium {
  max-width: 134px;
}

.modal_content__album div p img.modal_content__album__iconMini {
  max-width: 83px;
}

.slider-item--flex img {
  width: 100%;
  max-width: 293px;
}

.swiper .swiper-content::-webkit-scrollbar {
  background: #ffffff;
  border-radius: 12px;
}

.swiper .swiper-content::-webkit-scrollbar-thumb {
  background-color: #e4defe;
  border-radius: 12px;
  border: 1px solid #000;
  border-right: none;
}

.swiper .swiper-content::-webkit-scrollbar-track {
  border-radius: 12px;
}



.swiper .swiper-content {
  scrollbar-color: #e4defe #ffffff;
}



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

  .swiper-content {
    width: 88%;
    padding: 20px;
  }

  .modal_content__comment .modal_content__flexItem p:before {
    top: calc((29 / 1000) * 100vw);
  }

  .modal_content__comment .modal_content__flexItem p:after {
    top: calc((37 / 1000) * 100vw);
  }
}

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

  .modal_content__comment .modal_content__flexItem p:before {
    top: calc((29 / 750) * 100vw);
  }

  .modal_content__comment .modal_content__flexItem p:after {
    top: calc((37 / 750) * 100vw);
  }

  .swiper-item--flexWrap .swiper-item--flex:first-of-type,
  .swiper-item--flexWrap .swiper-item--flex:last-of-type {
    width: 100%;
  }

  .swiper-item--flexWrap .swiper-item--flex:first-of-type {
    margin-left: 0;
  }

  .modal_content__flexItem img {
    width: 100%;
    max-width: 76px;
  }

  .modal_content__album span {
    width: 80%;
  }

  .modal_content__comment .modal_content__flexItem:first-of-type {
    width: 30%;
    max-width: 76px;
  }



  .swiper-item--flexWrap {
    flex-direction: column;
    padding: 8px;
  }

  .swiper-content .modal__noteTxt {
    padding: 0 8%;
  }

  .modal_content__album div p img {
    width: 100%;
    max-width: 135px;
  }

  .modaal-btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 683px;
  }



  .swiper-content {
    width: 80%;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .swiper-item--flexWrap .slider-item--flex {
    width: 100%;
  }

  .modal_point img {
    max-width: 90%;
    margin: 0 auto 18px;
  }

  .swiper .swiper-content::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (min-width:320px) and (max-width:530px) {
  .modal_content__flexItem img {
    max-width: 56px;
  }

  .modal_content__comment .modal_content__flexItem:first-of-type {
    max-width: 56px;
  }

  .modal_content__comment .modal_content__flexItem p {
    padding: 9px;
    max-width: 320px;
  }

  .modal_content__comment .modal_content__flexItem:last-of-type {
    width: 70%;
  }
}

@media screen and (min-width:768px) and (max-width:1070px) {
  .container .swiper-button-prev{
    left: 10px;
  }
  .container .swiper-button-next{
    right: 10px;
  }
}
@media screen and (min-width:768px) and (max-width:990px) {
  .modaal-content-container {
    max-width: 700px;
  }
  .container .swiper-button-prev{
    left: 20px;
  }
  .container .swiper-button-next{
    right: 20px;
  }
}



.container2 .swiper-content {
  background: none;
  border: none;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  height: 90%;
}

.container2.container {
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-height: 750px;
}

.container2.container::-webkit-scrollbar {
  display: none;
}

.container2 .c5-modal2__ttl img {
  margin: 0 auto 30px;
  display: block;
}

.container2 .swiper-ttl img {
  margin: 0 auto 18px;
  display: block;
}

.container2 .swiper-content iframe {
  z-index: 8;
}

.container2 .swiper-arrow-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 0;
  width: 80%;

}

.container2 .swiper-arrow-text img {
  max-width: 36%;
  margin: 0 2%;
}

@media screen and (max-width: 767px) {
  .container2 .swiper-content {
    width: 224px;
    margin-bottom: 8%;
    height: 74%;
  }

  .container2.container {
    max-height: 540px;
  }

  .container2 .c5-modal2__ttl img {
    width: 80%;
    margin: 0px auto 10px;
    display: block;
    max-width: 224px;
  }

  .container2 .swiper-button-next,
  .container2 .swiper-button-prev {
    top: 87%;
    width: 50%;
  }

  .container2 .swiper-button-next:after,
  .container2 .swiper-button-prev:before {
    font-size: 12px;

  }

  .container2 .swiper-ttl img {
    max-width: 90%;
  }

  .container2 .swiper-button-next.swiper-button-disabled,
  .container2 .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
  }

  .container2 .swiper-button-prev:after,
  .container2 .swiper-rtl .swiper-button-next:after {
    content: 'none';
  }

  .container2 .swiper-button-prev:before,
  .container2 .swiper-rtl .swiper-button-next:before {
    content: 'prev';
    font-family: swiper-icons , sans-serif;
  }

  .prev_text {
    margin-left: 4%;
    width: 50%;
    max-width: 110px;
  }
  .next_text {
    margin-right: 4%;
    width: 50%;
    max-width: 110px;
  }
  .swiper-button-wrap {
    display: flex;
    align-items: flex-end;
  }
}