@charset "UTF-8";
em {
  font-style: normal;
  font-weight: 700;
}

.crimsonRed {
  color: #bf0000;
}

.magenta {
  color: #ff008c;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.txt-center {
  text-align: center;
}

.mt-8px {
  margin-top: 8px;
}

.mt-12px {
  margin-top: 12px;
}

.mt-16px {
  margin-top: 16px;
}

.mt-32px {
  margin-top: 32px;
}

.fs-13px {
  font-size: 13px !important;
}

.main-container {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.bottom-dl-area {
  margin-top: 0;
}

.lp-wrap {
  padding-bottom: 180px;
}
@media screen and (max-width: 767.9px) {
  .lp-wrap {
    padding-bottom: 120px;
  }
}

.lp_oa {
  color: #4d4d4d;
  line-height: 1.5;
}

.step_title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  border-bottom: 1px solid #4d4d4d;
  padding: 0 11px 11px;
}

.button {
  display: block;
  font-size: 17px;
  font-weight: bold;
  color: white;
  background-color: #ff008c;
  text-align: center;
  line-height: 1;
  border-radius: 1000px;
  padding: 16px 5px;
}
.button:hover {
  background-color: #cc0070;
}

.terms_close, .kvCaption_inner_close {
  font-size: 2rem;
  font-weight: bold;
  color: #007ACC;
  text-align: center;
  line-height: 1.4;
}

/* caution */
.caution_inner {
  margin: 60px auto 104px;
  padding: 0 1.6rem 104px;
  max-width: calc(650px + 3.2rem);
  text-align: center;
  border-bottom: 1px solid #000;
}
.caution_inner_icon {
  width: 40px;
  margin: 0 auto;
}
.caution_inner_icon img {
  width: 100%;
}
.caution_inner_title {
  font-size: 2.2rem;
  font-weight: bold;
  color: #ff008c;
  margin-top: 24px;
}
.caution_inner_text {
  font-size: 1.3rem;
  margin-top: 16px;
}
.caution_inner_qr {
  display: inline-block;
  padding: 15px;
  background-color: #f5f5f5;
  margin-top: 32px;
  border-radius: 6px;
}
.caution_inner_qr img {
  width: 210px;
}

.sp_wrapper {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  .sp_wrapper {
    max-width: none;
  }
}

/* kv */
.kv_upper {
  position: relative;
}
.kv_upper_base {
  width: 100%;
}
.kv_upper_base img {
  width: 100%;
}
.kv_upper_base_button {
  margin: 32px auto;
  text-align: center;
  max-width: 375px;
}
.kv_upper_base_button-inner {
  margin: 0 40px;
}
.kv_upper_base_button-text {
  margin-bottom: 16px;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff008c;
}
.kv_upper_base_button-text::before, .kv_upper_base_button-text::after {
  content: "";
  position: absolute;
  top: 57%;
  width: 2px;
  height: 20px;
  background-color: #ff008c;
}
.kv_upper_base_button-text::before {
  left: 0px;
  transform: translateY(-50%) rotate(-30deg);
  -webkit-transform: translateY(-50%) rotate(-30deg);
}
.kv_upper_base_button-text::after {
  right: 0px;
  transform: translateY(-50%) rotate(30deg);
  -webkit-transform: translateY(-50%) rotate(30deg);
}
.kv_upper_coin01 {
  width: 10.5%;
  position: absolute;
  top: 7%;
  left: 2.5%;
}
.kv_upper_coin02 {
  width: 6.66%;
  position: absolute;
  top: 46%;
  left: 2%;
}
.kv_upper_coin03 {
  width: 11.66%;
  position: absolute;
  top: 68%;
  left: 2%;
}
.kv_upper_coin04 {
  width: 9.16%;
  position: absolute;
  top: 17%;
  right: 3%;
}
.kv_upper_coin05 {
  width: 13%;
  position: absolute;
  top: 62%;
  right: 0;
}
.kv_upper_star01 {
  width: 2.2%;
  position: absolute;
  top: 30%;
  left: 2.5%;
}
.kv_upper_star02 {
  width: 3.8%;
  position: absolute;
  top: 50%;
  left: 9%;
}
.kv_upper_star03 {
  width: 2.7%;
  position: absolute;
  top: 38%;
  right: 8%;
}
.kv_upper_star04 {
  width: 5%;
  position: absolute;
  top: 43%;
  right: 10%;
}
.kv_lower {
  position: relative;
  width: 100%;
}
.kv_lower_base img {
  width: 100%;
}
.kv_lower_unit {
  width: 27.22%;
  position: absolute;
  top: 4.04%;
}
.kv_lower_unit.unit1 {
  left: 9.16%;
}
.kv_lower_unit.unit2 {
  left: 36.38%;
}
.kv_lower_unit.unit3 {
  left: 63.61%;
}
.kv_lower_unit_link {
  width: 88.46%;
  position: absolute;
  left: 5.76%;
  bottom: 8.82%;
}
.kv_lower_unit img {
  width: 100%;
}
.kv_lower_text01 {
  width: 81.11%;
  position: absolute;
  top: 6.5%;
  left: 0;
  right: 1%;
  margin: auto;
}
.kv_lower_text02 {
  width: 82.222%;
  position: absolute;
  top: 22.5%;
  left: 0;
  right: 0;
  margin: auto;
}
.kv_lower_text03 {
  width: 91.666%;
  position: absolute;
  top: 57.2%;
  left: 0;
  right: 0;
  margin: auto;
}
.kv_lower_coin01 {
  width: 5.277%;
  position: absolute;
  top: 25.5%;
  left: 1.5%;
}
.kv_lower_coin02 {
  width: 6.388%;
  position: absolute;
  top: 42.5%;
  left: 0;
}
.kv_lower_coin03 {
  width: 8.333%;
  position: absolute;
  top: 33%;
  right: 0;
}
.kv_lower_star01 {
  width: 2.5%;
  position: absolute;
  top: 34%;
  left: 1.5%;
}
.kv_lower_star02 {
  width: 3.333%;
  position: absolute;
  top: 24%;
  right: 3%;
}
.kv_lower_star03 {
  width: 1.666%;
  position: absolute;
  top: 22%;
  right: 2%;
}
@media screen and (max-width: 767.9px) {
  .kv_upper_base_button .kv_02 {
    margin: 0 0 10px;
  }
}

