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

.mpsk *,
.mpsk::before,
.mpsk::after {
  box-sizing: border-box;
}

.mpsk img {
  height: auto;
  width: 100%;
}

.mpsk sup {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  margin-right: -0.3em;
}

.mpsk sup small {
  display: block;
  line-height: 1em;
  padding: 0;
  text-indent: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: 0 0.3em;
          transform-origin: 0 0.3em;
}

.mpsk sub {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  margin-right: -0.5em;
}

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

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

.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

/* ---------------------------------------- */
.mpsk-top {
  background: url(/drphil/images/goods/MPSK/mv-sp.jpg) no-repeat top center/cover;
  height: -webkit-calc((900 / 750) * 100vw);
  height: calc((900 / 750) * 100vw);
  margin-bottom: -webkit-calc((110 / 750) * 100vw);
  margin-bottom: calc((110 / 750) * 100vw);
  padding-left: -webkit-calc((26 / 750) * 100vw);
  padding-left: calc((26 / 750) * 100vw);
  padding-top: -webkit-calc((26 / 750) * 100vw);
  padding-top: calc((26 / 750) * 100vw);
  width: 100%;
}

.mpsk-top .head {
  color: #fff;
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  font-weight: 700;
  line-height: 1;
  margin-bottom: -webkit-calc((292 / 750) * 100vw);
  margin-bottom: calc((292 / 750) * 100vw);
}

.mpsk .mpsk-contents h1 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0 auto;
  width: -webkit-calc((618 / 750) * 100vw);
  width: calc((618 / 750) * 100vw);
}

.mpsk-top .note {
  color: #fff;
  font-size: -webkit-calc((18 / 750) * 100vw);
  font-size: calc((18 / 750) * 100vw);
  font-weight: 500;
  margin-top: -webkit-calc((30 / 750) * 100vw);
  margin-top: calc((30 / 750) * 100vw);
  text-align: center;
}

.mpsk-block01 {
  background: #122b88;
  padding: -webkit-calc((75 / 750) * 100vw) -webkit-calc((35 / 750) * 100vw) -webkit-calc((45 / 750) * 100vw);
  padding: calc((75 / 750) * 100vw) calc((35 / 750) * 100vw) calc((45 / 750) * 100vw);
  position: relative;
  width: 100%;
}

.mpsk-block01::after {
  background: url(/drphil/images/goods/MPSK/intro-bg-arrow.png) no-repeat center center/calc((75 / 750) * 100vw) auto;
  bottom: -webkit-calc((-57 / 750) * 100vw);
  bottom: calc((-57 / 750) * 100vw);
  content: '';
  display: block;
  height: -webkit-calc((58 / 750) * 100vw);
  height: calc((58 / 750) * 100vw);
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: -webkit-calc((75 / 750) * 100vw);
  width: calc((75 / 750) * 100vw);
}

.mpsk .teacher-tag {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -webkit-calc((-50 / 750) * 100vw);
  top: calc((-50 / 750) * 100vw);
  width: -webkit-calc((345 / 750) * 100vw);
  width: calc((345 / 750) * 100vw);
}

.mana-image {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: -webkit-calc((15 / 750) * 100vw);
  right: calc((15 / 750) * 100vw);
  top: -webkit-calc((79 / 750) * 100vw);
  top: calc((79 / 750) * 100vw);
}

.mana-image img {
  height: auto;
  width: -webkit-calc((254 / 750) * 100vw);
  width: calc((254 / 750) * 100vw);
}

.mana-image p {
  font-size: -webkit-calc((20 / 750) * 100vw);
  font-size: calc((20 / 750) * 100vw);
  text-align: center;
}

.mana-image p span {
  display: block;
  font-size: -webkit-calc((18 / 750) * 100vw);
  font-size: calc((18 / 750) * 100vw);
  line-height: 1.3;
}

