.only-sp {
  display: none !important;
}

.only-pc {
  display: flex !important;
}

.only-pc-block {
  display: block !important;
}

.u-mb-60_spNone {
  margin-bottom: calc(60 / 1200 * 100vw) !important;
}

.u-mb-80 {
  margin-bottom: calc(80 / 1200 * 100vw) !important;
}

.txt_color-blue {
  color: #1C71E5;
}

a.kv_btn:hover,
a.kv_btn:visited {
  color: #ffffff;
  text-decoration: none;
}

a.kv_btn:hover {
  opacity: .8;
  transition: all .4s;
}

a.item_link:hover,
a.item_link:visited {
  color: #ffffff;
  text-decoration: none;
}

a.item_link:hover {
  opacity: .8;
  transition: all .4s;
}

a.mv_btn:hover,
a.mv_btn:visited {
  color: #ffffff;
  text-decoration: none;
}

a.mv_btn:hover {
  opacity: .8;
  transition: all .4s;
}


body {
  padding: 0;
}



/* キャンペーン要項 規約 ------------------------ */


.dl_campaign-yoko,
.section-kiyaku dl {
  padding: 20px 0 30px;
  margin: 0;
  border-bottom: 1px solid #000;
  height: auto;
  text-align: left;
}

.dl_campaign-yoko+.dl_campaign-yoko {
  padding: 20px 0;
}

.dl_campaign-yoko dt,
.section-kiyaku dt {
  display: block;
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: left;
}

.section-kiyaku dt {
  font-weight: normal;
  margin-bottom: 5px;
}

.dl_campaign-yoko dd,
.section-kiyaku dd {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.dl_campaign-yoko dd p.no-justify {
  text-align: start;
}

.yoko-icon.yoko-icon-entry {
  width: 26px;
  padding-right: 5px;
}


.dcm_cp h1 {
  margin: 0;
}

.dcm_cpol,
.dcm_cp ul {
  list-style-type: none;
  padding: 0;
}

.dcm_cp {
  overflow: hidden;
}

/* =============================================
*
*
*
KV
*
*
*
============================================= */
.kv {
  width: 100%;
  max-width: 1200px;
  background: url(/xperia/campaign/dcm-24autumn/img/bg-pc.png) no-repeat center center / 100%;
  padding-top: calc(16 / 1200 * 100vw);
  padding-bottom: calc(30 / 1200 * 100vw);
}

.dcm_cp_kv {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.kv_title img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.kv_lead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: calc(12 / 1200 * 100vw) calc(18 / 1200 * 100vw);
}

.lead_item:nth-child(1) {
  width: 19.83%;
}


.lead_item:nth-child(1) img {
  width: 100%;
  max-width: 266px;
}

.lead_item:nth-child(2) {
  width: 56.42%;
}

.lead_item:nth-child(2) img {
  width: 100%;
  max-width: 629px;
}

.lead_item:nth-child(3) {
  width: 24.17%;
}

.lead_item:nth-child(3) img {
  width: 77%;
  max-width: 166px;
}

.lead_item_btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: end;
}

.kv_btn {
  border-radius: 32px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: calc(22 / 1200 * 100vw);
  padding: calc(20 / 1200 * 100vw) calc(30 / 1200 * 100vw);
  max-width: 266px;
  max-height: 62px;
}

.kv_ye-btn {
  background-image: linear-gradient(90deg, rgba(255, 245, 0, 1), rgba(247, 135, 5, 1));
}

.kv_red-btn {
  background-image: linear-gradient(90deg, rgba(252, 50, 100, 1), rgba(204, 0, 51, 1));
}

.kv_btn::after {
  content: "";
  background: url(/xperia/campaign/dcm-24autumn/img/ico-arr-bottom.svg) no-repeat center center;
  width: 14px;
  height: 8px;
  display: block;
}

.kv-sub .lead_item_btn {
  flex-direction: row;
}

.kv-sub .lead_item:nth-child(1) {
  width: 17.85%;
}

.kv-sub .lead_item:nth-child(1) img {
  width: 100%;
  max-width: 162px;
}

.kv-sub .lead_item:nth-child(2) {
  width: 64.3%;
}

