@charset "UTF-8";
.drphil-20240902-fm_bbcream {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #333;
}

.drphil-20240902-fm_bbcream *,
.drphil-20240902-fm_bbcream::before,
.drphil-20240902-fm_bbcream::after {
  box-sizing: border-box;
}

.drphil-20240902-fm_bbcream sup {
  display: inline-block;
  margin-right: -0.5em;
  font-size: 1em;
  font-weight: normal !important;
}

.drphil-20240902-fm_bbcream sup small {
  display: block;
  transform: scale(0.5);
  transform-origin: 0 0.5em;
  text-indent: 0;
  line-height: 1em;
  padding: 0;
}

.drphil-20240902-fm_bbcream sub {
  display: inline-block;
  margin-right: -0.5em;
  font-size: 1em;
  font-weight: normal !important;
}

.drphil-20240902-fm_bbcream sub small {
  display: block;
  transform: scale(0.6);
  transform-origin: 0 1em;
  text-indent: 0;
  line-height: 1em;
  padding: 0;
}

.drphil-20240902-fm_bbcream p,
.drphil-20240902-fm_bbcream li,
.drphil-20240902-fm_bbcream h1,
.drphil-20240902-fm_bbcream h2,
.drphil-20240902-fm_bbcream h3,
.drphil-20240902-fm_bbcream h4,
.drphil-20240902-fm_bbcream h5 {
  font-weight: 500;
  line-height: 1.55;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pc-only {
  display: none;
}

.in-pc-only {
  display: none;
}

.sp-only {
  display: block;
}

.bbcream-mv {
  height: calc(1.2586666667 * var(--full-width) * 1px);
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/mv-bg-sp.jpg) no-repeat right center/cover;
  position: relative;
  padding-left: calc(0.0466666667 * var(--full-width) * 1px);
  padding-top: calc(0.0453333333 * var(--full-width) * 1px);
}

.brand-logo {
  width: calc(0.2493333333 * var(--full-width) * 1px);
  position: absolute;
  top: calc(0.044 * var(--full-width) * 1px);
  right: calc(0.044 * var(--full-width) * 1px);
}
.brand-logo img {
  width: 100%;
  height: auto;
}

.bbcream-mv__inner {
  position: relative;
}

.mv-tag {
  width: calc(0.396 * var(--full-width) * 1px);
}
.mv-tag img {
  width: 100%;
  height: auto;
}

.bbcream-mv__inner h1 {
  width: calc(0.8893333333 * var(--full-width) * 1px);
}
.bbcream-mv__inner h1 img {
  width: 100%;
  height: auto;
}

.mv-images {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: calc(0.0666666667 * var(--full-width) * 1px);
  margin-bottom: calc(0.04 * var(--full-width) * 1px);
}
.mv-images img {
  width: calc(0.4093333333 * var(--full-width) * 1px);
  height: auto;
}
.mv-images img + img {
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
}

