.center {
  text-align: center;
}

.txt-small {
  font-size: var(--size_txt_s);
  margin: 0 auto;
}
.txt-caption {
  font-size: var(--size_caption);
}
.txt__color--orange {
  color: #ff6500;
}
.txt__color--yellow {
  color: #f5ff04;
}
.txt__color--red {
  color: #cf3632;
}
.txt__bold {
  font-weight: bold;
}

.bg__white {
  background-color: #fff;
  z-index: 2;
}
.bg__gray {
  background-color: #f6f7f8;
  z-index: 2;
}

button:hover {
  filter: brightness(1.1);
}

.img_fit--w75 {
  width: 75%;
}

.share-btn {
  display: flex;
  align-items: center;
  margin: 0 1rem;
  border-radius: var(--radius_max);
  padding: 0.75rem 1rem;
  text-decoration: none;
  box-shadow: var(--shadow_light);
  width: 13rem;
}
.share-btn:hover {
  filter: brightness(1.1);
  box-shadow: var(--shadow_dark);
}
.share-btn img {
  width: 2.5rem;
  margin-right: 1rem;
}
.share-btn__x {
  background-color: #000;
  color: #fff;
}
.share-btn__fb {
  background-color: #fff;
  color: #0966ff;
}

@media screen and (min-width: 769px ) {
  #security_new_life .width-break {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    pointer-events: none;
  }
}

* h1,
* h2,
* h3,
* h4 {
  margin: 0;
}
* p {
  margin: 0;
}

body {
  background: linear-gradient(180deg, rgb(250, 183, 230) 0%, rgb(245, 230, 163) 51%, rgb(200, 230, 100) 100%);
  overflow-x: hidden;
}
body main {
  padding-bottom: 7rem;
}
@media screen and (max-width: 768px ) {
  body main {
    background-size: 200%;
    overflow-x: hidden;
  }
}
body main article {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  max-width: unset;
}
body main article::before {
  position: -webkit-sticky;
  position: sticky;
  content: "";
  background-image: url(/~/media/img/pt/cp/2024/03/security_new_life/bg_sakura.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 0rem;
  max-width: 1400px;
  margin: auto;
  height: 30rem;
  display: block;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  -webkit-animation: fadein 1s ease-out forwards;
          animation: fadein 1s ease-out forwards;
}
@media screen and (max-width: 768px ) {
  body main article::before {
    height: 30vh;
    width: 150%;
    background-position-x: -15vw;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body main article .security_new_life {
  max-width: calc(var(--width_max_pc_m) - 2rem);
  margin: auto;
}
body main article .security_new_life__kv {
  margin: -20rem 0 0;
}
@media screen and (max-width: 768px ) {
  body main article .security_new_life__kv {
    margin: -17rem 0 0;
  }
}
body main article .security_new_life__kv h1 {
  margin: 0rem 0 1rem;
}
@media screen and (max-width: 768px ) {
  body main article .security_new_life .content {
    width: 95vw;
    margin: auto;
  }
}
body main article .security_new_life .content__cart {
  border-radius: 0 1.5rem 1.5rem 1.5rem;
  position: relative;
  margin-top: 8rem;
  padding: 3rem 0;
}
@media screen and (max-width: 768px ) {
  body main article .security_new_life .content__cart {
    margin-top: 7rem;
  }
}
body main article .security_new_life .content__cart .allround {
  border-radius: 1.5rem;
}
body main article .security_new_life .content__cart--index {
  padding: 0;
}
body main article .security_new_life .content__cart--index h2 {
  position: absolute;
  background-color: #7ab802;
  left: 0;
  top: -4.5rem;
  padding: 0.5rem 4rem;
  border-radius: 1.5rem 1.5rem 0 0;
  color: #fff;
}
body main article .security_new_life .content__cart--cart-img h4 {
  font-size: var(--size_txt_s);
  margin: 0.5rem 0;
}
body main article .security_new_life .content__cart--cart-img img {
  margin: 0 0 0.5rem;
}
body main article .security_new_life .content__cart--cart-body {
  display: flex;
  position: relative;
  align-items: flex-end;
}
body main article .security_new_life .content__cart--cart-body .cart_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
body main article .security_new_life .content__cart--cart-body .cart_item__top_wording_type {
  display: none;
}
body main article .security_new_life .content__cart--cart-body .cart_item__price_lower {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f04878;
  color: #fff;
  border-radius: var(--radius_max);
  width: 13rem;
  height: 13rem;
  font-weight: bold;
  font-size: 3rem;
  line-height: 2.75rem;
}
body main article .security_new_life .content__cart--cart-body .cart_item__price_lower .cp_date {
  font-size: var(--size_txt_l);
  font-weight: normal;
}
body main article .security_new_life .content__cart--addmark {
  display: flex;
  align-items: center;
  justify-content: center;
}
body main article .security_new_life .content__cart--addmark p {
  font-size: 8rem;
  color: #7ab802;
  font-weight: bold;
}
body main article .security_new_life .content__cart--explain {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.1fr 2fr 0.1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0.5rem;
}
body main article .security_new_life .content__cart--explain .p-name {
  grid-area: 1/1/2/2;
}
body main article .security_new_life .content__cart--explain .p-explain {
  grid-area: 2/1/3/2;
}
body main article .security_new_life .content__cart--explain .p-link {
  grid-area: 3/1/4/2;
}
body main article .security_new_life .content__cart--thought {
  margin-top: 1rem;
}
body main article .security_new_life .content__cart--border {
  position: relative;
  padding: 2rem 0 0;
  margin-top: 1rem;
}
body main article .security_new_life .content__cart--border::before {
  content: "";
  position: absolute;
  display: block;
  background-image: linear-gradient(to right, #707070, #707070 18px, transparent 12px);
  background-size: 34px 1px;
  background-position: left top;
  background-repeat: repeat-x;
  height: 1px;
  width: 90%;
  margin: -2rem auto 0;
}
body main article .security_new_life .content__undercart {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
  margin-top: 5rem;
}
body main article .security_new_life .content__undercart--cart {
  border-radius: 1.5rem;
  padding: 2rem 2rem;
}
body main article .security_new_life .content__undercart--cart.box1 {
  grid-area: 1/1/2/2;
}
body main article .security_new_life .content__undercart--cart.box2 {
  grid-area: 1/2/2/3;
}
body main article .security_new_life .content__undercart--cart.box3 {
  grid-area: 1/3/2/4;
}
body main article .security_new_life .content__undercart--cart .content__cart--cart-body {
  justify-content: center;
  padding: 0;
}
body main article .security_new_life .content__undercart--cart .content__cart--cart-body .cart_item__price_lower {
  width: 9rem;
  height: 9rem;
  font-size: 2rem;
  line-height: 1.75rem;
  top: 0.5rem;
}
body main article .security_new_life .content__undercart--cart .content__cart--cart-body .cart_item__price_lower .cp_date {
  font-size: var(--size_txt_xs);
  font-weight: normal;
}
@media screen and (max-width: 768px ) {
  body main article .security_new_life .content__undercart {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
body main article canvas {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}