@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
/* cochamama campaign
-------------------------------------- */
.campaign {
  position: relative;
  padding: 80px 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .campaign {
    padding: 60px 0 0;
  }
  .campaign img {
    width: 100%;
  }
}
.campaign .fv {
  position: relative;
  margin-bottom: 60px;
  background: url(../img/fv_bg.png) repeat-x left bottom;
}
@media screen and (max-width: 768px) {
  .campaign .fv {
    margin-bottom: 14.6666666667vw;
    background: url(../img/sp/fv_bg.png) no-repeat left bottom/100%;
  }
}
.campaign .fv .inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .campaign .fv .inner {
    display: block;
    padding: 0;
  }
}
.campaign .fv__title {
  width: 40.6998158379%;
  margin: 0.9208103131% 7.0902394107% 0 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .campaign .fv__title {
    width: 100%;
    margin: 4.5333333333vw 0 0;
  }
  .campaign .fv__title h1 {
    margin: 5.3333333333vw 0;
  }
}
.campaign .fv__img {
  width: 50.9208103131%;
  margin-top: 6.0773480663%;
}
@media screen and (max-width: 768px) {
  .campaign .fv__img {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.campaign .fv__txt {
  width: 84.6224677716%;
  margin: 2.4861878453% auto 0;
}
@media screen and (max-width: 768px) {
  .campaign .fv__txt {
    width: 100%;
    margin: -1.0666666667vw 0 0;
  }
}
.campaign article .inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .campaign article .inner {
    padding: 0;
  }
}
.campaign .column {
  margin: 50px 0 40px;
  padding: 60px 0;
  background: #f9f9f9;
}
@media screen and (max-width: 768px) {
  .campaign .column {
    margin: 9.3333333333vw 0 0;
    padding: 6.6666666667vw 4.9333333333vw 2.6666666667vw;
  }
}
.campaign .column img {
  width: 100%;
}
.campaign .column dt {
  width: 54.8913043478%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .campaign .column dt {
    width: 100%;
  }
}
.campaign .column ul {
  display: flex;
  column-gap: 2.1739130435%;
  margin: 2.2826086957% auto 4.0217391304%;
}
@media screen and (max-width: 768px) {
  .campaign .column ul {
    flex-direction: column;
    gap: 4vw 0;
    margin: 5.3333333333vw 0 4vw;
  }
}
.campaign .column p {
  width: 88.6956521739%;
  margin: 0 auto 6.5217391304%;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .campaign .column p {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.campaign .column .CP__btn {
  margin-top: 0;
}
.campaign .column .CP__btn--item {
  border-color: #00b4ed !important;
}
.campaign .column .CP__btn--item a {
  color: #00b4ed;
  border-color: #00b4ed !important;
}
.campaign .column .CP__btn--item a:hover {
  color: #fff;
  background: #00b4ed;
}
@media screen and (max-width: 768px) {
  .campaign .illust {
    width: 92vw;
    margin: 16vw auto;
  }
}