:root {
  --black: 51,51,51;
  --red: 238,0,59;
  --dark_red: 207,28,85;
  --wine_red: 163,48,87;
  --main: 233,83,131;
  --accent: 227,55,129;
  --note: 102,102,102;
  --bg: 243,243,243;
  --gray: 153,153,153;
  --dark_gray: 167,167,167;
  --border: 210,211,212;
  --light_pink: 252,229,237;
  --beige: 248,244,241;
  --green: 92,198,172;
  --blue: 16,120,237;
  --purple: 189,104,200;
  --light_purple: 242,228,243;
  --contents_width: 1100px;
  --body_padding_side: 60px;
  --contents_width_with_padding: 1160px;
  --sidebar_width: 250px;
  --hover_opacity: .7;
}

/* l-container
================================================ */
#osusume_under10000 .l-container {
  background-image: linear-gradient(#fcfaed, #f4f7dc);
  padding-bottom: 30px;
}
@media all and (max-width: 767px) {
  #osusume_under10000 .l-container {
    padding-top: 0;
  }
}
@media all and (min-width: 768px) {
  #osusume_under10000 .l-container {
    width: 750px;
    margin-inline: auto;
    padding-bottom: 60px;
  }
}

@media all and (min-width: 768px) {
  #osusume_under10000 .l-contents .u-inner {
    padding: 0 30px;
  }
}

/* .osusume_under10000-treat
================================================ */
.osusume_under10000-treat__box {
  padding: 15px;
  border-radius: 35px 35px 0 0;
  text-align: center;
  position: relative;
}
.osusume_under10000-treat__box-inner {
  position: relative;
}
.osusume_under10000-treat__box-inner:before, .osusume_under10000-treat__box-inner:after {
  display: block;
  position: absolute;
  width: 32px;
  height: 52px;
}
.osusume_under10000-treat__box.is-blue {
  background: #f6fbff;
  border: 3px solid #a2c4e7;
}
.osusume_under10000-treat__box.is-blue::before {
  content: "";
  background: url(/osusume/under10000/img/icon_treat01.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 71px;
  height: 94px;
  right: 10px;
  top: -41px;
}
.osusume_under10000-treat__box.is-blue .osusume_under10000-treat__box-inner::before {
  content: "";
  background: url(/osusume/under10000/img/deco_treat01.png) no-repeat;
  background-size: contain;
  left: -31px;
  top: 21%;
}
.osusume_under10000-treat__box.is-yellow {
  background: #fcfbf6;
  border: 3px solid #fbb03b;
}
.osusume_under10000-treat__box.is-yellow::before {
  content: "";
  background: url(/osusume/under10000/img/icon_treat02.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 49px;
  height: 85px;
  right: 3px;
  top: -38px;
}
.osusume_under10000-treat__box.is-yellow .osusume_under10000-treat__box-inner::before {
  content: "";
  background: url(/osusume/under10000/img/deco_treat02.png) no-repeat;
  background-size: contain;
  left: -33px;
  bottom: 5%;
}
.osusume_under10000-treat__box.is-yellow .osusume_under10000-treat__box-inner::after {
  content: "";
  background: url(/osusume/under10000/img/deco_treat02_2.png) no-repeat;
  background-size: contain;
  right: -31px;
  top: 46%;
}
.osusume_under10000-treat__box.is-purple {
  background: #faf8fb;
  border: 3px solid #bb9cc8;
}
.osusume_under10000-treat__box.is-purple::before {
  content: "";
  background: url(/osusume/under10000/img/icon_treat03.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 89px;
  height: 96px;
  right: -2px;
  top: -52px;
}
.osusume_under10000-treat__box.is-purple .osusume_under10000-treat__box-inner::before {
  content: "";
  background: url(/osusume/under10000/img/deco_treat03.png) no-repeat;
  background-size: contain;
  left: -33px;
  bottom: 5%;
}
.osusume_under10000-treat__box.is-purple .osusume_under10000-treat__box-inner::after {
  content: "";
  background: url(/osusume/under10000/img/deco_treat03_2.png) no-repeat;
  background-size: contain;
  right: -31px;
  top: 46%;
}
.osusume_under10000-treat__box.is-red {
  background: #fdf7f9;
  border: 3px solid #f45f72;
}
.osusume_under10000-treat__box.is-red::before {
  content: "";
  background: url(/osusume/under10000/img/icon_treat04.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 76px;
  height: 76px;
  right: 3px;
  top: -38px;
}
.osusume_under10000-treat__box.is-red .osusume_under10000-treat__box-inner::before {
  content: "";
  background: url(/osusume/under10000/img/deco_treat04.png) no-repeat;
  background-size: contain;
  left: -33px;
  bottom: 5%;
}
.osusume_under10000-treat__box.is-red .osusume_under10000-treat__box-inner::after {
  content: "";
  background: url(/osusume/under10000/img/deco_treat04_2.png) no-repeat;
  background-size: contain;
  right: -31px;
  top: 46%;
}
@media all and (min-width: 768px) {
  .osusume_under10000-treat__box {
    padding: 30px;
  }
  .osusume_under10000-treat__box-inner:before, .osusume_under10000-treat__box-inner:after {
    width: 43px;
    height: 70px;
  }
  .osusume_under10000-treat__box.is-blue::before {
    width: 121px;
    height: 157px;
    right: 14px;
    top: -61px;
  }
  .osusume_under10000-treat__box.is-blue .osusume_under10000-treat__box-inner::before {
    content: "";
    width: 71px;
    height: 94px;
    left: -60px;
    bottom: 85px;
  }
  .osusume_under10000-treat__box.is-yellow::before {
    width: 95px;
    height: 166px;
    right: 8px;
    top: -73px;
  }
  .osusume_under10000-treat__box.is-yellow .osusume_under10000-treat__box-inner::before {
    content: "";
    width: 71px;
    height: 94px;
    left: -60px;
    top: 302px;
  }
  .osusume_under10000-treat__box.is-yellow .osusume_under10000-treat__box-inner::after {
    content: "";
    width: 71px;
    height: 94px;
    right: -75px;
    top: 681px;
  }
  .osusume_under10000-treat__box.is-purple::before {
    width: 165px;
    height: 178px;
    right: 0;
    top: -86px;
  }
  .osusume_under10000-treat__box.is-purple .osusume_under10000-treat__box-inner::before {
    content: "";
    width: 71px;
    height: 94px;
    left: -60px;
    top: 302px;
  }
  .osusume_under10000-treat__box.is-purple .osusume_under10000-treat__box-inner::after {
    content: "";
    width: 71px;
    height: 94px;
    right: -75px;
    top: 681px;
  }
  .osusume_under10000-treat__box.is-red::before {
    width: 143px;
    height: 143px;
    right: 14px;
    top: -65px;
  }
  .osusume_under10000-treat__box.is-red .osusume_under10000-treat__box-inner::before {
    content: "";
    width: 71px;
    height: 94px;
    left: -60px;
    top: 302px;
  }
  .osusume_under10000-treat__box.is-red .osusume_under10000-treat__box-inner::after {
    content: "";
    width: 71px;
    height: 94px;
    right: -75px;
    top: 681px;
  }
}