/***************************************

single

***************************************/
.single {
  width: 89.847715736vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .single {
    width: 88.4615384615vw;
  }
}
@media screen and (min-width: 1300px) {
  .single {
    width: 1150px;
  }
}
.single .meta_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 6.345177665vw;
  padding-top: 2.538071066vw;
  margin-bottom: 3.0456852792vw;
}
@media screen and (min-width: 769px) {
  .single .meta_wrap {
    gap: 0 1.9230769231vw;
    padding-top: 0.7692307692vw;
    width: 45.6153846154vw;
    margin-bottom: 0.9230769231vw;
  }
}
@media screen and (min-width: 1300px) {
  .single .meta_wrap {
    gap: 0 25px;
    padding-top: 10px;
    width: 593px;
    margin-bottom: 12px;
  }
}
.single .meta_wrap .cat {
  display: block;
  font-size: 3.0456852792vw;
  line-height: 6.5989847716vw;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 22.5888324873vw;
  border: 1px solid #2B278D;
  color: #2B278D;
  border-radius: 0.7614213198vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .single .meta_wrap .cat {
    font-size: 0.9230769231vw;
    line-height: 2vw;
    min-width: 6.8461538462vw;
    border-radius: 0.2307692308vw;
  }
}
@media screen and (min-width: 1300px) {
  .single .meta_wrap .cat {
    font-size: 12px;
    line-height: 26px;
    min-width: 89px;
    border-radius: 3px;
  }
}
.single .meta_wrap .date {
  font-size: 3.0456852792vw;
  letter-spacing: 0.03em;
  font-weight: 300;
  display: block;
  padding: 0 0 2.0304568528vw;
}
@media screen and (min-width: 769px) {
  .single .meta_wrap .date {
    font-size: 1.0769230769vw;
    padding: 0;
  }
}
@media screen and (min-width: 1300px) {
  .single .meta_wrap .date {
    font-size: 14px;
  }
}
.single .comp-btn a {
  margin: 0 auto;
}
.single .comp-btn a::after {
  left: 7.614213198vw;
  right: auto;
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}
@media screen and (min-width: 769px) {
  .single .comp-btn a::after {
    left: 2.3076923077vw;
    right: auto;
  }
}
@media screen and (min-width: 1300px) {
  .single .comp-btn a::after {
    left: 30px;
    right: auto;
  }
}
.single .comp-btn.comp-btn--2 a {
  width: 81.7258883249vw;
  margin: 16.9333333333vw auto 0;
}
@media screen and (min-width: 769px) {
  .single .comp-btn.comp-btn--2 a {
    width: 29.6153846154vw;
    margin-right: 0;
    margin-left: auto;
    margin-top: 2.8461538462vw;
  }
}
@media screen and (min-width: 1300px) {
  .single .comp-btn.comp-btn--2 a {
    width: 385px;
    margin-top: 37px;
  }
}
.single .comp-btn.comp-btn--2 a::after {
  left: auto;
  right: 7.614213198vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .single .comp-btn.comp-btn--2 a::after {
    left: auto;
    right: 2.3076923077vw;
  }
}
@media screen and (min-width: 1300px) {
  .single .comp-btn.comp-btn--2 a::after {
    left: auto;
    right: 30px;
  }
}