@charset "UTF-8";
/* Animation ################# */
@keyframes zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes tilt {
  0% {
    transform: rotate(5deg);
  }
  33% {
    transform: rotate(-3deg);
  }
  66% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes tilt_reverse {
  0% {
    transform: rotate(-5deg);
  }
  33% {
    transform: rotate(3deg);
  }
  66% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes twinkle {
  0% {
    transform: rotate(0deg);
    scale: 0.8;
  }
  50% {
    scale: 1;
  }
  100% {
    transform: rotate(359deg);
    scale: 0.8;
  }
}
/* Base ################# */
:where(.contents_sm) {
  color: #333;
  font-feature-settings: normal;
}
:where(.contents_sm) h1, :where(.contents_sm) h2, :where(.contents_sm) h3, :where(.contents_sm) h4, :where(.contents_sm) h5, :where(.contents_sm) h6, :where(.contents_sm) p {
  margin: 0;
}
:where(.contents_sm) ul, :where(.contents_sm) ol, :where(.contents_sm) dl {
  margin: 0;
  padding: 0;
}
:where(.contents_sm) li {
  list-style: none;
}
:where(.contents_sm) img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
:where(.contents_sm) a:focus {
  outline: none;
}

#footercontent .fsc_gfooter__breadcrumb {
  display: none;
}

.brand_kr {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.brand_list_prg {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.brand_item_prg {
  box-sizing: border-box;
  width: 25%;
  padding: 10px;
}

.brand_link_prg {
  display: block;
  transition: opacity 0.2s ease;
}

.brand_link_prg:link,
.brand_link_prg:visited {
  color: #000;
}

.brand_link_prg:hover {
  text-decoration: none;
}

.brand_link_prg:hover {
  opacity: 0.6;
}

.brand_thumb_prg {
  display: block;
  width: 100%;
  margin-bottom: 14px;
  border-radius: 2px;
}

.brand_title_prg {
  display: block;
  margin-bottom: 4px;
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", sans-serif;
}

.brand_desc_prg {
  display: block;
  font-size: 0.625rem;
  line-height: 1.6;
  letter-spacing: normal;
}

.fsc_container {
  margin-bottom: 3.125rem;
}
.fca_section__h {
  line-height: 2.5em;
}

.brand_list_prg {
  list-style: none;
  padding-left: 0;
}

/* Button ################# */
.c-button_sm {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(260/375 * 100vw);
  line-height: 1;
  margin: auto;
  min-height: calc(60/375 * 100vw);
  padding: 12px;
  background-color: #222;
  border: 1px solid #222;
  border-radius: 1000px;
  color: #fff;
  font-size: calc(16/375 * 100vw);
  font-weight: 600;
  transition: background-color 0.2s 0s linear, color 0.2s 0s linear;
}
.c-button_sm svg {
  position: absolute;
  top: 0;
  right: calc(22/375 * 100vw);
  bottom: 0;
  margin: auto;
  width: calc(16/375 * 100vw);
  height: calc(18/375 * 100vw);
  fill: #fff;
  transition: fill 0.2s 0s linear;
}

/* 価格テキスト ################# */
.c-price_sm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.c-price__text_sm {
  font-size: calc(10/375 * 100vw);
  font-weight: 600;
}
.c-price__amount_sm {
  line-height: 1;
  font-size: calc(12/375 * 100vw);
  font-weight: 600;
}
.c-price__yen_sm {
  line-height: 1;
  margin-left: calc(5/375 * 100vw);
  font-size: calc(28/375 * 100vw);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.c-price__yen_sm::before {
  font-size: calc(12/375 * 100vw);
  content: "￥";
}
.c-price__tax_sm {
  line-height: 1;
  display: block;
  margin-top: calc(4/375 * 100vw);
  text-align: right;
  font-size: calc(10/375 * 100vw);
  font-weight: 600;
}
.c-price_sm svg {
  width: calc(8/375 * 100vw);
  align-self: center;
}
.c-price__special_sm .c-price__yen_sm {
  font-size: calc(35/375 * 100vw);
  color: #FF7171;
}

/* Decoration ################# */
.c-kirakiraL_sm {
  width: calc(36/375 * 100vw);
  height: calc(36/375 * 100vw);
  animation: twinkle 3s linear 0s infinite normal forwards running;
  transition: transform 0.2s 0s linear;
}

.c-kirakiraM_sm {
  width: calc(36/375 * 100vw);
  height: calc(36/375 * 100vw);
  animation: twinkle 2s linear 0s infinite normal forwards running;
  transition: transform 0.2s 0s linear;
}

.c-kirakiraS_sm {
  width: calc(20/375 * 100vw);
  height: calc(20/375 * 100vw);
  animation: twinkle 1s linear 0s infinite normal forwards running;
  transition: transform 0.2s 0s linear;
}

/* 追従バナー ################# */
.c-floatingBnr_sm {
  display: block;
  position: fixed;
  bottom: clamp(10px, calc(4.6224961479vw + -7.3343605547px), 40px);
  right: clamp(10px, calc(4.6224961479vw + -7.3343605547px), 40px);
  z-index: 10;
  overflow: hidden;
}
.c-floatingBnr_sm span {
  display: block;
  position: absolute;
  bottom: clamp(27px, calc(3.5439137134vw + 13.7103235747px), 50px);
  z-index: 2;
  width: clamp(110px, calc(13.8674884438vw + 57.9969183359px), 200px);
  height: clamp(110px, calc(13.8674884438vw + 57.9969183359px), 200px);
  overflow: hidden;
  mix-blend-mode: darken;
}
.c-floatingBnr_sm span img {
  position: relative;
  top: 50%;
  width: clamp(110px, calc(13.8674884438vw + 57.9969183359px), 200px);
  height: clamp(110px, calc(13.8674884438vw + 57.9969183359px), 200px);
  transition: top 0.25s 0s linear;
}
.c-floatingBnr_sm [src*="bnr_floating.svg"] {
  position: relative;
  z-index: 1;
  width: clamp(110px, calc(13.8674884438vw + 57.9969183359px), 200px);
  height: clamp(143px, calc(18.0277349769vw + 75.3959938367px), 260px);
}

/* KVスライダー  ################# */
.p-kv_sm {
  height: calc(460/375 * 100vw);
  overflow: hidden;
}
.p-kv_sm img {
  animation: zoom 7s linear 0s 1 normal forwards running;
} /* 固定背景  ################# */
.p-bgSticky_sm::before {
  display: block;
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("../images/bg_overview_sp.jpg") no-repeat center top/cover;
  content: "";
}

/* Overview  ################# */
.p-overview_sm {
  position: relative;
  z-index: 2;
}

.p-overview__inner_sm {
  position: relative;
  margin-top: -100vh;
  padding: calc(110/375 * 100vw) calc(40/375 * 100vw) calc(0/375 * 100vw);
}
.p-overview__bg_sm {
  padding-top: calc(200/375 * 100vw);
  background-color: #fff;
}
.p-overview__lead_sm {
  position: relative;
  z-index: 2;
  line-height: 2.2857142857;
  margin-top: calc(32/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: calc(14/375 * 100vw);
  font-weight: 600;
}
.p-overview__image_sm {
  position: relative;
  z-index: 2;
  bottom: calc(-165/375 * 100vw);
  margin-top: calc(-165/375 * 100vw);
  text-align: center;
}
.p-overview__image_sm p {
  position: relative;
  left: calc(10/375 * 100vw);
  width: calc(198/375 * 100vw);
  height: calc(106/375 * 100vw);
  margin: calc(40/375 * 100vw) auto 0;
  background: url("../images/bg_fukidashi.svg") no-repeat center center/100% auto;
}
.p-overview__image_sm p span {
  position: relative;
  top: calc(16/375 * 100vw);
  left: calc(10/375 * 100vw);
  display: inline-block;
  transform: rotate(10deg);
  font-size: calc(16/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-overview__image_sm [src*="satori.gif"] {
  width: calc(295/375 * 100vw);
  margin-top: calc(-20/375 * 100vw);
}
.p-overview__deco_sm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  max-width: 1257px;
  height: 100%;
  margin: auto;
  opacity: 0;
  transition: opacity 0.2s 0s linear;
}
.p-overview__deco_sm.is-show_sm {
  opacity: 1;
  transition: opacity 0.4s 0s linear;
}
.p-overview_sm [src*="images/kirakira"] {
  position: absolute;
  z-index: 1;
}
.p-overview_sm .p-deco01_sm {
  display: none;
}
.p-overview_sm .p-deco02_sm {
  top: calc(48/375 * 100vw);
  left: calc(46/375 * 100vw);
}
.p-overview_sm .p-deco03_sm {
  top: calc(155/375 * 100vw);
  right: calc(20/375 * 100vw);
}
.p-overview_sm .p-deco04_sm {
  display: none;
}
.p-overview_sm .p-deco05_sm {
  display: none;
}
.p-overview_sm .p-deco06_sm {
  display: none;
}
.p-overview_sm .p-deco07_sm {
  top: calc(675/375 * 100vw);
  right: calc(114/375 * 100vw);
}
.p-overview_sm .p-deco08_sm {
  top: calc(745/375 * 100vw);
  left: calc(20/375 * 100vw);
}
.p-overview_sm .p-deco09_sm {
  top: calc(720/375 * 100vw);
  right: calc(20/375 * 100vw);
}

.p-title_sm {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}

.p-title__sub_sm {
  line-height: 2;
  letter-spacing: 0.15em;
  font-size: clamp(12px, calc(0.9244992296vw + 8.5331278891px), 18px);
  font-family: Arial, Helvetica, sans-serif;
}
.p-title__main_sm {
  line-height: 2;
  margin-top: calc(5/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: clamp(20px, calc(3.0816640986vw + 8.4437596302px), 40px);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-title_sm::before {
  display: block;
  margin-top: calc(16/375 * 100vw);
  background: url("../images/logo_seemono.svg") no-repeat center center/auto 100%;
  height: calc(18/375 * 100vw);
  content: "";
}

.p-about_sm {
  position: relative;
  width: calc(335/375 * 100vw);
  margin: 0 auto;
  border: 1px solid #222;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 5px 5px 0 #222;
}

.p-about__inner_sm {
  overflow: hidden;
  padding: calc(20/375 * 100vw) calc(20/375 * 100vw) calc(25/375 * 100vw);
}
.p-about__inner_sm::before, .p-about__inner_sm::after {
  position: absolute;
  width: clamp(40px, calc(3.0816640986vw + 28.4437596302px), 60px);
  height: clamp(40px, calc(3.0816640986vw + 28.4437596302px), 60px);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2061.41%2061.41%22%3E%0D%0A%20%20%3Cpath%20d%3D%22m60.7.7-60%2060%22%20fill%3D%22none%22%20stroke%3D%22%23222%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center center/cover;
  content: "";
}
.p-about__inner_sm::before {
  top: -1px;
  left: -1px;
}
.p-about__inner_sm::after {
  bottom: -1px;
  right: -1px;
}
.p-about__title_sm {
  line-height: 3;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: clamp(20px, calc(1.8489984592vw + 13.0662557781px), 32px);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-about__title_sm::after {
  display: block;
  height: clamp(25px, calc(2.311248074vw + 16.3328197227px), 40px);
  background: url("../images/text_long-tailed-tit.svg") no-repeat center center/auto 100%;
  content: "";
}
.p-about__text_sm {
  line-height: 2;
  margin-top: calc(12/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: calc(14/375 * 100vw);
  font-weight: 600;
}
.p-about__image_sm {
  text-align: center;
  margin-top: calc(15/375 * 100vw);
}
.p-about__image_sm img {
  width: clamp(150px, calc(10.7858243451vw + 109.5531587057px), 220px);
}
.p-about__image_sm small {
  display: block;
  margin-top: 20px;
  font-size: calc(16/16 * 1rem);
  letter-spacing: 0.2em;
  font-weight: 600;
}

/* ラジオメーターについて  ################# */
.p-whats_sm {
  position: relative;
  z-index: 1;
  padding-top: calc(65/375 * 100vw);
}

.p-whats__title_sm {
  line-height: 2.5;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: calc(8/375 * 100vw);
  text-decoration-thickness: 2px;
  letter-spacing: 0.2em;
  font-size: calc(16/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-whats__title_sm::before {
  display: block;
  width: calc(335/375 * 100vw);
  height: calc(82/375 * 100vw);
  margin: 0 auto calc(-10/375 * 100vw);
  background: url("../images/title_whats_radiometer.svg") no-repeat center top/100% auto;
  content: "";
}
.p-whats__kv_sm {
  position: relative;
  z-index: 1;
  margin-top: calc(36/375 * 100vw);
}
.p-whats__kv_sm img {
  display: block;
  width: 100%;
  max-width: 1720px;
  background-color: #ccc;
  margin: auto;
  transition: transform 0.1s linear;
}
.p-whats__contents_sm {
  position: relative;
  z-index: 2;
  width: clamp(335px, calc(96.3020030817vw + -26.1325115562px), 960px);
  line-height: 2;
  margin: calc(-30/375 * 100vw) auto 0;
  border-radius: 20px;
  background-color: #fff;
  letter-spacing: 0.1em;
  font-size: calc(14/375 * 100vw);
  font-weight: 600;
}
.p-whats__lead_sm {
  padding: calc(25/375 * 100vw) calc(30/375 * 100vw) calc(40/375 * 100vw);
}
.p-whats__images_sm {
  display: grid;
  gap: 2.19%;
  grid-template-columns: 43.47% 54.34%;
  grid-template-rows: auto auto;
  grid-template-areas: "image01 image02" "image03 image02";
}
.p-whats__images_sm img {
  width: 100%;
  border-radius: clamp(10px, calc(1.5408320493vw + 4.2218798151px), 20px);
}
.p-whats__images_sm img:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: image01;
}
.p-whats__images_sm img:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: image02;
}
.p-whats__images_sm img:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: image03;
}

.p-whatsMedia_sm {
  width: calc(335/375 * 100vw);
  margin: calc(80/375 * 100vw) auto 0;
}

.p-whatsMedia__image_sm {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(220/375 * 100vw);
  text-align: center;
}
.p-whatsMedia__image_sm [src*="img_whats04.png"] {
  width: calc(180/375 * 100vw);
}
.p-whatsMedia__image_sm [src*="text_whats_circle.svg"] {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(220/375 * 100vw);
  height: calc(220/375 * 100vw);
  margin: auto;
  animation: rotate 30s linear 0s infinite normal forwards running;
  translate: -50% 0;
}
.p-whatsMedia__body_sm img {
  width: 100%;
}
.p-whatsMedia__title_sm {
  line-height: 2;
  margin-top: calc(40/375 * 100vw);
  text-align: center;
  letter-spacing: 0.1em;
  font-size: calc(20/375 * 100vw);
  font-weight: 600;
}
.p-whatsMedia__title_sm::before {
  display: block;
  height: 42px;
  margin-bottom: 10px;
  background: url("../images/title_present.svg") no-repeat center center/auto 100%;
  content: "";
}
.p-whatsMedia__text_sm {
  position: relative;
  z-index: 2;
  margin: calc(20/375 * 100vw) auto calc(12/375 * 100vw);
  padding: 0 calc(20/375 * 100vw);
  font-size: calc(14/375 * 100vw);
}
.p-whatsMedia_sm [src*="img_whats05.jpg"] {
  width: calc(315/375 * 100vw);
}

/* Profile  ################# */
.p-profile_sm {
  overflow: hidden;
  margin-top: calc(60/375 * 100vw);
  padding-top: calc(252/375 * 100vw);
  background: url("../images/bg_profile_sp.jpg") no-repeat center top/100% auto;
}

.p-profile__bg_sm {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.p-profile__titleGroup_sm {
  display: flex;
  flex-direction: column-reverse;
}
.p-profile__title_sm {
  margin-top: calc(30/375 * 100vw);
  text-align: center;
}
.p-profile__title_sm img {
  width: calc(178/375 * 100vw);
}
.p-profile__lead_sm {
  line-height: 2;
  padding: 0 calc(20/375 * 100vw);
  text-align: center;
  letter-spacing: 0.1em;
  font-size: calc(20/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-profile__inner_sm {
  position: relative;
  z-index: 2;
}
.p-profile__deco_sm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  max-width: 1468px;
  height: 100%;
  margin: auto;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s 0s linear;
}
.p-profile__deco_sm.is-show_sm {
  opacity: 1;
  transition: opacity 0.4s 0s linear;
}
.p-profile_sm [src*="images/kirakira"] {
  position: absolute;
}
.p-profile_sm .p-deco01_sm {
  display: none;
}
.p-profile_sm .p-deco02_sm {
  top: calc(132/375 * 100vw);
  left: calc(46/375 * 100vw);
}
.p-profile_sm .p-deco03_sm {
  top: calc(396/375 * 100vw);
  right: calc(40/375 * 100vw);
}
.p-profile_sm .p-deco04_sm {
  top: calc(615/375 * 100vw);
  right: calc(60/375 * 100vw);
}
.p-profile_sm .p-deco05_sm {
  display: none;
}
.p-profile_sm .p-deco06_sm {
  top: calc(805/375 * 100vw);
  left: calc(40/375 * 100vw);
}
.p-profile_sm .p-deco07_sm {
  display: none;
}
.p-profile_sm .p-deco08_sm {
  display: none;
}
.p-profile_sm .p-deco09_sm {
  display: none;
}
.p-profile_sm .p-deco10_sm {
  top: calc(1045/375 * 100vw);
  right: calc(40/375 * 100vw);
}
.p-profile_sm .p-deco11_sm {
  top: calc(1217/375 * 100vw);
  left: calc(40/375 * 100vw);
}

.p-profileMedia_sm {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column-reverse;
  width: calc(335/375 * 100vw);
  max-width: 960px;
  margin: calc(36/375 * 100vw) auto 0;
}

.p-profileMedia__image_sm {
  text-align: center;
  padding: 0 calc(20/375 * 100vw);
}
.p-profileMedia__image_sm img {
  width: 100%;
  transform-origin: bottom center;
  mix-blend-mode: darken;
}
.p-profileMedia__body_sm svg {
  display: none;
}
.p-profileMedia__title_sm {
  text-align: center;
  line-height: 2.5;
  letter-spacing: 0.1em;
  font-size: calc(24/375 * 100vw);
  font-weight: 600;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-profileMedia__text_sm {
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: calc(16/375 * 100vw);
  font-weight: 600;
}
.p-profileMedia_sm.is-show_sm .p-profileMedia__image img {
  animation: tilt 0.6s linear 0s 1 normal forwards running;
}
.p-profileMedia_sm.is-reverse_sm.is-show_sm .p-profileMedia__image_sm img {
  animation: tilt_reverse 0.6s linear 0s 1 normal forwards running;
}
.p-profileMedia_sm + .p-profileMedia_sm {
  margin-top: calc(45/375 * 100vw);
}
.p-profileMedia_sm:nth-child(3) .p-profileMedia__body_sm svg {
  top: -50px;
  right: -16px;
}

/* Campaign  ################# */
.p-campaign_sm {
  margin-top: calc(56/375 * 100vw);
}

.p-campaign__title_sm {
  line-height: 0.7777777778;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: calc(36/375 * 100vw);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.p-campaign__title_sm::before {
  display: block;
  width: calc(295/375 * 100vw);
  line-height: 1.2142857143;
  margin: 0 auto 24px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20292.62%2019.26%22%3E%0D%0A%20%20%3Cpath%20data-name%3D%22line171%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20d%3D%22M10.13%2018.59.68.68%22%2F%3E%0D%0A%20%20%3Cpath%20data-name%3D%22line172%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20d%3D%22M282.49%2018.59%20291.94.68%22%2F%3E%0D%0A%3C%2Fsvg%3E") no-repeat center top/100% auto;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: calc(14/375 * 100vw);
  font-weight: normal;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  content: "いっしょ買いでおうちにお迎えしてね";
}
.p-campaign__text_sm {
  height: calc(75/375 * 100vw);
  line-height: 1.375;
  margin-top: calc(25/375 * 100vw);
  padding: calc(8/375 * 100vw) 0 0;
  background: url("../images/bg_ribon_line2_gr_sp.svg") no-repeat center 0/auto 100%;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: calc(16/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-campaign__text_sm strong {
  font-weight: 400;
}

.p-campaignCv_sm {
  position: relative;
  width: calc(335/375 * 100vw);
  max-width: 960px;
  margin: calc(66/375 * 100vw) auto 0;
}
.p-campaignCv_sm::before {
  position: absolute;
  top: calc(-64/375 * 100vw);
  left: calc(-52/375 * 100vw);
  z-index: 1;
  width: calc(140/375 * 100vw);
  height: calc(140/375 * 100vw);
  background: url("../images/img_satori5nan.jpg") no-repeat 0 0/cover;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  content: "";
}

.p-campaignCv__inner_sm {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 0 calc(36/375 * 100vw) calc(76/375 * 100vw);
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.p-campaignCv__inner_sm::after {
  position: absolute;
  bottom: calc(-75/375 * 100vw);
  right: calc(24/375 * 100vw);
  width: calc(140/375 * 100vw);
  height: calc(140/375 * 100vw);
  background: url("../images/img_satori6nan.jpg") no-repeat 0 0/cover;
  content: "";
  mix-blend-mode: darken;
  transform: translateY(calc(65/375 * 100vw));
  transition: transform 0.4s cubic-bezier(0.4, -0.3, 0.83, 0.67);
}
.p-campaignCv__image_sm {
  padding: 0 calc(10/375 * 100vw);
  text-align: center;
}
.p-campaignCv__image_sm img {
  width: 100%;
}
.p-campaignCv__body_sm {
  margin-top: calc(-10/375 * 100vw);
}
.p-campaignCv__name_sm {
  text-align: center;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-size: calc(18/375 * 100vw);
  font-weight: 600;
}
.p-campaignCv__name_sm::before {
  display: block;
  line-height: 2.3333333333;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: calc(12/375 * 100vw);
  content: attr(data-subtext);
}
.p-campaignCv_sm .c-button_sm {
  margin-top: calc(20/375 * 100vw);
  margin-left: 0;
}
.p-campaignCv_sm .c-price_sm {
  margin-top: calc(15/375 * 100vw);
}
.p-campaignCv_sm.is-show_sm::before {
  transform: translateX(0);
}
.p-campaignCv_sm.is-show02_sm .p-campaignCv__inner_sm::after {
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.4, 1.3);
}

/* detail  ################# */
.p-detail_sm {
  margin-top: calc(60/375 * 100vw);
}

.p-detail__kv_sm {
  display: flex;
  justify-content: space-between;
}
.p-detail__kv_sm div:nth-child(1) {
  flex-basis: 61.33%;
}
.p-detail__kv_sm div:nth-child(2) {
  flex-basis: 37.33%;
}
.p-detail__kv_sm img {
  width: 100%;
  height: auto;
}
.p-detail__title_sm {
  margin-top: calc(40/375 * 100vw);
  text-align: center;
}
.p-detail__title_sm img {
  display: block;
  width: calc(178/375 * 100vw);
  margin: auto;
}
.p-detail__inner_sm {
  width: calc(295/375 * 100vw);
  max-width: 960px;
  margin: calc(40/375 * 100vw) auto 0;
}
.p-detail__image_sm {
  margin-top: calc(60/375 * 100vw);
  text-align: center;
}
.p-detail__image_sm p {
  position: relative;
  left: calc(60/375 * 100vw);
  width: calc(198/375 * 100vw);
  height: calc(106/375 * 100vw);
  margin: calc(40/375 * 100vw) auto 0;
  background: url("../images/bg_fukidashi.svg") no-repeat center center/100% auto;
}
.p-detail__image_sm p span {
  position: relative;
  top: calc(15/375 * 100vw);
  left: calc(10/375 * 100vw);
  display: inline-block;
  transform: rotate(10deg);
  font-size: calc(16/375 * 100vw);
}
.p-detail__image_sm [src*="satori.gif"] {
  width: calc(295/375 * 100vw);
  margin-top: calc(-20/375 * 100vw);
}
.p-detailMedia__title_sm {
  line-height: 2;
  letter-spacing: 0.1em;
  font-size: calc(20/375 * 100vw);
  font-weight: 600;
}
.p-detailMedia__text_sm {
  line-height: 2;
  margin-top: calc(10/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: clamp(14px, calc(0.3081664099vw + 12.844375963px), 16px);
  font-weight: 600;
}
.p-detailMedia__image_sm {
  margin-top: calc(36/375 * 100vw);
  text-align: center;
}
.p-detailMedia__image_sm img {
  width: calc(220/375 * 100vw);
  border-radius: 20px;
}
.p-detailMedia__image_sm [src*="img_detail03.jpg"] {
  width: 100%;
  height: auto;
}
.p-detailMedia_sm + .p-detailMedia_sm {
  margin-top: calc(52/375 * 100vw);
}

/* いっしょ買いキャンペーンとは？  ################# */
.p-aboutCampaign_sm {
  max-width: 960px;
  margin: calc(60/375 * 100vw) auto 0;
  padding: 0 calc(20/375 * 100vw);
}

.p-aboutCampaign__title_sm {
  height: calc(60/375 * 100vw);
  line-height: 1;
  padding: calc(15/375 * 100vw) 0 0;
  background: url("../images/bg_ribon_line1_gr.svg") no-repeat center 0/auto 100%;
  color: #fff;
  text-align: center;
  font-size: calc(16/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-aboutCampaign__lead_sm {
  line-height: 1.75;
  margin-top: calc(15/375 * 100vw);
  text-align: center;
  letter-spacing: 0.1em;
  font-size: calc(16/375 * 100vw);
  font-weight: 600;
}

.p-campaignDetail_sm {
  margin: calc(16/375 * 100vw) auto 0;
  padding: calc(20/375 * 100vw) calc(20/375 * 100vw) calc(24/375 * 100vw);
  border: 1px solid #222;
  border-radius: 20px;
  box-shadow: 5px 5px 0 #222;
}

.p-campaignDetail__banner_sm, .p-campaignDetail__body_sm {
  flex-basis: 50%;
}
.p-campaignDetail__banner_sm {
  text-align: center;
}
.p-campaignDetail__banner_sm img {
  width: 100%;
}
.p-campaignDetail__text_sm {
  line-height: 2;
  margin-top: calc(16/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: calc(14/375 * 100vw);
  font-weight: 600;
}
.p-campaignDetail__image_sm {
  margin-top: calc(16/375 * 100vw);
}
.p-campaignDetail__image_sm img {
  width: 100%;
}

.p-campaignNotes_sm {
  line-height: 2;
  margin-top: calc(25/375 * 100vw);
  font-size: calc(1/375 * 100vw) 2;
}

.p-campaignNotes__title_sm {
  font-size: inherit;
  font-weight: 600;
}
.p-campaignNotes_sm small {
  font-size: inherit;
}
.p-campaignNotesList_sm > li::before {
  content: "※";
}

.p-notEligible_sm > li::before {
  content: "〇";
}

/* Present  ################# */
.p-present_sm {
  margin-top: calc(60/375 * 100vw);
}

.p-present__inner_sm {
  padding-top: calc(60/375 * 100vw);
  padding-bottom: calc(54/375 * 100vw);
  background: url("../images/bg_present_sp.jpg") no-repeat center 0/cover;
}
.p-present__title_sm {
  text-align: center;
}

.p-presentMedia_sm {
  width: calc(296/375 * 100vw);
  max-width: 960px;
  margin: calc(30/375 * 100vw) auto 0;
}

.p-presentMedia__image_sm {
  text-align: center;
}
.p-presentMedia__image_sm img {
  width: 100%;
  border-radius: 20px;
}
.p-presentMedia__text_sm {
  line-height: 2.25;
  margin-top: calc(20/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: calc(16/375 * 100vw);
  font-weight: 600;
}
.p-presentMedia__text_sm + .p-presentMedia__text_sm {
  margin-top: 36px;
}

.p-presentBottomImage_sm img {
  width: 100%;
}

/* CV Area  ################# */
.p-cvArea_sm {
  max-width: 960px;
  margin: auto;
  padding: calc(60/375 * 100vw) 20px 0;
}

.p-cvArea__title_sm {
  height: calc(60/375 * 100vw);
  line-height: 1;
  padding: calc(15/375 * 100vw) 0 0;
  background: url("../images/bg_ribon_line1_bk_sp.svg") no-repeat center 0/auto 100%;
  text-align: center;
  color: #fff;
  font-size: calc(16/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.p-cvAreaMedia_sm {
  margin-top: calc(20/375 * 100vw);
  padding: 0 calc(20/375 * 100vw);
}

.p-cvAreaMedia__image_sm {
  text-align: center;
}
.p-cvAreaMedia__image_sm img {
  width: 100%;
  border-radius: 20px;
}
.p-cvAreaMedia__name_sm {
  line-height: 2;
  margin-top: calc(25/375 * 100vw);
  letter-spacing: 0.1em;
  font-size: calc(16/375 * 100vw);
}
.p-cvAreaMedia__text_sm {
  line-height: 2;
  margin-top: calc(10/375 * 100vw);
  font-size: calc(16/16 * 1rem);
}
.p-cvAreaMedia_sm .c-price_sm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: calc(20/375 * 100vw);
}
.p-cvAreaMedia_sm .c-price__amount_sm {
  line-height: 1;
  margin-top: 45px;
  font-size: calc(18/16 * 1rem);
  font-weight: 600;
}
.p-cvAreaMedia_sm .c-price__yen_sm {
  line-height: 1;
  margin-left: calc(20/375 * 100vw);
  font-size: calc(30/16 * 1rem);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.p-cvAreaMedia_sm .c-price__yen_sm::before {
  font-size: calc(18/16 * 1rem);
  content: "¥";
}
.p-cvAreaMedia_sm .c-price__tax_sm {
  display: inline-block;
  line-height: 1;
  text-align: right;
  font-size: calc(14/375 * 100vw);
  font-weight: 600;
}
.p-cvAreaMedia_sm .c-button_sm {
  width: calc(295/375 * 100vw);
  min-height: calc(70/375 * 100vw);
  margin-top: calc(20/375 * 100vw);
  border: 1px solid currentColor;
  background-color: #fff;
  color: #333;
  font-size: calc(20/16 * 1rem);
}
.p-cvAreaMedia_sm .c-button_sm svg {
  width: calc(20/375 * 100vw);
  height: calc(20/375 * 100vw);
  fill: #333;
}

/* Stormglass  ################# */
.p-stormglass_sm {
  max-width: 960px;
  margin: calc(60/375 * 100vw) auto 0;
  padding: 0 20px;
  text-align: center;
}

.p-stormglass__title_sm {
  height: calc(75/375 * 100vw);
  line-height: 1.375;
  padding: calc(10/375 * 100vw) 0 0;
  background: url("../images/bg_ribon_line2_gr_sp.svg") no-repeat center 0/auto 100%;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: calc(16/375 * 100vw);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-stormglass__banner_sm {
  display: inline-block;
  margin-top: 20px;
  transition: opacity 0.2s 0s linear;
}
.p-stormglass__banner_sm img {
  width: 100%;
}

/* Share  ################# */
.p-share_sm {
  margin-top: calc(60/375 * 100vw);
}

.p-share__title_sm {
  text-align: center;
  letter-spacing: 0.06;
  text-transform: uppercase;
  font-size: calc(16/16 * 1rem);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.p-shareLinks_sm {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.p-shareLinks_sm > li {
  margin: 0 20px;
}
.p-shareLinks_sm img {
  width: 34px;
}
.p-shareLinks_sm a {
  transition: opacity 0.2s 0s linear;
}

/* ページ下部の注釈  ################# */
.p-pageNotes_sm {
  max-width: 960px;
  margin: 36px auto 0;
  padding: 0 20px;
  letter-spacing: 0.04em;
  font-size: calc(16/16 * 1rem);
}
.p-pageNotes_sm::before {
  content: "※";
}

/* ギャラリー  ################# */
.p-gallery_sm {
  display: grid;
  gap: calc(5/375 * 100vw);
  grid-template-columns: calc(185/375 * 100vw) calc(185/375 * 100vw);
  grid-template-rows: auto auto;
  grid-template-areas: "image01 image01" "image02 image03";
  margin-top: calc(40/375 * 100vw);
}
.p-gallery_sm img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.p-gallery_sm img:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: image01;
  height: 100vw;
}
.p-gallery_sm img:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: image02;
  height: calc(185/375 * 100vw);
}
.p-gallery_sm img:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: image03;
  height: calc(185/375 * 100vw);
}

.u-spbr_sm {
  display: inline;
}

.u-pcbr_sm {
  display: none;
}

.u-spInline_sm {
  display: inline;
}

.u-pcInline_sm {
  display: none;
}

.u-bgWhite_sm {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .c-button_sm {
    width: 300px;
    min-height: 80px;
    font-size: calc(20/16 * 1rem);
  }
  .c-button_sm svg {
    right: 32px;
    width: 16px;
    height: 18px;
  }
  .c-price_sm {
    margin-top: 32px;
  }
  .c-price__text_sm {
    margin-bottom: 8px;
    font-size: 1.4583333333vw;
  }
  .c-price__amount_sm {
    font-size: 1.6666666667vw;
  }
  .c-price__yen_sm {
    margin-left: 5px;
    font-size: 3.3333333333vw;
  }
  .c-price__yen_sm::before {
    font-size: 1.875vw;
  }
  .c-price__tax_sm {
    display: inline-block;
    font-size: 1.25vw;
  }
  .c-price_sm svg {
    width: 10px;
    margin-right: 1.5625vw;
  }
  .c-price__special_sm .c-price__yen_sm {
    font-size: 5.2083333333vw;
  }
  .c-kirakiraL_sm {
    width: 50px;
    height: 50px;
  }
  .c-kirakiraM_sm {
    width: 35px;
    height: 35px;
  }
  .c-kirakiraS_sm {
    width: 20px;
    height: 20px;
  }
  .p-kv_sm {
    height: auto;
  }
  .p-kv_sm img {
    width: 100%;
  }
  .p-bgSticky_sm::before {
    background: url("../images/bg_overview_pc.jpg") no-repeat center top/cover;
  }
  .p-overview__inner_sm {
    padding: clamp(96px, calc(12.5vw + 0px), 240px) 40px 0;
  }
  .p-overview__bg_sm {
    padding-top: 550px;
  }
  .p-overview__lead_sm {
    line-height: 2.6666666667;
    margin-top: 48px;
    text-align: center;
    font-size: calc(18/16 * 1rem);
  }
  .p-overview__image_sm {
    bottom: -448px;
    margin-top: -448px;
  }
  .p-overview__image_sm p {
    left: 56px;
    width: 198px;
    height: 106px;
    margin-top: 40px;
  }
  .p-overview__image_sm p span {
    top: 16px;
    left: 10px;
    font-size: calc(16/16 * 1rem);
  }
  .p-overview__image_sm [src*="satori.gif"] {
    width: 600px;
    margin-top: -50px;
  }
  .p-overview_sm [src*="images/kirakira"] {
    display: block;
  }
  .p-overview_sm .p-deco01_sm {
    top: 60px;
    right: 309px;
  }
  .p-overview_sm .p-deco02_sm {
    top: 143px;
    left: clamp(116px, calc(15.1329243354vw + -0.2208588957px), 190px);
  }
  .p-overview_sm .p-deco03_sm {
    top: 303px;
    right: clamp(47px, calc(6.1349693252vw + -0.1165644172px), 77px);
  }
  .p-overview_sm .p-deco04_sm {
    top: 400px;
    left: clamp(74px, calc(9.4069529652vw + 1.754601227px), 120px);
  }
  .p-overview_sm .p-deco05_sm {
    top: 580px;
    right: clamp(48px, calc(22.9038854806vw + -127.9018404908px), 160px);
  }
  .p-overview_sm .p-deco06_sm {
    top: 846px;
    left: 0;
  }
  .p-overview_sm .p-deco07_sm {
    top: 860px;
    right: 0;
  }
  .p-overview_sm .p-deco08_sm {
    top: 1029px;
    left: clamp(74px, calc(9.4069529652vw + 1.754601227px), 120px);
  }
  .p-overview_sm .p-deco09_sm {
    top: 1094px;
    right: clamp(132px, calc(17.3824130879vw + -1.4969325153px), 217px);
  }
  .p-title__sub_sm {
    line-height: 1.3333333333;
  }
  .p-title__main_sm {
    line-height: 1.75;
    margin-top: 20px;
  }
  .p-title_sm::before {
    margin-top: 24px;
    height: 25px;
  }
  .p-about_sm {
    width: calc(100% - 40px);
    max-width: 925px;
  }
  .p-about__inner_sm {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "image title" "image text";
    padding: 42px 50px 36px;
  }
  .p-about__title_sm {
    grid-area: title;
    align-self: flex-end;
    text-align: left;
    line-height: 1.875;
  }
  .p-about__title_sm::after {
    margin-top: 4px;
    background-position: left 0;
  }
  .p-about__text_sm {
    grid-area: text;
    margin-top: 15px;
    font-size: calc(16/16 * 1rem);
  }
  .p-about__image_sm {
    grid-area: image;
    margin-top: 0;
    padding-right: 50px;
  }
  .p-about__title_sm {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-about__text_sm {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-about__image_sm {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-about__image_sm small {
    margin-top: 16px;
  }
  .p-whats_sm {
    padding-top: clamp(56px, calc(7.7256944444vw + -3.3333333333px), 145px);
  }
  .p-whats__title_sm {
    line-height: 2.1428571429;
    text-underline-offset: 12px;
    font-size: 28px;
  }
  .p-whats__title_sm::before {
    max-width: 920px;
    height: 224px;
    margin-bottom: -88px;
  }
  .p-whats__kv_sm {
    margin-top: 72px;
  }
  .p-whats__kv_sm img {
    transform: scale(0.674);
  }
  .p-whats__contents_sm {
    margin-top: -9.375vw;
    font-size: calc(18/16 * 1rem);
  }
  .p-whats__lead_sm {
    padding: 52px 60px 136px;
  }
  .p-whats__images_sm {
    padding: 0 20px;
  }
  .p-whatsMedia_sm {
    display: flex;
    max-width: 960px;
    margin: 120px auto 0;
  }
  .p-whatsMedia__image_sm {
    flex-basis: 41.3%;
    height: 41.3%;
    padding: 3.125vw 0 0;
  }
  .p-whatsMedia__image_sm [src*="img_whats04.png"] {
    width: 33.3333333333vw;
    max-width: 320px;
  }
  .p-whatsMedia__image_sm [src*="text_whats_circle.svg"] {
    width: 39.5833333333vw;
    height: 39.5833333333vw;
    max-width: 380px;
    max-height: 380px;
    margin-top: 0;
  }
  .p-whatsMedia__body_sm {
    flex-basis: 58.7%;
    padding-left: 6.52%;
  }
  .p-whatsMedia__title_sm {
    line-height: 1.875;
    margin-top: 0;
    padding-left: 3.7%;
    text-align: left;
    font-size: 3.3333333333vw;
  }
  .p-whatsMedia__title_sm::before {
    background-position: left 0;
  }
  .p-whatsMedia__text_sm {
    margin: 16px auto -20px;
    padding-left: 3.7%;
    padding-right: 0;
    font-size: calc(16/16 * 1rem);
  }
  .p-whatsMedia_sm [src*="img_whats05.jpg"] {
    width: 100%;
    max-width: 450px;
    margin-left: -25px;
  }
  .p-profile_sm {
    margin-top: 120px;
    padding-top: 36.0416666667vw;
    background: url("../images/bg_profile_pc.jpg") no-repeat center center/cover;
    background-attachment: fixed;
  }
  .p-profile__bg_sm {
    padding-top: 90px;
  }
  .p-profile__title_sm {
    margin-top: 56px;
  }
  .p-profile__title_sm img {
    width: 330px;
  }
  .p-profile__lead_sm {
    padding: 0 40px;
    font-size: 3.0434782609vw;
  }
  .p-profile__inner_sm {
    overflow: hidden;
    padding-top: 75px;
  }
  .p-profile_sm [src*="images/kirakira"] {
    display: block;
  }
  .p-profile_sm .p-deco01_sm {
    top: 25px;
    right: 275px;
  }
  .p-profile_sm .p-deco02_sm {
    top: 25px;
    left: clamp(145px, calc(18.4285714286vw + 3.4685714286px), 274px);
    width: 70px;
    height: 70px;
  }
  .p-profile_sm .p-deco03_sm {
    top: 124px;
    right: 0;
  }
  .p-profile_sm .p-deco04_sm {
    top: 295px;
    right: auto;
    left: clamp(18px, calc(2.2857142857vw + 0.4457142857px), 34px);
  }
  .p-profile_sm .p-deco05_sm {
    top: clamp(398px, calc(52.7687296417vw + -7.2638436482px), 560px);
    right: clamp(22px, calc(3.1428571429vw + -2.1371428571px), 44px);
  }
  .p-profile_sm .p-deco06_sm {
    top: clamp(478px, calc(63.8436482085vw + -12.319218241px), 674px);
    left: clamp(84px, calc(10.4285714286vw + 3.9085714286px), 157px);
  }
  .p-profile_sm .p-deco07_sm {
    top: clamp(781px, calc(103.9087947883vw + -17.0195439739px), 1100px);
    right: clamp(135px, calc(17vw + 4.44px), 254px);
    width: 70px;
    height: 70px;
  }
  .p-profile_sm .p-deco08_sm {
    top: clamp(824px, calc(109.4462540717vw + -16.5472312704px), 1160px);
    left: clamp(18px, calc(2.2857142857vw + 0.4457142857px), 34px);
  }
  .p-profile_sm .p-deco09_sm {
    top: clamp(944px, calc(125.7328990228vw + -21.6286644951px), 1330px);
    right: 0;
  }
  .p-profile_sm .p-deco10_sm {
    top: clamp(1250px, calc(112.3778501629vw + 386.9381107492px), 1595px);
    right: auto;
    left: clamp(20px, calc(8vw + -41.44px), 76px);
  }
  .p-profile_sm .p-deco11_sm {
    top: clamp(1300px, calc(133.5504885993vw + 274.332247557px), 1710px);
    left: auto;
    right: clamp(22px, calc(16vw + -100.88px), 134px);
  }
  .p-profileMedia_sm {
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 0;
  }
  .p-profileMedia__image_sm {
    flex-basis: 62.5%;
    margin-left: -16.66%;
    padding: 0;
  }
  .p-profileMedia__image_sm img {
    margin-right: -33.32%;
  }
  .p-profileMedia__body_sm {
    position: relative;
    flex-grow: 1;
    padding-left: 2%;
  }
  .p-profileMedia__body_sm svg {
    position: absolute;
    top: -40px;
    right: 0;
    display: block;
    width: 196px;
  }
  .p-profileMedia__title_sm {
    text-align: left;
    font-size: calc(40/16 * 1rem);
  }
  .p-profileMedia__text_sm {
    text-align: left;
    font-size: calc(18/16 * 1rem);
  }
  .p-profileMedia_sm.is-reverse_sm {
    flex-direction: row;
  }
  .p-profileMedia_sm.is-reverse_sm .p-profileMedia__image_sm {
    margin-right: -16.66%;
    margin-left: 0;
  }
  .p-profileMedia_sm.is-reverse_sm .p-profileMedia__image_sm img {
    margin-right: 0;
    margin-left: -33.32%;
  }
  .p-profileMedia_sm.is-reverse_sm .p-profileMedia__body_sm {
    padding-left: 6%;
  }
  .p-profileMedia_sm.is-reverse_sm .p-profileMedia__body_sm svg {
    top: -80px;
    left: -28px;
    width: 170px;
  }
  .p-profileMedia_sm + .p-profileMedia_sm {
    margin-top: 0;
  }
  .p-campaign_sm {
    margin-top: 44px;
  }
  .p-campaign__title_sm {
    font-size: calc(70/16 * 1rem);
  }
  .p-campaign__title_sm::before {
    width: 428px;
    line-height: 1.2;
    font-size: calc(20/16 * 1rem);
  }
  .p-campaign__text_sm {
    height: 90px;
    margin-top: 40px;
    padding: 18px 0 0;
    background-image: url("../images/bg_ribon_line1_gr_pc.svg");
    letter-spacing: 0;
    font-size: calc(30/16 * 1rem);
  }
  .p-campaignCv_sm {
    margin: 60px auto 0;
    padding: 0 20px;
  }
  .p-campaignCv_sm::before {
    top: 216px;
    left: -80px;
    z-index: 1;
    width: 200px;
    height: 200px;
    transform: translateX(100%);
  }
  .p-campaignCv__inner_sm {
    padding: 30px 40px;
  }
  .p-campaignCv__inner_sm::after {
    bottom: -108px;
    right: 0;
    width: 200px;
    height: 200px;
    transform: translateY(92px);
  }
  .p-campaignCv__item_sm {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-campaignCv__image_sm {
    flex-basis: 49.591%;
    padding: 0;
  }
  .p-campaignCv__body_sm {
    flex-basis: 54.55%;
    margin-top: 0;
  }
  .p-campaignCv__name_sm {
    line-height: 1.4166666667;
    text-align: left;
    font-size: 2.5vw;
  }
  .p-campaignCv__name_sm::before {
    text-align: left;
    font-size: calc(14/16 * 1rem);
  }
  .p-campaignCv_sm .c-button_sm {
    margin-top: 25px;
  }
  .p-campaignCv_sm .c-price_sm {
    margin-top: 28px;
  }
  .p-detail_sm {
    margin-top: 100px;
  }
  .p-detail__kv_sm div:nth-child(1) {
    flex-basis: 62.5%;
  }
  .p-detail__kv_sm div:nth-child(2) {
    flex-basis: 36.9%;
  }
  .p-detail__title_sm {
    margin-top: 40px;
  }
  .p-detail__title_sm img {
    width: 330px;
  }
  .p-detail__inner_sm {
    width: 100%;
    margin-top: 116px;
    padding: 0 20px;
  }
  .p-detail__image_sm {
    margin-top: 100px;
  }
  .p-detail__image_sm p {
    left: 60px;
    width: 198px;
    height: 106px;
    margin-top: 40px;
  }
  .p-detail__image_sm p span {
    top: 15px;
    left: 10px;
    font-size: calc(16/16 * 1rem);
  }
  .p-detail__image_sm [src*="satori.gif"] {
    width: 600px;
    margin-top: -50px;
  }
  .p-detailMedia_sm {
    display: flex;
    align-items: center;
  }
  .p-detailMedia__body_sm {
    flex-basis: 65.22%;
    padding-right: 8.69%;
  }
  .p-detailMedia__title_sm {
    line-height: 1.875;
    font-size: 3.3333333333vw;
  }
  .p-detailMedia__text_sm {
    margin-top: 25px;
    font-size: calc(16/16 * 1rem);
  }
  .p-detailMedia__image_sm {
    flex-basis: 34.78%;
    margin-top: 0;
  }
  .p-detailMedia__image_sm img {
    width: 100%;
  }
  .p-detailMedia_sm.is-reverse_sm {
    flex-direction: row-reverse;
  }
  .p-detailMedia_sm.is-reverse_sm .p-detailMedia__body_sm {
    padding-right: 0;
    padding-left: 8.69%;
  }
  .p-detailMedia_sm + .p-detailMedia_sm {
    margin-top: 100px;
  }
  .p-detailMedia_sm:nth-child(3) {
    justify-content: space-between;
  }
  .p-detailMedia_sm:nth-child(3) .p-detailMedia__body_sm {
    flex-basis: 47.82%;
    padding-right: 0;
  }
  .p-detailMedia_sm:nth-child(3) .p-detailMedia__image_sm {
    flex-basis: 47.82%;
  }
  .p-aboutCampaign_sm {
    margin-top: 100px;
    padding: 0 20px;
  }
  .p-aboutCampaign__title_sm {
    height: 90px;
    padding-top: 18px;
    background-image: url("../images/bg_ribon_line1_gr_pc.svg");
    font-size: calc(30/16 * 1rem);
  }
  .p-aboutCampaign__lead_sm {
    line-height: 1.8333333333;
    margin-top: 24px;
    font-size: calc(24/16 * 1rem);
  }
  .p-campaignDetail_sm {
    display: flex;
    margin-top: 35px;
    padding: 36px;
    border-width: 3px;
  }
  .p-campaignDetail__banner_sm {
    padding-right: 4.8%;
    text-align: left;
  }
  .p-campaignDetail__banner_sm img {
    max-width: 380px;
  }
  .p-campaignDetail__text_sm {
    margin-top: 0;
    font-size: calc(16/16 * 1rem);
  }
  .p-campaignDetail__image_sm {
    margin-top: 32px;
  }
  .p-campaignNotes_sm {
    line-height: 1.7142857143;
    margin-top: 36px;
    font-size: calc(14/16 * 1rem);
  }
  .p-campaignNotesList_sm {
    margin-top: 4px;
  }
  .p-present_sm {
    margin-top: 96px;
  }
  .p-present__inner_sm {
    padding-top: 120px;
    padding-bottom: 120px;
    background-image: url("../images/bg_present_pc.jpg");
  }
  .p-presentMedia_sm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 60px;
    padding: 0 20px;
  }
  .p-presentMedia__image_sm {
    flex-basis: 47.82%;
    text-align: left;
  }
  .p-presentMedia__image_sm img {
    max-width: 400px;
  }
  .p-presentMedia__body_sm {
    flex-basis: 47.82%;
  }
  .p-presentMedia__text_sm {
    line-height: 2;
    margin-top: 0;
    font-size: calc(18/16 * 1rem);
  }
  .p-cvArea_sm {
    padding-top: 100px;
  }
  .p-cvArea__title_sm {
    height: 90px;
    padding-top: 18px;
    background-image: url("../images/bg_ribon_line1_bk_pc.svg");
    font-size: calc(26/16 * 1rem);
  }
  .p-cvAreaMedia_sm {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 80px;
    padding: 0;
  }
  .p-cvAreaMedia__image_sm {
    flex-basis: 45.65%;
  }
  .p-cvAreaMedia__image_sm img {
    max-width: 420px;
  }
  .p-cvAreaMedia__body_sm {
    flex-basis: 48%;
    max-width: 440px;
  }
  .p-cvAreaMedia__name_sm {
    line-height: 1.5;
    margin-top: 0;
    font-size: calc(24/16 * 1rem);
  }
  .p-cvAreaMedia__text_sm {
    line-height: 2.25;
    margin-top: 20px;
    letter-spacing: 0.04em;
  }
  .p-cvAreaMedia_sm .c-price_sm {
    margin-top: 28px;
  }
  .p-cvAreaMedia_sm .c-price__yen_sm {
    margin-left: 18px;
  }
  .p-cvAreaMedia_sm .c-price__tax_sm {
    font-size: calc(16/16 * 1rem);
  }
  .p-cvAreaMedia_sm .c-button_sm {
    width: 380px;
    min-height: 70px;
    margin-top: 32px;
    margin-left: 0;
  }
  .p-cvAreaMedia_sm .c-button_sm svg {
    width: 20px;
    height: 20px;
  }
  .p-stormglass_sm {
    margin-top: 100px;
  }
  .p-stormglass__title_sm {
    height: 90px;
    padding-top: 18px;
    background-image: url("../images/bg_ribon_line1_gr_pc.svg");
    letter-spacing: 0;
    font-size: calc(26/16 * 1rem);
  }
  .p-share_sm {
    margin-top: 108px;
  }
  .p-shareLinks__line_sm {
    display: none;
  }
  .p-gallery_sm {
    gap: 0.785%;
    grid-template-columns: 32.81% 32.81% 32.81%;
    grid-template-rows: auto;
    grid-template-areas: "image01 image02 image03";
    margin-top: 48px;
  }
  .p-gallery_sm > img:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-gallery_sm > img:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .p-gallery_sm > img:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .p-gallery_sm img:nth-child(1) {
    height: 100%;
  }
  .p-gallery_sm img:nth-child(2) {
    height: 100%;
  }
  .p-gallery_sm > img:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-gallery_sm > img:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .p-gallery_sm > img:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .p-gallery_sm img:nth-child(3) {
    height: 100%;
  }
  .u-spbr_sm {
    display: none;
  }
  .u-pcbr_sm {
    display: inline;
  }
  .u-spInline_sm {
    display: none;
  }
  .u-pcInline_sm {
    display: inline;
  }
}

@media screen and (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .c-floatingBnr_sm span img {
    top: 65%;
  }
}

@media screen and (min-width: 920px) {
  .p-profile__lead_sm {
    font-size: calc(28/16 * 1rem);
  }
  .p-campaignCv__name_sm {
    font-size: calc(24/16 * 1rem);
  }
}

@media screen and (min-width: 960px) {
  .c-price__text_sm {
    font-size: calc(14/16 * 1rem);
  }
  .c-price__amount_sm {
    font-size: calc(16/16 * 1rem);
  }
  .c-price__yen_sm {
    font-size: calc(32/16 * 1rem);
  }
  .c-price__yen_sm::before {
    font-size: calc(18/16 * 1rem);
  }
  .c-price__tax_sm {
    font-size: calc(12/16 * 1rem);
  }
  .c-price_sm svg {
    margin-right: 0;
  }
  .c-price__special_sm .c-price__yen_sm {
    font-size: calc(50/16 * 1rem);
  }
  .p-whatsMedia__image_sm {
    padding-top: 30px;
  }
  .p-whatsMedia__title_sm {
    font-size: calc(32/16 * 1rem);
  }
  .p-detailMedia__title_sm {
    font-size: calc(32/16 * 1rem);
  }
}

@media not all and (min-width: 768px) {
  .brand_item_prg {
    width: 50%;
  }
}

@media (hover: hover) and (pointer: fine) {
  .c-button_sm:hover {
    background-color: #fff;
    color: #333;
    text-decoration: none;
  }
  .c-button_sm:hover svg {
    fill: #333;
  }
  .c-floatingBnr_sm:hover {
    opacity: 0.8;
  }
  .c-floatingBnr_sm:hover span img {
    top: 50%;
    transition: top 0.35s 0s cubic-bezier(0.17, 0.67, 0.4, 1.75);
  }
  .p-cvAreaMedia_sm .c-button_sm:hover {
    background-color: #333;
    color: #fff;
  }
  .p-cvAreaMedia_sm .c-button_sm:hover svg {
    fill: #fff;
  }
  .p-stormglass__banner_sm:hover {
    opacity: 0.7;
  }
  .p-shareLinks_sm a:hover {
    opacity: 0.7;
  }
}