@charset "UTF-8";
/* setting.scss start*/
.campaign-detail-flex::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}*/
.campaign-detail-btnArea-link {
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.campaign-detail-btnArea-link:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

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

.sp {
  display: none !important;
}
@media screen and (max-width: 568px) {
  .sp {
    display: block !important;
  }
}

.ipad {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .ipad {
    display: block !important;
  }
}

.ipad_pc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .ipad_pc {
    display: none !important;
  }
}

.ipad_in {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .ipad_in {
    display: inline !important;
  }
}

.ipad_pc_in {
  display: inline !important;
}
@media screen and (max-width: 768px) {
  .ipad_pc_in {
    display: none !important;
  }
}

.ipadPro_sp {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .ipadPro_sp {
    display: block !important;
  }
}

.ipadPro_pc {
  display: block !important;
}
@media screen and (max-width: 1024px) {
  .ipadPro_pc {
    display: none !important;
  }
}

.ipad_pc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .ipad_pc {
    display: none !important;
  }
}

.pc_inline {
  display: inline-block !important;
}
@media screen and (max-width: 568px) {
  .pc_inline {
    display: none !important;
  }
}

.sp_inline {
  display: none !important;
}
@media screen and (max-width: 568px) {
  .sp_inline {
    display: inline-block !important;
  }
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* setting.scss end*/
.campaign {
  padding-bottom: 60px;
  font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.campaign-boxwrap {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .campaign-boxwrap {
    width: 94%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.campaign-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .campaign-title {
    line-height: 1.5;
  }
}
.campaign-mv {
  width: 100%;
}
.campaign-mv img {
  width: 100%;
  height: auto;
}
.campaign-detail {
  margin: 60px 0;
}
@media screen and (max-width: 768px) {
  .campaign-detail {
    margin: 40px 0;
  }
}
.campaign-detail-title {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}
@media screen and (max-width: 568px) {
  .campaign-detail-title {
    font-size: 6.2vw;
  }
}
.campaign-detail-title .campaign-fukidashi {
  font-size: 18px;
  display: block;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .campaign-detail-title .campaign-fukidashi {
    line-height: 1.4;
  }
}
@media screen and (max-width: 568px) {
  .campaign-detail-title .campaign-fukidashi {
    font-size: 4.8vw;
  }
}
.campaign-detail-title .campaign-fukidashi::before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='24' viewBox='0 0 15 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.870563' y1='0.507943' x2='13.8706' y2='23.5079' stroke='black' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 15px;
  height: 30px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .campaign-detail-title .campaign-fukidashi::before {
    margin-right: 10px;
  }
}
.campaign-detail-title .campaign-fukidashi::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.13397' y1='23.4401' x2='14.3438' y2='0.55994' stroke='black' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 15px;
  height: 30px;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .campaign-detail-title .campaign-fukidashi::after {
    margin-left: 10px;
  }
}
.campaign-detail-title .campaign-label {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE401));
  background: -webkit-linear-gradient(transparent 70%, #FFE401 0%);
  background: linear-gradient(transparent 70%, #FFE401 0%);
  display: inline;
  line-height: 1.6;
}
.campaign-detail-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 75px;
  position: relative;
}
.campaign-detail-flex::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='21.5' r='21.5' fill='black'/%3E%3Cg clip-path='url(%23clip0_5_17)'%3E%3Cpath d='M31.0357 20.0357H24.3571C24.1401 20.0357 23.9643 19.8599 23.9643 19.6429V12.9643C23.9643 11.8795 23.0848 11 22 11C20.9152 11 20.0357 11.8795 20.0357 12.9643V19.6429C20.0357 19.8599 19.8599 20.0357 19.6429 20.0357H12.9643C11.8795 20.0357 11 20.9152 11 22C11 23.0848 11.8795 23.9643 12.9643 23.9643H19.6429C19.8599 23.9643 20.0357 24.1401 20.0357 24.3571V31.0357C20.0357 32.1205 20.9152 33 22 33C23.0848 33 23.9643 32.1205 23.9643 31.0357V24.3571C23.9643 24.1401 24.1401 23.9643 24.3571 23.9643H31.0357C32.1205 23.9643 33 23.0848 33 22C33 20.9152 32.1205 20.0357 31.0357 20.0357Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_17'%3E%3Crect width='22' height='22' fill='white' transform='translate(11 11)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .campaign-detail-flex::after {
    top: calc(50% - 10px);
  }
}
.campaign-detail-flex-box {
  width: 48%;
  border: 1px solid #E6E6E6;
  background-color: #FFF;
  -webkit-box-shadow: 10px 10px 0 #62C5DC;
          box-shadow: 10px 10px 0 #62C5DC;
  position: relative;
}
@media screen and (max-width: 768px) {
  .campaign-detail-flex-box {
    width: calc(100% - 10px);
  }
  .campaign-detail-flex-box:first-of-type {
    margin-bottom: 120px;
  }
}
.campaign-detail-flex-box img {
  width: 100%;
  height: auto;
}
.campaign-detail-blacklabel {
  background-color: #000000;
  padding: 10px 15px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  top: -45px;
  left: 0;
  display: inline-block;
}
@media screen and (max-width: 568px) {
  .campaign-detail-blacklabel {
    font-size: 5.4vw;
  }
}
.campaign-detail-textArea {
  padding: 30px 20px;
}
@media screen and (max-width: 768px) {
  .campaign-detail-textArea {
    padding: 20px;
  }
}
.campaign-detail-textArea.row2 {
  padding-top: 42px;
}
@media screen and (max-width: 768px) {
  .campaign-detail-textArea.row2 {
    padding: 20px;
  }
}
.campaign-detail-textArea-title {
  font-size: 20px;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 25px;
}
@media screen and (max-width: 568px) {
  .campaign-detail-textArea-title {
    font-size: 5.4vw;
  }
}
.campaign-detail-textArea-title.row3 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .campaign-detail-textArea-title.row3 {
    margin-bottom: 25px;
  }
}
.campaign-detail-textArea-title .orange {
  color: #FFA500;
  font-weight: 600;
}
.campaign-detail-textArea-title .blue {
  color: #62C5DC;
  font-weight: 600;
}
.campaign-detail-textArea-title .big {
  font-size: 28px;
}
@media screen and (max-width: 568px) {
  .campaign-detail-textArea-title .big {
    font-size: 1.4em;
  }
}
.campaign-detail-textArea-info {
  color: #ACACBB;
  text-align: center;
  line-height: 1.8;
  font-size: 14px;
}
@media screen and (max-width: 568px) {
  .campaign-detail-textArea-info {
    font-size: 3.8vw;
  }
}
.campaign-detail-btnArea {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .campaign-detail-btnArea {
    margin-top: 60px;
  }
}
.campaign-detail-btnArea-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 22px;
  color: #F563AB;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .campaign-detail-btnArea-title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 568px) {
  .campaign-detail-btnArea-title {
    font-size: 6vw;
  }
}
.campaign-detail-btnArea-title::before, .campaign-detail-btnArea-title::after {
  content: "";
  display: block;
  width: 20px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='43' viewBox='0 0 18 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='17.0655' y1='42.356' x2='1.06551' y2='0.355996' stroke='%23F563AB' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.campaign-detail-btnArea-title::before {
  margin-right: 8px;
}
.campaign-detail-btnArea-title::after {
  margin-left: 8px;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.campaign-detail-btnArea-link {
  display: block;
  background-color: #F563AB;
  color: #fff;
  padding: 15px 0;
  width: 400px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border-radius: 100px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .campaign-detail-btnArea-link {
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .campaign-detail-btnArea-link {
    font-size: 5vw;
  }
}
.campaign-detail-btnArea-link:hover {
  color: #fff;
  text-decoration: none;
}
.campaign-precautions {
  border-top: 1px solid #D2D2D2;
  margin-top: 60px;
  padding-top: 30px;
}
.campaign-precautions-title {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 568px) {
  .campaign-precautions-title {
    font-size: 5vw;
  }
}
.campaign-precautions-text {
  line-height: 1.8;
}
@media screen and (max-width: 568px) {
  .campaign-precautions-text {
    font-size: 3.8vw;
  }
}/*# sourceMappingURL=renewal-campaign.css.map */