@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: block;
}

.in-pc-only {
  display: inline-block;
}

.sp-only {
  display: none;
}

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

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

.bbcream-mv__inner {
  position: relative;
}

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

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

.mv-images {
  display: flex;
  align-items: flex-start;
  margin-top: calc(0.021875 * var(--full-width) * 1px);
}
.mv-images img {
  width: calc(0.19375 * var(--full-width) * 1px);
  height: auto;
}
.mv-images img + img {
  margin-left: calc(0.02625 * var(--full-width) * 1px);
}

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

.drphil-20240902-fm_bbcream .mv-tag02 {
  color: #fff;
  background: #f77400;
  border-radius: 50%;
  font-size: calc(0.01125 * var(--full-width) * 1px);
  line-height: 1.2;
  width: calc(0.07625 * var(--full-width) * 1px);
  height: calc(0.07625 * var(--full-width) * 1px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(0.01875 * var(--full-width) * 1px);
}

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

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

.page-nav {
  background: #000;
  height: calc(0.05625 * min(var(--full-width), 1600) * 1px);
  z-index: 100;
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/nav-btn.png) no-repeat center center / cover;
    position: relative;
}
.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 {
  width: calc(0.625 * min(var(--full-width), 1600) * 1px);
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
   gap: calc(0.07 * min(var(--full-width), 1600) * 1px);
   justify-content: flex-end;
}
.page-nav .page-nav__inner p {
  color: #000;
  font-size: calc(0.02 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  white-space: nowrap;
}
.page-nav .page-nav__inner p img {
  width: calc(0.018125 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.page-nav .page-nav__inner a {
  width: calc(0.1825 * min(var(--full-width), 1600) * 1px);
  height: calc(0.028125 * min(var(--full-width), 1600) * 1px);
  border-radius: calc(0.01375 * min(var(--full-width), 1600) * 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.013125 * min(var(--full-width), 1600) * 1px);
  color: #000;
  font-weight: 700;
  padding-left: calc(0.02125 * min(var(--full-width), 1600) * 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.015 * min(var(--full-width), 1600) * 1px);
  height: calc(0.009375 * min(var(--full-width), 1600) * 1px);
  margin-left: calc(0.01125 * min(var(--full-width), 1600) * 1px);
}

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

.bbcream-items {
  width: calc(0.7375 * min(var(--full-width), 1600) * 1px);
  padding-top: calc(0.0525 * min(var(--full-width), 1600) * 1px);
  margin: 0 auto;
  background: #fff;
}
.bbcream-items > h2 {
  color: #fff;
  font-size: calc(0.01875 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  background: #f77400;
  border-radius: calc(0.00625 * min(var(--full-width), 1600) * 1px);
  width: calc(0.625 * min(var(--full-width), 1600) * 1px);
  height: calc(0.05 * min(var(--full-width), 1600) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto calc(0.040625 * min(var(--full-width), 1600) * 1px);
}

.bbcream-items__inner {
  padding: 0 calc(0.0575 * min(var(--full-width), 1600) * 1px);
}

.bbcream-item.item01,
.bbcream-item.item02 {
  padding-bottom: calc(0.0375 * min(var(--full-width), 1600) * 1px);
  margin-bottom: calc(0.034375 * min(var(--full-width), 1600) * 1px);
  border-bottom: calc(0.00375 * min(var(--full-width), 1600) * 1px) solid #8f6950;
}

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

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

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

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

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

.bbcream-item__body {
  width: calc(0.3125 * min(var(--full-width), 1600) * 1px);
}
.bbcream-item__body .brand {
  font-size: calc(0.015 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
}
.bbcream-item__body .name {
  font-size: calc(0.01875 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  line-height: 1.2;
}
.bbcream-item__body .size {
  font-size: calc(0.01125 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  margin-top: calc(0.0125 * min(var(--full-width), 1600) * 1px);
}
.bbcream-item__body .size .spf {
  color: #fff;
  font-size: calc(0.009375 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  background: #ad8870;
  border-radius: calc(0.009375 * min(var(--full-width), 1600) * 1px);
  height: calc(0.01875 * min(var(--full-width), 1600) * 1px);
  padding: 0 calc(0.01125 * min(var(--full-width), 1600) * 1px);
  margin-left: calc(0.01125 * min(var(--full-width), 1600) * 1px);
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.bbcream-item__body a {
  width: 100%;
  height: calc(0.05625 * min(var(--full-width), 1600) * 1px);
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/cart-bg.jpg) no-repeat center center/cover;
  font-size: calc(0.013125 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.025 * min(var(--full-width), 1600) * 1px);
}
.bbcream-item__body a img {
  margin-right: calc(0.0125 * min(var(--full-width), 1600) * 1px);
  width: calc(0.025625 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.bbcream-item__body .note {
  font-size: calc(0.006875 * min(var(--full-width), 1600) * 1px);
  text-align: center;
  margin-top: calc(0.0125 * min(var(--full-width), 1600) * 1px);
}

.item-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(0.01875 * min(var(--full-width), 1600) * 1px);
}
.item-price .price01 {
  font-size: calc(0.015 * min(var(--full-width), 1600) * 1px);
}
.item-price .price01 span {
  font-family: "Jost", sans-serif;
  font-size: calc(0.021875 * min(var(--full-width), 1600) * 1px);
  font-weight: 300;
}
.item-price .price02 {
  line-height: 1.2;
}
.item-price .price02 span {
  font-size: calc(0.05375 * min(var(--full-width), 1600) * 1px);
  font-family: "Jost", sans-serif;
  color: #8f6950;
  font-weight: 300;
  margin-left: calc(0.00625 * min(var(--full-width), 1600) * 1px);
}
.item-price .price02 span img {
  width: calc(0.025 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.item-price .price02 img {
  width: calc(0.05625 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.item-price > img {
  width: calc(0.0825 * min(var(--full-width), 1600) * 1px);
  height: auto;
}

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

.drphil-20240902-fm_bbcream .showmore {
  width: calc(0.451875 * min(var(--full-width), 1600) * 1px);
  height: calc(0.02 * min(var(--full-width), 1600) * 1px);
  border-radius: calc(0.01 * min(var(--full-width), 1600) * 1px);
  font-size: calc(0.01125 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  background: #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(0.0375 * min(var(--full-width), 1600) * 1px) auto calc(0.015 * min(var(--full-width), 1600) * 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.0125 * min(var(--full-width), 1600) * 1px);
  height: calc(0.0075 * min(var(--full-width), 1600) * 1px);
  margin-left: calc(0.011875 * min(var(--full-width), 1600) * 1px);
  transition: all 0.3s ease;
}
.drphil-20240902-fm_bbcream .showmore.active span::after {
  transform: rotate(180deg);
}

.showmore-text {
  display: none;
  width: calc(0.475 * min(var(--full-width), 1600) * 1px);
  margin: 0 auto;
  font-size: calc(0.01 * min(var(--full-width), 1600) * 1px);
  white-space: nowrap;
}

.present-inner {
  width: calc(0.625 * min(var(--full-width), 1600) * 1px);
  height: calc(0.230625 * min(var(--full-width), 1600) * 1px);
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/preent-frame.png) no-repeat center center/cover;
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-left: calc(0.01875 * min(var(--full-width), 1600) * 1px);
}
.present-inner h2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: calc(-0.021875 * min(var(--full-width), 1600) * 1px);
  width: calc(0.144375 * min(var(--full-width), 1600) * 1px);
}
.present-inner h2 img {
  width: 100%;
  height: auto;
}
.present-inner .note {
  font-size: calc(0.00625 * min(var(--full-width), 1600) * 1px);
  line-height: 1.7;
}

.present-body {
  display: flex;
  align-items: center;
  margin-bottom: calc(0.01875 * min(var(--full-width), 1600) * 1px);
}

.drphil-20240902-fm_bbcream .present-fukidashi {
  width: calc(0.14 * min(var(--full-width), 1600) * 1px);
  margin-right: calc(0.00625 * min(var(--full-width), 1600) * 1px);
}
.drphil-20240902-fm_bbcream .present-fukidashi img {
  width: 100%;
  height: auto;
}

.present-body__text p {
  font-size: calc(0.01125 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  margin-bottom: calc(0.00625 * min(var(--full-width), 1600) * 1px);
}
.present-body__text h3 {
  font-size: calc(0.01875 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  line-height: 1.3;
}

.present-item {
  position: absolute;
  width: calc(0.19625 * min(var(--full-width), 1600) * 1px);
  height: auto;
  top: calc(0.034375 * min(var(--full-width), 1600) * 1px);
  right: calc(0.026875 * min(var(--full-width), 1600) * 1px);
}

.bbcream-co01 {
  position: relative;
  padding-top: calc(0.08125 * min(var(--full-width), 1600) * 1px);
  background: url(/drphil/images/freepage/drphil-20260514-fm_bbcream/arrow-bg.png) no-repeat top center/auto calc(0.325 * min(var(--full-width), 1600) * 1px);
  margin-bottom: calc(0.071875 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co01 .inner {
  width: calc(0.65 * min(var(--full-width), 1600) * 1px);
  margin: 0 auto;
}
.bbcream-co01 .inner h2 {
  font-size: calc(0.03375 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(0.025 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co01 .inner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(0.0875 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co01 .inner ul li {
  font-size: calc(0.012 * min(var(--full-width), 1600) * 1px);
  color: #fff;
  font-weight: 700;
  height: calc(0.10625 * min(var(--full-width), 1600) * 1px);
  background: #000;
  border-radius: calc(0.00625 * min(var(--full-width), 1600) * 1px);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(0.01 * min(var(--full-width), 1600) * 1px);
}
/* .bbcream-co01 .inner ul li:first-child, .bbcream-co01 .inner ul li:last-child {
  width: calc(0.1875 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co01 .inner ul li:nth-child(2) {
  width: calc(0.2375 * min(var(--full-width), 1600) * 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.02875 * min(var(--full-width), 1600) * 1px);
  height: calc(0.02 * min(var(--full-width), 1600) * 1px);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: calc(-0.019375 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co01 .inner ul li:nth-child(3)::after, .bbcream-co01 .inner ul li:nth-child(4)::after {
  transform: scaleX(-1);
}
.bbcream-co01 .inner p {
  width: calc(0.595625 * min(var(--full-width), 1600) * 1px);
  margin: 0 auto;
}
.bbcream-co01 .inner p img {
  width: 100%;
  height: auto;
}

.bbcream-co02 {
  background: #fdf2e6;
  padding-top: calc(0.04375 * min(var(--full-width), 1600) * 1px);
  padding-bottom: calc(0.05 * min(var(--full-width), 1600) * 1px);
  margin-bottom: calc(0.075 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co02 .inner {
  width: calc(0.625 * min(var(--full-width), 1600) * 1px);
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bbcream-co02 .inner h3 {
  font-size: calc(0.0225 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
}
.bbcream-co02 .inner ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: calc(0.38125 * min(var(--full-width), 1600) * 1px);
  margin-top: calc(0.025 * min(var(--full-width), 1600) * 1px);
}
.bbcream-co02 .inner ul li {
  width: calc(0.120625 * min(var(--full-width), 1600) * 1px);
  height: calc(0.039375 * min(var(--full-width), 1600) * 1px);
  background: #9f8678;
  font-size: calc(0.01375 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  color: #fff;
  border-radius: calc(0.005 * min(var(--full-width), 1600) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(0.009375 * min(var(--full-width), 1600) * 1px);
}

.skin-image {
  position: relative;
}
.skin-image .face {
  width: calc(0.21125 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.skin-image .cream {
  width: calc(0.116875 * min(var(--full-width), 1600) * 1px);
  height: auto;
  position: absolute;
  top: calc(0.03125 * min(var(--full-width), 1600) * 1px);
  right: calc(-0.05 * min(var(--full-width), 1600) * 1px);
}

.bbcream-point {
  width: calc(0.625 * min(var(--full-width), 1600) * 1px);
  margin-left: auto;
  margin-right: auto;
}
.bbcream-point + .bbcream-point {
  margin-top: calc(0.084375 * min(var(--full-width), 1600) * 1px);
}

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

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

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

.point-contents .note {
  font-size: calc(0.00625 * min(var(--full-width), 1600) * 1px);
  margin-top: calc(0.0125 * min(var(--full-width), 1600) * 1px);
}

.point-contents.point01 {
  display: flex;
  align-items: center;
}
.point-contents.point01 > div {
  width: 100%;
}
.point-contents.point01 .point-title {
  border-bottom: 1px solid #f77400;
  padding-bottom: calc(0.009375 * min(var(--full-width), 1600) * 1px);
  margin-bottom: calc(0.009375 * min(var(--full-width), 1600) * 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.0375 * min(var(--full-width), 1600) * 1px);
  padding: calc(0.0375 * min(var(--full-width), 1600) * 1px) calc(0.028125 * min(var(--full-width), 1600) * 1px);
}
.point01-body p {
  font-size: calc(0.015625 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #000;
  height: calc(0.030625 * min(var(--full-width), 1600) * 1px);
  width: calc(0.13875 * min(var(--full-width), 1600) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(0.00625 * min(var(--full-width), 1600) * 1px);
  left: calc(-0.00625 * min(var(--full-width), 1600) * 1px);
  transform: rotate(-10deg);
}
.point01-body h3 {
  text-align: center;
  font-size: calc(0.0175 * min(var(--full-width), 1600) * 1px);
  color: #fff;
  font-weight: 700;
  padding-bottom: calc(0.00625 * min(var(--full-width), 1600) * 1px);
  border-bottom: 2px solid #fff;
  margin-bottom: calc(0.01875 * min(var(--full-width), 1600) * 1px);
}
.point01-body > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.point01-body > div img {
  width: calc(0.265625 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.point01-body > div.point01-image {
  margin-bottom: calc(0.0375 * min(var(--full-width), 1600) * 1px);
}

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

.bbcream-point.point02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bbcream-point.point02 > img {
  width: calc(0.280625 * min(var(--full-width), 1600) * 1px);
  height: auto;
  margin-left: calc(0.025 * min(var(--full-width), 1600) * 1px);
}

.bbcream-point.point03 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bbcream-point.point03 > img {
  width: calc(0.276875 * min(var(--full-width), 1600) * 1px);
  height: auto;
  margin-right: calc(0.025 * min(var(--full-width), 1600) * 1px);
}

.point04-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.point04-inner > div {
  width: calc(0.29375 * min(var(--full-width), 1600) * 1px);
}
.point04-inner > div > img {
  width: 100%;
  height: auto;
}

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

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

.point04-body {
  height: calc(0.1125 * min(var(--full-width), 1600) * 1px);
}

.bbcream-point.point05 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(0.09375 * min(var(--full-width), 1600) * 1px);
}
.bbcream-point.point05 > img {
  width: calc(0.31 * min(var(--full-width), 1600) * 1px);
  height: auto;
  margin-left: calc(0.0125 * min(var(--full-width), 1600) * 1px);
}

.bbcream-howto {
  width: calc(0.625 * min(var(--full-width), 1600) * 1px);
  margin: 0 auto;
}
.bbcream-howto + .bbcream-howto {
  margin-top: calc(0.05 * min(var(--full-width), 1600) * 1px);
}
.bbcream-howto .note {
  font-size: calc(0.006875 * min(var(--full-width), 1600) * 1px);
}
.bbcream-howto ul {
  padding-left: calc(0.06125 * min(var(--full-width), 1600) * 1px);
}
.bbcream-howto ul li {
  font-size: calc(0.00875 * min(var(--full-width), 1600) * 1px);
  line-height: 2.2;
}
.bbcream-howto.step {
  margin-bottom: calc(0.09375 * min(var(--full-width), 1600) * 1px);
}

.drphil-20240902-fm_bbcream .howto-title {
  font-size: calc(0.01 * min(var(--full-width), 1600) * 1px);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  height: calc(0.028125 * min(var(--full-width), 1600) * 1px);
  border-radius: calc(0.00375 * min(var(--full-width), 1600) * 1px);
  margin-bottom: calc(0.025 * min(var(--full-width), 1600) * 1px);
}

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

.howto-step {
  display: flex;
  align-items: flex-start;
}
.howto-step > div {
  position: relative;
  margin-left: calc(0.01875 * min(var(--full-width), 1600) * 1px);
}
.howto-step:first-child {
  width: calc(0.25875 * min(var(--full-width), 1600) * 1px);
}
.howto-step:first-child > img {
  width: calc(0.12625 * min(var(--full-width), 1600) * 1px);
  height: auto;
}
.howto-step:last-child {
  width: calc(0.346875 * min(var(--full-width), 1600) * 1px);
}
.howto-step:last-child > img {
  width: calc(0.10875 * min(var(--full-width), 1600) * 1px);
  height: auto;
}

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

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

.drphil-20240902-fm_bbcream .step-text03 {
  font-size: calc(0.00875 * min(var(--full-width), 1600) * 1px);
  color: #fff;
  line-height: 1.4;
  background: #8f6950;
  border-radius: calc(0.00375 * min(var(--full-width), 1600) * 1px);
  width: calc(0.19875 * min(var(--full-width), 1600) * 1px);
  height: calc(0.03125 * min(var(--full-width), 1600) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.016875 * min(var(--full-width), 1600) * 1px);
  position: relative;
}
.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.0175 * min(var(--full-width), 1600) * 1px);
  height: calc(0.016875 * min(var(--full-width), 1600) * 1px);
  position: absolute;
  right: calc(0.031875 * min(var(--full-width), 1600) * 1px);
  top: calc(-0.0125 * min(var(--full-width), 1600) * 1px);
}

.bbcream-wrap02 {
  padding-top: calc(0.04375 * min(var(--full-width), 1600) * 1px);
  padding-bottom: calc(0.09375 * min(var(--full-width), 1600) * 1px);
}/*# sourceMappingURL=pc.orig.css.map */