.mv-images02 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: calc(0.02 * var(--full-width) * 1px);
  margin-bottom: calc(0.0266666667 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .mv-tag02 {
  color: #fff;
  background: #f77400;
  border-radius: 50%;
  font-size: calc(0.024 * var(--full-width) * 1px);
  line-height: 1.2;
  width: calc(0.176 * var(--full-width) * 1px);
  height: calc(0.176 * var(--full-width) * 1px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: calc(0.0333333333 * var(--full-width) * 1px);
}

.mv-text {
  width: calc(0.4706666667 * var(--full-width) * 1px);
}
.mv-text img {
  width: 100%;
  height: auto;
}

.drphil-20240902-fm_bbcream .mv-note {
  font-size: calc(0.0186666667 * var(--full-width) * 1px);
}

.page-nav {
  background: #000;
  height: calc(0.2266666667 * var(--full-width) * 1px);
  z-index: 100;
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/nav-btn.png) no-repeat center center / cover;
}
.page-nav.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translate(0, 100%);
  transition: transform 0.2s ease-in-out;
}
.page-nav.fixed.active {
  transform: translate(0, 0);
}
.page-nav .page-nav__inner {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-nav .page-nav__inner p {
  color: #000;
  font-size: calc(0.0453333333 * var(--full-width) * 1px);
  font-weight: 700;
  white-space: nowrap;
  margin-bottom: calc(0.0133333333 * var(--full-width) * 1px);
}
.page-nav .page-nav__inner p img {
  width: calc(0.0386666667 * var(--full-width) * 1px);
  height: auto;
}
.page-nav .page-nav__inner a {
  width: calc(0.5093333333 * var(--full-width) * 1px);
  height: calc(0.08 * var(--full-width) * 1px);
  border-radius: calc(0.0386666667 * var(--full-width) * 1px);
  /* background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/nav-btn.png) no-repeat center center/cover; */
  background-color: #fff;
  position: relative;
  font-size: calc(0.036 * var(--full-width) * 1px);
  color: #000;
  font-weight: 700;
  padding-left: calc(0.0613333333 * var(--full-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-nav .page-nav__inner a::after {
  display: block;
  content: "";
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/nav-arrow.png) no-repeat center center/100% auto;
  width: calc(0.0413333333 * var(--full-width) * 1px);
  height: calc(0.0266666667 * var(--full-width) * 1px);
  margin-left: calc(0.0346666667 * var(--full-width) * 1px);
}

.bbcream-wrap {
  background: linear-gradient(to bottom, rgb(254, 234, 215), rgba(254, 234, 215, 0));
}

.bbcream-items {
  width: 100%;
  padding-top: calc(0.0933333333 * var(--full-width) * 1px);
  margin: 0 auto;
  background: #fff;
}
.bbcream-items > h2 {
  color: #fff;
  font-size: calc(0.0493333333 * var(--full-width) * 1px);
  font-weight: 700;
  background: #f77400;
  border-radius: calc(0.0133333333 * var(--full-width) * 1px);
  width: calc(0.8933333333 * var(--full-width) * 1px);
  height: calc(0.2 * var(--full-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto calc(0.1066666667 * var(--full-width) * 1px);
}

.bbcream-items__inner {
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
}

.bbcream-item.item01,
.bbcream-item.item02 {
  padding-bottom: calc(0.08 * var(--full-width) * 1px);
  margin-bottom: calc(0.0733333333 * var(--full-width) * 1px);
  border-bottom: calc(0.008 * var(--full-width) * 1px) solid #8f6950;
}

.bbcream-item.item03 {
  margin-bottom: calc(0.1826666667 * var(--full-width) * 1px);
}

.bbcream-item.item01 .bbcream-item__inner > img {
  width: calc(0.68 * var(--full-width) * 1px);
  height: auto;
}

.bbcream-item.item02 .bbcream-item__inner > img {
  width: calc(0.6906666667 * var(--full-width) * 1px);
  height: auto;
}

.bbcream-item.item03 .bbcream-item__inner > img {
  width: calc(0.688 * var(--full-width) * 1px);
  height: auto;
}

.bbcream-item__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.bbcream-item__body {
  width: 100%;
  margin-top: calc(0.0533333333 * var(--full-width) * 1px);
}
.bbcream-item__body .brand {
  font-size: calc(0.0453333333 * var(--full-width) * 1px);
  font-weight: 700;
}
.bbcream-item__body .name {
  font-size: calc(0.056 * var(--full-width) * 1px);
  font-weight: 700;
  line-height: 1.2;
}
.bbcream-item__body .size {
  font-size: calc(0.0373333333 * var(--full-width) * 1px);
  font-weight: 700;
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
  margin-bottom: calc(0.0266666667 * var(--full-width) * 1px);
}
.bbcream-item__body .size .spf {
  color: #fff;
  font-size: calc(0.0293333333 * var(--full-width) * 1px);
  font-weight: 700;
  background: #ad8870;
  border-radius: calc(0.0266666667 * var(--full-width) * 1px);
  height: calc(0.0533333333 * var(--full-width) * 1px);
  padding: 0 calc(0.0306666667 * var(--full-width) * 1px);
  margin-left: calc(0.0346666667 * var(--full-width) * 1px);
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.bbcream-item__body a {
  width: 100%;
  height: calc(0.1533333333 * var(--full-width) * 1px);
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/cart-bg.jpg) no-repeat center center/cover;
  font-size: calc(0.048 * var(--full-width) * 1px);
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.04 * var(--full-width) * 1px);
}
.bbcream-item__body a img {
  margin-right: calc(0.0346666667 * var(--full-width) * 1px);
  width: calc(0.0826666667 * var(--full-width) * 1px);
  height: auto;
}
.bbcream-item__body .note {
  font-size: calc(0.0266666667 * var(--full-width) * 1px);
  text-align: center;
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
}

.item-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
}
.item-price .price01 {
  font-size: calc(0.04 * var(--full-width) * 1px);
}
.item-price .price01 span {
  font-family: "Jost", sans-serif;
  font-size: calc(0.0573333333 * var(--full-width) * 1px);
  font-weight: 300;
}
.item-price .price02 {
  line-height: 1.2;
}
.item-price .price02 span {
  font-size: calc(0.1386666667 * var(--full-width) * 1px);
  font-family: "Jost", sans-serif;
  color: #8f6950;
  font-weight: 300;
  margin-left: calc(0.0133333333 * var(--full-width) * 1px);
}
.item-price .price02 span img {
  width: calc(0.0653333333 * var(--full-width) * 1px);
  height: auto;
}
.item-price .price02 img {
  width: calc(0.144 * var(--full-width) * 1px);
  height: auto;
}
.item-price > img {
  width: calc(0.2533333333 * var(--full-width) * 1px);
  height: auto;
}

.drphil-20240902-fm_bbcream .bbcream-item__head {
  color: #f77400;
  font-weight: 700;
  font-size: calc(0.0453333333 * var(--full-width) * 1px);
  text-align: center;
  line-height: 1.3;
  padding-bottom: calc(0.0666666667 * var(--full-width) * 1px);
  border-bottom: 1px solid #f77400;
  margin-bottom: calc(0.08 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .showmore {
  width: 100%;
  height: calc(0.08 * var(--full-width) * 1px);
  border-radius: calc(0.04 * var(--full-width) * 1px);
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
  font-weight: 700;
  background: #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(0.1 * var(--full-width) * 1px) auto calc(0.04 * var(--full-width) * 1px);
}
.drphil-20240902-fm_bbcream .showmore span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drphil-20240902-fm_bbcream .showmore span::after {
  display: block;
  content: "";
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/arrow-bk.png) no-repeat center center/100% auto;
  width: calc(0.0413333333 * var(--full-width) * 1px);
  height: calc(0.0253333333 * var(--full-width) * 1px);
  margin-left: calc(0.0253333333 * var(--full-width) * 1px);
  transition: all 0.3s ease;
}
.drphil-20240902-fm_bbcream .showmore.active span::after {
  transform: rotate(180deg);
}

.showmore-text {
  display: none;
  width: 100%;
  margin: 0 auto;
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
}
.showmore-text li {
  text-indent: -1em;
  padding-left: 1em;
}

.present-inner {
  width: 100%;
  height: calc(1.1693333333 * var(--full-width) * 1px);
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/preent-frame-sp.png) no-repeat center center/cover;
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px) 0;
}
.present-inner h2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: calc(-0.06 * var(--full-width) * 1px);
  width: calc(0.3853333333 * var(--full-width) * 1px);
}
.present-inner h2 img {
  width: 100%;
  height: auto;
}
.present-inner .note {
  font-size: calc(0.0266666667 * var(--full-width) * 1px);
  line-height: 1.7;
  white-space: nowrap;
}

.present-body {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: calc(0.0133333333 * var(--full-width) * 1px);
  width: 100%;
}

.drphil-20240902-fm_bbcream .present-fukidashi {
  width: calc(0.3946666667 * var(--full-width) * 1px);
  margin-left: calc(-0.0666666667 * var(--full-width) * 1px);
}
.drphil-20240902-fm_bbcream .present-fukidashi img {
  width: 100%;
  height: auto;
}

.present-body__text p {
  font-size: calc(0.04 * var(--full-width) * 1px);
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(0.0133333333 * var(--full-width) * 1px);
}
.present-body__text h3 {
  font-size: calc(0.064 * var(--full-width) * 1px);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.present-item {
  position: absolute;
  width: calc(0.4853333333 * var(--full-width) * 1px);
  height: auto;
  top: calc(0.0733333333 * var(--full-width) * 1px);
  right: calc(0.0573333333 * var(--full-width) * 1px);
}

.bbcream-co01 {
  position: relative;
  padding-top: calc(0.12 * var(--full-width) * 1px);
  /* background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/arrow-bg.png) no-repeat top calc(0.1866666667 * var(--full-width) * 1px) center/auto calc(0.8626666667 * var(--full-width) * 1px); */
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/arrow-bg.png) no-repeat top calc(0.11 * var(--full-width) * 1px) center / auto calc(0.8626666667 * var(--full-width) * 1px);
  margin-bottom: calc(0.1533333333 * var(--full-width) * 1px);
  padding: calc(0.12 * var(--full-width) * 1px) calc(0.0533333333 * var(--full-width) * 1px) 0;
}
.bbcream-co01 .inner {
  width: 100%;
  margin: 0 auto;
}
.bbcream-co01 .inner h2 {
  font-size: calc(0.0666666667 * var(--full-width) * 1px);
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(0.0733333333 * var(--full-width) * 1px);
}
.bbcream-co01 .inner ul {
   display: flex;
       align-items: center;
       /* justify-content: space-between; */
       margin-bottom: calc(0.29 * var(--full-width) * 1px);
       flex-wrap: wrap;
       gap: calc(0.04 * var(--full-width) * 1px);
}
.bbcream-co01 .inner ul li {
   font-size: calc(.026 * var(--full-width) * 1px);
   color: #fff;
   font-weight: 700;
   width: 42%;
   height: calc(0.196 * var(--full-width) * 1px);
   background: #000;
   border-radius: calc(0.0266666667 * var(--full-width) * 1px);
   line-height: 1.4;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}
.bbcream-co01 .inner ul li:nth-child(3) {
   margin-left: calc(0.09 * var(--full-width) * 1px);
}
.bbcream-co01 .inner ul li::after {
   display: block;
    content: "";
    background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/fikidashi-bk.png) no-repeat center center / 100% auto;
    width: calc(0.0506666667 * var(--full-width) * 1px);
    height: calc(0.0506666667 * var(--full-width) * 1px);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc(0.18 * var(--full-width) * 1px);
}
.bbcream-co01 .inner ul li:nth-child(3)::after, .bbcream-co01 .inner ul li:nth-child(4)::after {
   transform: rotate(286deg);
   top: calc(0.188 * var(--full-width) * 1px);
}
/* .bbcream-co01 .inner ul li + li {
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
} */
.bbcream-co01 .inner p {
  width: calc(0.776 * var(--full-width) * 1px);
  margin: 0 auto;
}
.bbcream-co01 .inner p img {
  width: 100%;
  height: auto;
}