/* kvCaption */
.kvCaption {
  margin-top: 24px;
}
.kvCaption_inner {
  padding: 0 1.6rem;
  max-width: calc(600px + 3.2rem);
}
.kvCaption_inner ul {
  font-size: 1.3rem;
}
.kvCaption_inner_close {
  margin-top: 24px;
  margin-bottom: 24px;
}

/* period */
.period {
  margin-top: 24px;
}
.period_inner {
  padding: 0 1.6rem;
  max-width: calc(600px + 3.2rem);
}
.period_inner_img:nth-child(n+2) {
  margin-top: 8px;
}
.period_inner_img img {
  width: 100%;
}

/* information */
.information {
  margin: 72px 0;
}
.information_inner {
  padding: 0 1.6rem;
  max-width: calc(600px + 3.2rem);
}
.information_inner_lead {
  text-align: center;
}
.information_inner_lead_text {
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 375px;
  position: relative;
  padding: 20px 8px;
  font-size: 1.8rem;
  color: #3B3BA3;
  font-weight: bold;
  border: 3px #6464c7 solid;
  border-radius: 12px;
}
.information_inner_lead_text::before, .information_inner_lead_text::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 28px;
  height: 28px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.information_inner_lead_text::before {
  background-color: #6464c7;
  bottom: -28px;
}
.information_inner_lead_text::after {
  background-color: white;
  bottom: -21px;
}
.information_inner_lead_head {
  font-size: 1.8rem;
}
.information_inner_lead_head span {
  color: #ff008c;
  font-size: 2.6rem;
  font-weight: bold;
}
.information_inner_lead_list {
  margin: 16px auto 40px;
  text-align: left;
  font-size: 1.6rem;
  max-width: 328px;
}
.information_inner_lead_item {
  display: block;
  color: #007ACC;
  text-decoration: underline;
}
.information_inner_lead_item + .information_inner_lead_item {
  margin-top: 8px;
}
.information_inner_lead_line {
  margin: 0 16px;
}
.information_inner_lead_line img {
  width: 100%;
}
.information_inner_lead_title {
  font-size: 20px;
  font-weight: 700;
  color: #4d4d4d;
  line-height: 1.4;
  margin: 5px auto 0;
}
.information_inner_lead_title span {
  font-size: 24px;
}
.information_inner_itemouter {
  padding-top: 1px;
}
.information_inner_item {
  position: relative;
  margin: 0 16px;
  margin-top: 64px;
  padding: 56px 16px 40px;
  border: 4px #c1c1e9 solid;
  border-radius: 16px;
  text-align: center;
}
.information_inner_item.information_01::after, .information_inner_item.information_02::after, .information_inner_item.information_03::after {
  content: "";
  position: absolute;
  background-size: cover;
  width: 82px;
  height: 98px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.information_inner_item.information_01::after {
  background-image: url(../img/number_01.png);
}
.information_inner_item.information_02::after {
  background-image: url(../img/number_02.png);
}
.information_inner_item.information_03::after {
  background-image: url(../img/number_03.png);
}
.information_inner_item_text {
  margin: 16px 0 0;
  font-size: 1.8rem;
  line-height: 1.7;
}
.information_inner_item_text span.fcMagenta {
  color: #ff008c;
  font-weight: bold;
}
.information_inner_item_text span.fwBold {
  font-weight: bold;
}
.information_inner_item_img {
  margin: 16px auto 0;
  padding: 0 16px;
}
.information_inner_item_img img {
  width: 100%;
}
.information_inner_caption {
  margin: 40px auto 0;
  font-size: 1.3rem;
  line-height: 1.6;
}
.information_inner_button {
  max-width: 280px;
  margin: 40px auto 0;
}
@media screen and (max-width: 767.9px) {
  .information_inner {
    max-width: none;
  }
}

/* aboutOA */
.aboutOA {
  margin: 72px 0;
  padding: 24px 16px;
  background: #CCE2FF;
}
.aboutOA_inner {
  padding: 24px 24px 40px;
  background: #fff;
  border-radius: 24px;
}
.aboutOA_inner_lead_img.icon {
  width: 32px;
  margin: 0 auto 16px;
}
.aboutOA_inner_lead_img.dots {
  width: 136px;
  margin: 24px auto;
}
.aboutOA_inner_lead_img img {
  width: 100%;
}
.aboutOA_inner_lead_title {
  font-size: 20px;
  font-weight: 700;
  color: #007ACC;
  line-height: 1;
  text-align: center;
}
.aboutOA_inner_lead_title span {
  font-size: 24px;
}
.aboutOA_inner_img {
  margin: 24px auto 0;
  text-align: center;
}
.aboutOA_inner_img img {
  width: 100%;
}
.aboutOA_inner_text {
  margin: 16px 0 0;
}
.aboutOA_inner_text span {
  color: #ff008c;
  font-weight: bold;
}
.aboutOA_inner_caption {
  margin: 40px auto 0;
  font-size: 1.3rem;
  line-height: 1.6;
}

/* step */
.step {
  padding: 40px 16px 24px;
  background-color: #f5f5f5;
  text-align: center;
}
.step_inner_list_item {
  margin: 69px 0 0;
  text-align: center;
  position: relative;
}
.step_inner_list_item_number {
  font-size: 16px;
  font-weight: bold;
  color: #007ACC;
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 27px);
}
.step_inner_list_item_number span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin: 5px 0 0;
  border: 2px solid #007ACC;
  border-radius: 50%;
  background: #fff;
  font-size: 36px;
  padding-bottom: 6px;
}
.step_inner_list_item_block {
  background-color: white;
  padding: 32px 24px 16px;
  border-radius: 12px;
}
.step_inner_list_item_block_text {
  font-size: 1.8rem;
  line-height: 1.4;
}
.step_inner_list_item_block_caption {
  margin-top: 16px;
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.4;
}
.step_inner_list_item_block_img {
  margin-top: 16px;
}
.step_inner_list_item_block_img img {
  width: 100%;
}
.step_inner_list_item_arrow {
  width: 100px;
  margin: 24px auto 0;
}
.step_inner_list_item_arrow img {
  width: 100%;
}

