@charset "UTF-8";


/* 768px以下 スマホ向け
--------------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
.collabo_cp {
position: relative;
}
.cmp_rlt {
position: relative;
}
.cmp_end {
position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 27%;
  opacity: 0.75;
  z-index: 100;
  display: block;
}
.cmp_end .end_txt {
padding-top: 30px;
}
.cmp_end .end_txt p {
text-align: center;
font-size: 18px;
font-weight: bold;
font-weight: 700;
  color: #fff;
  line-height: 1.6;
}
.cmp_end .end_txt p span {
font-size: 15px;
line-height: 1;
}
.cmp_end2 {
position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  z-index: 100;
  display: block;
}
.collabo_cp .cp_cont_inner_A.bgad {
overflow-x: hidden;
padding: 10px 10px 50px;
width: 100%;
box-sizing: border-box;
}
.cmp_end3_wrap {
position: relative;
margin-left: -20px;
margin-right: -20px
}
.cmp_end3 {
position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 120%;
  height: 100%;
  opacity: 0.75;
  z-index: 100;
  display: block;
}




}


/* 769px以上 PC向け
--------------------------------------------------------------------------------- */

@media print, screen and (min-width: 769px) {
.collabo_cp {
position: relative;
}
.cmp_rlt {
position: relative;
}

.cmp_end {
position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 28%;
  opacity: 0.75;
  z-index: 100;
  display: block;
}
.cmp_end .end_txt {
  padding-top: 100px;
}
.cmp_end .end_txt p {
text-align: center;
font-size: 32px;
font-weight: bold;
font-weight: 700;
color: #fff;
line-height: 2;
}
.cmp_end .end_txt p span {
font-size: 30px;
}

.cmp_end2 {
position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  z-index: 100;
  display: block;
}
.collabo_cp .cp_cont_inner_A.bgad {
overflow-x: hidden;
width: 100%;
box-sizing: border-box;
padding: 0 calc((100% - 1000px ) / 2) 100px;
}
.cmp_end3_wrap {
position: relative;
margin-left: calc(500px - 50%);
margin-right: calc(500px - 50%);
}
.cmp_end3 {
position: absolute;
  top: 0;
  left: -1000px;
  background: #000;
  width: 500%;
  height: 100%;
  opacity: 0.75;
  z-index: 100;
  display: block;
}


}