.mpsk-block01 h2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #3b4043;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  font-size: -webkit-calc((24 / 750) * 100vw);
  font-size: calc((24 / 750) * 100vw);
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  line-height: 1.3;
  margin-bottom: -webkit-calc((18 / 750) * 100vw);
  margin-bottom: calc((18 / 750) * 100vw);
  position: relative;
  text-align: center;
  width: -webkit-calc((490 / 750) * 100vw);
  width: calc((490 / 750) * 100vw);
}

.mpsk-block01 h2::after {
  background: url(/drphil/images/goods/MPSK/fukidashi.png) no-repeat bottom center/cover;
  content: '';
  display: block;
  height: -webkit-calc((50 / 750) * 100vw);
  height: calc((50 / 750) * 100vw);
  width: -webkit-calc((491 / 750) * 100vw);
  width: calc((491 / 750) * 100vw);
}

.mpsk-block01 h3 {
  margin-bottom: -webkit-calc((35 / 750) * 100vw);
  margin-bottom: calc((35 / 750) * 100vw);
  text-align: center;
  width: -webkit-calc((436 / 750) * 100vw);
  width: calc((436 / 750) * 100vw);
}

.mpsk-block01 .lead {
  font-size: -webkit-calc((24 / 750) * 100vw);
  font-size: calc((24 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.5em;
  text-align: center;
  color: #fff;
}

.mpsk-block01 > img {
  margin-top: -webkit-calc((60 / 750) * 100vw);
  margin-top: calc((60 / 750) * 100vw);
  position: relative;
  z-index: 2;
}

.mpsk-block02 {
  margin: -webkit-calc((95 / 750) * 100vw) auto 0;
  margin: calc((95 / 750) * 100vw) auto 0;
  padding: 0 -webkit-calc((35 / 750) * 100vw) -webkit-calc((125 / 750) * 100vw);
  padding: 0 calc((35 / 750) * 100vw) calc((125 / 750) * 100vw);
  width: 100%;
}

.mpsk-block02 > img {
  height: auto;
  margin: 0 auto;
  width: -webkit-calc((595 / 750) * 100vw);
  width: calc((595 / 750) * 100vw);
}

.mpsk-barrier > img {
  height: auto;
  margin: 0 auto -webkit-calc((35 / 750) * 100vw);
  margin: 0 auto calc((35 / 750) * 100vw);
  width: -webkit-calc((433 / 750) * 100vw);
  width: calc((433 / 750) * 100vw);
}

.mpsk-barrier__text h3 {
  border-bottom: 2px solid #122b88;
  color: #010000;
  font-size: -webkit-calc((50 / 750) * 100vw);
  font-size: calc((50 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: -webkit-calc((18 / 750) * 100vw);
  margin-bottom: calc((18 / 750) * 100vw);
  padding-bottom: -webkit-calc((20 / 750) * 100vw);
  padding-bottom: calc((20 / 750) * 100vw);
  text-align: center;
}

.mpsk-barrier__text h3 span {
  display: block;
  font-size: -webkit-calc((32 / 750) * 100vw);
  font-size: calc((32 / 750) * 100vw);
}

.mpsk-barrier__text > img {
  margin-bottom: -webkit-calc((36 / 750) * 100vw);
  margin-bottom: calc((36 / 750) * 100vw);
}

.mpsk-block03 {
  background: #caf1fc;
  padding: -webkit-calc((70 / 750) * 100vw) -webkit-calc((35 / 750) * 100vw);
  padding: calc((70 / 750) * 100vw) calc((35 / 750) * 100vw);
  width: 100%;
}

.mpsk-block03 > h3 {
  font-size: -webkit-calc((40 / 750) * 100vw);
  font-size: calc((40 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: -webkit-calc((40 / 750) * 100vw);
  margin-bottom: calc((40 / 750) * 100vw);
  text-align: center;
}

.mpsk-protect {
  background-color: #fff;
  border-radius: -webkit-calc((24 / 750) * 100vw);
  border-radius: calc((24 / 750) * 100vw);
  box-shadow: 0px 5px 20px 0px rgba(18, 85, 136, 0.3);
  margin-bottom: -webkit-calc((35 / 750) * 100vw);
  margin-bottom: calc((35 / 750) * 100vw);
  margin-top: -webkit-calc((60 / 750) * 100vw);
  margin-top: calc((60 / 750) * 100vw);
  overflow: hidden;
  padding-bottom: -webkit-calc((50 / 750) * 100vw);
  padding-bottom: calc((50 / 750) * 100vw);
  width: -webkit-calc((670 / 750) * 100vw);
  width: calc((670 / 750) * 100vw);
}

.mpsk-protect h2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #122b88;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: -webkit-calc((105 / 750) * 100vw);
  height: calc((105 / 750) * 100vw);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: -webkit-calc((40 / 750) * 100vw);
  margin-bottom: calc((40 / 750) * 100vw);
}

.mpsk-protect h2 img {
  height: -webkit-calc((33 / 750) * 100vw);
  height: calc((33 / 750) * 100vw);
  width: auto;
}

.mpsk-protect > p {
  color: #010000;
  font-size: -webkit-calc((24 / 750) * 100vw);
  font-size: calc((24 / 750) * 100vw);
  font-weight: 700;
  text-align: center;
}

.mpsk-protect__image {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-top: -webkit-calc((40 / 750) * 100vw);
  margin-top: calc((40 / 750) * 100vw);
}

.mpsk-protect__image p {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border: 2px solid #122b88;
  border-radius: -webkit-calc((20 / 750) * 100vw);
  border-radius: calc((20 / 750) * 100vw);
  color: #122b88;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  font-weight: 700;
  height: -webkit-calc((164 / 750) * 100vw);
  height: calc((164 / 750) * 100vw);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  line-height: 1.3;
  text-align: center;
  width: -webkit-calc((230 / 750) * 100vw);
  width: calc((230 / 750) * 100vw);
}

.mpsk-protect__image img {
  height: -webkit-calc((63 / 750) * 100vw);
  height: calc((63 / 750) * 100vw);
  margin: 0 -webkit-calc((23 / 750) * 100vw);
  margin: 0 calc((23 / 750) * 100vw);
  width: -webkit-calc((63 / 750) * 100vw);
  width: calc((63 / 750) * 100vw);
}

.mpsk-block03 .note {
  font-size: -webkit-calc((18 / 750) * 100vw);
  font-size: calc((18 / 750) * 100vw);
  font-weight: 500;
  text-align: center;
}

.mpsk-protect__image02 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: -webkit-calc((35 / 750) * 100vw) 0;
  margin: calc((35 / 750) * 100vw) 0;
}

.mpsk-protect__image02 img {
  height: auto;
  width: -webkit-calc((280 / 750) * 100vw);
  width: calc((280 / 750) * 100vw);
}

.mpsk-protect__detail {
  border-top: 1px solid #0d0f0e;
  margin: -webkit-calc((36 / 750) * 100vw) auto 0;
  margin: calc((36 / 750) * 100vw) auto 0;
  padding-top: -webkit-calc((40 / 750) * 100vw);
  padding-top: calc((40 / 750) * 100vw);
  width: -webkit-calc((590 / 750) * 100vw);
  width: calc((590 / 750) * 100vw);
}

.mpsk-protect__detail h3 {
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  font-weight: 700;
  margin-bottom: -webkit-calc((30 / 750) * 100vw);
  margin-bottom: calc((30 / 750) * 100vw);
  text-align: center;
}

.mpsk-protect__detail ul {
  height: -webkit-calc((680 / 750) * 100vw);
  height: calc((680 / 750) * 100vw);
  position: relative;
}

.mpsk-protect__detail ul li {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  position: absolute;
  width: -webkit-calc((210 / 750) * 100vw);
  width: calc((210 / 750) * 100vw);
}

.mpsk-protect__detail ul li img {
  margin-bottom: -webkit-calc((16 / 750) * 100vw);
  margin-bottom: calc((16 / 750) * 100vw);
}

.mpsk-protect__detail ul li span {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: -webkit-calc((22 / 750) * 100vw);
  font-size: calc((22 / 750) * 100vw);
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  line-height: 1.2;
  min-height: 2em;
  text-align: center;
}

.mpsk-protect__detail ul li:first-child {
  left: 0;
  top: 0;
}

.mpsk-protect__detail ul li:nth-child(2) {
  right: 0;
  top: 0;
}

.mpsk-protect__detail ul li:nth-child(3) {
  left: 0;
  margin: 0 auto;
  right: 0;
  top: -webkit-calc((210 / 750) * 100vw);
  top: calc((210 / 750) * 100vw);
}

.mpsk-protect__detail ul li:nth-child(4) {
  bottom: 0;
  left: 0;
}

.mpsk-protect__detail ul li:nth-child(5) {
  bottom: 0;
  right: 0;
}

.mpsk-protect__detail ul li span sub {
  font-weight: 700;
}

.mpsk-protect__detail .note-right {
  font-size: -webkit-calc((18 / 750) * 100vw);
  font-size: calc((18 / 750) * 100vw);
  font-weight: 500;
  margin: -webkit-calc((15 / 750) * 100vw) 0;
  margin: calc((15 / 750) * 100vw) 0;
  text-align: right;
}

.mpsk-block04 {
  margin: -webkit-calc((120 / 750) * 100vw) auto -webkit-calc((100 / 750) * 100vw);
  margin: calc((120 / 750) * 100vw) auto calc((100 / 750) * 100vw);
  width: 100%;
}

.mpsk-block04__top {
  background: url(/drphil/images/goods/MPSK/face-bg_sp.png) no-repeat top right/calc((548 / 750) * 100vw) auto;
  margin-bottom: -webkit-calc((120 / 750) * 100vw);
  margin-bottom: calc((120 / 750) * 100vw);
  padding-left: -webkit-calc((25 / 750) * 100vw);
  padding-left: calc((25 / 750) * 100vw);
  padding-top: -webkit-calc((80 / 750) * 100vw);
  padding-top: calc((80 / 750) * 100vw);
}

.mpsk-block04__top h3 {
  font-size: -webkit-calc((40 / 750) * 100vw);
  font-size: calc((40 / 750) * 100vw);
  font-weight: 700;
}

.mpsk-block04__top h3 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #ffff00));
  background: linear-gradient(transparent 60%, #ffff00 40%);
  display: inline-block;
  font-size: -webkit-calc((62 / 750) * 100vw);
  font-size: calc((62 / 750) * 100vw);
}

.mpsk-block04__top h4 {
  height: auto;
  width: -webkit-calc((443 / 750) * 100vw);
  width: calc((443 / 750) * 100vw);
}

.mpsk-block04__top p {
  font-size: -webkit-calc((32 / 750) * 100vw);
  font-size: calc((32 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.mpsk-block04__contents {
  padding: 0 -webkit-calc((40 / 750) * 100vw);
  padding: 0 calc((40 / 750) * 100vw);
}

.mpsk-point {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #122b88;
  border-radius: -webkit-calc((20 / 750) * 100vw);
  border-radius: calc((20 / 750) * 100vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: -webkit-calc((100 / 750) * 100vw);
  height: calc((100 / 750) * 100vw);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: -webkit-calc((55 / 750) * 100vw);
  margin-bottom: calc((55 / 750) * 100vw);
  position: relative;
}

.mpsk-point p {
  height: -webkit-calc((97 / 750) * 100vw);
  height: calc((97 / 750) * 100vw);
  left: -webkit-calc((-25 / 750) * 100vw);
  left: calc((-25 / 750) * 100vw);
  position: absolute;
  top: -webkit-calc((-45 / 750) * 100vw);
  top: calc((-45 / 750) * 100vw);
}

.mpsk-point p img {
  height: 100%;
  width: auto;
}

.mpsk-point h2 {
  color: #fff;
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  font-weight: 700;
}

.mpsk-point.point02 h2,
.mpsk-point.point03 h2 {
  font-size: -webkit-calc((34 / 750) * 100vw);
  font-size: calc((34 / 750) * 100vw);
}

.mpsk-point h2 span {
  color: #ffa0a7;
  font-size: -webkit-calc((42 / 750) * 100vw);
  font-size: calc((42 / 750) * 100vw);
}

.mpsk-point__inner.point01 {
  margin-bottom: -webkit-calc((88 / 750) * 100vw);
  margin-bottom: calc((88 / 750) * 100vw);
}

.mpsk-point__inner.point01 p {
  font-size: -webkit-calc((28 / 750) * 100vw);
  font-size: calc((28 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.mpsk-point__inner.point01 img {
  display: block;
  height: auto;
  margin: -webkit-calc((60 / 750) * 100vw) auto 0;
  margin: calc((60 / 750) * 100vw) auto 0;
  width: -webkit-calc((455 / 750) * 100vw);
  width: calc((455 / 750) * 100vw);
}

.mpsk-point__inner.point02 > div {
  margin-bottom: -webkit-calc((70 / 750) * 100vw);
  margin-bottom: calc((70 / 750) * 100vw);
}

.mpsk-point__inner.point02 > div h3 {
  font-size: -webkit-calc((40 / 750) * 100vw);
  font-size: calc((40 / 750) * 100vw);
  font-weight: 700;
  margin: -webkit-calc((20 / 750) * 100vw) 0;
  margin: calc((20 / 750) * 100vw) 0;
  text-align: center;
}

.mpsk-point__inner.point02 > div p {
  font-size: -webkit-calc((24 / 750) * 100vw);
  font-size: calc((24 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}

.mpsk-voice {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.mpsk-voice > div {
  background: #f39da3;
  border-radius: -webkit-calc((20 / 750) * 100vw);
  border-radius: calc((20 / 750) * 100vw);
  height: auto;
  padding-bottom: -webkit-calc((30 / 750) * 100vw);
  padding-bottom: calc((30 / 750) * 100vw);
  padding-left: -webkit-calc((40 / 750) * 100vw);
  padding-left: calc((40 / 750) * 100vw);
  padding-top: -webkit-calc((30 / 750) * 100vw);
  padding-top: calc((30 / 750) * 100vw);
  position: relative;
  width: -webkit-calc((500 / 750) * 100vw);
  width: calc((500 / 750) * 100vw);
}

.mpsk-voice:nth-child(2) > div {
  padding-left: -webkit-calc((30 / 750) * 100vw);
  padding-left: calc((30 / 750) * 100vw);
  width: -webkit-calc((510 / 750) * 100vw);
  width: calc((510 / 750) * 100vw);
}

.mpsk-voice + .mpsk-voice {
  margin-top: -webkit-calc((40 / 750) * 100vw);
  margin-top: calc((40 / 750) * 100vw);
}

.mpsk-voice > div p {
  color: #fff;
  font-size: -webkit-calc((22 / 750) * 100vw);
  font-size: calc((22 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.6;
}

.mpsk-voice > div p span {
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
}

.mpsk-voice:first-child img {
  height: auto;
  width: -webkit-calc((115 / 750) * 100vw);
  width: calc((115 / 750) * 100vw);
}

.mpsk-voice:nth-child(2) img {
  height: auto;
  width: -webkit-calc((97 / 750) * 100vw);
  width: calc((97 / 750) * 100vw);
}

.mpsk-voice:first-child > div::before {
  background: url(/drphil/images/goods/MPSK/voice-fukidashi01.png) no-repeat left center/calc((40 / 750) * 100vw) auto;
  content: '';
  display: block;
  height: -webkit-calc((30 / 750) * 100vw);
  height: calc((30 / 750) * 100vw);
  left: -webkit-calc((-29 / 750) * 100vw);
  left: calc((-29 / 750) * 100vw);
  position: absolute;
  top: -webkit-calc((95 / 750) * 100vw);
  top: calc((95 / 750) * 100vw);
  width: -webkit-calc((40 / 750) * 100vw);
  width: calc((40 / 750) * 100vw);
}

.mpsk-voice:nth-child(2) > div::after {
  background: url(/drphil/images/goods/MPSK/voice-fukidashi02.png) no-repeat right center/calc((40 / 750) * 100vw) auto;
  content: '';
  display: block;
  height: -webkit-calc((35 / 750) * 100vw);
  height: calc((35 / 750) * 100vw);
  position: absolute;
  right: -webkit-calc((-39 / 750) * 100vw);
  right: calc((-39 / 750) * 100vw);
  top: -webkit-calc((90 / 750) * 100vw);
  top: calc((90 / 750) * 100vw);
  width: -webkit-calc((40 / 750) * 100vw);
  width: calc((40 / 750) * 100vw);
}

.tab__content__body.mpsk-block05 {
  padding: 0 -webkit-calc((40 / 750) * 100vw);
  padding: 0 calc((40 / 750) * 100vw);
}

.mpsk-block05 .free {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: -webkit-calc((80 / 750) * 100vw);
  margin-bottom: calc((80 / 750) * 100vw);
  padding: -webkit-calc((85 / 750) * 100vw) 0;
  padding: calc((85 / 750) * 100vw) 0;
}

.mpsk-block05 .free__list__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #1a1b1b;
  border-radius: 4px;
  color: #3b4043;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  height: -webkit-calc((70 / 750) * 100vw);
  height: calc((70 / 750) * 100vw);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: -webkit-calc((30 / 750) * 100vw);
  margin-bottom: calc((30 / 750) * 100vw);
  width: 100%;
}

.mpsk-block05 .note-right {
  color: #3b4043;
  font-size: -webkit-calc((20 / 750) * 100vw);
  font-size: calc((20 / 750) * 100vw);
  text-align: right;
}

.mpsk-block06 .c-title-gray-rect {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0 0 -webkit-calc((60 / 750) * 100vw);
  margin: 0 0 calc((60 / 750) * 100vw);
  padding: 15px 20px;
  position: relative;
}

.mpsk-block06 .c-title-gray-rect__label {
  font-size: -webkit-calc((32 / 750) * 100vw);
  font-size: calc((32 / 750) * 100vw);
  font-weight: 700;
}

.mpsk-block06 .tab__content__body {
  padding: 0 -webkit-calc((40 / 750) * 100vw);
  padding: 0 calc((40 / 750) * 100vw);
}

.mpsk-block06 .tab__content__body > p {
  font-size: -webkit-calc((26 / 750) * 100vw);
  font-size: calc((26 / 750) * 100vw);
  font-weight: 700;
}

.mpsk-block06 .tab__content__body > p + p {
  margin-top: 1.5em;
}

.mpsk-block06 .tab__content__body .ingred {
  border-top: 1px solid #ccc;
  margin: -webkit-calc((60 / 750) * 100vw) 0;
  margin: calc((60 / 750) * 100vw) 0;
  padding-top: -webkit-calc((60 / 750) * 100vw);
  padding-top: calc((60 / 750) * 100vw);
}

.mpsk .ingred__name {
  font-size: -webkit-calc((30 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  font-weight: 700;
  margin-bottom: -webkit-calc((30 / 750) * 100vw);
  margin-bottom: calc((30 / 750) * 100vw);
}

.mpsk-block06 .tab__content__body .ingred .ingredlist__title,
.mpsk-block06 .tab__content__body .ingred .ingredlist__item {
  font-size: -webkit-calc((26 / 750) * 100vw);
  font-size: calc((26 / 750) * 100vw);
  font-weight: 700;
}

.mpsk .allingred {
  border: 1px solid #d51348;
  border-radius: 5px;
  margin-top: 35px;
  padding-bottom: 8px;
}

.mpsk .allingred__title {
  color: #d51348;
  cursor: pointer;
  font-size: 15px;
  margin-top: 8px;
  text-align: center;
}

.mpsk .allingred__text {
  font-size: 11px;
  line-height: 1.7;
  padding: 0 15px;
  text-align: justify;
}

.mpsk .allingred__text p span {
  background: #ccc;
  display: block;
  height: 1px;
  margin: 15px 0;
  width: 100%;
}

.mpsk-top .head {
   position: inherit;
   text-align: center;
   width: 40vw;
}
.mpsk-top {
   height: -webkit-calc((900 / 660)* 100vw);
    height: calc((900 / 660)* 100vw);
    padding-top: -webkit-calc((18 / 750) * 100vw);
    padding-top: calc((18 / 750) * 100vw);
}

.campaign {
   background-color: #fff;
   border-radius: -webkit-calc((24 / 750)* 100vw);
    border-radius: calc((24 / 750)* 100vw);
    padding: -webkit-calc((60 / 750)* 100vw) calc((36 / 750)* 100vw);
    padding: calc((60 / 750)* 100vw) calc((36 / 750)* 100vw);
}
.campaign-title {
   text-align: center;
   position: relative;
}
.campaign-title h2 {
   color: #122B82;
   font-weight: bold;
   font-size: 6vw;
   text-align: center;
}
.campaign-title h2 span {
   font-size: 4vw;
}
.text-bg-b {
   background-color: #caf1fc;
    padding: 1vw 2vw;
    margin-bottom: 1vw;
    display: inline-block;
}
.campaign-data {
   text-align: center;
    background: #122b88;
    color: #fff;
    font-size: 3.5vw;
    display: inline-block;
    padding: 3vw 6vw;
    font-weight: bold;
    border-radius: calc((20 / 750) * 100vw);
    margin: 0 auto;
    margin-top: 4vw;
}
.campaign-deco1 {
   position: absolute !important;
    width: 15vw !important;
    top: -4vw;
    right: -2vw;
}
.campaign-deco2 {
   position: absolute !important;
   width: 15vw !important;
   top: 17vw;
   left: -3vw;
}
.campaign-number {
   font-size: 5.3vw;
    color: #122b88;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 10vw;
    text-align: center;
}
.campaign-inner__text {
   text-align: center;
   margin-top: 4vw;
}
.campaign__info {
   margin-top: 4vw;
}
.campaign__info p {
   font-size: 4.3vw;
   font-weight: bold;
}
.info-price__inner {
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 4vw;
}
.info-bold {
   font-size: 4.8vw;
   font-weight: bold;
}
.tax {
   font-size: 3vw;
}
.cart-button {
   color: #fff !important;
   background: #ee696f;
   font-size: 4vw;
   font-weight: bold;
   width: 60vw;
   text-align: center;
   padding: 2vw 13vw;
   margin: 3vw auto 0;
   display: block;
}
.lip-img {
   display: flex;
   justify-content: space-around;
   margin-bottom: 4vw;
   background: #fff;
    border-radius: -webkit-calc((24 / 750)* 100vw);
    border-radius: calc((24 / 750)* 100vw);
    padding: 3vw;
}
.lip-img figure {
   width: 45%;
   text-align: center;
}
.lip-img span {
   font-size: 2vw;
   display: block;
   text-align: right;
   width: 100%;
}
.lip-img figcaption {
   font-size: 2.8vw;
}
.mpsk-block01 .note {
   text-align: right;
    font-size: 2.2vw;
    color: #fff;
}
.campaign__info-note {
   font-size: 2vw;
   margin-top: 5vw !important;
   text-indent: -9em;
   padding-left: 9em !important;
}
.campaign-container > p {
   text-align: center;
   margin-bottom: 4vw;
   font-size: 3.5vw;
}
.campaign-inner.line {
   height: 1px;
    background: #b1eeff;
    margin: 10vw 0;
}
.mpsk-block03 > .note {
  text-align: right;
}
.mpsk-block05__note{
  color: #d51348;
  font-size: 2.2vw;
  margin: 3vw auto 10vw !important;
}