.kv-sub .lead_item:nth-child(2) img {
  width: 60%;
  max-width: 442px;
}

.kv-sub .lead_item:nth-child(3) {
  width: 13.85%;
  align-items: end;
}

.kv-sub .lead_item:nth-child(3) img {
  width: 100%;
  max-width: 162px;
}

.lead_item_flexWrap {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.lead_item.lead_item_btn img {
  margin-right: calc(18 / 1200 * 100vw);
}

.kv-sub .lead_item.lead_item_btn img {
  margin-right: 0;
}

.kv-sub .lead_item .lead_item_flex__text img {
  margin-bottom: 10px;
}

.lead_item .lead_item_flex__text img {
  width: 80%;
  max-width: 520px;
  margin-bottom: 10px;
}

.kv_pertation {
  width: 80%;
  max-width: 1000px;
  height: 2px;
  display: block;
  background: #D0FBFF;
  margin: calc(30 / 1200 * 100vw) auto;
}

.lead_item_note {
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  margin-top: 12px;
  text-align: center;
  padding: 0 10px;
}

/*---------------------------------------------
-1201
---------------------------------------------*/
@media only screen and (min-width: 1201px) {
  .u-mb-60_spNone {
    margin-bottom: 60px !important;
  }

  .u-mb-80 {
    margin-bottom: 80px !important;
  }

  .kv {
    padding-top: 16px;
    padding-bottom: 30px;
  }

  .kv_btn {
    font-size: 22px;
    padding: 20px 30px;
  }

  .kv_lead {
    padding: 12px 18px;
  }

  .kv_pertation {
    margin: 30px auto;
  }
}

/*---------------------------------------------
750-
---------------------------------------------*/
@media only screen and (max-width: 750px) {
  .u-mb-60_spNone {
    margin-bottom: 0 !important;
  }

  .u-mb-80 {
    margin-bottom: 60px !important;
  }

  .only-sp {
    display: block !important;
  }

  .only-pc {
    display: none !important;
  }

  .kv {
    padding-top: 16px;
    padding-bottom: 34px;
    width: 100%;
    max-width: 1200px;
    margin-top: -3px;
    background: url(/xperia/campaign/dcm-24autumn/img/bg-sp.png) no-repeat top center / 110%;
  }

  .kv_title img {
    width: 100vw;
    margin: 0 calc(50vw - 50%);
  }

  .kv_lead {
    padding: 0 20px;
  }

  .lead_item:nth-child(1),
  .lead_item:nth-child(2),
  .lead_item:nth-child(3) {
    width: 100%;
  }

  .lead_item:nth-child(1) {
    justify-content: center;
  }

  .lead_item:nth-child(3) img {
    max-width: 266px;
  }

  .lead_item img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .lead_item_flexBlock {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .lead_item_flexBlock img {
    width: 100%;
    margin: 0 auto;
    max-width: 150px;
  }

  .lead_item_btn {
    margin-top: 18px;
  }

  .kv_btn {
    width: 266px;
    height: 62px;
    font-size: 22px;
  }

  .kv-sub .lead_item:nth-child(1),
  .kv-sub .lead_item:nth-child(2),
  .kv-sub .lead_item:nth-child(3) {
    width: 100%;
  }

  .kv-sub .lead_item_btn {
    flex-direction: column;
  }



  .lead_item:nth-child(1) img {
    margin: 0;
    max-width: 260px;
    width: 30%;
  }

  .lead_item.lead_item_flexBlock img:nth-child(2) {
    max-width: 360px;
    width: 40%;
  }

  .kv-sub .lead_item.lead_item_flexBlock img:nth-child(1),
  .kv-sub .lead_item.lead_item_flexBlock img:nth-child(2) {
    max-width: 260px;
    width: 30%;
  }

  .lead_item.lead_item_flexBlock {
    margin-bottom: 20px;
  }

  .kv-sub .lead_item:nth-child(2) img {
    width: 100%;
  }

  .kv_pertation {
    margin: 30px auto;
    width: 88%;
  }


  .only-pc-block {
    display: none !important;
  }

  .lead_item_note {
    padding: 0;
  }
}

/*---------------------------------------------
600-
---------------------------------------------*/
@media only screen and (max-width: 600px) {
  .lead_item:nth-child(1) img {
    max-width: 130px;
    width: 100%;
  }

  .lead_item.lead_item_flexBlock img:nth-child(2) {
    max-width: 180px;
    width: 100%;
  }



  .kv-sub .lead_item.lead_item_flexBlock img:nth-child(1),
  .kv-sub .lead_item.lead_item_flexBlock img:nth-child(2) {
    max-width: 160px;
    width: 100%;
  }
}

/* =============================================
*
*
*
contents
*
*
*
============================================= */
.dcm_cp_contents {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: url(/xperia/campaign/dcm-24autumn/img/bg-contents-pc.png) no-repeat top center / 100%;
  background-size: cover;
}

.dcm_cp_contents_item-01 {
  padding-top: 60px;
}

.dcm_cp_contents_item-02 {
  padding-top: 40px;
  padding-bottom: 60px;
}

.dcm_cp_contents_item-01 .contents_product,
.dcm_cp_contents_item-02 .contents_product {
  background: #ffffff;
  position: relative;
  padding: 36px;
}

.contents_product::before {
  content: '';
  display: block;
  background: url(/xperia/campaign/dcm-24autumn/img/border-top_pc.svg) no-repeat center center / 100%;
  position: absolute;
  top: 0;
  max-width: 900px;
  height: 15px;
  width: 100%;
}

.contents_product::after {
  content: '';
  display: block;
  background: url(/xperia/campaign/dcm-24autumn/img/border-bottom_pc.svg) no-repeat center center / 100%;
  position: absolute;
  bottom: 0;
  max-width: 900px;
  height: 15px;
  width: 100%;
}

.contents_h2 {
  width: 100%;
  max-width: 1200px;
  margin-bottom: calc(26 / 1200 * 100vw);
}

.contents_h2 img {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
  display: block;
}

.contents_lead {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  text-align: center;
  margin-bottom: 20px;
}

.contents_note {
  font-size: 11px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  text-align: left;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
  max-width: 415px;
  margin-left: auto;
  margin-right: auto;
}

.contents_productWrapper {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
}

.contents_product {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  position: relative;
}

.contents_product_ul {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 0;
  position: relative;
}

.product_item {
  width: calc(100% / 2);
  max-width: 335px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.item_img {
  width: 100%;
  max-width: 335px;
  margin: 0 auto 16px;
}

.item_title {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  margin-bottom: 16px;
  text-align: center;
}

.item_lead {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  margin-bottom: 16px;
  text-align: center;

}

.item_noteWrap {
  margin-bottom: 16px;
}

.item_noteWrap .item_note {
  font-size: 11px;
  line-height: 1.5;
  font-weight: normal;
  color: #4D4D4D;
  text-indent: -1em;
  padding-left: 1em;
}

.item_productName {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  margin-bottom: 16px;
}

.item_lead .txt_color-red {
  font-size: 30px;
  line-height: 1.5;
  font-weight: bold;
  color: #CC0033;
  margin: 0 6px;
}

.item_link {
  font-size: 14px;
  width: 180px;
  height: 40px;
  background: #2C96F9;
  border-radius: 40px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.item_link::after {
  content: '';
  background: url(/xperia/campaign/dcm-24autumn/img/ico-window-tab.svg) no-repeat center center / 100%;
  width: 14px;
  height: 12px;
  display: block;
  position: absolute;
  right: 13px;
}

.coin-01,
.coin-02,
.coin-03,
.coin-04,
.coin-05,
.coin-06 {
  position: absolute;
  display: block;
  z-index: 10;
}

.coin-01 {
  left: calc(-60 / 1200 * 100vw);
  top: calc(-40 / 1200 * 100vw);
}

.coin-02 {
  top: calc(-32 / 1200 * 100vw);
  right: calc(20 / 1200 * 100vw);
}

.coin-03 {
  right: calc(-30 / 1200 * 100vw);
  bottom: calc(70 / 1200 * 100vw);
}

.coin-04 {
  left: calc(10 / 1200 * 100vw);
  top: calc(-40 / 1200 * 100vw);
}

.coin-05 {
  bottom: calc(-18 / 1200 * 100vw);
  left: calc(10 / 1200 * 100vw);
}

.coin-06 {
  right: calc(-40 / 1200 * 100vw);
  bottom: calc(20 / 1200 * 100vw);
}

.contents_product_title {
  font-size: 28px;
  color: #4D4D4D;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.dcm_cp_contents_item-02 .contents_product_ul:nth-of-type(1),
.dcm_cp_contents_item-02 .contents_product_ul:nth-of-type(2) {
  margin-bottom: calc(60 / 1200 * 100vw);
  align-items: end;
}

/*---------------------------------------------
-1201
---------------------------------------------*/
@media only screen and (min-width: 1201px) {
  .dcm_cp_contents_item-01 .contents_product {
    padding: 36px;

  }

  .dcm_cp_contents_item-02 .contents_product {
    padding: 36px;
  }

  .contents_h2 {
    margin-bottom: 26px;
  }

  .coin-01 {
    left: -60px;
    top: -40px;
  }

  .coin-02 {
    top: -32px;
    right: 20px;
  }

  .coin-03 {
    right: -30px;
    bottom: 70px;
  }

  .coin-04 {
    left: 10px;
    top: -40px;
  }

  .coin-05 {
    bottom: -18px;
    left: 10px;
  }

  .coin-06 {
    right: -40px;
    bottom: 20px;
  }

  .contents_product_title {
    font-size: 28px;
    margin: 0;
    line-height: 1.5;
  }

  .dcm_cp_contents_item-02 .contents_product_ul:nth-of-type(1),
  .dcm_cp_contents_item-02 .contents_product_ul:nth-of-type(2) {
    margin-bottom: 60px;
  }
}

/*---------------------------------------------
750-
---------------------------------------------*/
@media only screen and (max-width: 750px) {
  .dcm_cp_contents {
    width: 100%;
    max-width: 1200px;
    background: url(/xperia/campaign/dcm-24autumn/img/bg-contents-sp.png) no-repeat center center / 100%;
    background-size: cover;
  }

  .dcm_cp_contents_item.dcm_cp_contents_item-01 {
    padding-top: 50px;
  }

  .contents_h2 {
    margin-bottom: 26px;
  }

  .contents_h2 img {
    width: 100%;
    max-width: 100%;
  }

  .contents_product_ul {
    flex-direction: column;
    gap: 36px;
  }

  .product_item {
    width: 100%;
  }

  .contents_product::before {
    background: url(/xperia/campaign/dcm-24autumn/img/border-top_sp.svg) no-repeat center center / 100%;
    height: calc(16 / 390 * 100vw);
  }

  .contents_product::after {
    background: url(/xperia/campaign/dcm-24autumn/img/border-bottom_sp.svg) no-repeat center center / 100%;
    height: calc(16 / 390 * 100vw);
  }

  .coin-01 {
    top: -32px;
    left: -30px;
  }

  .coin-02 {
    top: -22px;
    right: -30px;
  }

  .coin-03 {
    right: -30px;
    bottom: 40px;
  }

  .coin-04 {
    top: -42px;
    left: -60px;
  }

  .coin-05 {
    bottom: -120px;
    left: -34px;
  }

  .coin-06 {
    right: -50px;
    bottom: -30px;
  }

  .contents_product_title {
    font-size: 28px;
    margin: 0;
  }

  .dcm_cp_contents_item-02 .contents_product_ul:nth-of-type(1),
  .dcm_cp_contents_item-02 .contents_product_ul:nth-of-type(2) {
    margin-bottom: 46px;
    align-items: center;
  }

}



/* =============================================
*
*
*
step
*
*
*
============================================= */

.dcm_cp_step_inner {
  max-width: 800px;
  width: 100%;
  padding: 0 calc(10 / 1200 * 100vw);
  margin: 0 auto;
}

.step_title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
  max-width: 343px;
  margin: 0 auto calc(23 / 1200 * 100vw);
}

.step_title:before,
.step_title:after {
  content: '';
  width: 11px;
  height: 14.67px;
}

.step_title:before {
  background: url(/xperia/campaign/dcm-24autumn/img/ico-title-left.svg) no-repeat center center / 100%;
}

.step_title:after {
  background: url(/xperia/campaign/dcm-24autumn/img/ico-title-right.svg) no-repeat center center / 100%;
}

.step_label {
  box-shadow: 0px 3px 6px 0px rgba(34, 157, 209, 0.81);
  margin-bottom: calc(60 / 1200 * 100vw);
}

.step_label_img {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}

.step_label_company {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  max-width: 420px;
  width: 100%;
  margin: calc(26 / 1200 * 100vw) auto calc(20 / 1200 * 100vw);
}

.step_label_company li img:nth-child(1) {
  max-width: 172px;
  width: 100%;
}

.step_label_company li img:nth-child(2) {
  max-width: 115px;
  width: 100%;
}

.step_label_arrow {
  background: #3D93F8;
  text-align: center;
  margin: 0 auto;
  padding: 8px;
  width: 100%;
  display: block;
}

.step_flow_title {
  margin-bottom: 8px;
}

.step_flowWrapper .flow_item_title {
  color: #ffffff;
  background: #32C2DC;
  font-weight: bold;
  font-size: 16px;
  padding: calc(12 / 1200 * 100vw);
  text-align: center;
}

.flow_items {
  border: 1px solid #32C2DC;
}

.step_flowWrapper .flow_itemWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(40 / 1200 * 100vw) calc(20 / 1200 * 100vw);
}

.step_flowWrapper .flow_itemWrap .flow_item:first-of-type {
  width: 60%;
}


.step_flowWrapper .flow_item p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
}

.step_flowWrapper .flow_item img {
  max-width: 226px;
  width: 100%;
  margin: 0 auto;
}

.step_flowWrapper .flow_item .flow_item_note {
  font-size: 11px;
  line-height: 1.5;
  font-weight: normal;
}

.step_flowWrapper .flow_item img.ico-window-tab-gray {
  width: 14px;
  height: 12px;
  display: inline-block;
  margin: 0 6px;
}

.step_pertation {
  text-align: center;
  margin: 12px auto;
}

/*---------------------------------------------
-1201
---------------------------------------------*/
@media only screen and (min-width: 1201px) {
  .dcm_cp_step_inner {
    padding: 0 10px;
  }

  .step_title {
    margin: 0 auto 23px;
  }

  .step_label_company {
    margin: 26px auto 20px;
  }

  .step_label {
    margin-bottom: 60px;
  }

  .step_flowWrapper .flow_item_title {
    padding: 12px;
  }

  .step_flowWrapper .flow_itemWrap {
    padding: 40px 20px;
  }
}

/*---------------------------------------------
750-
---------------------------------------------*/
@media only screen and (max-width: 750px) {
  .dcm_cp_step_inner {
    padding: 0 10px;
  }

  .step_title {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .step_label_img {
    width: 100%;
    max-width: 100%;
  }

  .step_flowWrapper .flow_item_title {
    padding: 12px;
    font-size: 18px;
  }

  .step_flowWrapper .flow_itemWrap {
    padding: calc(40 / 390 * 100vw) calc(20 / 390 * 100vw);
    flex-direction: column-reverse;
    gap: 8px;
  }

  .step_flow {
    padding: 0 10px;
  }

  .step_flowWrapper .flow_itemWrap .flow_item:first-of-type {
    width: 100%;
  }

  .step_label_company {
    margin: 18px auto 14px;
    gap: 40px;
    width: 70%;
  }
}


/* =============================================
*
*
*
mv
*
*
*
============================================= */
.dcm_cp_mv {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: url(/xperia/campaign/dcm-24autumn/img/bg-mv_pc.png) no-repeat top center / 100%;
  background-size: cover;
  padding: calc(50 / 1200 * 100vw) 0 calc(128 / 1200 * 100vw);
}

.dcm_cp_mv .contents_h2 {
  margin-bottom: 20px;
}

.contents_h3 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto calc(60 / 1200 * 100vw);
}

.contents_h3 img {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.mv {
  background: #ffffff;
  position: relative;
  padding: 70px 0 60px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.mv_inner {
  padding: 0 20px;
}


.mv::before {
  content: '';
  display: block;
  background: url(/xperia/campaign/dcm-24autumn/img/border-top-red_pc.svg) no-repeat center center / 100%;
  position: absolute;
  top: 0;
  max-width: 900px;
  height: 15px;
  width: 100%;
}

.mv::after {
  content: '';
  display: block;
  background: url(/xperia/campaign/dcm-24autumn/img/border-bottom-red_pc.svg) no-repeat center center / 100%;
  position: absolute;
  bottom: 0;
  max-width: 900px;
  height: 15px;
  width: 100%;
}

.mv_title img {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.mv_title img:hover {
  opacity: .7;
  transition: all .4s;
}

.mv_container {
  padding: 0;
  width: 100%;
  max-width: 900px;
  margin: calc(40 / 1200 * 100vw) auto calc(40 / 1200 * 100vw);
}

/* スライダーのwrapper */
.infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}

/* スライド */
.infinite-slider .swiper-slide {
  height: 80px !important;
  /* 高さを指定 */
  width: auto !important;
}

/* スライド内の画像 */
.infinite-slider .swiper-slide img {
  width: auto;
  height: 100%;
}

.swiper-slide {
  margin-left: 70px;
}

.mv_btn {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 295px;
  height: 63px;
  background: #CC0033;
  border-radius: 40px;
  opacity: .97;
  margin: 0 auto calc(40 / 1200 * 100vw);
}

.bnr_title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
  max-width: 343px;
  margin: 0 auto calc(12 / 1200 * 100vw);
}

.bnr_title:before,
.bnr_title:after {
  content: '';
  width: 11px;
  height: 14.67px;
}

.bnr_title:before {
  background: url(/xperia/campaign/dcm-24autumn/img/ico-title-left.svg) no-repeat center center / 100%;
}

.bnr_title:after {
  background: url(/xperia/campaign/dcm-24autumn/img/ico-title-right.svg) no-repeat center center / 100%;
}

.bnr_img {
  padding: 0;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  display: block;
}

.bnr_img:hover {
  opacity: .7;
  transition: all .4s;
}

.bnr_img img {
  padding: 0;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.bnr_title_large {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  text-align: center;
  width: 100%;
  max-width: 343px;
  margin: 0 auto calc(26 / 1200 * 100vw);
}

.u-mb-60-33 {
  margin-bottom: calc(60 / 1200 * 100vw);
}

.bnr_item-02 {
  margin-bottom: calc(20 / 1200 * 100vw);
}

.bnr_item-03 {
  margin-bottom: calc(40 / 1200 * 100vw);
}

.btn-black {
  min-height: 60px;
  border-radius: 8px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.bg-blue {
  max-width: 800px;
  width: 100%;
  margin: 24px auto;
  background: #EDF3FC;
  padding: 20px;
  text-align: center;
  color: #4D4D4D;
}

.fs-16 {
  font-size: 16px;
  line-height: 1.5;
}

.fs-13 {
  font-size: 14px;
  line-height: 1.5;
}

.fs-12 {
  font-size: 14px;
  line-height: 1.5;
}

.coi-cap-2_7 {
  font-weight: bold;
  margin-bottom: 16px;
}

.coi-cap-2_9 {
  margin: 16px 0 20px 0;
  text-align: center;
}

.coi-cap-2_9 a {
  color: #1239F5;
}

.h-bg-r {
  text-align: center;
  color: #fff;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
}

.fs-20 {
  font-size: 18px;
  line-height: 1.5;
}

.accordion-header {
  color: #fff;
  padding: 20px 0;
  background: #555555;
  font-weight: bold;
  height: 60px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease-out;
}

.accordion-header.active .arrow {
  transform: rotate(180deg);
}

.accordion-header_inner {
  width: 100%;
  margin: 0 auto;
  max-width: 205px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.dcm_cp_signin {
  padding: 0 20px;
  max-width: 820px;
  width: 100%;
  margin: calc(50 / 1200 * 100vw) auto calc(80 / 1200 * 100vw);
}

/*---------------------------------------------
-1201
---------------------------------------------*/
@media only screen and (min-width: 1201px) {
  .contents_h3 {
    margin: 0 auto 60px;
  }

  .mv_container {
    margin: 40px auto 40px;
  }

  .mv_btn {
    margin-bottom: 40px;
  }

  .bnr_title {
    margin: 0 auto 12px;
  }

  .bnr_title_large {
    margin: 0 auto 26px;
  }

  .u-mb-60-33 {
    margin-bottom: 60px;
  }

  .bnr_item-02 {
    margin-bottom: 20px;
  }

  .bnr_item-03 {
    margin-bottom: 40px;
  }

  .dcm_cp_mv {
    padding: 50px 0 120px;
  }

  .dcm_cp_signin {
    margin: 50px auto 80px;
  }
}

/*---------------------------------------------
750-
---------------------------------------------*/
@media only screen and (max-width: 750px) {
  .mv {
    padding: 50px 0 50px;
  }

  .dcm_cp_mv .contents_h2 {
    margin-bottom: 26px;
  }

  .contents_h3 {
    padding: 0 20px;
    margin: 0 auto 40px;
  }

  .mv::before {
    background: url(/xperia/campaign/dcm-24autumn/img/border-top-red_sp.svg) no-repeat center center / 100%;
    height: calc(16 / 390 * 100vw);
  }

  .mv::after {
    background: url(/xperia/campaign/dcm-24autumn/img/border-bottom-red_sp.svg) no-repeat center center / 100%;
    height: calc(16 / 390 * 100vw);
  }

  .swiper-slide {
    margin-left: 24px;
  }

  .mv_container {
    margin: 20px auto 26px;
  }

  .mv_btn {
    margin-bottom: 25px;
  }

  .bnr_img {
    max-width: 375px;
  }

  .bnr_img img {
    padding: 0;
    width: 100%;
    max-width: 375px;
  }

  .bnr_title_large {
    text-align: left;
    margin: 0 auto 16px;
    max-width: 375px;
  }

  .u-mb-60-33 {
    margin-bottom: 33px;
  }

  .bnr_item-02 {
    margin-bottom: 16px;
  }

  .bnr_item-03 {
    margin-bottom: 24px;
  }

  .dcm_cp_mv {
    background: url(/xperia/campaign/dcm-24autumn/img/bg-mv_sp.png) no-repeat top center / 100%;
    background-size: cover;
    padding: 0 0 140px;
  }

  .dcm_cp_signin {
    margin: 60px auto 40px;
  }

  .bg-blue {
    margin: 14px auto 40px;
  }

}

.contents_product_note {
  font-size: 11px;
  line-height: 1.5;
  font-weight: bold;
  color: #4D4D4D;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}

/* 20241010 */
.item_link_ComingSoon {
  pointer-events: none;
  font-size: 12px;
  text-align: center;
}

.item_link_ComingSoon:after {
  content: none;
}

.contents_product_lead {
  margin: calc(40 / 1200 * 100vw) auto calc(30 / 1200 * 100vw);
  font-size: 11px;
  line-height: 1.5;
}

.dcm_cp_contents_dousenn {
  width: 100%;
  margin: 0 auto;
  max-width: 920px;
}

.dcm_cp_contents_dousennbnr img {
  width: 100%;
  margin: 0 auto;
  max-width: 920px;
  padding: 0 8px;
}

.u-mt-60 {
  margin-top: 60px;
}

.u-mb-60 {
  margin-bottom: 60px;
}

.dcm_cp_contents_item-01 .contents_product_title {
  margin-bottom: calc(40 / 1200 * 100vw);
}

/*---------------------------------------------
-1201
---------------------------------------------*/
@media only screen and (min-width: 1201px) {
  .contents_product_lead {
    margin: 40px auto 30px;
  }

  .dcm_cp_contents_item-01 .contents_product_title {
    margin-bottom: 40px;
  }
}

/*---------------------------------------------
750-
---------------------------------------------*/
@media only screen and (max-width: 750px) {
  .contents_product_lead {
    margin: 24px auto 30px;
  }

  .u-mt-60 {
    margin-top: 40px;
  }

  .u-mb-60 {
    margin-bottom: 40px;
  }

  .dcm_cp_contents_item-01 .contents_product_title {
    margin-bottom: 24px;
  }
}

.cpClose {
  padding: 1em;
  border: 1px solid #333;
}

.cpClose_txt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

@media only screen and (max-width: 750px) {
  .cpClose {
    width: calc(335 / 375 * 100vw);
  }
  .cpClose_txt {
    text-align: left;
  }
  
}