.bbcream-co02 {
  background: #fdf2e6;
  padding: calc(0.12 * var(--full-width) * 1px) calc(0.0533333333 * var(--full-width) * 1px);
  margin-bottom: calc(0.1333333333 * var(--full-width) * 1px);
}
.bbcream-co02 .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
}
.bbcream-co02 .inner h3 {
  font-size: calc(0.048 * var(--full-width) * 1px);
  font-weight: 700;
  text-align: center;
}
.bbcream-co02 .inner ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: calc(0.0533333333 * var(--full-width) * 1px);
}
.bbcream-co02 .inner ul li {
  width: calc(0.2826666667 * var(--full-width) * 1px);
  height: calc(0.092 * var(--full-width) * 1px);
  background: #9f8678;
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
  font-weight: 700;
  color: #fff;
  border-radius: calc(0.0106666667 * var(--full-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(0.024 * var(--full-width) * 1px);
}

.skin-image {
  position: relative;
  width: 100%;
  padding-left: calc(0.0613333333 * var(--full-width) * 1px);
  margin-bottom: calc(0.076 * var(--full-width) * 1px);
}
.skin-image .face {
  width: calc(0.516 * var(--full-width) * 1px);
  height: auto;
}
.skin-image .cream {
  width: calc(0.2666666667 * var(--full-width) * 1px);
  height: auto;
  position: absolute;
  top: 0;
  right: calc(0.0533333333 * var(--full-width) * 1px);
}

.bbcream-point {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.bbcream-point + .bbcream-point {
  margin-top: calc(0.14 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .point-num {
  font-family: "Jost", sans-serif;
  font-weight: 100;
  font-size: calc(0.2133333333 * var(--full-width) * 1px);
  line-height: 1;
  margin-right: calc(0.04 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .point-title {
  font-size: calc(0.0506666667 * var(--full-width) * 1px);
  font-weight: 700;
  line-height: 1.3;
}

.drphil-20240902-fm_bbcream .point-text {
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
  font-weight: 700;
}

.point-contents .note {
  font-size: calc(0.024 * var(--full-width) * 1px);
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
}

.point-contents.point01 {
  display: flex;
  align-items: center;
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
  position: relative;
}
.point-contents.point01 > div {
  width: 100%;
}
.point-contents.point01 .point-num {
  position: absolute;
  top: calc(-0.04 * var(--full-width) * 1px);
  left: calc(0.0533333333 * var(--full-width) * 1px);
}
.point-contents.point01 .point-title {
  border-bottom: 1px solid #f77400;
  padding-bottom: calc(0.0333333333 * var(--full-width) * 1px);
  margin-bottom: calc(0.02 * var(--full-width) * 1px);
  padding-left: calc(0.144 * var(--full-width) * 1px);
}

.point01-body {
  width: 100%;
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/point01-bg.jpg) no-repeat center center/cover;
  margin: 0 auto;
  position: relative;
  margin-top: calc(0.08 * var(--full-width) * 1px);
  padding: calc(0.1066666667 * var(--full-width) * 1px) calc(0.0533333333 * var(--full-width) * 1px);
}
.point01-body p {
  font-size: calc(0.04 * var(--full-width) * 1px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #000;
  height: calc(0.0786666667 * var(--full-width) * 1px);
  width: calc(0.3573333333 * var(--full-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(-0.04 * var(--full-width) * 1px);
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(-5deg);
}
.point01-body h3 {
  text-align: center;
  font-size: calc(0.0453333333 * var(--full-width) * 1px);
  color: #fff;
  font-weight: 700;
  padding-bottom: calc(0.0133333333 * var(--full-width) * 1px);
  border-bottom: 2px solid #fff;
  margin-bottom: calc(0.04 * var(--full-width) * 1px);
}
.point01-body > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.point01-body > div img {
  width: calc(0.736 * var(--full-width) * 1px);
  height: auto;
}
.point01-body > div img + img {
  margin-top: calc(0.0506666667 * var(--full-width) * 1px);
}
.point01-body > div.point01-image {
  margin-bottom: calc(0.0933333333 * var(--full-width) * 1px);
}

.point-head {
  display: flex;
  align-items: center;
  padding-bottom: calc(0.0133333333 * var(--full-width) * 1px);
  border-bottom: 1px solid #f77400;
  margin-bottom: calc(0.04 * var(--full-width) * 1px);
}

.point-contents {
  width: 100%;
  margin-bottom: calc(0.0666666667 * var(--full-width) * 1px);
}

.bbcream-point.point02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
}
.bbcream-point.point02 > img {
  width: calc(0.5986666667 * var(--full-width) * 1px);
  height: auto;
  margin-bottom: calc(0.0533333333 * var(--full-width) * 1px);
}

.bbcream-point.point03 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
}
.bbcream-point.point03 > img {
  width: calc(0.8933333333 * var(--full-width) * 1px);
  height: auto;
}

.bbcream-point.point04 {
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
}

.point04-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.point04-inner > div {
  width: 100%;
}
.point04-inner > div + div {
  margin-top: calc(0.0933333333 * var(--full-width) * 1px);
}
.point04-inner > div > img {
  width: calc(0.8133333333 * var(--full-width) * 1px);
  height: auto;
  margin: 0 auto;
  display: block;
}

.drphil-20240902-fm_bbcream .point04-text {
  color: #f77400;
  font-size: calc(0.0453333333 * var(--full-width) * 1px);
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  margin-bottom: calc(0.0266666667 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .point04-body .point-text {
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
  font-weight: 700;
  color: #4f4f4f;
  text-align: center;
  line-height: 1.6;
}

.point04-body {
  margin-bottom: calc(0.064 * var(--full-width) * 1px);
}

.bbcream-point.point05 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
  margin-bottom: calc(0.1333333333 * var(--full-width) * 1px);
}
.bbcream-point.point05 > img {
  width: calc(0.8026666667 * var(--full-width) * 1px);
  height: auto;
  display: block;
  margin: 0 auto;
}
.bbcream-point.point05 .point-text {
  white-space: nowrap;
}

.bbcream-howto {
  width: 100%;
  margin: 0 auto;
  padding: 0 calc(0.0533333333 * var(--full-width) * 1px);
}
.bbcream-howto + .bbcream-howto {
  margin-top: calc(0.1066666667 * var(--full-width) * 1px);
}
.bbcream-howto .note {
  font-size: calc(0.024 * var(--full-width) * 1px);
  margin-top: calc(0.26 * var(--full-width) * 1px);
  line-height: 1.6;
}
.bbcream-howto ul li {
  font-size: calc(0.0293333333 * var(--full-width) * 1px);
  line-height: 2.2;
  padding-left: 1em;
  text-indent: -1em;
}
.bbcream-howto.step {
  margin-bottom: calc(0.2 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .howto-title {
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  height: calc(0.0866666667 * var(--full-width) * 1px);
  border-radius: calc(0.008 * var(--full-width) * 1px);
  margin-bottom: calc(0.0666666667 * var(--full-width) * 1px);
}

.howto-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

.howto-step {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.howto-step > div {
  position: relative;
  margin-left: calc(0.0533333333 * var(--full-width) * 1px);
}
.howto-step:first-child > img {
  width: calc(0.2693333333 * var(--full-width) * 1px);
  height: auto;
}
.howto-step:last-child > img {
  width: calc(0.2693333333 * var(--full-width) * 1px);
  height: auto;
}
.howto-step + .howto-step {
  margin-top: calc(0.0266666667 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .step-text01 {
  color: #f77400;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: calc(0.0666666667 * var(--full-width) * 1px);
  margin-bottom: calc(0.0133333333 * var(--full-width) * 1px);
}

.drphil-20240902-fm_bbcream .step-text02 {
  font-size: calc(0.0293333333 * var(--full-width) * 1px);
  color: #4f4f4f;
  line-height: 1.6;
  position: relative;
}

.drphil-20240902-fm_bbcream .step-text03 {
  font-size: calc(0.0346666667 * var(--full-width) * 1px);
  color: #fff;
  line-height: 1.4;
  background: #8f6950;
  border-radius: calc(0.008 * var(--full-width) * 1px);
  width: calc(0.8066666667 * var(--full-width) * 1px);
  height: calc(0.1266666667 * var(--full-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.04 * var(--full-width) * 1px);
  position: absolute;
  bottom: calc(-0.1733333333 * var(--full-width) * 1px);
  left: calc(-0.2666666667 * var(--full-width) * 1px);
}
.drphil-20240902-fm_bbcream .step-text03::before {
  display: block;
  content: "";
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/howto-fukidshi.png) no-repeat center center/100% auto;
  width: calc(0.0373333333 * var(--full-width) * 1px);
  height: calc(0.036 * var(--full-width) * 1px);
  position: absolute;
  right: calc(0.1333333333 * var(--full-width) * 1px);
  top: calc(-0.0266666667 * var(--full-width) * 1px);
}

.bbcream-wrap02 {
  padding-top: calc(0.0933333333 * var(--full-width) * 1px);
  padding-bottom: calc(0.2 * var(--full-width) * 1px);
}/*# sourceMappingURL=sp.orig.css.map */