/* reward */
.reward {
  padding: 0 16px 72px;
  background-color: #f5f5f5;
}
.reward img {
  width: 100%;
}

/* キャンペーン詳細 */
.terms {
  padding: 72px 0 0;
}
.terms_inner {
  margin: 0 auto;
  padding: 0 1.6rem;
  max-width: calc(600px + 3.2rem);
  color: #000033;
}
.terms_close {
  margin-top: 24px;
  margin-bottom: 24px;
}
.terms_heading {
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
  font-size: 2.6rem;
  line-height: 1.4;
}
.terms_detail {
  background-color: white;
}
.terms_detail dt {
  background-color: #F7F8FB;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  padding: 15px 16px 16px;
  font-weight: bold;
  font-size: 1.6rem;
}
.terms_detail dt.terms_detail_title {
  background-color: #e9e9e9;
}
.terms_detail dt:first-child {
  border-top: solid 1px #dddddd;
}
.terms_detail dd {
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  padding: 15px 16px 16px;
  font-size: 1.4rem;
}
.terms_detail dd h4 {
  font-weight: bold;
  margin-bottom: 14px;
}
.terms_detail dd h4.underLine {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.terms_detail dd .caption {
  font-size: 1.2rem;
}
.terms_detail dd .list_block {
  margin: 8px 0 0;
}
.terms_detail dd .list_block li {
  display: inline-block;
  background-color: #E6E6F0;
  padding: 5px 8px;
  margin-bottom: 8px;
}
.terms_detail dd .list_block li:not(:last-child) {
  margin-right: 8px;
}
@media screen and (max-width: 767.9px) {
  .terms_inner {
    max-width: none;
  }
  .terms_close {
    margin-top: 20px;
    margin-bottom: 28px;
  }
}

/* note */
.note {
  margin-top: 70px;
}
.note_inner {
  margin: 0 auto;
  max-width: 600px;
  padding: 0 4rem;
  font-size: 1.6rem;
  color: #000033;
}

/* アンケート */
.popask {
  margin-top: 32px;
}
.popask #rexSurveyEmbedded:empty {
  margin-top: -32px;
}

/* 同時開催キャンペーン */
.other-campaign {
  margin-top: 70px;
  padding: 0 24px;
  text-align: center;
}

.other-campaign-btn {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #3B3BA3;
  border: 2px solid #3B3BA3;
  padding: 11px 24px 12px;
  border-radius: 100vh;
  position: relative;
}

.other-campaign-btn::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #3B3BA3;
  border-right: solid 2px #3B3BA3;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  transform: rotate(45deg);
}/*# sourceMappingURL=cp_oa.css.map */