@charset "UTF-8";

.c-raw-html {
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #ccc;
  --color-border-gray: #c0c0c0;
  --color-blue: #1d2087;
  --color-light-blue: #d2e8fd;
  --color-yellow: #f1d426;
  --color-stroke-blue: #003c86;
  --color-activesleepproject-bg: #003e89;
  --color-button-blue: #003389;
  --color-white-button-hover-bg: #c5ebff;
  --color-blue-button-hover-bg: #022560;
  --color-naturalsleep-gaba-bg: #dff6fe;
  --color-naturalsleep-luobuma-bg: #cdfff8;
  --z-index-header: 1000
}

@media all and (min-width: 768px) {
  .c-raw-html {
    --base-size: 1440
  }
}

@media all and (max-width: 767px) {
  .c-raw-html {
    --base-size: 375
  }
}

.c-raw-html {
  background: var(--color-white);
  color: var(--color-black);
  font-family: Zen Kaku Gothic New, serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.25;
  padding-top: calc(72 / var(--base-size) * 100vw);
  position: relative;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html {
    padding-top: revert
  }
}

.c-raw-html img {
  height: auto;
  max-width: 100%
}

.c-raw-html a:focus,
.c-raw-html button:focus,
.c-raw-html input:focus,
.c-raw-html select:focus,
.c-raw-html textarea:focus {
  outline: revert !important;
  outline-width: revert !important
}

.c-raw-html section {
  max-width: none
}

.c-raw-html dialog {
  background: none;
  max-height: none;
  max-width: none
}

.c-raw-html dialog::backdrop {
  display: none
}

.c-raw-html .pc-only {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html .pc-only {
    display: block
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html .pc-only.inline {
    display: inline-block
  }
}

.c-raw-html .sp-only {
  display: block
}

@media screen and (min-width: 768px) {
  .c-raw-html .sp-only {
    display: none
  }
}

.c-raw-html .sp-only.inline {
  display: inline-block
}

@media screen and (min-width: 768px) {
  .c-raw-html .sp-only.inline {
    display: none
  }
}

.c-raw-html .kerning-left {
  margin-left: -.5em
}

.c-raw-html .kerning-right {
  margin-right: -.5em
}

.c-raw-html .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.c-raw-html [data-fade-in] {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: .6s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out
}

.c-raw-html [data-fade-in][data-fade-in=scroll-in] {
  opacity: 1;
  transform: translateY(0)
}

.c-raw-html ._snsList_136yu_1 {
  display: flex;
  gap: calc(20 / var(--base-size) * 100vw);
  height: auto;
  justify-content: center;
  padding: calc(40 / var(--base-size) * 100vw) 0 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._snsList_136yu_1 {
    gap: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    padding: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px) 0
  }
}

.c-raw-html ._snsList_136yu_1 ._item_136yu_15 {
  margin: 0;
  width: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._snsList_136yu_1 ._item_136yu_15 {
    width: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._link_136yu_25[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._link_136yu_25:hover {
    opacity: .6
  }
}

.c-raw-html ._logoLink_1251t_1 {
  display: block
}

.c-raw-html ._logoLink_1251t_1[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._logoLink_1251t_1:hover {
    opacity: .6
  }
}

.c-raw-html ._hamburgerButton_atk5z_1 {
  cursor: pointer;
  display: grid;
  gap: calc(10 / var(--base-size) * 100vw);
  position: absolute;
  right: calc(21 / var(--base-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
  transition: transform .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._hamburgerButton_atk5z_1 {
    display: none
  }
}

.c-raw-html ._hamburgerButton_atk5z_1 span {
  background: var(--color-blue);
  border-radius: calc(1 / var(--base-size) * 100vw);
  height: calc(2 / var(--base-size) * 100vw);
  transform-origin: left center;
  transition: transform .6s;
  width: calc(34 / var(--base-size) * 100vw)
}

.c-raw-html ._hamburgerButton_atk5z_1[aria-expanded=true] {
  transform: translate(10%) translateY(-50%)
}

.c-raw-html ._hamburgerButton_atk5z_1[aria-expanded=true] span:nth-child(1) {
  transform: translateY(-1%) rotate(45deg)
}

.c-raw-html ._hamburgerButton_atk5z_1[aria-expanded=true] span:nth-child(2) {
  opacity: 0
}

.c-raw-html ._hamburgerButton_atk5z_1[aria-expanded=true] span:nth-child(3) {
  transform: rotate(-45deg)
}

.c-raw-html ._simpleArrowSvg_6t92b_1 {
  height: 100%;
  vertical-align: top;
  width: 100%
}

.c-raw-html ._white_6t92b_7 path {
  stroke: var(--color-white)
}

.c-raw-html ._blue_6t92b_11 path {
  stroke: var(--color-blue)
}

.c-raw-html ._menuLink_1udz1_1 {
  position: relative;
  transition: color .6s
}

@media (any-hover: hover) {
  .c-raw-html ._menuLink_1udz1_1:hover {
    color: var(--color-blue)
  }

  .c-raw-html ._menuLink_1udz1_1:hover ._arrow_1udz1_9 {
    background-color: var(--color-blue)
  }

  .c-raw-html ._menuLink_1udz1_1:hover ._arrowImg_1udz1_12 svg path {
    stroke: var(--color-white)
  }

  .c-raw-html ._menuLink_1udz1_1:hover ._text_1udz1_15,
  .c-raw-html ._menuLink_1udz1_1:hover ._text_1udz1_15 span {
    color: var(--color-blue)
  }
}

.c-raw-html ._menuLink_1udz1_1:before {
  content: "";
  height: calc(100% + 24 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.c-raw-html ._text_1udz1_15 {
  align-items: center;
  color: var(--color-black);
  display: flex;
  flex-direction: row-reverse;
  font-weight: 700;
  justify-content: space-between;
  line-height: 146%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._text_1udz1_15 {
    flex-direction: revert;
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    justify-content: revert;
    transition: color .6s
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footer_1udz1_48 ._text_1udz1_15 {
    align-items: start
  }
}

.c-raw-html ._arrow_1udz1_9 {
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-blue);
  border-radius: 50%;
  display: grid;
  height: calc(19 / var(--base-size) * 100vw);
  place-content: center;
  transition: background-color .6s;
  width: calc(19 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_1udz1_9 {
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footer_1udz1_48 ._arrow_1udz1_9 {
    margin-top: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._arrowImg_1udz1_12 {
  line-height: 0;
  width: calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrowImg_1udz1_12 {
    width: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._arrowImg_1udz1_12 svg path {
  transition: stroke .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._headerMenu_dcq9l_2 {
    align-items: center;
    display: flex;
    gap: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._item_dcq9l_9 {
  border-bottom: calc(1 / var(--base-size) * 100vw) solid var(--color-border-gray);
  font-size: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item_dcq9l_9 {
    border-bottom: revert;
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._itemButton_dcq9l_20 {
  display: block;
  padding: calc(18 / var(--base-size) * 100vw) 0;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemButton_dcq9l_20 {
    padding: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px) 0;
    position: relative
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemButton_dcq9l_20:before {
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: calc(100% + clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px))
  }
}

@media (any-hover: hover) {
  .c-raw-html ._itemButton_dcq9l_20:hover ._itemButtonInner_dcq9l_44 {
    color: var(--color-blue)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemButton_dcq9l_20[aria-expanded=true] ._itemButtonInner_dcq9l_44 {
    color: var(--color-blue)
  }
}

.c-raw-html ._itemButton_dcq9l_20._isCurrent_dcq9l_53,
.c-raw-html ._itemButton_dcq9l_20._isCurrent_dcq9l_53 [data-hover-underline-text] {
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemButton_dcq9l_20._isCurrent_dcq9l_53 [data-hover-underline-text]:before {
    background: var(--color-blue);
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
  }
}

.c-raw-html ._itemButtonInner_dcq9l_44 {
  color: var(--color-black);
  display: flex;
  font-weight: 900;
  justify-content: space-between;
  transition: color .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemButtonInner_dcq9l_44 {
    font-weight: 700;
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    justify-content: revert;
    padding: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px) 0
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_dcq9l_88 {
    height: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    width: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._showMoreBtn_dcq9l_94 {
  height: calc(19 / var(--base-size) * 100vw);
  width: calc(19 / var(--base-size) * 100vw)
}

.c-raw-html ._showMoreBtn_dcq9l_94 span {
  width: calc(9 / var(--base-size) * 100vw)
}

.c-raw-html ._drawer_dcq9l_102 {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: opacity .6s .3s, grid-template-rows .6s .3s, visibility .6s .3s, transform .6s .3s;
  visibility: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawer_dcq9l_102 {
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate(-50%) translateY(-5%);
    transition: opacity .6s .3s, grid-template-rows .6s .3s, visibility .6s .3s, transform .6s .3s;
    z-index: -1
  }
}

.c-raw-html ._drawer_dcq9l_102[aria-hidden=false] {
  grid-template-rows: 1fr;
  opacity: 1;
  transform: translateY(0);
  visibility: visible
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawer_dcq9l_102[aria-hidden=false] {
    transform: translate(-50%) translateY(0)
  }
}

.c-raw-html ._drawerInner_dcq9l_134 {
  border-top: calc(1 / var(--base-size) * 100vw) solid var(--color-border-gray);
  display: grid;
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawerInner_dcq9l_134 {
    align-items: start;
    background: var(--color-white);
    border-radius: 0 0 clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px) clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    border-top: revert;
    grid-template-columns: auto auto;
    justify-content: space-between;
    overflow: revert;
    padding: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px) clamp(76px * 980 / 1440, 76 / var(--base-size) * 100vw, 76px) clamp(54px * 980 / 1440, 54 / var(--base-size) * 100vw, 54px) clamp(78px * 980 / 1440, 78 / var(--base-size) * 100vw, 78px);
    width: clamp(1353px * 980 / 1440, 1353 / var(--base-size) * 100vw, 1353px)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._drawerInner_dcq9l_134 a:hover ._cardImg_dcq9l_153 img {
    transform: scale(1.13)
  }
}

.c-raw-html ._drawerTitle_dcq9l_158 {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawerTitle_dcq9l_158 {
    color: var(--color-blue);
    display: block;
    font-size: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px);
    font-weight: 700
  }
}

.c-raw-html ._drawerTitle_dcq9l_158+._drawerLinkText_dcq9l_169 {
  color: var(--color-black);
  margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
}

.c-raw-html ._drawerInnerTitle_dcq9l_174 {
  padding-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawerInnerTitle_dcq9l_174 {
    padding-top: revert
  }
}

.c-raw-html ._drawerInnerTitle_dcq9l_174:has(._cardLink_dcq9l_182)+._drawerLinkCards_dcq9l_182 {
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawerInnerTitle_dcq9l_174:has(._cardLink_dcq9l_182)+._drawerLinkCards_dcq9l_182 {
    margin-top: revert
  }
}

.c-raw-html ._drawerLinkCards_dcq9l_182 {
  display: grid;
  gap: calc(24 / var(--base-size) * 100vw);
  grid-template-rows: auto;
  padding-bottom: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawerLinkCards_dcq9l_182 {
    display: flex;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    justify-content: space-between;
    max-width: clamp(890px * 980 / 1440, 890 / var(--base-size) * 100vw, 890px);
    min-width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px);
    padding-bottom: revert
  }
}

.c-raw-html ._cardImg_dcq9l_153 {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._cardImg_dcq9l_153 {
    border-radius: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    display: block;
    max-width: clamp(374px * 980 / 1440, 374 / var(--base-size) * 100vw, 374px);
    overflow: hidden
  }
}

.c-raw-html ._cardImg_dcq9l_153 img {
  transition: transform .6s
}

@media (any-hover: hover) {
  .c-raw-html ._cardLink_dcq9l_182:hover ._cardOtc_dcq9l_224 {
    border-color: var(--color-blue)
  }
}

.c-raw-html ._cardLink_dcq9l_182 p {
  font-size: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._cardLink_dcq9l_182 p {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    letter-spacing: .03em;
    margin-top: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._cardText_dcq9l_240 {
  align-items: center;
  display: flex;
  gap: calc(11 / var(--base-size) * 100vw);
  line-height: 146%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._cardText_dcq9l_240 {
    gap: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px)
  }
}

.c-raw-html ._cardLead_dcq9l_252 {
  font-size: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._cardLead_dcq9l_252 {
    display: none
  }
}

.c-raw-html ._cardOtc_dcq9l_224 {
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-black);
  border-radius: calc(3 / var(--base-size) * 100vw);
  font-size: calc(8 / var(--base-size) * 100vw);
  line-height: 1;
  padding: calc(3 / var(--base-size) * 100vw) calc(8 / var(--base-size) * 100vw);
  transition: border-color .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._cardOtc_dcq9l_224 {
    border-radius: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    padding: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px) clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px) clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px)
  }
}

.c-raw-html ._products-drewell_dcq9l_278 {
  padding-bottom: calc(12 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._products-drewell_dcq9l_278 {
    padding-bottom: revert
  }
}

.c-raw-html ._products-drewell_dcq9l_278:after {
  border-bottom: 1px dashed var(--color-border-gray);
  bottom: calc(-6 / var(--base-size) * 100vw);
  content: "";
  height: calc(1 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._products-drewell_dcq9l_278:after {
    content: none
  }
}

.c-raw-html ._linkArrow_dcq9l_302 {
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-blue);
  border-radius: 50%;
  display: grid;
  height: calc(19 / var(--base-size) * 100vw);
  place-content: center;
  transition: background-color .6s;
  width: calc(19 / var(--base-size) * 100vw)
}

.c-raw-html ._linkArrowImg_dcq9l_312 {
  line-height: 0;
  width: calc(11 / var(--base-size) * 100vw)
}

.c-raw-html ._commonHeader_1l6tc_1 {
  padding: 0;
  z-index: var(--z-index-header)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._commonHeader_1l6tc_1 {
    position: relative
  }
}

.c-raw-html ._commonHeader_1l6tc_1:after {
  background: var(--color-border-gray);
  bottom: 0;
  content: "";
  height: calc(1 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._commonHeader_1l6tc_1:after {
    height: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._inner_1l6tc_25 {
  background-color: var(--color-white)
}

.c-raw-html ._wrapper_1l6tc_29 {
  align-items: center;
  background: var(--color-white);
  display: flex;
  justify-content: space-between;
  padding: calc(21 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  position: relative;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_1l6tc_29 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 clamp(43px * 980 / 1440, 43 / var(--base-size) * 100vw, 43px);
    width: 100%
  }
}

.c-raw-html ._logo_1l6tc_49 {
  width: calc(103 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo_1l6tc_49 {
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }
}

.c-raw-html ._links_1l6tc_58 {
  background: var(--color-white);
  border-radius: 0 0 clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px) clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
  left: 0;
  max-height: 80dvh;
  overflow-y: scroll;
  overscroll-behavior-y: none;
  padding: calc(24 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(40 / var(--base-size) * 100vw);
  position: absolute;
  top: 100%;
  transform: translateY(-200%);
  transition: transform .6s, visibility .6s;
  visibility: hidden;
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_1l6tc_58 {
    border-radius: 0;
    display: flex;
    gap: clamp(42px * 980 / 1440, 42 / var(--base-size) * 100vw, 42px);
    max-height: revert;
    overflow-y: revert;
    padding: revert;
    position: revert;
    transform: revert;
    visibility: visible
  }
}

.c-raw-html ._links_1l6tc_58[aria-hidden=false] {
  transform: translateY(0);
  visibility: visible
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_1l6tc_58[aria-hidden=false] {
    transform: revert
  }
}

.c-raw-html ._bg_1l6tc_97 {
  background: var(--color-black);
  height: 100vh;
  left: 50%;
  opacity: 0;
  position: fixed;
  top: 0;
  transform: translate(-50%);
  transition: opacity .6s, visibility .6s;
  visibility: hidden;
  width: 100%;
  z-index: -2
}

.c-raw-html ._bg_1l6tc_97[data-header-menu-bg=is-active] {
  opacity: .2;
  visibility: visible
}

.c-raw-html ._pageTopButton_ijz8x_1 {
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  display: grid;
  height: calc(40 / var(--base-size) * 100vw);
  place-content: center;
  transition: background-color .6s;
  width: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._pageTopButton_ijz8x_1 {
    height: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px);
    width: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._pageTopButton_ijz8x_1:hover {
    background: var(--color-white)
  }

  .c-raw-html ._pageTopButton_ijz8x_1:hover ._arrow_ijz8x_21 svg path {
    stroke: var(--color-blue)
  }
}

.c-raw-html ._arrow_ijz8x_21 {
  height: calc(13 / var(--base-size) * 100vw);
  transform: rotate(-90deg);
  width: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_ijz8x_21 {
    height: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    width: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px)
  }
}

.c-raw-html ._arrow_ijz8x_21 svg path {
  stroke: var(--color-white);
  transition: stroke .6s
}

.c-raw-html ._breadcrumb_wxjup_1 {
  display: flex;
  flex-wrap: wrap;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  gap: calc(8 / var(--base-size) * 100vw);
  letter-spacing: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._breadcrumb_wxjup_1 {
    flex-wrap: nowrap;
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    gap: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px);
    letter-spacing: .05em;
    width: auto
  }
}

.c-raw-html ._breadcrumb_wxjup_1 a {
  color: var(--color-blue)
}

.c-raw-html ._block_wxjup_23 {
  align-items: center;
  display: flex;
  gap: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._block_wxjup_23 {
    gap: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._arrow_wxjup_34 {
  height: calc(10 / var(--base-size) * 100vw);
  line-height: 1;
  width: calc(6 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_wxjup_34 {
    height: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    width: clamp(6px * 980 / 1440, 6 / var(--base-size) * 100vw, 6px)
  }
}

.c-raw-html ._arrow_wxjup_34 svg {
  vertical-align: top
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerMenu_1tpf9_2 {
    display: grid;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px) clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    grid-template: "Top       ActiveSleepProject  ContentsGallery Faq" -webkit-min-content "Products  ActiveSleepProject  ContentsGallery Faq" -webkit-min-content "Products  ActiveSleepProject  ContentsGallery Store" -webkit-min-content "Products  SleepEncyclopedia  ContentsGallery Store" min-content/1fr 1fr 1fr 1fr;
    grid-template: "Top       ActiveSleepProject  ContentsGallery Faq" min-content "Products  ActiveSleepProject  ContentsGallery Faq" min-content "Products  ActiveSleepProject  ContentsGallery Store" min-content "Products  SleepEncyclopedia  ContentsGallery Store" min-content/1fr 1fr 1fr 1fr
  }
}

.c-raw-html ._item_1tpf9_9 {
  display: grid;
  font-size: calc(16 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item_1tpf9_9 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    gap: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
  }
}

.c-raw-html ._item_1tpf9_9:before {
  background: var(--color-border-gray);
  content: "";
  height: calc(1 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item_1tpf9_9:before {
    content: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._top_1tpf9_37 {
    grid-area: Top
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._products_1tpf9_43 {
    grid-area: Products
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._activeSleepProject_1tpf9_49 {
    grid-area: ActiveSleepProject
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopedia_1tpf9_55 {
    grid-area: SleepEncyclopedia
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contentsGallery_1tpf9_61 {
    grid-area: ContentsGallery
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._faq_1tpf9_67 {
    grid-area: Faq
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._store_1tpf9_73 {
    grid-area: Store
  }
}

.c-raw-html ._itemTitle_1tpf9_78 {
  color: var(--color-black);
  display: flex;
  font-weight: 900;
  justify-content: space-between;
  letter-spacing: .02em;
  padding: calc(18 / var(--base-size) * 100vw) 0;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemTitle_1tpf9_78 {
    display: revert;
    padding: 0;
    pointer-events: none;
    width: revert
  }
}

.c-raw-html ._drawer_1tpf9_97 {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  overflow: hidden;
  transition: opacity .6s .3s, grid-template-rows .6s .3s, visibility .6s .3s, transform .6s .3s;
  visibility: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawer_1tpf9_97 {
    grid-template-rows: revert;
    opacity: 1;
    overflow: visible;
    visibility: visible
  }
}

.c-raw-html ._drawer_1tpf9_97[aria-hidden=false] {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible
}

.c-raw-html ._drawerInner_1tpf9_120 {
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drawerInner_1tpf9_120 {
    overflow: visible
  }
}

.c-raw-html ._itemList_1tpf9_129 {
  display: grid;
  gap: calc(36 / var(--base-size) * 100vw);
  padding: calc(18 / var(--base-size) * 100vw) 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemList_1tpf9_129 {
    gap: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    padding: 0
  }
}

.c-raw-html ._itemListBlock_1tpf9_141 {
  position: relative
}

.c-raw-html ._itemListBlock_1tpf9_141:before {
  content: "";
  height: calc(1 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  top: calc(-18 / var(--base-size) * 100vw);
  width: 100%
}

.c-raw-html ._itemListBlock_1tpf9_141:not(._listItem-drw-naturalsleep_1tpf9_152):before {
  background: var(--color-border-gray)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemListBlock_1tpf9_141:not(._listItem-drw-naturalsleep_1tpf9_152):before {
    content: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemListBlock_1tpf9_141._listItem-drw-naturalsleep_1tpf9_152 {
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._itemListBlock_1tpf9_141._listItem-drw-naturalsleep_1tpf9_152:before {
  border-color: var(--color-border-gray);
  border-style: dashed;
  border-width: calc(1 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemListBlock_1tpf9_141._listItem-drw-naturalsleep_1tpf9_152:before {
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    height: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._itemListBlockLink_1tpf9_177 p {
  font-size: calc(14 / var(--base-size) * 100vw);
  letter-spacing: 0;
  line-height: 146%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemListBlockLink_1tpf9_177 p {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._itemListBlockLink_1tpf9_177:hover ._itemListBlockOtc_1tpf9_189 {
    border-color: var(--color-blue);
    color: var(--color-blue)
  }
}

.c-raw-html ._itemListBlockLink_1tpf9_177:before {
  height: calc(100% + 36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemListBlockLink_1tpf9_177:before {
    height: calc(100% + 16 / var(--base-size) * 100vw)
  }
}

.c-raw-html ._itemListBlockOtc_1tpf9_189 {
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-black);
  border-radius: calc(3 / var(--base-size) * 100vw);
  color: var(--color-black);
  display: inline-block;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 175%;
  padding: 0 calc(8 / var(--base-size) * 100vw);
  transition: color .6s, border-color .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemListBlockOtc_1tpf9_189 {
    border: 1px solid var(--color-black);
    border-radius: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    font-size: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    margin-top: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px);
    padding: 0 clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px)
  }
}

.c-raw-html ._showMoreBtn_1tpf9_224 {
  height: calc(19 / var(--base-size) * 100vw);
  width: calc(19 / var(--base-size) * 100vw)
}

.c-raw-html ._showMoreBtn_1tpf9_224 span {
  width: calc(9 / var(--base-size) * 100vw)
}

.c-raw-html ._commonFooter_1g1le_1 {
  position: relative
}

.c-raw-html ._wrapper_1g1le_5 {
  padding: calc(50 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(40 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_1g1le_5 {
    margin: 0 auto;
    padding: clamp(57px * 980 / 1440, 57 / var(--base-size) * 100vw, 57px) 0 clamp(80px * 980 / 1440, 80 / var(--base-size) * 100vw, 80px);
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._upper_1g1le_17 {
  display: grid;
  gap: calc(60 / var(--base-size) * 100vw);
  padding: 0 0 calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._upper_1g1le_17 {
    border-bottom: var(--color-border-gray) clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px) solid;
    gap: clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px);
    padding: 0 0 clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px)
  }
}

.c-raw-html ._upperBlock_1g1le_30 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 / var(--base-size) * 100vw);
  justify-content: space-between
}

@media screen and (min-width: 768px) {
  .c-raw-html ._upperBlock_1g1le_30 {
    align-items: flex-start;
    gap: revert
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._upperBlock_1g1le_30._noBreadcrumb_1g1le_44 {
    justify-content: flex-end
  }
}

.c-raw-html ._logo_1g1le_49 {
  width: calc(143 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo_1g1le_49 {
    width: clamp(161px * 980 / 1440, 161 / var(--base-size) * 100vw, 161px)
  }
}

.c-raw-html ._mat_1g1le_58 {
  font-family: Noto Sans JP, serif;
  font-optical-sizing: auto;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .05em;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mat_1g1le_58 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: auto
  }
}

.c-raw-html ._links_1g1le_74 {
  border-bottom: calc(1 / var(--base-size) * 100vw) solid var(--color-border-gray)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_1g1le_74 {
    border-bottom: none;
    padding: clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px) 0 clamp(80px * 980 / 1440, 80 / var(--base-size) * 100vw, 80px)
  }
}

.c-raw-html ._toggleDrawerIcon_ypivt_1 {
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-blue);
  border-radius: 50%;
  position: relative;
  transition: background-color .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._toggleDrawerIcon_ypivt_1 {
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._toggleDrawerIcon_ypivt_1 span {
  height: calc(1 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: transform .6s, background-color .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._toggleDrawerIcon_ypivt_1 span {
    height: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._toggleDrawerIcon_ypivt_1 span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(90deg)
}

.c-raw-html [aria-expanded=true] ._toggleDrawerIcon_ypivt_1 span:nth-child(1),
.c-raw-html [data-faq-details=active] ._toggleDrawerIcon_ypivt_1 span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(0)
}

.c-raw-html ._white_ypivt_33 {
  background-color: var(--color-white)
}

@media (any-hover: hover) {

  .c-raw-html [data-toggle-drawer-icon-base]:hover ._white_ypivt_33,
  .c-raw-html *:hover>._white_ypivt_33 {
    background-color: var(--color-blue)
  }

  .c-raw-html [data-toggle-drawer-icon-base]:hover ._white_ypivt_33 span,
  .c-raw-html *:hover>._white_ypivt_33 span {
    background-color: var(--color-white)
  }
}

.c-raw-html ._white_ypivt_33 span,
.c-raw-html ._blue_ypivt_48 {
  background-color: var(--color-blue)
}

@media (any-hover: hover) {

  .c-raw-html [data-toggle-drawer-icon-base]:hover ._blue_ypivt_48,
  .c-raw-html *:hover>._blue_ypivt_48 {
    background-color: var(--color-white)
  }

  .c-raw-html [data-toggle-drawer-icon-base]:hover ._blue_ypivt_48 span,
  .c-raw-html *:hover>._blue_ypivt_48 span {
    background-color: var(--color-blue)
  }
}

.c-raw-html ._blue_ypivt_48 span {
  background-color: var(--color-white)
}

.c-raw-html ._waveWrapper_1r1oe_1 {
  position: relative
}

.c-raw-html ._waveWrapper_1r1oe_1:before {
  bottom: calc(100% - 1px);
  content: "";
  height: calc(31 / var(--base-size) * 100vw);
  left: 0;
  -webkit-mask-image: url(/assets/drewell/images/common/img-wave.svg);
  mask-image: url(/assets/drewell/images/common/img-wave.svg);
  -webkit-mask-position: left calc(-10 / var(--base-size) * 100vw) bottom 0;
  mask-position: left calc(-10 / var(--base-size) * 100vw) bottom 0;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  position: absolute;
  width: 100%;
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._waveWrapper_1r1oe_1:before {
    height: clamp(31px * 980 / 1440, 31 / var(--base-size) * 100vw, 31px)
  }
}

.c-raw-html ._blue_1r1oe_23 {
  background: linear-gradient(180deg, #003b7f, #014f92)
}

.c-raw-html ._blue_1r1oe_23:before {
  background-color: #003b7f
}

.c-raw-html ._lightBlue_1r1oe_30 {
  background: linear-gradient(180deg, #0364a4, #0a92ca)
}

.c-raw-html ._lightBlue_1r1oe_30:before {
  background-color: #0364a4
}

.c-raw-html ._skyBlue_1r1oe_37 {
  background: linear-gradient(180deg, #0886c0, #077cb7)
}

.c-raw-html ._skyBlue_1r1oe_37:before {
  background-color: #0886c0
}

.c-raw-html ._purple_1r1oe_44 {
  background: linear-gradient(180deg, #8899c6, #949ac6 5.22%, #d0b1cc 56.06%, #fceca8 97.4%)
}

.c-raw-html ._purple_1r1oe_44:before {
  background-color: #8899c6
}

.c-raw-html ._gaba_1r1oe_51 {
  background: linear-gradient(180deg, #1d7fb1 -1.72%, #18a1c3 98.16%)
}

.c-raw-html ._gaba_1r1oe_51:before {
  background-color: #1d7fb1
}

.c-raw-html ._luobuma_1r1oe_58 {
  background: linear-gradient(180deg, #45afa6 -1.64%, #5eb797 99.95%)
}

.c-raw-html ._luobuma_1r1oe_58:before {
  background-color: #45afa6
}

.c-raw-html ._lecture_1r1oe_65 {
  background: #ffedcf
}

.c-raw-html ._lecture_1r1oe_65:before {
  background-color: #ffedcf
}

.c-raw-html ._white_1r1oe_72 {
  background: var(--color-white)
}

.c-raw-html ._white_1r1oe_72:before {
  background-color: var(--color-white)
}

.c-raw-html ._introInner_10e91_1 {
  aspect-ratio: .6/1;
  display: block;
  margin: auto;
  max-width: calc(1440 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._introInner_10e91_1 {
    aspect-ratio: 1/.84;
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._introLogo_10e91_15 {
  animation: _fadeIn_10e91_1 .5s ease-in-out 1.8s both;
  bottom: calc(57 / var(--base-size) * 100vw);
  display: block;
  height: auto;
  position: absolute;
  right: calc(-30 / var(--base-size) * 100vw);
  width: calc(240 / var(--base-size) * 100vw);
  z-index: 3
}

@media screen and (min-width: 768px) {
  .c-raw-html ._introLogo_10e91_15 {
    animation: _fadeIn_10e91_1 1s ease-in-out 2s both;
    bottom: auto;
    right: clamp(-76px, -76 / var(--base-size) * 100vw, -76px * 980 / 1440);
    top: clamp(772px * 980 / 1440, 772 / var(--base-size) * 100vw, 772px);
    width: clamp(670px * 980 / 1440, 670 / var(--base-size) * 100vw, 670px)
  }
}

.c-raw-html ._introText_10e91_35 {
  animation: _fadeIn_10e91_1 .5s ease-in-out 1.5s both;
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(-37 / var(--base-size) * 100vw);
  width: calc(183 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._introText_10e91_35 {
    animation: _fadeIn_10e91_1 1s ease-in-out 1.5s both;
    left: clamp(-144px, -144 / var(--base-size) * 100vw, -144px * 980 / 1440);
    top: clamp(-168px, -168 / var(--base-size) * 100vw, -168px * 980 / 1440);
    width: clamp(589px * 980 / 1440, 589 / var(--base-size) * 100vw, 589px)
  }
}

.c-raw-html ._introRyu_10e91_54 {
  animation: _fadeInRyu_10e91_1 1s ease-in-out .8s both;
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(375 / var(--base-size) * 100vw);
  z-index: 2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._introRyu_10e91_54 {
    left: clamp(210px * 980 / 1440, 210 / var(--base-size) * 100vw, 210px);
    top: clamp(-30px, -30 / var(--base-size) * 100vw, -30px * 980 / 1440);
    width: clamp(942px * 980 / 1440, 942 / var(--base-size) * 100vw, 942px)
  }
}

.c-raw-html ._introBgCharacters_10e91_72 {
  animation: _fadeIn_10e91_1 .8s ease-in-out .2s both;
  display: block;
  height: auto;
  left: 50%;
  position: absolute;
  top: calc(-71 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._introBgCharacters_10e91_72 {
    left: clamp(839px * 980 / 1440, 839 / var(--base-size) * 100vw, 839px);
    top: clamp(-165px, -165 / var(--base-size) * 100vw, -165px * 980 / 1440);
    transform: translate(-51%);
    width: clamp(2135px * 980 / 1440, 2135 / var(--base-size) * 100vw, 2135px)
  }
}

@keyframes _fadeIn_10e91_1 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes _fadeInRyu_10e91_1 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.c-raw-html ._titleWrap_152op_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%
}

.c-raw-html ._titleWrap_152op_1._blue_152op_8 {
  color: var(--color-sleepFighter2-blue)
}

.c-raw-html ._titleWrap_152op_1._white_152op_11 {
  color: var(--color-white)
}

.c-raw-html ._titleWrap_152op_1._center_152op_14 {
  align-items: center
}

.c-raw-html ._subtitle_152op_18 {
  font-size: calc(14 / var(--base-size) * 100vw);
  line-height: 1.8;
  margin-top: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._subtitle_152op_18 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em;
    margin-top: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px)
  }
}

.c-raw-html ._small_152op_30 ._subtitle_152op_18 {
  font-size: calc(14 / var(--base-size) * 100vw);
  margin-top: calc(6 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._small_152op_30 ._subtitle_152op_18 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    margin-top: clamp(9px * 980 / 1440, 9 / var(--base-size) * 100vw, 9px)
  }
}

.c-raw-html ._aboutCharacter1_12sva_1 {
  pointer-events: none;
  position: absolute;
  right: calc(-20 / var(--base-size) * 100vw);
  top: calc(150 / var(--base-size) * 100vw);
  width: calc(161 / var(--base-size) * 100vw);
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutCharacter1_12sva_1 {
    right: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px);
    top: clamp(96px * 980 / 1440, 96 / var(--base-size) * 100vw, 96px);
    width: clamp(430px * 980 / 1440, 430 / var(--base-size) * 100vw, 430px)
  }
}

.c-raw-html ._aboutCharacter2_12sva_17 {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: calc(240 / var(--base-size) * 100vw);
  width: calc(110 / var(--base-size) * 100vw);
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutCharacter2_12sva_17 {
    top: clamp(420px * 980 / 1440, 420 / var(--base-size) * 100vw, 420px);
    width: clamp(450px * 980 / 1440, 450 / var(--base-size) * 100vw, 450px);
    z-index: 3
  }
}

.c-raw-html ._aboutSpray1_12sva_33 {
  background: url(/assets/drewell/images/sleepfighter2/about/img-about-spray01_sp.webp) no-repeat center center;
  background-size: cover;
  height: calc(319 / var(--base-size) * 100vw);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: calc(-250 / var(--base-size) * 100vw);
  width: 100%;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutSpray1_12sva_33 {
    background-image: url(/assets/drewell/images/sleepfighter2/about/img-about-spray01_pc.webp);
    height: clamp(1029px * 980 / 1440, 1029 / var(--base-size) * 100vw, 1029px);
    left: clamp(-380px, -380 / var(--base-size) * 100vw, -380px * 980 / 1440);
    top: clamp(-730px, -730 / var(--base-size) * 100vw, -730px * 980 / 1440);
    width: clamp(1874px * 980 / 1440, 1874 / var(--base-size) * 100vw, 1874px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutSpray2_12sva_55 {
    background: url(/assets/drewell/images/sleepfighter2/about/img-about-spray02_pc.webp) no-repeat center center;
    background-size: contain;
    height: clamp(723px * 980 / 1440, 723 / var(--base-size) * 100vw, 723px);
    pointer-events: none;
    position: absolute;
    right: clamp(-280px, -280 / var(--base-size) * 100vw, -280px * 980 / 1440);
    top: clamp(500px * 980 / 1440, 500 / var(--base-size) * 100vw, 500px);
    width: clamp(844px * 980 / 1440, 844 / var(--base-size) * 100vw, 844px);
    z-index: 1
  }
}

.c-raw-html ._sliderTitle_1radf_1 {
  margin: auto;
  margin-bottom: calc(18 / var(--base-size) * 100vw);
  width: calc(227 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sliderTitle_1radf_1 {
    margin-bottom: clamp(47px * 980 / 1440, 47 / var(--base-size) * 100vw, 47px);
    width: clamp(827px * 980 / 1440, 827 / var(--base-size) * 100vw, 827px)
  }
}

.c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination,
.c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination .swiper-pagination-bullet,
.c-raw-html ._slider_1radf_1 .swiper-button-next,
.c-raw-html ._slider_1radf_1 .swiper-button-prev {
  height: auto;
  inset: auto;
  margin: 0;
  position: relative;
  width: auto
}

.c-raw-html ._slider_1radf_1 {
  margin-top: calc(55 / var(--base-size) * 100vw);
  position: relative;
  z-index: 5
}

@media screen and (min-width: 768px) {
  .c-raw-html ._slider_1radf_1 {
    margin-bottom: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px);
    margin-top: clamp(104px * 980 / 1440, 104 / var(--base-size) * 100vw, 104px)
  }
}

.c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination {
  display: flex;
  gap: calc(10 / var(--base-size) * 100vw);
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination {
    gap: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-blue);
  height: calc(11 / var(--base-size) * 100vw);
  opacity: 1;
  transition: background-color .3s;
  width: calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination .swiper-pagination-bullet {
    border-width: 1px;
    height: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    width: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination .swiper-pagination-bullet:hover {
    background-color: var(--color-white)
  }
}

.c-raw-html ._slider_1radf_1 ._pagination_1radf_13.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-blue)
}

.c-raw-html ._slider_1radf_1 .swiper-button-prev {
  transform: rotate(180deg)
}

.c-raw-html ._slider_1radf_1 .swiper-button-next,
.c-raw-html ._slider_1radf_1 .swiper-button-prev {
  display: block
}

.c-raw-html ._slider_1radf_1 .swiper-button-next:before,
.c-raw-html ._slider_1radf_1 .swiper-button-next:after,
.c-raw-html ._slider_1radf_1 .swiper-button-prev:before,
.c-raw-html ._slider_1radf_1 .swiper-button-prev:after {
  content: none
}

.c-raw-html ._slider_1radf_1 .swiper-button-next ._button_1radf_83,
.c-raw-html ._slider_1radf_1 .swiper-button-prev ._button_1radf_83 {
  height: calc(26 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._slider_1radf_1 .swiper-button-next ._button_1radf_83,
  .c-raw-html ._slider_1radf_1 .swiper-button-prev ._button_1radf_83 {
    height: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._slider_1radf_1 .swiper-button-next ._arrow_1radf_95 svg,
.c-raw-html ._slider_1radf_1 .swiper-button-prev ._arrow_1radf_95 svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._slider_1radf_1 .swiper-button-next ._arrow_1radf_95 svg,
  .c-raw-html ._slider_1radf_1 .swiper-button-prev ._arrow_1radf_95 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._sliderBlockLink_1radf_108[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._sliderBlockLink_1radf_108:hover {
    opacity: .6
  }
}

.c-raw-html ._controller_1radf_117 {
  align-items: center;
  bottom: calc(-52 / var(--base-size) * 100vw);
  display: flex;
  gap: calc(16 / var(--base-size) * 100vw);
  justify-content: center;
  position: absolute;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._controller_1radf_117 {
    bottom: clamp(-72px, -72 / var(--base-size) * 100vw, -72px * 980 / 1440);
    gap: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._about_4nf0u_1 {
  background-color: var(--color-white);
  color: var(--color-sleepFighter2-blue);
  padding-bottom: clamp(144px * 980 / 1440, 144 / var(--base-size) * 100vw, 144px);
  padding-top: calc(56 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_4nf0u_1 {
    padding-bottom: clamp(144px * 980 / 1440, 144 / var(--base-size) * 100vw, 144px);
    padding-top: clamp(276px * 980 / 1440, 276 / var(--base-size) * 100vw, 276px)
  }
}

.c-raw-html ._about_4nf0u_1:before {
  background: url(/assets/drewell/images/sleepfighter2/about/bg-wave-white-top.svg) repeat-x 20% 0;
  background-size: auto calc(130 / var(--base-size) * 100vw);
  content: "";
  display: block;
  height: calc(130 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  top: calc(-129 / var(--base-size) * 100vw);
  width: 100%;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_4nf0u_1:before {
    background-size: auto clamp(130px * 980 / 1440, 130 / var(--base-size) * 100vw, 130px);
    height: clamp(130px * 980 / 1440, 130 / var(--base-size) * 100vw, 130px);
    top: clamp(-129px, -129 / var(--base-size) * 100vw, -129px * 980 / 1440)
  }
}

.c-raw-html ._about_4nf0u_1:after {
  background: url(/assets/drewell/images/sleepfighter2/about/bg-wave-white-bottom.svg) repeat-x 20% 0;
  background-size: auto calc(130 / var(--base-size) * 100vw);
  bottom: calc(-130 / var(--base-size) * 100vw);
  content: "";
  display: block;
  height: calc(130 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_4nf0u_1:after {
    background-size: auto clamp(132px * 980 / 1440, 132 / var(--base-size) * 100vw, 132px);
    bottom: clamp(-129px, -129 / var(--base-size) * 100vw, -129px * 980 / 1440);
    height: clamp(132px * 980 / 1440, 132 / var(--base-size) * 100vw, 132px)
  }
}

.c-raw-html ._aboutInner_4nf0u_53 {
  max-width: calc(1440 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutInner_4nf0u_53 {
    margin: 0 auto;
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._aboutTitle_4nf0u_64 {
  position: relative;
  z-index: 2
}

.c-raw-html ._aboutTitleImg_4nf0u_69 {
  display: block;
  width: calc(195 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutTitleImg_4nf0u_69 {
    width: clamp(348px * 980 / 1440, 348 / var(--base-size) * 100vw, 348px)
  }
}

.c-raw-html ._aboutText_4nf0u_79 {
  display: block;
  margin-top: calc(28 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutText_4nf0u_79 {
    margin-top: clamp(54px * 980 / 1440, 54 / var(--base-size) * 100vw, 54px)
  }
}

.c-raw-html ._aboutTextImg_4nf0u_90 {
  display: inline-block;
  width: calc(262 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutTextImg_4nf0u_90 {
    width: clamp(806px * 980 / 1440, 806 / var(--base-size) * 100vw, 806px)
  }
}

.c-raw-html ._aboutDate_4nf0u_100 {
  margin-top: calc(60 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutDate_4nf0u_100 {
    margin-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px)
  }
}

.c-raw-html ._aboutDateImg_4nf0u_110 {
  display: inline-block;
  width: calc(332 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutDateImg_4nf0u_110 {
    margin-top: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    width: clamp(654px * 980 / 1440, 654 / var(--base-size) * 100vw, 654px)
  }
}

.c-raw-html ._aboutEntry_4nf0u_121 {
  display: none;
  margin-top: calc(45 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutEntry_4nf0u_121 {
    margin-top: clamp(106px * 980 / 1440, 106 / var(--base-size) * 100vw, 106px)
  }
}

.c-raw-html ._aboutEntryTitle_4nf0u_132 {
  margin: auto;
  width: calc(280 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutEntryTitle_4nf0u_132 {
    margin-bottom: clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px);
    width: clamp(668px * 980 / 1440, 668 / var(--base-size) * 100vw, 668px)
  }
}

.c-raw-html ._aboutEntryLink_4nf0u_143 {
  align-items: center;
  background: #00b900 url(/assets/drewell/images/sleepfighter2/about/icon-about-btn-arrow-white.svg) no-repeat right calc(10 / var(--base-size) * 100vw) center;
  background-size: calc(40 / var(--base-size) * 100vw);
  border: calc(2 / var(--base-size) * 100vw) solid #1e2386;
  border-radius: calc(12 / var(--base-size) * 100vw);
  box-sizing: border-box;
  display: inline-flex;
  height: calc(82 / var(--base-size) * 100vw);
  justify-content: center;
  margin-top: calc(20 / var(--base-size) * 100vw);
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutEntryLink_4nf0u_143 {
    background-position: right clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) center;
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    border-width: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    height: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._aboutEntryLink_4nf0u_143[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._aboutEntryLink_4nf0u_143:hover {
    opacity: .6
  }
}

.c-raw-html ._aboutEntryLinkImg_4nf0u_174 {
  position: relative;
  top: calc(-2 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutEntryLinkImg_4nf0u_174 {
    top: 0;
    width: clamp(292px * 980 / 1440, 292 / var(--base-size) * 100vw, 292px)
  }
}

.c-raw-html ._aboutEntryText_4nf0u_185 {
  font-size: calc(12 / var(--base-size) * 100vw);
  line-height: 1.5;
  margin: calc(10 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw);
  text-align: left
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutEntryText_4nf0u_185 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .1em;
    line-height: 1;
    margin: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) auto;
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._aboutYoutube_4nf0u_201 {
  margin-top: calc(118 / var(--base-size) * 100vw);
  position: relative;
  text-align: center;
  z-index: 3
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutYoutube_4nf0u_201 {
    margin-top: clamp(168px * 980 / 1440, 168 / var(--base-size) * 100vw, 168px)
  }
}

.c-raw-html ._aboutYoutubeInner_4nf0u_213 {
  max-width: calc(1440 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutYoutubeInner_4nf0u_213 {
    margin: 0 auto;
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._aboutYoutubeTitle_4nf0u_224 {
  margin: auto;
  width: calc(293 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutYoutubeTitle_4nf0u_224 {
    margin-bottom: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    width: clamp(481px * 980 / 1440, 481 / var(--base-size) * 100vw, 481px)
  }
}

.c-raw-html ._aboutYoutubeLinkWrapper_4nf0u_235 {
  background-color: #fff;
  border-radius: calc(12 / var(--base-size) * 100vw);
  display: inline-block
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutYoutubeLinkWrapper_4nf0u_235 {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._aboutYoutubeLink_4nf0u_235 {
  align-items: center;
  background: #00b900 url(/assets/drewell/images/sleepfighter2/about/icon-about-btn-arrow-white.svg) no-repeat right calc(10 / var(--base-size) * 100vw) center;
  background-size: calc(40 / var(--base-size) * 100vw);
  border: calc(2 / var(--base-size) * 100vw) solid #1e2386;
  border-radius: calc(12 / var(--base-size) * 100vw);
  box-sizing: border-box;
  display: inline-flex;
  height: calc(82 / var(--base-size) * 100vw);
  justify-content: center;
  margin-top: calc(20 / var(--base-size) * 100vw);
  width: calc(327 / var(--base-size) * 100vw);
  background-color: var(--color-white);
  background-image: url(/assets/drewell/images/sleepfighter2/about/icon-about-btn-arrow-black.svg);
  position: relative;
  z-index: 3
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutYoutubeLink_4nf0u_235 {
    background-position: right clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) center;
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    border-width: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    height: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._aboutYoutubeLink_4nf0u_235[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._aboutYoutubeLink_4nf0u_235:hover {
    opacity: .6
  }
}

.c-raw-html ._aboutYoutubeLinkImg_4nf0u_281 {
  width: calc(163 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutYoutubeLinkImg_4nf0u_281 {
    width: clamp(216px * 980 / 1440, 216 / var(--base-size) * 100vw, 216px)
  }
}

.c-raw-html ._aboutSpray3_4nf0u_290 {
  background: url(/assets/drewell/images/sleepfighter2/about/img-about-spray03_sp.webp) no-repeat center center;
  background-size: contain;
  bottom: calc(-395 / var(--base-size) * 100vw);
  height: calc(772 / var(--base-size) * 100vw);
  left: 0;
  pointer-events: none;
  position: absolute;
  width: calc(352 / var(--base-size) * 100vw);
  z-index: 2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutSpray3_4nf0u_290 {
    background-image: url(/assets/drewell/images/sleepfighter2/about/img-about-spray03_pc.webp);
    bottom: clamp(-850px, -850 / var(--base-size) * 100vw, -850px * 980 / 1440);
    height: clamp(2022px * 980 / 1440, 2022 / var(--base-size) * 100vw, 2022px);
    left: clamp(-980px, -980 / var(--base-size) * 100vw, -980px * 980 / 1440);
    width: clamp(1792px * 980 / 1440, 1792 / var(--base-size) * 100vw, 1792px)
  }
}

.c-raw-html ._memberInner_vnfk2_1 {
  display: block;
  margin: auto;
  max-width: calc(1440 / var(--base-size) * 100vw);
  padding: calc(140 / var(--base-size) * 100vw) 0 calc(125 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberInner_vnfk2_1 {
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px);
    padding: clamp(400px * 980 / 1440, 400 / var(--base-size) * 100vw, 400px) 0 clamp(220px * 980 / 1440, 220 / var(--base-size) * 100vw, 220px)
  }
}

.c-raw-html ._memberWrapper_vnfk2_15 {
  margin: 0 auto;
  padding: calc(120 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) 0;
  position: relative;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberWrapper_vnfk2_15 {
    padding: 0;
    position: static;
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._memberScroll_vnfk2_29 {
  display: flex;
  flex-direction: row
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberScroll_vnfk2_29 {
    flex-direction: column
  }
}

.c-raw-html ._memberTitle_vnfk2_39 hgroup {
  height: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberTitle_vnfk2_39 {
    display: grid;
    grid-template-columns: clamp(332px * 980 / 1440, 332 / var(--base-size) * 100vw, 332px) auto
  }
}

.c-raw-html ._memberTitleImage_vnfk2_49 {
  display: block;
  width: calc(186 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberTitleImage_vnfk2_49 {
    width: clamp(332px * 980 / 1440, 332 / var(--base-size) * 100vw, 332px)
  }
}

.c-raw-html ._memberSubTitle_vnfk2_59 {
  padding-top: calc(22 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberSubTitle_vnfk2_59 {
    padding-left: clamp(54px * 980 / 1440, 54 / var(--base-size) * 100vw, 54px);
    padding-top: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px)
  }
}

.c-raw-html ._memberSubTitleImage_vnfk2_69 {
  display: block;
  width: calc(225 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberSubTitleImage_vnfk2_69 {
    width: clamp(500px * 980 / 1440, 500 / var(--base-size) * 100vw, 500px)
  }
}

.c-raw-html ._memberList_vnfk2_79 {
  position: relative;
  z-index: 2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberList_vnfk2_79 {
    padding-top: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }
}

.c-raw-html ._memberListImage_vnfk2_89 {
  display: block;
  margin: calc(-39 / var(--base-size) * 100vw) 0 0 calc(-144 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberListImage_vnfk2_89 {
    margin: 0
  }
}

.c-raw-html ._memberListImage_vnfk2_89 img {
  display: block;
  max-width: none;
  width: calc(1813 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberListImage_vnfk2_89 img {
    max-width: 100%;
    width: 100%
  }
}

.c-raw-html ._memberCammy_vnfk2_110 {
  display: block;
  height: auto;
  pointer-events: none;
  position: absolute;
  right: calc(-59 / var(--base-size) * 100vw);
  top: calc(-83 / var(--base-size) * 100vw);
  width: calc(301 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberCammy_vnfk2_110 {
    right: clamp(9px * 980 / 1440, 9 / var(--base-size) * 100vw, 9px);
    top: clamp(-27px, -27 / var(--base-size) * 100vw, -27px * 980 / 1440);
    width: clamp(452.5px * 980 / 1440, 452.5 / var(--base-size) * 100vw, 452.5px)
  }
}

.c-raw-html ._memberCammySpray_vnfk2_128 {
  display: block;
  height: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(301 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberCammySpray_vnfk2_128 {
    right: clamp(-360px, -360 / var(--base-size) * 100vw, -360px * 980 / 1440);
    top: clamp(-360px, -360 / var(--base-size) * 100vw, -360px * 980 / 1440);
    width: clamp(1036.5px * 980 / 1440, 1036.5 / var(--base-size) * 100vw, 1036.5px)
  }
}

.c-raw-html ._memberSpray1_vnfk2_146 {
  bottom: calc(-375 / var(--base-size) * 100vw);
  display: block;
  height: auto;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: calc(275 / var(--base-size) * 100vw);
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberSpray1_vnfk2_146 {
    bottom: clamp(-260px, -260 / var(--base-size) * 100vw, -260px * 980 / 1440);
    left: clamp(-440px, -440 / var(--base-size) * 100vw, -440px * 980 / 1440);
    width: clamp(1029.5px * 980 / 1440, 1029.5 / var(--base-size) * 100vw, 1029.5px)
  }
}

.c-raw-html ._memberBlanka_vnfk2_164 {
  display: block;
  height: auto;
  left: calc(-58 / var(--base-size) * 100vw);
  pointer-events: none;
  position: absolute;
  top: calc(154 / var(--base-size) * 100vw);
  width: calc(272.5 / var(--base-size) * 100vw);
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._memberBlanka_vnfk2_164 {
    display: none
  }
}

.c-raw-html ._nebuconCharacter1_1od4j_1 {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconCharacter1_1od4j_1 {
    display: block;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: clamp(-480px, -480 / var(--base-size) * 100vw, -480px * 980 / 1440);
    width: clamp(486px * 980 / 1440, 486 / var(--base-size) * 100vw, 486px);
    z-index: 3
  }
}

.c-raw-html ._nebuconCharacter2_1od4j_16 {
  pointer-events: none;
  position: absolute;
  right: calc(-20 / var(--base-size) * 100vw);
  top: calc(410 / var(--base-size) * 100vw);
  width: calc(201 / var(--base-size) * 100vw);
  z-index: 3
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconCharacter2_1od4j_16 {
    bottom: clamp(-200px, -200 / var(--base-size) * 100vw, -200px * 980 / 1440);
    left: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    right: auto;
    top: auto;
    width: clamp(504px * 980 / 1440, 504 / var(--base-size) * 100vw, 504px)
  }
}

.c-raw-html ._nebuconSpray1_1od4j_34 {
  background-size: cover;
  pointer-events: none;
  position: absolute;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconSpray1_1od4j_34 {
    background-image: url(/assets/drewell/images/sleepfighter2/nebucon/img-nebucon-spray01.webp);
    height: clamp(2022px * 980 / 1440, 2022 / var(--base-size) * 100vw, 2022px);
    right: clamp(-990px, -990 / var(--base-size) * 100vw, -990px * 980 / 1440);
    top: clamp(-1120px, -1120 / var(--base-size) * 100vw, -1120px * 980 / 1440);
    width: clamp(1793px * 980 / 1440, 1793 / var(--base-size) * 100vw, 1793px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconSpray2_1od4j_51 {
    background: url(/assets/drewell/images/sleepfighter2/nebucon/img-nebucon-spray02.webp) no-repeat center center;
    background-size: contain;
    height: clamp(1381px * 980 / 1440, 1381 / var(--base-size) * 100vw, 1381px);
    left: clamp(-530px, -530 / var(--base-size) * 100vw, -530px * 980 / 1440);
    pointer-events: none;
    position: absolute;
    top: clamp(230px * 980 / 1440, 230 / var(--base-size) * 100vw, 230px);
    width: clamp(1225px * 980 / 1440, 1225 / var(--base-size) * 100vw, 1225px);
    z-index: 1
  }
}

.c-raw-html ._nebucon_1klnf_1 {
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon_1klnf_1 {
    margin: 0 auto;
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._nebuconInner_1klnf_11 {
  background: url(/assets/drewell/images/sleepfighter2/nebucon/bg-nebucon.webp) repeat 0 0;
  background-size: calc(890 / var(--base-size) * 100vw) auto;
  box-sizing: border-box;
  margin-top: calc(80 / var(--base-size) * 100vw);
  position: relative;
  z-index: 2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconInner_1klnf_11 {
    background-size: clamp(1186px * 980 / 1440, 1186 / var(--base-size) * 100vw, 1186px) auto;
    border: 2px solid var(--color-sleepFighter2-blue);
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconBlock2_1klnf_31 {
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: clamp(776px * 980 / 1440, 776 / var(--base-size) * 100vw, 776px) auto;
    grid-template-rows: clamp(219px * 980 / 1440, 219 / var(--base-size) * 100vw, 219px) clamp(219px * 980 / 1440, 219 / var(--base-size) * 100vw, 219px)
  }
}

.c-raw-html ._nebuconBlock3_1klnf_40 {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconBlock3_1klnf_40 {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr
  }
}

.c-raw-html ._nebucon8_1klnf_56,
.c-raw-html ._nebucon7_1klnf_56,
.c-raw-html ._nebucon6_1klnf_56,
.c-raw-html ._nebucon5_1klnf_56,
.c-raw-html ._nebucon4_1klnf_56,
.c-raw-html ._nebucon3_1klnf_56,
.c-raw-html ._nebucon2_1klnf_56,
.c-raw-html ._nebucon1_1klnf_56 {
  position: relative
}

.c-raw-html ._nebucon8_1klnf_56:after,
.c-raw-html ._nebucon7_1klnf_56:after,
.c-raw-html ._nebucon6_1klnf_56:after,
.c-raw-html ._nebucon5_1klnf_56:after,
.c-raw-html ._nebucon4_1klnf_56:after,
.c-raw-html ._nebucon3_1klnf_56:after,
.c-raw-html ._nebucon2_1klnf_56:after,
.c-raw-html ._nebucon1_1klnf_56:after {
  background-color: var(--color-sleepFighter2-blue);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}

.c-raw-html ._nebucon4_1klnf_56,
.c-raw-html ._nebucon3_1klnf_56 {
  padding: calc(56 / var(--base-size) * 100vw) calc(49 / var(--base-size) * 100vw) calc(30 / var(--base-size) * 100vw)
}

.c-raw-html ._nebucon4_1klnf_56:before,
.c-raw-html ._nebucon3_1klnf_56:before {
  background: url(/assets/drewell/images/sleepfighter2/nebucon/img-feature01.svg) no-repeat center center;
  background-size: cover;
  content: "";
  display: block;
  height: calc(33 / var(--base-size) * 100vw);
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(93 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._nebucon4_1klnf_56,
  .c-raw-html ._nebucon3_1klnf_56 {
    padding: clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px) clamp(52px * 980 / 1440, 52 / var(--base-size) * 100vw, 52px) 0 clamp(70px * 980 / 1440, 70 / var(--base-size) * 100vw, 70px)
  }

  .c-raw-html ._nebucon4_1klnf_56:before,
  .c-raw-html ._nebucon3_1klnf_56:before {
    height: clamp(37px * 980 / 1440, 37 / var(--base-size) * 100vw, 37px);
    width: clamp(93px * 980 / 1440, 93 / var(--base-size) * 100vw, 93px)
  }
}

.c-raw-html ._nebucon8_1klnf_56,
.c-raw-html ._nebucon7_1klnf_56,
.c-raw-html ._nebucon6_1klnf_56,
.c-raw-html ._nebucon5_1klnf_56 {
  padding: calc(25 / var(--base-size) * 100vw) calc(10 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(35 / var(--base-size) * 100vw)
}

.c-raw-html ._nebucon8_1klnf_56:before,
.c-raw-html ._nebucon7_1klnf_56:before,
.c-raw-html ._nebucon6_1klnf_56:before,
.c-raw-html ._nebucon5_1klnf_56:before {
  background: url(/assets/drewell/images/sleepfighter2/nebucon/img-01.svg) no-repeat center center;
  background-size: cover;
  content: "";
  display: block;
  height: calc(30 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  top: -1px;
  width: calc(31 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._nebucon8_1klnf_56,
  .c-raw-html ._nebucon7_1klnf_56,
  .c-raw-html ._nebucon6_1klnf_56,
  .c-raw-html ._nebucon5_1klnf_56 {
    display: flex;
    justify-content: center;
    padding: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px) 0 clamp(35px * 980 / 1440, 35 / var(--base-size) * 100vw, 35px) 0
  }

  .c-raw-html ._nebucon8_1klnf_56:before,
  .c-raw-html ._nebucon7_1klnf_56:before,
  .c-raw-html ._nebucon6_1klnf_56:before,
  .c-raw-html ._nebucon5_1klnf_56:before {
    height: clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px);
    width: clamp(41px * 980 / 1440, 41 / var(--base-size) * 100vw, 41px)
  }
}

.c-raw-html ._nebucon1_1klnf_56 {
  padding: calc(27 / var(--base-size) * 100vw) calc(22 / var(--base-size) * 100vw) calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon1_1klnf_56 {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding: clamp(31px * 980 / 1440, 31 / var(--base-size) * 100vw, 31px) clamp(52px * 980 / 1440, 52 / var(--base-size) * 100vw, 52px) clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px) clamp(58px * 980 / 1440, 58 / var(--base-size) * 100vw, 58px);
    padding-right: clamp(52px * 980 / 1440, 52 / var(--base-size) * 100vw, 52px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon2_1klnf_56 {
    grid-area: 1/1/3/3
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon3_1klnf_56 {
    grid-area: 1/3/2/4
  }
}

.c-raw-html ._nebucon4_1klnf_56:before {
  background-image: url(/assets/drewell/images/sleepfighter2/nebucon/img-feature02.svg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon4_1klnf_56 {
    grid-area: 2/3/3/4
  }
}

.c-raw-html ._nebucon5_1klnf_56 {
  border-right: 2px solid var(--color-sleepFighter2-blue);
  grid-area: 1/1/2/2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon5_1klnf_56 {
    grid-area: 1/1/2/2
  }
}

.c-raw-html ._nebucon6_1klnf_56 {
  grid-area: 1/2/2/3
}

.c-raw-html ._nebucon6_1klnf_56:before {
  background-image: url(/assets/drewell/images/sleepfighter2/nebucon/img-02.svg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon6_1klnf_56 {
    border-right: 2px solid var(--color-sleepFighter2-blue);
    grid-area: 1/2/2/3
  }
}

.c-raw-html ._nebucon7_1klnf_56 {
  border-right: 2px solid var(--color-sleepFighter2-blue);
  grid-area: 2/1/3/2
}

.c-raw-html ._nebucon7_1klnf_56:before {
  background-image: url(/assets/drewell/images/sleepfighter2/nebucon/img-03.svg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon7_1klnf_56 {
    grid-area: 1/3/2/4
  }
}

.c-raw-html ._nebucon8_1klnf_56 {
  grid-area: 2/2/3/3
}

.c-raw-html ._nebucon8_1klnf_56:before {
  background-image: url(/assets/drewell/images/sleepfighter2/nebucon/img-04.svg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon8_1klnf_56 {
    grid-area: 1/4/2/5
  }
}

.c-raw-html ._nebucon9_1klnf_202 {
  display: grid;
  padding: calc(38 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(47 / var(--base-size) * 100vw);
  place-items: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon9_1klnf_202 {
    padding: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px) clamp(170px * 980 / 1440, 170 / var(--base-size) * 100vw, 170px)
  }
}

.c-raw-html ._nebuconLead_1klnf_213 {
  display: block;
  height: calc(42 / var(--base-size) * 100vw);
  width: calc(218 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconLead_1klnf_213 {
    height: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(534px * 980 / 1440, 534 / var(--base-size) * 100vw, 534px)
  }
}

.c-raw-html ._nebuconTitle_1klnf_225 {
  height: calc(62 / var(--base-size) * 100vw);
  margin-top: calc(14 / var(--base-size) * 100vw);
  width: calc(328 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconTitle_1klnf_225 {
    height: clamp(109px * 980 / 1440, 109 / var(--base-size) * 100vw, 109px);
    margin-top: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px);
    width: clamp(575px * 980 / 1440, 575 / var(--base-size) * 100vw, 575px)
  }
}

.c-raw-html ._nebuconText_1klnf_238 {
  margin-top: calc(14 / var(--base-size) * 100vw);
  width: calc(329 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconText_1klnf_238 {
    margin-top: 0;
    width: clamp(478px * 980 / 1440, 478 / var(--base-size) * 100vw, 478px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconImg_1klnf_250 {
    display: block;
    height: clamp(432px * 980 / 1440, 432 / var(--base-size) * 100vw, 432px);
    width: clamp(776px * 980 / 1440, 776 / var(--base-size) * 100vw, 776px)
  }
}

.c-raw-html ._nebuconFeature01TitleImg_1klnf_257 {
  display: block;
  width: calc(240 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconFeature01TitleImg_1klnf_257 {
    height: auto;
    width: clamp(260px * 980 / 1440, 260 / var(--base-size) * 100vw, 260px)
  }
}

.c-raw-html ._nebuconFeature02TitleImg_1klnf_268 {
  display: block;
  width: calc(230 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconFeature02TitleImg_1klnf_268 {
    height: auto;
    width: clamp(249px * 980 / 1440, 249 / var(--base-size) * 100vw, 249px)
  }
}

.c-raw-html ._nebuconFeature_1klnf_257 p {
  color: var(--color-sleepFighter2-blue);
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .06vw;
  line-height: 1.6;
  margin-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconFeature_1klnf_257 p {
    font-size: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px);
    letter-spacing: .05em;
    margin-top: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._nebucon05Img_1klnf_297 {
  display: block;
  width: calc(104 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon05Img_1klnf_297 {
    width: clamp(211px * 980 / 1440, 211 / var(--base-size) * 100vw, 211px)
  }
}

.c-raw-html ._nebucon06Img_1klnf_307 {
  display: block;
  width: calc(96 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon06Img_1klnf_307 {
    width: clamp(208px * 980 / 1440, 208 / var(--base-size) * 100vw, 208px)
  }
}

.c-raw-html ._nebucon07Img_1klnf_317 {
  display: block;
  width: calc(98 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon07Img_1klnf_317 {
    width: clamp(181px * 980 / 1440, 181 / var(--base-size) * 100vw, 181px)
  }
}

.c-raw-html ._nebucon08Img_1klnf_327 {
  display: block;
  width: calc(104 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebucon08Img_1klnf_327 {
    width: clamp(158px * 980 / 1440, 158 / var(--base-size) * 100vw, 158px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconManual_1klnf_338 {
    align-items: center;
    display: flex;
    gap: clamp(42px * 980 / 1440, 42 / var(--base-size) * 100vw, 42px);
    justify-content: center
  }
}

.c-raw-html ._nebuconManual_1klnf_338 div:last-child {
  background-color: var(--color-white);
  border-radius: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconManual_1klnf_338 div:last-child {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._nebuconManualImg_1klnf_355 {
  display: block;
  margin: 0 auto calc(18 / var(--base-size) * 100vw);
  width: calc(276 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconManualImg_1klnf_355 {
    margin-bottom: 0;
    width: clamp(410px * 980 / 1440, 410 / var(--base-size) * 100vw, 410px)
  }
}

.c-raw-html ._nebuconManualLink_1klnf_367 {
  align-items: center;
  background: #fff url(/assets/drewell/images/sleepfighter2/nebucon/icon-nebucon-btn-arrow.svg) no-repeat right calc(10 / var(--base-size) * 100vw) center;
  background-size: calc(28 / var(--base-size) * 100vw);
  border: calc(3 / var(--base-size) * 100vw) solid #1e2386;
  border-radius: calc(12 / var(--base-size) * 100vw);
  box-sizing: border-box;
  display: inline-flex;
  height: calc(72 / var(--base-size) * 100vw);
  justify-content: center;
  width: calc(327 / var(--base-size) * 100vw)
}

.c-raw-html ._nebuconManualLink_1klnf_367[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._nebuconManualLink_1klnf_367:hover {
    opacity: .6
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._nebuconManualLink_1klnf_367 {
    background-position: right clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) center;
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    border-width: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    height: clamp(82px * 980 / 1440, 82 / var(--base-size) * 100vw, 82px);
    width: clamp(374px * 980 / 1440, 374 / var(--base-size) * 100vw, 374px)
  }
}

.c-raw-html ._movieItem_1d7ip_1 {
  position: relative
}

.c-raw-html ._movieItemIconWrap_1d7ip_5 {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.c-raw-html ._movieItemIcon_1d7ip_5 {
  display: block;
  width: calc(136 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieItemIcon_1d7ip_5 {
    width: clamp(192px * 980 / 1440, 192 / var(--base-size) * 100vw, 192px)
  }
}

.c-raw-html ._movieItemIconText_1d7ip_25 {
  animation: _spin_1d7ip_1 30s linear infinite;
  display: block;
  position: absolute;
  transform: rotate(0);
  width: calc(164 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieItemIconText_1d7ip_25 {
    width: clamp(233px * 980 / 1440, 233 / var(--base-size) * 100vw, 233px)
  }
}

.c-raw-html ._movieModal_1d7ip_38[data-modal] {
  background-color: transparent;
  border: 0;
  inset: 0;
  margin: auto;
  padding: 0;
  padding-top: calc(44 / var(--base-size) * 100vw);
  position: fixed;
  transition-duration: .3s;
  transition-property: opacity, transform;
  width: 100vw
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieModal_1d7ip_38[data-modal] {
    padding-top: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px);
    width: clamp(1024px * 980 / 1440, 1024 / var(--base-size) * 100vw, 1024px)
  }
}

.c-raw-html ._movieModal_1d7ip_38[data-modal]::backdrop {
  background-color: #000;
  display: block;
  transition-duration: .3s;
  transition-property: opacity
}

.c-raw-html ._movieModal_1d7ip_38[data-modal=close] {
  opacity: 0
}

.c-raw-html ._movieModal_1d7ip_38[data-modal=close]::backdrop {
  opacity: 0
}

.c-raw-html ._movieModalClose_1d7ip_69 {
  height: calc(44 / var(--base-size) * 100vw);
  position: fixed;
  right: calc(2 / var(--base-size) * 100vw);
  top: calc(2 / var(--base-size) * 100vw);
  width: calc(44 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieModalClose_1d7ip_69 {
    height: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px);
    position: absolute;
    right: clamp(2px * 980 / 1440, 2 / var(--base-size) * 100vw, 2px);
    top: 0;
    width: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px)
  }
}

.c-raw-html ._movieYoutubeIframe_1d7ip_86 {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieYoutubeIframe_1d7ip_86 {
    max-height: clamp(670px * 980 / 1440, 670 / var(--base-size) * 100vw, 670px);
    max-width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

@keyframes _spin_1d7ip_1 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.c-raw-html ._movieInner_15kkd_1 {
  display: block;
  margin: auto;
  padding: calc(120 / var(--base-size) * 100vw) 0 calc(346 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieInner_15kkd_1 {
    padding: clamp(320px * 980 / 1440, 320 / var(--base-size) * 100vw, 320px) 0 clamp(460px * 980 / 1440, 460 / var(--base-size) * 100vw, 460px)
  }
}

.c-raw-html ._movieWrapper_15kkd_13 {
  padding: 0
}

.c-raw-html ._movieTitle_15kkd_17 {
  max-width: calc(1200 / var(--base-size) * 100vw);
  padding: 0 calc(24 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieTitle_15kkd_17 {
    margin: 0 auto;
    max-width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px);
    padding: 0
  }
}

.c-raw-html ._movieTitle_15kkd_17 hgroup {
  position: relative;
  z-index: 1
}

.c-raw-html ._movieTitleImage_15kkd_34 {
  display: block;
  width: calc(138 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieTitleImage_15kkd_34 {
    width: clamp(314px * 980 / 1440, 314 / var(--base-size) * 100vw, 314px)
  }
}

.c-raw-html ._movieYoutube_15kkd_44 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: calc(14 / var(--base-size) * 100vw) auto 0;
  max-width: calc(1440 / var(--base-size) * 100vw);
  position: relative;
  width: 100%;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieYoutube_15kkd_44 {
    margin: clamp(52px * 980 / 1440, 52 / var(--base-size) * 100vw, 52px) auto 0;
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._movieJuri_15kkd_61 {
  display: block;
  height: auto;
  pointer-events: none;
  position: absolute;
  right: calc(-25 / var(--base-size) * 100vw);
  top: calc(-69 / var(--base-size) * 100vw);
  width: calc(267 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieJuri_15kkd_61 {
    right: clamp(-187px, -187 / var(--base-size) * 100vw, -187px * 980 / 1440);
    top: clamp(-292px, -292 / var(--base-size) * 100vw, -292px * 980 / 1440);
    width: clamp(857.5px * 980 / 1440, 857.5 / var(--base-size) * 100vw, 857.5px)
  }
}

.c-raw-html ._movieJuriSpray_15kkd_79 {
  display: block;
  height: auto;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: calc(-164 / var(--base-size) * 100vw);
  width: calc(375 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieJuriSpray_15kkd_79 {
    left: clamp(-378px, -378 / var(--base-size) * 100vw, -378px * 980 / 1440);
    top: clamp(-587px, -587 / var(--base-size) * 100vw, -587px * 980 / 1440);
    width: clamp(2228px * 980 / 1440, 2228 / var(--base-size) * 100vw, 2228px)
  }
}

.c-raw-html ._movieSpray1_15kkd_97 {
  bottom: calc(-184 / var(--base-size) * 100vw);
  display: block;
  height: auto;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: calc(375 / var(--base-size) * 100vw);
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._movieSpray1_15kkd_97 {
    bottom: clamp(-290px, -290 / var(--base-size) * 100vw, -290px * 980 / 1440);
    left: clamp(-278px, -278 / var(--base-size) * 100vw, -278px * 980 / 1440);
    width: clamp(687.5px * 980 / 1440, 687.5 / var(--base-size) * 100vw, 687.5px)
  }
}

.c-raw-html ._ruleItem_pj1f0_1 {
  align-items: start;
  border-bottom: calc(2 / var(--base-size) * 100vw) solid var(--color-sleepFighter2-blue);
  display: grid;
  padding: 0 calc(25 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem_pj1f0_1 {
    border-bottom: none;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    grid-template-columns: repeat(2, auto);
    padding: revert
  }
}

.c-raw-html ._ruleItem_pj1f0_1:last-child {
  border-bottom: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemTexts_pj1f0_21 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    padding: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px) 0;
    position: -webkit-sticky;
    position: sticky;
    top: clamp(50px * 980 / 1440, 50 / var(--base-size) * 100vw, 50px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemTexts_pj1f0_21 {
    padding-bottom: clamp(300px * 980 / 1440, 300 / var(--base-size) * 100vw, 300px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem4_pj1f0_35 ._ruleItemTexts_pj1f0_21 {
    margin-top: clamp(-40px, -40 / var(--base-size) * 100vw, -40px * 980 / 1440);
    padding-bottom: clamp(450px * 980 / 1440, 450 / var(--base-size) * 100vw, 450px)
  }
}

.c-raw-html ._ruleItem1_pj1f0_41 ._ruleItemTitle_pj1f0_41 {
  width: calc(273 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem1_pj1f0_41 ._ruleItemTitle_pj1f0_41 {
    width: clamp(325px * 980 / 1440, 325 / var(--base-size) * 100vw, 325px)
  }
}

.c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemTitle_pj1f0_41 {
  width: calc(270 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemTitle_pj1f0_41 {
    width: clamp(321px * 980 / 1440, 321 / var(--base-size) * 100vw, 321px)
  }
}

.c-raw-html ._ruleItem3_pj1f0_57 ._ruleItemTitle_pj1f0_41 {
  width: calc(240 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem3_pj1f0_57 ._ruleItemTitle_pj1f0_41 {
    width: clamp(285px * 980 / 1440, 285 / var(--base-size) * 100vw, 285px)
  }
}

.c-raw-html ._ruleItem4_pj1f0_35 ._ruleItemTitle_pj1f0_41 {
  width: calc(310 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem4_pj1f0_35 ._ruleItemTitle_pj1f0_41 {
    width: clamp(369px * 980 / 1440, 369 / var(--base-size) * 100vw, 369px)
  }
}

.c-raw-html ._ruleItem5_pj1f0_73 ._ruleItemTitle_pj1f0_41 {
  width: calc(186 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem5_pj1f0_73 ._ruleItemTitle_pj1f0_41 {
    width: clamp(221px * 980 / 1440, 221 / var(--base-size) * 100vw, 221px)
  }
}

.c-raw-html ._ruleItemLead_pj1f0_82 {
  margin-top: calc(30 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemLead_pj1f0_82 {
    margin-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px)
  }
}

.c-raw-html ._ruleItem3_pj1f0_57 ._ruleItemLead_pj1f0_82 {
  width: calc(168 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem3_pj1f0_57 ._ruleItemLead_pj1f0_82 {
    width: clamp(205px * 980 / 1440, 205 / var(--base-size) * 100vw, 205px)
  }
}

.c-raw-html ._ruleItemLead_pj1f0_82+._ruleItemDescription_pj1f0_98 {
  margin-top: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemLead_pj1f0_82+._ruleItemDescription_pj1f0_98 {
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._ruleItemDescription_pj1f0_98 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 185%;
  margin-top: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemDescription_pj1f0_98 {
    font-size: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px);
    letter-spacing: .05em;
    line-height: 175%;
    margin-top: clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px)
  }
}

.c-raw-html ._ruleItemDescription_pj1f0_98+._ruleItemDescription_pj1f0_98 {
  margin-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemDescription_pj1f0_98+._ruleItemDescription_pj1f0_98 {
    margin-top: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px)
  }
}

.c-raw-html ._ruleItemImages_pj1f0_133 {
  display: grid;
  margin-top: calc(36 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemImages_pj1f0_133 {
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    margin-top: revert;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._ruleItemImage_pj1f0_133 {
  border-top: calc(1 / var(--base-size) * 100vw) var(--color-sleepFighter2-blue) solid;
  padding: calc(40 / var(--base-size) * 100vw) 0;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItemImage_pj1f0_133 {
    border: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px) var(--color-sleepFighter2-blue) solid;
    border-radius: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    padding: revert
  }
}

.c-raw-html ._ruleItemImage_pj1f0_133 img {
  margin: 0 auto
}

.c-raw-html ._ruleItem1_pj1f0_41 ._ruleItemImage_pj1f0_133 img,
.c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemImage_pj1f0_133 img {
  width: calc(283 / var(--base-size) * 100vw)
}

.c-raw-html ._ruleItem3_pj1f0_57 ._ruleItemImage_pj1f0_133 img {
  width: calc(277 / var(--base-size) * 100vw)
}

.c-raw-html ._ruleItem4_pj1f0_35 ._ruleItemImage_pj1f0_133 img {
  width: calc(280 / var(--base-size) * 100vw)
}

.c-raw-html ._ruleItem5_pj1f0_73 ._ruleItemImage_pj1f0_133 img {
  width: calc(197 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._ruleItem1_pj1f0_41 ._ruleItemImage_pj1f0_133 img,
  .c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemImage_pj1f0_133 img,
  .c-raw-html ._ruleItem3_pj1f0_57 ._ruleItemImage_pj1f0_133 img,
  .c-raw-html ._ruleItem4_pj1f0_35 ._ruleItemImage_pj1f0_133 img,
  .c-raw-html ._ruleItem5_pj1f0_73 ._ruleItemImage_pj1f0_133 img {
    width: revert
  }
}

.c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemImage_pj1f0_133._ruleItemImage2_2_pj1f0_178 img {
  width: calc(309 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleItem2_pj1f0_30 ._ruleItemImage_pj1f0_133._ruleItemImage2_2_pj1f0_178 img {
    width: revert
  }
}

.c-raw-html ._characters_pj1f0_187 {
  position: absolute;
  z-index: var(--z-index-sleepfighter2-rule-characters)
}

.c-raw-html ._guile_pj1f0_192 {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._guile_pj1f0_192 {
    display: block;
    left: clamp(-70px, -70 / var(--base-size) * 100vw, -70px * 980 / 1440);
    top: clamp(238px * 980 / 1440, 238 / var(--base-size) * 100vw, 238px);
    width: clamp(401px * 980 / 1440, 401 / var(--base-size) * 100vw, 401px)
  }
}

.c-raw-html ._kenSpray_pj1f0_204 {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._kenSpray_pj1f0_204 {
    display: block;
    left: clamp(-573px, -573 / var(--base-size) * 100vw, -573px * 980 / 1440);
    top: clamp(140px * 980 / 1440, 140 / var(--base-size) * 100vw, 140px);
    width: clamp(827px * 980 / 1440, 827 / var(--base-size) * 100vw, 827px)
  }
}

.c-raw-html ._ken_pj1f0_204 {
  display: none
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ken_pj1f0_204 {
    display: block;
    left: clamp(-125px, -125 / var(--base-size) * 100vw, -125px * 980 / 1440);
    top: clamp(320px * 980 / 1440, 320 / var(--base-size) * 100vw, 320px);
    width: clamp(369px * 980 / 1440, 369 / var(--base-size) * 100vw, 369px)
  }
}

.c-raw-html ._characters_dqtie_1 {
  position: absolute;
  z-index: var(--z-index-sleepfighter2-rule-characters)
}

.c-raw-html ._dhalsim_dqtie_6 {
  right: calc(-30 / var(--base-size) * 100vw);
  top: calc(-235 / var(--base-size) * 100vw);
  width: calc(225 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._dhalsim_dqtie_6 {
    right: clamp(-117px, -117 / var(--base-size) * 100vw, -117px * 980 / 1440);
    top: clamp(-198px, -198 / var(--base-size) * 100vw, -198px * 980 / 1440);
    width: clamp(594px * 980 / 1440, 594 / var(--base-size) * 100vw, 594px)
  }
}

.c-raw-html ._kenSpray_dqtie_19 {
  bottom: calc(-174 / var(--base-size) * 100vw);
  left: 0;
  width: calc(156 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._kenSpray_dqtie_19 {
    display: none
  }
}

.c-raw-html ._ken_dqtie_19 {
  bottom: calc(-230 / var(--base-size) * 100vw);
  left: calc(-20 / var(--base-size) * 100vw);
  width: calc(184 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ken_dqtie_19 {
    display: none
  }
}

.c-raw-html {
  --z-index-sleepfighter2-rule: 1;
  --z-index-sleepfighter2-rule-characters: 2;
  --z-index-sleepfighter2-rule-contents: 3
}

.c-raw-html ._rule_a4ema_7 {
  margin-top: calc(-100 / var(--base-size) * 100vw);
  position: relative;
  z-index: var(--z-index-sleepfighter2-rule)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._rule_a4ema_7 {
    margin-top: clamp(-146px, -146 / var(--base-size) * 100vw, -146px * 980 / 1440)
  }
}

.c-raw-html ._rule_a4ema_7:before {
  background-color: var(--color-sleepFighter2-rule-bg);
  -webkit-clip-path: polygon(0 calc(50 / var(--base-size) * 100vw), 100% 0, 100% calc(100% - 50 / var(--base-size) * 100vw), 0 100%);
  clip-path: polygon(0 calc(50 / var(--base-size) * 100vw), 100% 0, 100% calc(100% - 50 / var(--base-size) * 100vw), 0 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._rule_a4ema_7:before {
    -webkit-clip-path: polygon(0 clamp(212px * 980 / 1440, 212 / var(--base-size) * 100vw, 212px), 100% 0, 100% calc(100% - clamp(212px * 980 / 1440, 212 / var(--base-size) * 100vw, 212px)), 0 100%);
    clip-path: polygon(0 clamp(212px * 980 / 1440, 212 / var(--base-size) * 100vw, 212px), 100% 0, 100% calc(100% - clamp(212px * 980 / 1440, 212 / var(--base-size) * 100vw, 212px)), 0 100%)
  }
}

.c-raw-html ._ruleInner_a4ema_33 {
  color: var(--color-sleepFighter2-blue);
  margin: 0 auto;
  padding: calc(100 / var(--base-size) * 100vw) 0 calc(30 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleInner_a4ema_33 {
    padding: clamp(333px * 980 / 1440, 333 / var(--base-size) * 100vw, 333px) 0 clamp(308px * 980 / 1440, 308 / var(--base-size) * 100vw, 308px);
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._ruleInner_a4ema_33:before,
.c-raw-html ._ruleInner_a4ema_33:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  z-index: var(--z-index-sleepfighter2-rule)
}

.c-raw-html ._ruleInner_a4ema_33:before {
  background-image: url(/assets/drewell/images/sleepfighter2/rules/img_paint_before_sp.webp);
  height: calc(172 / var(--base-size) * 100vw);
  right: 0;
  top: calc(-117 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleInner_a4ema_33:before {
    background-image: url(/assets/drewell/images/sleepfighter2/rules/img_paint_before.webp);
    height: clamp(724px * 980 / 1440, 724 / var(--base-size) * 100vw, 724px);
    right: clamp(-506px, -506 / var(--base-size) * 100vw, -506px * 980 / 1440);
    top: clamp(-332px, -332 / var(--base-size) * 100vw, -332px * 980 / 1440);
    width: clamp(2320px * 980 / 1440, 2320 / var(--base-size) * 100vw, 2320px)
  }
}

.c-raw-html ._ruleInner_a4ema_33:after {
  background-image: url(/assets/drewell/images/sleepfighter2/rules/img_paint_after_sp.webp);
  bottom: calc(-110 / var(--base-size) * 100vw);
  height: calc(173 / var(--base-size) * 100vw);
  right: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleInner_a4ema_33:after {
    background-image: url(/assets/drewell/images/sleepfighter2/rules/img_paint_after.webp);
    bottom: clamp(-231px, -231 / var(--base-size) * 100vw, -231px * 980 / 1440);
    height: clamp(450px * 980 / 1440, 450 / var(--base-size) * 100vw, 450px);
    right: clamp(-150px, -150 / var(--base-size) * 100vw, -150px * 980 / 1440);
    width: clamp(1930px * 980 / 1440, 1930 / var(--base-size) * 100vw, 1930px)
  }
}

.c-raw-html ._wrapper_a4ema_86 {
  margin: 0 auto;
  position: relative;
  z-index: var(--z-index-sleepfighter2-rule-contents)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_a4ema_86 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._title_a4ema_97 {
  display: block;
  padding-left: calc(21 / var(--base-size) * 100vw);
  position: relative;
  width: 100%;
  width: calc(299 / var(--base-size) * 100vw);
  z-index: 2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_a4ema_97 {
    padding-left: revert;
    width: clamp(592px * 980 / 1440, 592 / var(--base-size) * 100vw, 592px)
  }
}

.c-raw-html ._ruleTextWrap_a4ema_112 {
  display: grid;
  gap: calc(36 / var(--base-size) * 100vw);
  margin-top: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._ruleTextWrap_a4ema_112 {
    gap: clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px);
    margin-top: clamp(123px * 980 / 1440, 123 / var(--base-size) * 100vw, 123px)
  }
}

.c-raw-html ._footerCharacter1_k5tzh_1 {
  position: absolute;
  right: 5px;
  top: calc(-306 / var(--base-size) * 100vw);
  width: calc(150 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerCharacter1_k5tzh_1 {
    right: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    top: clamp(-416px, -416 / var(--base-size) * 100vw, -416px * 980 / 1440);
    width: clamp(344px * 980 / 1440, 344 / var(--base-size) * 100vw, 344px)
  }
}

.c-raw-html ._footerCharacter2_k5tzh_16 {
  left: calc(-20 / var(--base-size) * 100vw);
  position: absolute;
  top: calc(-210 / var(--base-size) * 100vw);
  width: calc(350 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerCharacter2_k5tzh_16 {
    left: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px);
    top: clamp(-240px, -240 / var(--base-size) * 100vw, -240px * 980 / 1440);
    width: clamp(740px * 980 / 1440, 740 / var(--base-size) * 100vw, 740px)
  }
}

.c-raw-html ._footerSpray1_k5tzh_31 {
  background: url(/assets/drewell/images/sleepfighter2/footer/img-footer-spray01_sp.webp) no-repeat center center;
  background-size: cover;
  height: calc(1247 / var(--base-size) * 100vw);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: calc(-240 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerSpray1_k5tzh_31 {
    background-image: url(/assets/drewell/images/sleepfighter2/footer/img-footer-spray01_pc.webp);
    height: clamp(1352px * 980 / 1440, 1352 / var(--base-size) * 100vw, 1352px);
    left: 50%;
    top: clamp(-60px, -60 / var(--base-size) * 100vw, -60px * 980 / 1440);
    transform: translate(-53%);
    width: clamp(2330px * 980 / 1440, 2330 / var(--base-size) * 100vw, 2330px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerSpray1_k5tzh_31[data-fade-in] {
    transform: translate(-53%) translateY(20px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerSpray1_k5tzh_31[data-fade-in][data-fade-in=scroll-in] {
    transform: translate(-53%) translateY(0)
  }
}

.c-raw-html ._footer_1lq6v_1 {
  padding-top: calc(396 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footer_1lq6v_1 {
    margin-top: -1px;
    padding-top: clamp(170px * 980 / 1440, 170 / var(--base-size) * 100vw, 170px)
  }
}

.c-raw-html ._footerInner_1lq6v_11 {
  max-width: calc(1440 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerInner_1lq6v_11 {
    margin: 0 auto;
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._otherLinkTitle_1lq6v_22 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2
}

.c-raw-html ._otherLinkTitleImg_1lq6v_30 {
  display: block;
  width: calc(260 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otherLinkTitleImg_1lq6v_30 {
    width: clamp(444px * 980 / 1440, 444 / var(--base-size) * 100vw, 444px)
  }
}

.c-raw-html ._otherLinks_1lq6v_40 {
  margin-top: calc(46 / var(--base-size) * 100vw);
  z-index: 2 !important
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otherLinks_1lq6v_40 {
    margin-top: calc(70 / var(--base-size) * 100vw);
    width: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px)
  }
}

.c-raw-html ._otherLinks_1lq6v_40 a._listBlockInner_1lq6v_50 {
  border-radius: calc(5 / var(--base-size) * 100vw);
  padding-bottom: calc(21 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otherLinks_1lq6v_40 a._listBlockInner_1lq6v_50 {
    border-radius: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    padding-bottom: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px)
  }
}

.c-raw-html ._otherLinks_1lq6v_40 div._listBlockImg_1lq6v_60 {
  border-radius: calc(5 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otherLinks_1lq6v_40 div._listBlockImg_1lq6v_60 {
    border-radius: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._otherLinks_1lq6v_40 ._listBlockInner_1lq6v_50 ._listBlockText_1lq6v_68 {
  margin-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otherLinks_1lq6v_40 ._listBlockInner_1lq6v_50 ._listBlockText_1lq6v_68 {
    margin-top: clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px)
  }
}

.c-raw-html ._otherLinks_1lq6v_40 ._listBlockTitle_1lq6v_76 {
  font-size: calc(16 / var(--base-size) * 100vw)
}

.c-raw-html ._otherLinks_1lq6v_40 span._arrow_1lq6v_79 {
  width: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otherLinks_1lq6v_40 span._arrow_1lq6v_79 {
    width: clamp(34px * 980 / 1440, 34 / var(--base-size) * 100vw, 34px)
  }
}

.c-raw-html ._footerEndingMarqueeBlock_1lq6v_88 {
  display: flex;
  flex-wrap: nowrap;
  height: calc(41 / var(--base-size) * 100vw);
  margin-top: calc(160 / var(--base-size) * 100vw);
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerEndingMarqueeBlock_1lq6v_88 {
    height: clamp(85px * 980 / 1440, 85 / var(--base-size) * 100vw, 85px);
    margin-top: clamp(154px * 980 / 1440, 154 / var(--base-size) * 100vw, 154px)
  }
}

@media screen and (min-width: 980px) {
  .c-raw-html ._footerEndingMarqueeBlock_1lq6v_88 {
    margin-left: calc(50% - 50vw);
    width: 100vw
  }
}

.c-raw-html ._footerEndingMarquee_1lq6v_88 {
  animation: _marquee_1lq6v_1 18s linear infinite;
  background: url(/assets/drewell/images/sleepfighter2/footer/txt-marquee.svg) repeat-x center center;
  background-size: cover;
  flex-shrink: 0;
  height: calc(41 / var(--base-size) * 100vw);
  width: calc(381.29 / var(--base-size) * 100vw);
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerEndingMarquee_1lq6v_88 {
    animation: _marquee_pc_1lq6v_1 18s linear infinite;
    height: clamp(86.45px * 980 / 1440, 86.45 / var(--base-size) * 100vw, 86.45px);
    width: clamp(804px * 980 / 1440, 804 / var(--base-size) * 100vw, 804px)
  }
}

@keyframes _marquee_1lq6v_1 {
  0% {
    translate: 0
  }

  to {
    translate: calc(-100% - 381.29 / var(--base-size) * 100vw)
  }
}

@keyframes _marquee_pc_1lq6v_1 {
  0% {
    translate: 0
  }

  to {
    translate: calc(-100% - clamp(804px * 980 / 1440, 804 / var(--base-size) * 100vw, 804px))
  }
}

.c-raw-html ._footerEnding_1lq6v_88 {
  background: url(/assets/drewell/images/sleepfighter2/footer/img-footer-spray02_sp.png) no-repeat -10% -150%;
  background-size: calc(242 / var(--base-size) * 100vw) calc(474 / var(--base-size) * 100vw);
  height: calc(410 / var(--base-size) * 100vw);
  position: relative;
  width: calc(219 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerEnding_1lq6v_88 {
    background: url(/assets/drewell/images/sleepfighter2/footer/img-footer-spray02_pc.png) no-repeat 214% -126%;
    background-size: clamp(789px * 980 / 1440, 789 / var(--base-size) * 100vw, 789px) clamp(1020px * 980 / 1440, 1020 / var(--base-size) * 100vw, 1020px);
    flex: auto;
    height: clamp(760px * 980 / 1440, 760 / var(--base-size) * 100vw, 760px)
  }
}

.c-raw-html ._footerEndingBlock_1lq6v_160 {
  margin: calc(110 / var(--base-size) * 100vw) auto 0;
  max-width: calc(1440 / var(--base-size) * 100vw);
  position: relative;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerEndingBlock_1lq6v_160 {
    margin-top: clamp(288px * 980 / 1440, 288 / var(--base-size) * 100vw, 288px);
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._footerEndingBlockWrapper_1lq6v_173 {
  display: flex;
  flex-direction: row-reverse
}

.c-raw-html ._officialSnsLinkBlock_1lq6v_178 {
  align-items: center;
  display: flex;
  flex-flow: column;
  width: calc(170 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsLinkBlock_1lq6v_178 {
    margin-right: clamp(240px * 980 / 1440, 240 / var(--base-size) * 100vw, 240px);
    margin-top: clamp(100px * 980 / 1440, 100 / var(--base-size) * 100vw, 100px);
    width: clamp(357px * 980 / 1440, 357 / var(--base-size) * 100vw, 357px)
  }
}

.c-raw-html ._officialSnsTitle_1lq6v_192 {
  height: calc(65 / var(--base-size) * 100vw);
  margin-bottom: calc(10 / var(--base-size) * 100vw);
  margin-top: calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsTitle_1lq6v_192 {
    margin-bottom: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px);
    margin-top: clamp(80px * 980 / 1440, 80 / var(--base-size) * 100vw, 80px)
  }
}

.c-raw-html ._officialSnsTitle_1lq6v_192>p {
  font-size: calc(12 / var(--base-size) * 100vw) !important
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsTitle_1lq6v_192>p {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px) !important
  }
}

.c-raw-html ._officialSnsTitleImg_1lq6v_212 {
  display: block;
  width: calc(125 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsTitleImg_1lq6v_212 {
    width: clamp(357px * 980 / 1440, 357 / var(--base-size) * 100vw, 357px)
  }
}

.c-raw-html ._officialSnsLink_1lq6v_178[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._officialSnsLink_1lq6v_178:hover {
    opacity: .6
  }
}

.c-raw-html ._officialSnsLinkImg_1lq6v_231 {
  display: block;
  width: calc(90 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsLinkImg_1lq6v_231 {
    width: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px)
  }
}

.c-raw-html ._officialSnsText_1lq6v_241 {
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsText_1lq6v_241 {
    margin-top: clamp(50px * 980 / 1440, 50 / var(--base-size) * 100vw, 50px)
  }
}

.c-raw-html ._officialSnsTextImg_1lq6v_250 {
  display: block;
  width: calc(133 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._officialSnsTextImg_1lq6v_250 {
    width: clamp(330px * 980 / 1440, 330 / var(--base-size) * 100vw, 330px)
  }
}

.c-raw-html ._footerEndingImg_1lq6v_260 {
  left: calc(-130 / var(--base-size) * 100vw);
  position: absolute;
  top: calc(-120 / var(--base-size) * 100vw);
  transform: rotate(5deg);
  width: calc(374 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerEndingImg_1lq6v_260 {
    left: clamp(-72px, -72 / var(--base-size) * 100vw, -72px * 980 / 1440);
    top: clamp(-280px, -280 / var(--base-size) * 100vw, -280px * 980 / 1440);
    transform: revert;
    width: clamp(1000px * 980 / 1440, 1000 / var(--base-size) * 100vw, 1000px)
  }
}

.c-raw-html ._footerEndingTxt_1lq6v_277 {
  position: absolute;
  right: 0;
  top: calc(48 / var(--base-size) * 100vw);
  width: calc(40 / var(--base-size) * 100vw);
  z-index: 2
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footerEndingTxt_1lq6v_277 {
    right: clamp(50px * 980 / 1440, 50 / var(--base-size) * 100vw, 50px);
    top: clamp(148px * 980 / 1440, 148 / var(--base-size) * 100vw, 148px);
    width: clamp(100px * 980 / 1440, 100 / var(--base-size) * 100vw, 100px)
  }
}

.c-raw-html:has(._container_owvo3_1) {
  background: var(--color-sleepFighter2-blue) url(/assets/drewell/images/sleepfighter2/intro/bg-kv-texture_sp.webp) repeat;
  background-size: 187px auto;
  overflow: clip
}

@media screen and (min-width: 768px) {
  .c-raw-html:has(._container_owvo3_1) {
    background-attachment: scroll;
    background-image: url(/assets/drewell/images/sleepfighter2/intro/bg-kv-texture_pc.webp);
    background-size: 720px auto
  }
}

.c-raw-html:has(._container_owvo3_1)[data-scroll=fixed] {
  background-attachment: fixed
}

.c-raw-html {
  --color-sleepFighter2-blue: #003c81;
  --color-sleepFighter2-rule-bg: #fed801
}

.c-raw-html footer {
  background-color: var(--color-white)
}

.c-raw-html ._arrowSvg_1micb_1 path {
  transition: stroke .6s
}

.c-raw-html ._blue_1micb_5 path {
  stroke: var(--color-button-blue)
}

.c-raw-html ._white_1micb_9 path {
  stroke: var(--color-white)
}

.c-raw-html ._arrowInCircle_mtgoo_1 {
  aspect-ratio: 1/1;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(1 / var(--base-size) * 100vw);
  display: grid;
  place-content: center;
  transition: background-color .6s
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrowInCircle_mtgoo_1 {
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html [target=_blank]>._arrowInCircle_mtgoo_1 ._svg_mtgoo_15 {
  transform: rotate(-45deg)
}

.c-raw-html ._white_mtgoo_19 {
  background-color: var(--color-white);
  border-color: var(--color-white)
}

@media (any-hover: hover) {

  .c-raw-html [href]:hover ._white_mtgoo_19,
  .c-raw-html button:hover ._white_mtgoo_19,
  .c-raw-html [data-arrow-in-circle-hover-base]:hover ._white_mtgoo_19 {
    background-color: var(--color-button-blue)
  }

  .c-raw-html [href]:hover ._white_mtgoo_19 ._svg_mtgoo_15 path,
  .c-raw-html button:hover ._white_mtgoo_19 ._svg_mtgoo_15 path,
  .c-raw-html [data-arrow-in-circle-hover-base]:hover ._white_mtgoo_19 ._svg_mtgoo_15 path {
    stroke: var(--color-white)
  }
}

.c-raw-html ._blue_mtgoo_32 {
  background-color: var(--color-button-blue);
  border-color: var(--color-button-blue)
}

@media (any-hover: hover) {

  .c-raw-html [href]:hover ._blue_mtgoo_32,
  .c-raw-html button:hover ._blue_mtgoo_32,
  .c-raw-html [data-arrow-in-circle-hover-base]:hover ._blue_mtgoo_32 {
    background-color: var(--color-white)
  }

  .c-raw-html [href]:hover ._blue_mtgoo_32 ._svg_mtgoo_15 path,
  .c-raw-html button:hover ._blue_mtgoo_32 ._svg_mtgoo_15 path,
  .c-raw-html [data-arrow-in-circle-hover-base]:hover ._blue_mtgoo_32 ._svg_mtgoo_15 path {
    stroke: var(--color-button-blue)
  }
}

.c-raw-html ._container_mtgoo_45 {
  display: grid;
  place-content: center
}

.c-raw-html ._scaleUpWhenHover_1jraq_1 {
  overflow: hidden
}

.c-raw-html ._inner_1jraq_5 {
  transition: transform .6s
}

@media (any-hover: hover) {
  .c-raw-html a:hover ._inner_1jraq_5 {
    transform: scale(1.1)
  }
}

.c-raw-html ._sleepEncyclopediaLinks_15goe_1 {
  display: grid;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: calc(319 / var(--base-size) * 100vw);
  z-index: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaLinks_15goe_1 {
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._sleepEncyclopediaLinks_15goe_1._col2_15goe_15 {
  gap: calc(36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaLinks_15goe_1._col2_15goe_15 {
    grid-template-columns: repeat(2, 1fr)
  }
}

.c-raw-html ._sleepEncyclopediaLinks_15goe_1._col3_15goe_23 {
  gap: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaLinks_15goe_1._col3_15goe_23 {
    grid-template-columns: repeat(3, 1fr)
  }
}

.c-raw-html ._listBlock_15goe_32 {
  z-index: 1
}

.c-raw-html ._listBlock_15goe_32[data-fade-in] {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: .6s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out
}

.c-raw-html ._listBlock_15goe_32[data-fade-in][data-fade-in=scroll-in] {
  opacity: 1;
  transform: translateY(0)
}

.c-raw-html ._listBlockInner_15goe_47 {
  background: var(--color-white);
  border-radius: calc(32 / var(--base-size) * 100vw);
  display: block;
  height: 100%;
  padding: calc(21 / var(--base-size) * 100vw) calc(23 / var(--base-size) * 100vw) calc(30 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listBlockInner_15goe_47 {
    display: grid;
    grid-template-rows: auto 1fr
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._listBlockInner_15goe_47 {
    border-radius: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    padding: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px) clamp(47px * 980 / 1440, 47 / var(--base-size) * 100vw, 47px) clamp(49px * 980 / 1440, 49 / var(--base-size) * 100vw, 49px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._listBlockInner_15goe_47 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    padding: clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px) clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px) clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._listBlockImg_15goe_74 {
  border-radius: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._listBlockImg_15goe_74 {
    border-radius: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._listBlockImg_15goe_74 {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._listBlockText_15goe_88 {
  align-items: center;
  font-size: calc(16 / var(--base-size) * 100vw);
  justify-content: space-between;
  line-height: 100%;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listBlockText_15goe_88 {
    letter-spacing: .07em;
    line-height: 135%;
    padding-left: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._col2_15goe_15 ._listBlockText_15goe_88 {
  margin-top: calc(19 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._listBlockText_15goe_88 {
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._col3_15goe_23 ._listBlockText_15goe_88 {
  margin-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._listBlockText_15goe_88 {
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._listBlockTitle_15goe_119 {
  color: var(--color-blue);
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 150%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listBlockTitle_15goe_119 {
    line-height: normal
  }
}

.c-raw-html ._col2_15goe_15 ._listBlockTitle_15goe_119 {
  letter-spacing: .1em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._listBlockTitle_15goe_119 {
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._listBlockTitle_15goe_119 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._listBlockLead_15goe_145 {
  color: var(--color-black);
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 175%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listBlockLead_15goe_145 {
    letter-spacing: .08em
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._listBlockLead_15goe_145 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    line-height: 170%;
    margin-top: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._listBlockLead_15goe_145 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    line-height: 160%;
    margin-top: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px)
  }
}

.c-raw-html ._arrow_15goe_173 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_15goe_173 {
    right: clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._arrow_15goe_173 {
    width: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._arrow_15goe_173 {
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._col2_15goe_15 ._arrow_15goe_173 svg {
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col2_15goe_15 ._arrow_15goe_173 svg {
    height: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    width: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._col3_15goe_23 ._arrow_15goe_173 svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._col3_15goe_23 ._arrow_15goe_173 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._mv_son3g_1 {
  margin: 0 auto;
  position: relative
}

.c-raw-html ._mv_son3g_1:before {
  background: url(/assets/drewell/images/activesleepproject/mv/mv-bg-sp.webp) no-repeat center;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mv_son3g_1:before {
    background: url(/assets/drewell/images/activesleepproject/mv/mv-bg.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._inner_son3g_22 {
  margin: auto;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_son3g_22 {
    padding: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) 0 0;
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._intro_1dew0_1 {
  position: relative;
  z-index: 100
}

.c-raw-html ._inner_1dew0_6 {
  margin: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1dew0_6 {
    padding: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) 0 0
  }
}

.c-raw-html ._textWrap_1dew0_15 {
  margin: 0 auto;
  max-width: 1440px;
  padding-top: calc(60 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textWrap_1dew0_15 {
    padding-top: 0
  }
}

.c-raw-html ._textWrap_1dew0_15:before {
  background: url(/assets/drewell/images/activesleepproject/intro/intro-bg-sp.webp) no-repeat center;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textWrap_1dew0_15:before {
    background: url(/assets/drewell/images/activesleepproject/intro/intro-bg.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._textWrap_1dew0_15 ._text_1dew0_15:not(:first-of-type) {
  margin-top: calc(30 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textWrap_1dew0_15 ._text_1dew0_15:not(:first-of-type) {
    margin-top: clamp(75px * 980 / 1440, 75 / var(--base-size) * 100vw, 75px)
  }
}

.c-raw-html ._copyWrap_1dew0_52 {
  position: relative
}

.c-raw-html ._copyWrap_1dew0_52:before {
  background: url(/assets/drewell/images/activesleepproject/intro/intro-copy-bg-sp.webp) no-repeat center;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._copyWrap_1dew0_52:before {
    background: url(/assets/drewell/images/activesleepproject/intro/intro-copy-bg.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._copy_1dew0_52 {
  position: relative
}

.c-raw-html ._copy_1dew0_52:before {
  background: url(/assets/drewell/images/activesleepproject/intro/intro-cloud-sp.webp) no-repeat center;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._copy_1dew0_52:before {
    background: url(/assets/drewell/images/activesleepproject/intro/intro-cloud.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._msti_altrh_1 {
  position: relative;
  z-index: 100
}

.c-raw-html ._inner_altrh_6 {
  margin: auto;
  max-width: calc(1440 / var(--base-size) * 100vw);
  padding: calc(75 / var(--base-size) * 100vw) 0 calc(44 / var(--base-size) * 100vw);
  position: relative;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_altrh_6 {
    max-width: clamp(994px * 980 / 1440, 994 / var(--base-size) * 100vw, 994px);
    padding: clamp(190px * 980 / 1440, 190 / var(--base-size) * 100vw, 190px) 0 clamp(212px * 980 / 1440, 212 / var(--base-size) * 100vw, 212px)
  }
}

.c-raw-html ._inner_altrh_6:before {
  background: url(/assets/drewell/images/activesleepproject/msti/msti-bg-sp.webp) no-repeat center;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: calc(20 / var(--base-size) * 100vw);
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_altrh_6:before {
    background: url(/assets/drewell/images/activesleepproject/msti/msti-bg.webp) no-repeat center;
    background-size: contain;
    height: clamp(875px * 980 / 1440, 875 / var(--base-size) * 100vw, 875px);
    left: 50%;
    top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    transform: translate(-50%);
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._image_altrh_42 {
  display: block;
  margin: 0 auto;
  max-width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_altrh_42 {
    max-width: clamp(994px * 980 / 1440, 994 / var(--base-size) * 100vw, 994px)
  }
}

.c-raw-html ._image_altrh_42 image {
  max-width: 100%;
  width: 100%
}

.c-raw-html ._link_altrh_57[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._link_altrh_57:hover {
    opacity: .6
  }
}

.c-raw-html ._survey_1daso_1 {
  position: relative;
  z-index: 100
}

.c-raw-html ._inner_1daso_6 {
  margin: auto;
  max-width: 1440px
}

.c-raw-html :is(._textWrap_1daso_11, ._copyWrap_1daso_11, ._copy_1daso_11, ._descriptionWrap_1daso_11, ._list_1daso_11, ._footWrap_1daso_11, ._footCopy_1daso_11) {
  position: relative
}

.c-raw-html :is(._textWrap_1daso_11, ._copyWrap_1daso_11, ._copy_1daso_11, ._descriptionWrap_1daso_11, ._list_1daso_11, ._footWrap_1daso_11, ._footCopy_1daso_11):before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.c-raw-html ._copyWrap_1daso_11:before {
  background: url(/assets/drewell/images/activesleepproject/survey/survey-bg-sp.webp) no-repeat center;
  background-size: contain
}

@media screen and (min-width: 768px) {
  .c-raw-html ._copyWrap_1daso_11:before {
    background: url(/assets/drewell/images/activesleepproject/survey/survey-bg.webp) no-repeat center;
    background-size: contain;
    height: clamp(418px * 980 / 1440, 418 / var(--base-size) * 100vw, 418px);
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._copy_1daso_11 {
  padding: calc(42 / var(--base-size) * 100vw) 0 calc(87 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._copy_1daso_11 {
    padding: clamp(105px * 980 / 1440, 105 / var(--base-size) * 100vw, 105px) 0 clamp(210px * 980 / 1440, 210 / var(--base-size) * 100vw, 210px)
  }
}

.c-raw-html ._copy_1daso_11:before {
  background: url(/assets/drewell/images/activesleepproject/survey/survey-cloud-sp.webp) no-repeat center;
  background-size: contain;
  height: calc(142 / var(--base-size) * 100vw);
  left: 50%;
  transform: translate(-50%);
  width: calc(287 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._copy_1daso_11:before {
    background: url(/assets/drewell/images/activesleepproject/survey/survey-cloud.webp) no-repeat center;
    background-size: contain;
    height: clamp(378px * 980 / 1440, 378 / var(--base-size) * 100vw, 378px);
    width: clamp(1032px * 980 / 1440, 1032 / var(--base-size) * 100vw, 1032px)
  }
}

.c-raw-html ._copy_1daso_11 img {
  display: block;
  margin: 0 auto;
  width: calc(180 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._copy_1daso_11 img {
    width: clamp(538px * 980 / 1440, 538 / var(--base-size) * 100vw, 538px)
  }
}

.c-raw-html ._descriptionWrap_1daso_11:before {
  background: url(/assets/drewell/images/activesleepproject/survey/survey-description-bg-sp.webp) no-repeat center;
  background-size: contain
}

@media screen and (min-width: 768px) {
  .c-raw-html ._descriptionWrap_1daso_11:before {
    background: url(/assets/drewell/images/activesleepproject/survey/survey-description-bg.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._list_1daso_11:before {
  background: url(/assets/drewell/images/activesleepproject/survey/survey-list-bg-sp.webp) no-repeat center;
  background-size: contain
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1daso_11:before {
    background: url(/assets/drewell/images/activesleepproject/survey/survey-list-bg.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._item_1daso_94:not(:first-of-type) {
  margin-top: min(9.4736842105vw, 72px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item_1daso_94:not(:first-of-type) {
    margin-top: min(4vw, 48px)
  }
}

.c-raw-html ._footWrap_1daso_11:before {
  background: url(/assets/drewell/images/activesleepproject/survey/survey-foot-bg-sp.webp) no-repeat center;
  background-size: contain
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footWrap_1daso_11:before {
    background: url(/assets/drewell/images/activesleepproject/survey/survey-foot-bg.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._footCopy_1daso_11:before {
  background: url(/assets/drewell/images/activesleepproject/survey/survey-foot-cloud-sp.webp) no-repeat center;
  background-size: contain
}

@media screen and (min-width: 768px) {
  .c-raw-html ._footCopy_1daso_11:before {
    background: url(/assets/drewell/images/activesleepproject/survey/survey-foot-cloud.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._try_1ec1u_1 {
  padding-bottom: calc(40 / var(--base-size) * 100vw);
  padding-top: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._try_1ec1u_1 {
    padding-bottom: clamp(100px * 980 / 1440, 100 / var(--base-size) * 100vw, 100px);
    padding-top: clamp(130px * 980 / 1440, 130 / var(--base-size) * 100vw, 130px)
  }
}

.c-raw-html ._tryWrap_1ec1u_12 {
  background-color: var(--color-white);
  position: relative
}

.c-raw-html ._tryWrap_1ec1u_12:before,
.c-raw-html ._tryWrap_1ec1u_12:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-cloud.webp) repeat-x bottom;
  background-size: contain;
  content: "";
  height: calc(100 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {

  .c-raw-html ._tryWrap_1ec1u_12:before,
  .c-raw-html ._tryWrap_1ec1u_12:after {
    height: clamp(130px * 980 / 1440, 130 / var(--base-size) * 100vw, 130px)
  }
}

.c-raw-html ._tryWrap_1ec1u_12:before {
  top: calc(-98 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._tryWrap_1ec1u_12:before {
    top: clamp(-128px * 980 / 1440, -128 / var(--base-size) * 100vw, -128px)
  }
}

.c-raw-html ._tryWrap_1ec1u_12:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-cloud-bottom.webp) repeat-x top;
  background-size: contain;
  bottom: calc(-98 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._tryWrap_1ec1u_12:after {
    bottom: clamp(-128px * 980 / 1440, -128 / var(--base-size) * 100vw, -128px)
  }
}

.c-raw-html ._inner_1ec1u_50 {
  margin: auto;
  max-width: calc(1440 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1ec1u_50 {
    padding: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) 0 0
  }
}

.c-raw-html ._content_1ec1u_60 {
  padding: 0 min(8.4210526316vw, 64px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._content_1ec1u_60 {
    margin: 0 auto;
    padding: 0 min(3.6666666667vw, 44px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1ec1u_71 {
    margin: 0 auto;
    width: min(57.8333333333vw, 694px)
  }
}

.c-raw-html ._list_1ec1u_77 {
  display: grid;
  gap: min(8.4210526316vw, 64px);
  justify-content: center;
  margin-top: min(11.5789473684vw, 88px);
  position: relative;
  z-index: 100
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1ec1u_77 {
    gap: 0;
    grid-template: "item1 item6" "item2 item7" "item3 item8" "item4 item9" "item5 item10";
    margin-top: min(6.1666666667vw, 74px)
  }
}

.c-raw-html ._item_1ec1u_93 [data-open-button] {
  align-items: center;
  display: flex;
  gap: 0 min(5.2631578947vw, 40px);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item_1ec1u_93 [data-open-button] {
    gap: 0 min(2vw, 24px);
    margin-left: min(2vw, 24px);
    padding-bottom: min(1.5vw, 18px);
    padding-top: min(1.5vw, 18px);
    transition: opacity .3s
  }
}

.c-raw-html ._item_1ec1u_93 [data-open-button]:focus-visible {
  border: 2px solid var(--color-activesleepproject-bg)
}

.c-raw-html html:has(dialog[open]) {
  overflow: hidden
}

.c-raw-html ._dialog_1ec1u_116 [data-close-button] {
  height: calc(20 / var(--base-size) * 100vw);
  position: absolute;
  right: 0;
  top: 0;
  width: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._dialog_1ec1u_116 [data-close-button] {
    height: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    width: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._dialog_1ec1u_116[data-modal] {
  background-color: transparent;
  border: 0;
  inset: 0;
  margin: auto;
  max-width: calc(556 / var(--base-size) * 100vw);
  padding: 0;
  padding-top: calc(20 / var(--base-size) * 100vw);
  position: fixed;
  transition-duration: .3s;
  transition-property: opacity, transform;
  width: calc(100vw - 32px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._dialog_1ec1u_116[data-modal] {
    max-width: clamp(1140px * 980 / 1440, 1140 / var(--base-size) * 100vw, 1140px);
    padding-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._dialog_1ec1u_116[data-modal]::backdrop {
  background-color: #0000004d;
  display: block;
  transition-duration: .3s;
  transition-property: opacity
}

.c-raw-html ._dialog_1ec1u_116[data-modal=close] {
  opacity: 0
}

.c-raw-html ._dialog_1ec1u_116[data-modal=close]::backdrop {
  opacity: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item1_1ec1u_162 {
    grid-area: item1
  }

  .c-raw-html ._item1_1ec1u_162:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item1_1ec1u_162:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item1_1ec1u_162:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165:before,
.c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-01.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-01.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item1_1ec1u_162 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item1_1ec1u_162 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-01-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-01-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item1_1ec1u_162 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-01.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-01.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item2_1ec1u_247 {
    grid-area: item2
  }

  .c-raw-html ._item2_1ec1u_247:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item2_1ec1u_247:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item2_1ec1u_247:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165:before,
.c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-02.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-02.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item2_1ec1u_247 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item2_1ec1u_247 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-02-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-02-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item2_1ec1u_247 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-02.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-02.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item3_1ec1u_332 {
    grid-area: item3
  }

  .c-raw-html ._item3_1ec1u_332:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item3_1ec1u_332:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item3_1ec1u_332:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165:before,
.c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-03.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-03.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item3_1ec1u_332 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item3_1ec1u_332 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-03-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-03-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item3_1ec1u_332 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-03.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-03.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item4_1ec1u_417 {
    grid-area: item4
  }

  .c-raw-html ._item4_1ec1u_417:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item4_1ec1u_417:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item4_1ec1u_417:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165:before,
.c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-04.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-04.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item4_1ec1u_417 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item4_1ec1u_417 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-04-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-04-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item4_1ec1u_417 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-04.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-04.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item5_1ec1u_502 {
    grid-area: item5
  }

  .c-raw-html ._item5_1ec1u_502:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item5_1ec1u_502:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item5_1ec1u_502:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165:before,
.c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-05.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-05.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item5_1ec1u_502 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item5_1ec1u_502 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-05-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-05-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item5_1ec1u_502 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-05.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-05.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item6_1ec1u_587 {
    grid-area: item6
  }

  .c-raw-html ._item6_1ec1u_587:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item6_1ec1u_587:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item6_1ec1u_587:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165:before,
.c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-06.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-06.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item6_1ec1u_587 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item6_1ec1u_587 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-06-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-06-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item6_1ec1u_587 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-06.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-06.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item7_1ec1u_672 {
    grid-area: item7
  }

  .c-raw-html ._item7_1ec1u_672:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item7_1ec1u_672:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item7_1ec1u_672:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165:before,
.c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-07.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-07.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item7_1ec1u_672 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item7_1ec1u_672 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-07-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-07-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item7_1ec1u_672 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-07.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-07.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item8_1ec1u_757 {
    grid-area: item8
  }

  .c-raw-html ._item8_1ec1u_757:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item8_1ec1u_757:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item8_1ec1u_757:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165:before,
.c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-08.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-08.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item8_1ec1u_757 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item8_1ec1u_757 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-08-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-08-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item8_1ec1u_757 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-08.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-08.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item9_1ec1u_842 {
    grid-area: item9
  }

  .c-raw-html ._item9_1ec1u_842:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item9_1ec1u_842:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item9_1ec1u_842:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165:before,
.c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-09.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-09.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item9_1ec1u_842 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item9_1ec1u_842 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-09-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-09-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item9_1ec1u_842 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-09.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-09.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item10_1ec1u_927 {
    grid-area: item10
  }

  .c-raw-html ._item10_1ec1u_927:hover ._icon_1ec1u_165 {
    border-color: #ca6782
  }

  .c-raw-html ._item10_1ec1u_927:hover ._icon_1ec1u_165:before {
    background-color: #ca6782
  }

  .c-raw-html ._item10_1ec1u_927:hover ._text_1ec1u_171 {
    background-color: #ca6782
  }
}

.c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165 {
  background-color: #ffea00;
  border: 2px solid var(--color-activesleepproject-bg);
  border-radius: 15px;
  box-shadow: 2px 2px 3px #000000b3;
  display: inline-block;
  height: min(14.4736842105vw, 110px);
  position: relative;
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165 {
    border: 4px solid var(--color-activesleepproject-bg);
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: border;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165:before,
.c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165:after {
  content: "";
  position: absolute
}

.c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165:before {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  left: 50%;
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-icon-010.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-icon-010.svg) no-repeat center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(14.4736842105vw, 110px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165:before {
    height: min(6.6666666667vw, 80px);
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(6.6666666667vw, 80px)
  }
}

.c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165:after {
  background: url(/assets/drewell/images/activesleepproject/try/try-icon-loupe.svg) no-repeat center;
  background-size: contain;
  bottom: min(-1.5789473684vw, -12px);
  height: 24px;
  height: min(6.3157894737vw, 48px);
  right: min(-1.5789473684vw, -12px);
  width: 24px;
  width: min(6.3157894737vw, 48px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item10_1ec1u_927 ._icon_1ec1u_165:after {
    display: none
  }
}

.c-raw-html ._item10_1ec1u_927 ._text_1ec1u_171 {
  background-color: var(--color-activesleepproject-bg);
  height: min(14.4736842105vw, 110px);
  -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-010-sp.svg) no-repeat center;
  mask: url(/assets/drewell/images/activesleepproject/try/try-text-010-sp.svg) no-repeat center;
  width: min(63.1578947368vw, 480px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item10_1ec1u_927 ._text_1ec1u_171 {
    height: min(7.6666666667vw, 92px);
    -webkit-mask: url(/assets/drewell/images/activesleepproject/try/try-text-010.svg) no-repeat center;
    mask: url(/assets/drewell/images/activesleepproject/try/try-text-010.svg) no-repeat center;
    transition: .2s ease-out;
    transition-property: background-color;
    width: min(25.9166666667vw, 311px)
  }
}

.c-raw-html ._history_odp5f_1 {
  position: relative
}

.c-raw-html ._historyInner_odp5f_5 {
  margin: auto;
  padding: calc(50 / var(--base-size) * 100vw) 0 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyInner_odp5f_5 {
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px);
    padding: clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px) 0 0
  }
}

.c-raw-html ._historyTitle_odp5f_16 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(44 / var(--base-size) * 100vw);
  width: calc(286 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyTitle_odp5f_16 {
    padding-bottom: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px);
    padding-top: clamp(74px * 980 / 1440, 74 / var(--base-size) * 100vw, 74px);
    width: clamp(1034px * 980 / 1440, 1034 / var(--base-size) * 100vw, 1034px)
  }
}

.c-raw-html ._historyTitle_odp5f_16:before {
  background: url(/assets/drewell/images/activesleepproject/history/history-bg-top-sp.svg) no-repeat top;
  background-size: contain;
  content: "";
  height: clamp(155px * 980 / 1440, 155 / var(--base-size) * 100vw, 155px);
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: calc(17 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: clamp(341px * 980 / 1440, 341 / var(--base-size) * 100vw, 341px);
  z-index: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyTitle_odp5f_16:before {
    background: url(/assets/drewell/images/activesleepproject/history/history-bg-top.svg) no-repeat center;
    background-size: contain;
    height: clamp(479px * 980 / 1440, 479 / var(--base-size) * 100vw, 479px);
    width: clamp(1340px * 980 / 1440, 1340 / var(--base-size) * 100vw, 1340px)
  }
}

.c-raw-html ._historyList_odp5f_52 {
  padding: calc(1 / var(--base-size) * 100vw) calc(23 / var(--base-size) * 100vw) 0 calc(33 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyList_odp5f_52 {
    margin: 0 auto;
    max-width: clamp(1000px * 980 / 1440, 1000 / var(--base-size) * 100vw, 1000px);
    padding: 0 clamp(100px * 980 / 1440, 100 / var(--base-size) * 100vw, 100px) 0 clamp(141px * 980 / 1440, 141 / var(--base-size) * 100vw, 141px);
    position: relative;
    width: 100%
  }

  .c-raw-html ._historyList_odp5f_52:before {
    background-image: url(/assets/drewell/images/activesleepproject/history/history-bg-left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: clamp(1353px * 980 / 1440, 1353 / var(--base-size) * 100vw, 1353px);
    left: clamp(-300px * 980 / 1440, -300 / var(--base-size) * 100vw, -300px);
    position: absolute;
    top: clamp(-60px * 980 / 1440, -60 / var(--base-size) * 100vw, -60px);
    width: clamp(170px * 980 / 1440, 170 / var(--base-size) * 100vw, 170px)
  }

  .c-raw-html ._historyList_odp5f_52:after {
    background-image: url(/assets/drewell/images/activesleepproject/history/history-bg-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: clamp(1347px * 980 / 1440, 1347 / var(--base-size) * 100vw, 1347px);
    position: absolute;
    right: clamp(-325px * 980 / 1440, -325 / var(--base-size) * 100vw, -325px);
    top: clamp(-135px * 980 / 1440, -135 / var(--base-size) * 100vw, -135px);
    width: clamp(160px * 980 / 1440, 160 / var(--base-size) * 100vw, 160px)
  }
}

.c-raw-html ._historyItem_odp5f_89 {
  border-left: 1px solid var(--color-white);
  padding-bottom: calc(47 / var(--base-size) * 100vw);
  padding-left: calc(32 / var(--base-size) * 100vw);
  position: relative
}

.c-raw-html ._historyItem_odp5f_89:before {
  background-image: url(/assets/drewell/images/activesleepproject/history/history-icon-circle.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(16 / var(--base-size) * 100vw);
  left: calc(-8 / var(--base-size) * 100vw);
  position: absolute;
  width: calc(16 / var(--base-size) * 100vw)
}

.c-raw-html ._historyItem_odp5f_89:last-of-type:after {
  background-color: var(--color-white);
  bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  height: calc(7 / var(--base-size) * 100vw);
  left: calc(-5.5 / var(--base-size) * 100vw);
  position: absolute;
  width: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyItem_odp5f_89 {
    padding-bottom: clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px);
    padding-left: clamp(70px * 980 / 1440, 70 / var(--base-size) * 100vw, 70px)
  }

  .c-raw-html ._historyItem_odp5f_89:before {
    height: calc(32 / var(--base-size) * 100vw);
    left: calc(-16 / var(--base-size) * 100vw);
    width: calc(32 / var(--base-size) * 100vw)
  }

  .c-raw-html ._historyItem_odp5f_89:last-of-type:after {
    height: calc(15 / var(--base-size) * 100vw);
    left: calc(-11 / var(--base-size) * 100vw);
    width: calc(22 / var(--base-size) * 100vw)
  }
}

.c-raw-html ._historyItemDate_odp5f_135 {
  color: var(--color-white);
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyItemDate_odp5f_135 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    left: clamp(-200px * 980 / 1440, -200 / var(--base-size) * 100vw, -200px);
    line-height: 1.4;
    position: absolute;
    top: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._historyItemTitle_odp5f_153 {
  color: var(--color-white);
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.65;
  padding-top: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyItemTitle_odp5f_153 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    line-height: 1.5;
    padding-top: 0
  }
}

.c-raw-html ._historyItemText_odp5f_170 {
  color: var(--color-white);
  font-family: Noto Sans JP, sans-serif;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 2;
  padding-top: calc(19 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyItemText_odp5f_170 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em
  }
}

.c-raw-html ._historyItemImage_odp5f_186 {
  display: block;
  padding-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._historyItemImage_odp5f_186 {
    max-width: clamp(580px * 980 / 1440, 580 / var(--base-size) * 100vw, 580px);
    padding-top: calc(40 / var(--base-size) * 100vw);
    width: 100%
  }
}

.c-raw-html ._closing_1bih2_2 {
  position: relative
}

.c-raw-html ._inner_1bih2_6 {
  margin: auto;
  padding: calc(20 / var(--base-size) * 100vw) 0 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1bih2_6 {
    max-width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px);
    padding: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) 0 0
  }
}

.c-raw-html ._closingTitle_1bih2_17 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(44 / var(--base-size) * 100vw);
  width: calc(286 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingTitle_1bih2_17 {
    padding-bottom: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px);
    padding-top: clamp(74px * 980 / 1440, 74 / var(--base-size) * 100vw, 74px);
    width: clamp(1034px * 980 / 1440, 1034 / var(--base-size) * 100vw, 1034px)
  }
}

.c-raw-html ._closingProducts_1bih2_33 {
  padding-bottom: calc(180 / var(--base-size) * 100vw);
  padding-top: calc(180 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProducts_1bih2_33 {
    padding-bottom: clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px);
    padding-top: clamp(480px * 980 / 1440, 480 / var(--base-size) * 100vw, 480px)
  }
}

.c-raw-html ._closingProducts_1bih2_33:before {
  background: url(/assets/drewell/images/activesleepproject/closing/closing-bg-bottom-sp.webp) no-repeat center;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProducts_1bih2_33:before {
    background: url(/assets/drewell/images/activesleepproject/closing/closing-bg-bottom.webp) no-repeat center;
    background-size: contain
  }
}

.c-raw-html ._closingProductsTitle_1bih2_62 {
  margin: 0 auto;
  padding-bottom: calc(4 / var(--base-size) * 100vw);
  width: calc(250 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProductsTitle_1bih2_62 {
    padding-bottom: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px);
    padding-top: clamp(160px * 980 / 1440, 160 / var(--base-size) * 100vw, 160px);
    width: clamp(769px * 980 / 1440, 769 / var(--base-size) * 100vw, 769px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProductsItem_1bih2_76 {
    display: flex;
    flex-direction: row;
    gap: 0 clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    justify-content: center;
    width: 100%
  }
}

.c-raw-html ._closingProductsItemLink_1bih2_85 {
  display: block;
  padding-bottom: calc(16 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProductsItemLink_1bih2_85 {
    display: inline-block;
    padding-bottom: 0;
    width: auto
  }
}

.c-raw-html ._closingProductsItemLink_1bih2_85 picture {
  display: block;
  margin: 0 auto;
  width: calc(230 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProductsItemLink_1bih2_85 picture {
    display: inline-block;
    margin: 0;
    width: clamp(564px * 980 / 1440, 564 / var(--base-size) * 100vw, 564px)
  }
}

.c-raw-html ._closingProductsItemBuy_1bih2_110 {
  display: block;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProductsItemBuy_1bih2_110 {
    display: inline-block;
    width: auto
  }
}

.c-raw-html ._closingProductsItemBuy_1bih2_110 picture {
  display: block;
  margin: 0 auto;
  width: calc(233 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closingProductsItemBuy_1bih2_110 picture {
    display: inline-block;
    margin: 0;
    width: clamp(574px * 980 / 1440, 574 / var(--base-size) * 100vw, 574px)
  }
}

.c-raw-html ._closingProductsItemLink_1bih2_85[data-hover-opacity],
.c-raw-html ._closingProductsItemBuy_1bih2_110[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {

  .c-raw-html ._closingProductsItemLink_1bih2_85:hover,
  .c-raw-html ._closingProductsItemBuy_1bih2_110:hover {
    opacity: .6
  }
}

.c-raw-html ._container_1aog3_1 {
  background-image: linear-gradient(180deg, #003e85, #3c8cd2)
}

.c-raw-html ._title_e720m_211 {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative
}

.c-raw-html ._title_e720m_211:before,
.c-raw-html ._title_e720m_211:after {
  background-image: url(/assets/drewell/images/common/img-title-element.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(10 / var(--base-size) * 100vw)
}

.c-raw-html ._title_e720m_211:before {
  margin-right: calc(9.5 / var(--base-size) * 100vw)
}

.c-raw-html ._title_e720m_211:after {
  margin-left: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_e720m_211:before,
  .c-raw-html ._title_e720m_211:after {
    height: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    width: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }

  .c-raw-html ._title_e720m_211:before {
    margin-right: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }

  .c-raw-html ._title_e720m_211:after {
    margin-left: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px)
  }
}

.c-raw-html ._titleBlock_e720m_245 {
  color: var(--color-white);
  font-feature-settings: "hwid" on;
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900;
  letter-spacing: .1em;
  line-height: normal;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._titleBlock_e720m_245 {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    letter-spacing: .3em
  }
}

.c-raw-html ._commonRoundButton_o7naz_1 {
  border-radius: calc(56 / var(--base-size) * 100vw);
  border-style: solid;
  border-width: calc(1 / var(--base-size) * 100vw);
  display: grid;
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  place-content: center;
  position: relative;
  transition: color .6s, background-color .6s, border-color .6s;
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._commonRoundButton_o7naz_1 {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    width: clamp(270px * 980 / 1440, 270 / var(--base-size) * 100vw, 270px)
  }
}

.c-raw-html ._blue_o7naz_23 {
  background-color: var(--color-button-blue);
  border-color: var(--color-white);
  box-shadow: 0 0 0 calc(1 / var(--base-size) * 100vw) var(--color-white);
  color: var(--color-white)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._blue_o7naz_23 {
    box-shadow: 0 0 0 1px var(--color-white)
  }
}

@media (any-hover: hover) {

  .c-raw-html [href] ._blue_o7naz_23:hover,
  .c-raw-html button ._blue_o7naz_23:hover {
    background: var(--color-blue-button-hover-bg)
  }

  .c-raw-html [href] ._blue_o7naz_23:hover [data-arrow-in-circle],
  .c-raw-html button ._blue_o7naz_23:hover [data-arrow-in-circle] {
    background: var(--color-white)
  }

  .c-raw-html [href] ._blue_o7naz_23:hover [data-arrow-in-circle] svg path,
  .c-raw-html button ._blue_o7naz_23:hover [data-arrow-in-circle] svg path {
    stroke: var(--color-button-blue)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._blue_o7naz_23[data-arrow-in-circle-hover-base]:hover [data-arrow-in-circle] {
    background: var(--color-white)
  }

  .c-raw-html ._blue_o7naz_23[data-arrow-in-circle-hover-base]:hover [data-arrow-in-circle] svg path {
    stroke: var(--color-button-blue)
  }
}

.c-raw-html ._white_o7naz_54 {
  background-color: var(--color-white);
  border-color: var(--color-button-blue);
  box-shadow: 0 0 0 calc(1 / var(--base-size) * 100vw) var(--color-button-blue);
  color: var(--color-button-blue)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._white_o7naz_54 {
    box-shadow: 0 0 0 1px var(--color-button-blue)
  }
}

@media (any-hover: hover) {

  .c-raw-html [href] ._white_o7naz_54:hover,
  .c-raw-html button ._white_o7naz_54:hover {
    background: var(--color-white-button-hover-bg)
  }

  .c-raw-html [href] ._white_o7naz_54:hover [data-arrow-in-circle],
  .c-raw-html button ._white_o7naz_54:hover [data-arrow-in-circle] {
    background: var(--color-button-blue)
  }

  .c-raw-html [href] ._white_o7naz_54:hover [data-arrow-in-circle] svg path,
  .c-raw-html button ._white_o7naz_54:hover [data-arrow-in-circle] svg path {
    stroke: var(--color-white)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._white_o7naz_54[data-arrow-in-circle-hover-base]:hover [data-arrow-in-circle] {
    background: var(--color-button-blue)
  }

  .c-raw-html ._white_o7naz_54[data-arrow-in-circle-hover-base]:hover [data-arrow-in-circle] svg path {
    stroke: var(--color-white)
  }
}

.c-raw-html ._transparent_o7naz_85 {
  background-color: transparent;
  border-color: var(--color-button-blue);
  box-shadow: 0 0 0 calc(1 / var(--base-size) * 100vw) var(--color-button-blue);
  color: var(--color-button-blue)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._transparent_o7naz_85 {
    box-shadow: 0 0 0 1px var(--color-button-blue)
  }
}

@media (any-hover: hover) {

  .c-raw-html [href] ._transparent_o7naz_85:hover,
  .c-raw-html button ._transparent_o7naz_85:hover {
    background: var(--color-white-button-hover-bg)
  }

  .c-raw-html [href] ._transparent_o7naz_85:hover [data-arrow-in-circle],
  .c-raw-html button ._transparent_o7naz_85:hover [data-arrow-in-circle] {
    background: var(--color-button-blue)
  }

  .c-raw-html [href] ._transparent_o7naz_85:hover [data-arrow-in-circle] svg path,
  .c-raw-html button ._transparent_o7naz_85:hover [data-arrow-in-circle] svg path {
    stroke: var(--color-white)
  }
}

.c-raw-html ._arrow_o7naz_108 {
  position: absolute;
  right: calc(15 / var(--base-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_o7naz_108 {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._arrow_o7naz_108 svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_o7naz_108 svg {
    height: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._dialog_rffbd_1 {
  box-sizing: border-box;
  height: 100dvh;
  left: 0;
  opacity: 0;
  overflow: hidden;
  overscroll-behavior: none;
  padding-top: calc(60 / var(--base-size) * 100vw);
  position: fixed;
  top: 0;
  transition: opacity .6s, visibility .6s;
  visibility: hidden;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._dialog_rffbd_1 {
    padding-top: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px)
  }
}

.c-raw-html ._dialog_rffbd_1[data-dialog=active] {
  opacity: 1;
  visibility: visible
}

@starting-style {
  .c-raw-html ._dialog_rffbd_1[data-dialog=active] {
    opacity: 0;
    transition: opacity .6s, visibility .6s, display .6s allow-discrete;
    visibility: hidden
  }
}

.c-raw-html ._dialog_rffbd_1 ._title_rffbd_32 {
  color: var(--color-blue)
}

.c-raw-html ._dialog_rffbd_1 ._title_rffbd_32:before,
.c-raw-html ._dialog_rffbd_1 ._title_rffbd_32:after {
  background: var(--color-blue);
  height: calc(16 / var(--base-size) * 100vw);
  -webkit-mask-image: url(/assets/drewell/images/common/img-title-element.svg);
  mask-image: url(/assets/drewell/images/common/img-title-element.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._dialog_rffbd_1 ._title_rffbd_32:before,
  .c-raw-html ._dialog_rffbd_1 ._title_rffbd_32:after {
    height: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    width: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._container_rffbd_50 {
  display: grid;
  height: 100%;
  place-content: center;
  width: 100%
}

.c-raw-html ._inner_rffbd_57 {
  position: relative;
  width: calc(327 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_rffbd_57 {
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._contents_rffbd_68 {
  background-color: var(--color-white);
  border-radius: calc(32 / var(--base-size) * 100vw);
  max-height: 80dvh;
  overflow: auto;
  padding: calc(60 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(54 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contents_rffbd_68 {
    border-radius: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px);
    padding: clamp(80px * 980 / 1440, 80 / var(--base-size) * 100vw, 80px) 0
  }
}

.c-raw-html ._closeBtn_rffbd_83 {
  align-content: center;
  background-color: var(--color-white);
  border-radius: 50%;
  display: grid;
  height: calc(40 / var(--base-size) * 100vw);
  justify-content: center;
  position: absolute;
  right: 0;
  top: calc(-60 / var(--base-size) * 100vw);
  width: calc(40 / var(--base-size) * 100vw)
}

.c-raw-html ._closeBtn_rffbd_83[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._closeBtn_rffbd_83:hover {
    opacity: .6
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closeBtn_rffbd_83 {
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    right: clamp(-64px, -64 / var(--base-size) * 100vw, -64px * 980 / 1440);
    top: clamp(-64px, -64 / var(--base-size) * 100vw, -64px * 980 / 1440);
    width: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px)
  }
}

.c-raw-html ._closeBtn_rffbd_83 span {
  background-color: var(--color-blue);
  border-radius: calc(1 / var(--base-size) * 100vw);
  height: calc(2 / var(--base-size) * 100vw);
  transform: rotate(45deg) translate(calc(1.5 / var(--base-size) * 100vw));
  width: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closeBtn_rffbd_83 span {
    border-radius: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    height: clamp(2px * 980 / 1440, 2 / var(--base-size) * 100vw, 2px);
    transform: rotate(45deg) translate(clamp(1.5px * 980 / 1440, 1.5 / var(--base-size) * 100vw, 1.5px));
    width: clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px)
  }
}

.c-raw-html ._closeBtn_rffbd_83 span:last-child {
  transform: rotate(-45deg) translate(calc(1 / var(--base-size) * 100vw))
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closeBtn_rffbd_83 span:last-child {
    transform: rotate(-45deg) translate(clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px))
  }
}

.c-raw-html ._links_rffbd_135 {
  display: grid;
  gap: calc(32 / var(--base-size) * 100vw);
  margin-top: calc(36 / var(--base-size) * 100vw);
  padding: 0 calc(4 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_rffbd_135 {
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    justify-content: center;
    margin-top: clamp(50px * 980 / 1440, 50 / var(--base-size) * 100vw, 50px);
    padding: unset
  }
}

.c-raw-html ._linkBlock_rffbd_150 {
  border-color: var(--color-blue);
  border-radius: calc(20 / var(--base-size) * 100vw);
  border-style: solid;
  border-width: calc(1 / var(--base-size) * 100vw);
  display: grid;
  height: calc(84 / var(--base-size) * 100vw);
  overflow: hidden;
  place-content: center;
  width: 100%
}

.c-raw-html ._linkBlock_rffbd_150[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._linkBlock_rffbd_150:hover {
    opacity: .6
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._linkBlock_rffbd_150 {
    border-radius: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    height: clamp(113px * 980 / 1440, 113 / var(--base-size) * 100vw, 113px);
    width: clamp(374px * 980 / 1440, 374 / var(--base-size) * 100vw, 374px)
  }
}

.c-raw-html ._amazon_rffbd_178 img {
  width: calc(119 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._amazon_rffbd_178 img {
    width: clamp(140px * 980 / 1440, 140 / var(--base-size) * 100vw, 140px)
  }
}

.c-raw-html ._lohaco_rffbd_187 img {
  width: calc(160 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._lohaco_rffbd_187 img {
    width: clamp(192px * 980 / 1440, 192 / var(--base-size) * 100vw, 192px)
  }
}

.c-raw-html ._rakutenOfficial_rffbd_196 img {
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._rakutenOfficial_rffbd_196 img {
    width: clamp(374px * 980 / 1440, 374 / var(--base-size) * 100vw, 374px)
  }
}

.c-raw-html ._rakuten24_rffbd_205 img {
  width: calc(157 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._rakuten24_rffbd_205 img {
    width: clamp(191px * 980 / 1440, 191 / var(--base-size) * 100vw, 191px)
  }
}

.c-raw-html ._note_rffbd_214 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 150%;
  margin-top: calc(56 / var(--base-size) * 100vw);
  text-align: left
}

@media screen and (min-width: 768px) {
  .c-raw-html ._note_rffbd_214 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .05em;
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    text-align: center
  }
}

.c-raw-html ._bg_rffbd_233 {
  background: var(--color-black);
  height: 100%;
  left: 0;
  opacity: .4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.c-raw-html ._sectionTitle_1j9qz_1 {
  align-items: center;
  color: var(--color-white);
  display: flex;
  font-size: calc(32 / var(--base-size) * 100vw);
  font-weight: 900;
  gap: calc(16 / var(--base-size) * 100vw);
  justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sectionTitle_1j9qz_1 {
    font-size: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px);
    gap: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._sectionTitle_1j9qz_1:before,
.c-raw-html ._sectionTitle_1j9qz_1:after {
  background-image: url(/assets/drewell/images/common/img-title-element.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(16 / var(--base-size) * 100vw);
  width: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._sectionTitle_1j9qz_1:before,
  .c-raw-html ._sectionTitle_1j9qz_1:after {
    height: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    width: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._titleBlock_1j9qz_34 {
  display: grid;
  gap: calc(-10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._titleBlock_1j9qz_34 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px);
    justify-content: center;
    max-width: clamp(850px * 980 / 1440, 850 / var(--base-size) * 100vw, 850px)
  }
}

.c-raw-html ._innerTitle_1j9qz_48 {
  align-items: center;
  display: flex;
  gap: calc(6 / var(--base-size) * 100vw);
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._innerTitle_1j9qz_48 {
    gap: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._character_1j9qz_60 {
  line-height: 1.25
}

@media screen and (min-width: 768px) {
  .c-raw-html ._character_1j9qz_60 {
    line-height: unset
  }
}

.c-raw-html ._adviceIntro_10r5p_1 {
  background: linear-gradient(180deg, #003b7f, #014f92);
  padding: 0 calc(24 / var(--base-size) * 100vw) calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntro_10r5p_1 {
    padding: 0 0 clamp(180px * 980 / 1440, 180 / var(--base-size) * 100vw, 180px) 0
  }
}

.c-raw-html ._adviceInner_10r5p_11 {
  margin: auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceInner_10r5p_11 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._adviceIntroTitleSub_10r5p_21 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSub_10r5p_21 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._adviceIntroTitleSub_10r5p_21:before,
.c-raw-html ._adviceIntroTitleSub_10r5p_21:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._adviceIntroTitleSub_10r5p_21:before,
  .c-raw-html ._adviceIntroTitleSub_10r5p_21:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._adviceIntroTitleSub_10r5p_21:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSub_10r5p_21:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._adviceIntroTitleSub_10r5p_21:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSub_10r5p_21:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSub_10r5p_21 {
    padding-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px)
  }
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 {
  align-items: center;
  column-gap: calc(6 / var(--base-size) * 100vw);
  display: inline-flex;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 {
    column-gap: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71:before,
.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71:after {
  background-image: url(/assets/drewell/images/sleep/icon-line.svg);
  background-size: 100%;
  content: "";
  display: block;
  height: calc(2 / var(--base-size) * 100vw);
  width: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71:before,
  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71:after {
    height: clamp(2px * 980 / 1440, 2 / var(--base-size) * 100vw, 2px);
    width: clamp(33.941px * 980 / 1440, 33.941 / var(--base-size) * 100vw, 33.941px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71:before {
    margin-right: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71:after {
    margin-left: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 900;
  line-height: normal
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(1) {
  transform: rotate(-2.121deg)
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(2) {
  transform: rotate(1.615deg)
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(3) {
  transform: rotate(-.364deg)
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(4) {
  transform: rotate(1.219deg)
}

.c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(5) {
  transform: rotate(-2.477deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }

  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(1) {
    transform: rotate(-4.794deg)
  }

  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(2) {
    transform: rotate(3.383deg)
  }

  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(3) {
    transform: rotate(-3.167deg)
  }

  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(4) {
    transform: rotate(2.986deg)
  }

  .c-raw-html ._adviceIntroTitleSubBlock_10r5p_71 span:nth-of-type(5) {
    transform: rotate(-4.033deg)
  }
}

.c-raw-html ._adviceIntroTitle_10r5p_21 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-1"] {
  transform: rotate(-2.288deg)
}

.c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-2"] {
  transform: rotate(1.233deg)
}

.c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-3"] {
  transform: rotate(.942deg)
}

.c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-4"] {
  transform: rotate(-2.742deg)
}

.c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-5"] {
  transform: rotate(1.135deg)
}

.c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-6"] {
  transform: rotate(-2.35deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTitle_10r5p_21 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }

  .c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-1"] {
    transform: rotate(-2.537deg)
  }

  .c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-2"] {
    transform: rotate(2.403deg)
  }

  .c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-3"] {
    transform: rotate(3.207deg)
  }

  .c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-4"] {
    transform: rotate(-1.425deg)
  }

  .c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-5"] {
    transform: rotate(1.135deg)
  }

  .c-raw-html ._adviceIntroTitle_10r5p_21 [data-title-letter="1-6"] {
    transform: rotate(-3.633deg)
  }
}

.c-raw-html ._adviceIntroMainText_10r5p_192 {
  font-feature-settings: "hwid" on;
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 152%;
  margin-top: calc(64 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroMainText_10r5p_192 {
    font-size: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    letter-spacing: 0, 1em;
    line-height: 170%;
    margin-top: clamp(121px * 980 / 1440, 121 / var(--base-size) * 100vw, 121px)
  }
}

.c-raw-html ._adviceIntroTextWrap_10r5p_210 {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  margin: calc(32 / var(--base-size) * 100vw) auto 0;
  max-width: 1060px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroTextWrap_10r5p_210 {
    align-items: flex-start;
    flex-direction: row;
    gap: clamp(41px * 980 / 1440, 41 / var(--base-size) * 100vw, 41px);
    margin: clamp(58px * 980 / 1440, 58 / var(--base-size) * 100vw, 58px) auto 0;
    width: clamp(1060px * 980 / 1440, 1060 / var(--base-size) * 100vw, 1060px)
  }
}

.c-raw-html ._adviceIntroImage_10r5p_227 {
  display: block;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroImage_10r5p_227 {
    flex-shrink: 0;
    width: clamp(371px * 980 / 1440, 371 / var(--base-size) * 100vw, 371px)
  }
}

.c-raw-html ._adviceIntroText_10r5p_210 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 200%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._adviceIntroText_10r5p_210 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .08em;
    line-height: 240%;
    white-space: nowrap
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contentsContainerTitle_1xy7x_2 {
    letter-spacing: .3em
  }
}

.c-raw-html ._contentsContainerTitle_1xy7x_2._normal_1xy7x_6 {
  font-weight: 700
}

.c-raw-html ._contentsContainerInner_1xy7x_10 {
  display: flex;
  flex-direction: column;
  gap: calc(20 / var(--base-size) * 100vw);
  margin-top: calc(36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contentsContainerInner_1xy7x_10 {
    flex-direction: row;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._insomniaList_p5xq7_1 {
  border: 1px solid var(--color-white);
  border-radius: calc(32 / var(--base-size) * 100vw);
  margin-top: calc(48 / var(--base-size) * 100vw);
  padding: calc(40 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(42 / var(--base-size) * 100vw) calc(27 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaList_p5xq7_1 {
    border: 2px solid var(--color-white);
    border-radius: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px);
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px);
    padding: clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px) clamp(169px * 980 / 1440, 169 / var(--base-size) * 100vw, 169px) clamp(85px * 980 / 1440, 85 / var(--base-size) * 100vw, 85px) clamp(164px * 980 / 1440, 164 / var(--base-size) * 100vw, 164px)
  }
}

.c-raw-html ._insomniaList_p5xq7_1 ._insomniaListInner_p5xq7_15 {
  column-gap: calc(8 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(4, auto);
  place-items: start
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaList_p5xq7_1 ._insomniaListInner_p5xq7_15 {
    column-gap: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px);
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(7, auto)
  }
}

.c-raw-html ._insomniaListImg_p5xq7_30 {
  grid-column: 1/2;
  grid-row: 1/5;
  height: 100%;
  width: calc(52 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListImg_p5xq7_30 {
    grid-column: 2/3;
    grid-row: 1/8;
    width: clamp(167px * 980 / 1440, 167 / var(--base-size) * 100vw, 167px)
  }
}

.c-raw-html ._insomniaListImg_p5xq7_30 img {
  max-height: 100%
}

.c-raw-html ._insomniaListContents01_p5xq7_47 {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-top: calc(25 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListContents01_p5xq7_47 {
    grid-column: 3/4;
    grid-row: 1/3;
    margin-top: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px)
  }
}

.c-raw-html ._insomniaListContents02_p5xq7_60 {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: calc(45 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListContents02_p5xq7_60 {
    grid-column: 1/2;
    grid-row: 3/5;
    margin-top: clamp(-26px * 980 / 1440, -26 / var(--base-size) * 100vw, -26px)
  }
}

.c-raw-html ._insomniaListContents03_p5xq7_73 {
  grid-column: 2/3;
  grid-row: 3/4;
  margin-top: calc(44 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListContents03_p5xq7_73 {
    grid-column: 3/4;
    grid-row: 5/7;
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._insomniaListContents04_p5xq7_86 {
  grid-column: 2/3;
  grid-row: 4/5;
  margin-top: calc(36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListContents04_p5xq7_86 {
    grid-column: 1/2;
    grid-row: 6/8;
    margin: 0
  }
}

.c-raw-html ._insomniaListContentsLead_p5xq7_99 {
  font-feature-settings: "hwid" on;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 165%;
  padding-bottom: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListContentsLead_p5xq7_99 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em;
    line-height: 150%;
    padding-bottom: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px)
  }
}

.c-raw-html ._insomniaListContentsText_p5xq7_116 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 200%;
  padding-top: calc(17 / var(--base-size) * 100vw);
  position: relative;
  text-align: justify
}

.c-raw-html ._insomniaListContentsText_p5xq7_116:before {
  background-size: 100% 100%;
  content: "";
  display: block;
  height: calc(10 / var(--base-size) * 100vw);
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._insomniaListContentsText_p5xq7_116 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    font-weight: 400;
    height: clamp(9px * 980 / 1440, 9 / var(--base-size) * 100vw, 9px);
    padding-top: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px)
  }
}

.c-raw-html ._insomniaListContents01_p5xq7_47 ._insomniaListContentsLead_p5xq7_99,
.c-raw-html ._insomniaListContents01_p5xq7_47 ._insomniaListContentsText_p5xq7_116,
.c-raw-html ._insomniaListContents03_p5xq7_73 ._insomniaListContentsLead_p5xq7_99,
.c-raw-html ._insomniaListContents03_p5xq7_73 ._insomniaListContentsText_p5xq7_116 {
  padding-left: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._insomniaListContents01_p5xq7_47 ._insomniaListContentsLead_p5xq7_99,
  .c-raw-html ._insomniaListContents01_p5xq7_47 ._insomniaListContentsText_p5xq7_116,
  .c-raw-html ._insomniaListContents03_p5xq7_73 ._insomniaListContentsLead_p5xq7_99,
  .c-raw-html ._insomniaListContents03_p5xq7_73 ._insomniaListContentsText_p5xq7_116 {
    padding-left: clamp(52.99px * 980 / 1440, 52.99 / var(--base-size) * 100vw, 52.99px)
  }
}

.c-raw-html ._insomniaListContents01_p5xq7_47 ._insomniaListContentsText_p5xq7_116:before,
.c-raw-html ._insomniaListContents03_p5xq7_73 ._insomniaListContentsText_p5xq7_116:before {
  background-image: url(/assets/drewell/images/advice/img-line-circle_sp.svg);
  left: 0
}

@media screen and (min-width: 768px) {

  .c-raw-html ._insomniaListContents01_p5xq7_47 ._insomniaListContentsText_p5xq7_116:before,
  .c-raw-html ._insomniaListContents03_p5xq7_73 ._insomniaListContentsText_p5xq7_116:before {
    background-image: url(/assets/drewell/images/advice/img-line-circle-left.svg)
  }
}

.c-raw-html ._insomniaListContents02_p5xq7_60 ._insomniaListContentsLead_p5xq7_99,
.c-raw-html ._insomniaListContents04_p5xq7_86 ._insomniaListContentsLead_p5xq7_99 {
  padding-left: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._insomniaListContents02_p5xq7_60 ._insomniaListContentsLead_p5xq7_99,
  .c-raw-html ._insomniaListContents04_p5xq7_86 ._insomniaListContentsLead_p5xq7_99 {
    padding-left: 0
  }
}

.c-raw-html ._insomniaListContents02_p5xq7_60 ._insomniaListContentsText_p5xq7_116,
.c-raw-html ._insomniaListContents04_p5xq7_86 ._insomniaListContentsText_p5xq7_116 {
  padding-left: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._insomniaListContents02_p5xq7_60 ._insomniaListContentsText_p5xq7_116,
  .c-raw-html ._insomniaListContents04_p5xq7_86 ._insomniaListContentsText_p5xq7_116 {
    padding-left: 0;
    padding-right: clamp(58.4px * 980 / 1440, 58.4 / var(--base-size) * 100vw, 58.4px)
  }
}

.c-raw-html ._insomniaListContents02_p5xq7_60 ._insomniaListContentsText_p5xq7_116:before,
.c-raw-html ._insomniaListContents04_p5xq7_86 ._insomniaListContentsText_p5xq7_116:before {
  background-image: url(/assets/drewell/images/advice/img-line-circle_sp.svg);
  left: 0
}

@media screen and (min-width: 768px) {

  .c-raw-html ._insomniaListContents02_p5xq7_60 ._insomniaListContentsText_p5xq7_116:before,
  .c-raw-html ._insomniaListContents04_p5xq7_86 ._insomniaListContentsText_p5xq7_116:before {
    background-image: url(/assets/drewell/images/advice/img-line-circle-right.svg);
    left: auto;
    right: 0
  }
}

.c-raw-html ._mainContentsTextsLead_1tjoc_1 {
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 165%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsTextsLead_1tjoc_1 {
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px)
  }
}

.c-raw-html ._mainContentsTexts_1tjoc_1 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(20 / var(--base-size) * 100vw);
  text-align: justify
}

.c-raw-html ._mainContentsTexts_1tjoc_1 span {
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsTexts_1tjoc_1 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    font-weight: 400;
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._about_hzw4b_1 {
  padding: calc(40 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(65 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_hzw4b_1 {
    padding: clamp(115px * 980 / 1440, 115 / var(--base-size) * 100vw, 115px) 0 clamp(100px * 980 / 1440, 100 / var(--base-size) * 100vw, 100px)
  }
}

.c-raw-html ._aboutInner_hzw4b_10 {
  margin: 0 auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutInner_hzw4b_10 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._aboutImg_hzw4b_20 {
  flex-shrink: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutImg_hzw4b_20 {
    width: clamp(373px * 980 / 1440, 373 / var(--base-size) * 100vw, 373px)
  }
}

.c-raw-html ._cause_hzw4b_30,
.c-raw-html ._influence_hzw4b_31 {
  margin-top: calc(130 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._cause_hzw4b_30,
  .c-raw-html ._influence_hzw4b_31 {
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

.c-raw-html ._counterplanContents_xrtda_1 {
  margin-top: calc(48 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanContents_xrtda_1 {
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._counterplanContentsTitle_xrtda_10 {
  font-size: calc(18 / var(--base-size) * 100vw);
  line-height: 150%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanContentsTitle_xrtda_10 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    line-height: 165%
  }
}

.c-raw-html ._counterplanContentsImg_xrtda_21 {
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanContentsImg_xrtda_21 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._counterplanContentsLead_xrtda_30 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 165%;
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanContentsLead_xrtda_30 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .1em;
    line-height: normal;
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._counterplanContentsText_xrtda_46 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(20 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanContentsText_xrtda_46 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._counterplan_121ds_1 {
  padding: calc(65 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(73 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplan_121ds_1 {
    padding: clamp(100px * 980 / 1440, 100 / var(--base-size) * 100vw, 100px) 0 clamp(126px * 980 / 1440, 126 / var(--base-size) * 100vw, 126px)
  }
}

.c-raw-html ._counterplanInner_121ds_10 {
  margin: 0 auto;
  max-width: 788px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanInner_121ds_10 {
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._counterplanContainer_121ds_20 {
  margin: 0 auto;
  max-width: 786px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanContainer_121ds_20 {
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._counterplanText_121ds_31 {
    font-weight: 500
  }
}

.c-raw-html ._title_14ugi_211 {
  color: var(--color-white);
  display: flex;
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: normal;
  padding-left: calc(20 / var(--base-size) * 100vw);
  position: relative
}

.c-raw-html ._title_14ugi_211:before {
  background-color: var(--color-white);
  border-radius: calc(1 / var(--base-size) * 100vw);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin-right: calc(16 / var(--base-size) * 100vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(4 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_14ugi_211 {
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    letter-spacing: .05em;
    padding-left: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px)
  }

  .c-raw-html ._title_14ugi_211:before {
    background-color: var(--color-white);
    border-radius: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    height: 72.2222222222%;
    width: clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px)
  }
}

.c-raw-html ._sleepEncyclopediaPages_1moeb_1 {
  padding: calc(51 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(190 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaPages_1moeb_1 {
    padding: clamp(114px * 980 / 1440, 114 / var(--base-size) * 100vw, 114px) 0 clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px)
  }
}

.c-raw-html ._inner_1moeb_10 {
  margin: 0 auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1moeb_10 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 {
  font-feature-settings: "hwid" on;
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 700
}

.c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-5"] {
  transform: rotate(1.13deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    font-weight: 900;
    line-height: 100%
  }

  .c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-1"],
  .c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-2"],
  .c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-4"],
  .c-raw-html ._sleepEncyclopediaPagesTitle_1moeb_20 [data-title-letter="1-5"] {
    transform: rotate(0)
  }
}

.c-raw-html ._sleepEncyclopediaPagesSubTitle_1moeb_57 {
  align-self: stretch;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 165%;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaPagesSubTitle_1moeb_57 {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    font-weight: 900;
    letter-spacing: .35em;
    line-height: 100%;
    margin-top: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._list_1moeb_75 {
  margin-top: calc(40 / var(--base-size) * 100vw);
  z-index: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1moeb_75 {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._products_1moeb_85 {
  background-color: var(--color-white);
  border-radius: calc(32 / var(--base-size) * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  margin-top: calc(130 / var(--base-size) * 100vw);
  padding: calc(57 / var(--base-size) * 100vw) calc(15 / var(--base-size) * 100vw)
}

.c-raw-html ._products_1moeb_85._column_1moeb_94 {
  margin-top: 0
}

.c-raw-html ._products_1moeb_85._productsNaturalSleep_1moeb_97 {
  background-color: #d5f0ff;
  margin-top: clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._products_1moeb_85 {
    align-items: center;
    border-radius: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px);
    flex-direction: row;
    gap: clamp(31px * 980 / 1440, 31 / var(--base-size) * 100vw, 31px);
    justify-content: center;
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px);
    padding: clamp(85px * 980 / 1440, 85 / var(--base-size) * 100vw, 85px) clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px) clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px) clamp(63px * 980 / 1440, 63 / var(--base-size) * 100vw, 63px)
  }

  .c-raw-html ._products_1moeb_85._productsNaturalSleep_1moeb_97 {
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._productsImage_1moeb_117 {
  flex-shrink: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsImage_1moeb_117._productsImageDrewell_1moeb_122 {
    width: clamp(526px * 980 / 1440, 526 / var(--base-size) * 100vw, 526px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsImage_1moeb_117._productsImageNaturalSleep_1moeb_127 {
    width: clamp(515px * 980 / 1440, 515 / var(--base-size) * 100vw, 515px)
  }
}

.c-raw-html ._productsText_1moeb_132 {
  color: #131313
}

.c-raw-html ._productsTitleLead_1moeb_136 {
  color: var(--color-blue);
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 125%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLead_1moeb_136 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    letter-spacing: .08em;
    line-height: 100%
  }
}

.c-raw-html ._productsTitleLogo_1moeb_151 {
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--base-size) * 100vw);
  margin-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogo_1moeb_151 {
    flex-direction: row;
    gap: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px);
    margin-top: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1moeb_165 {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1moeb_165 {
    align-items: flex-start;
    flex-direction: column;
    gap: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockDrewell_1moeb_178 ._productsTitleLogoImg_1moeb_178 {
  width: calc(131 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockDrewell_1moeb_178 ._productsTitleLogoImg_1moeb_178 {
    width: clamp(144px * 980 / 1440, 144 / var(--base-size) * 100vw, 144px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockEx_1moeb_186 ._productsTitleLogoImg_1moeb_178 {
  width: calc(178 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockEx_1moeb_186 ._productsTitleLogoImg_1moeb_178 {
    width: clamp(208px * 980 / 1440, 208 / var(--base-size) * 100vw, 208px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockNaturalSleep_1moeb_194 {
  align-items: flex-start;
  flex-direction: column
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockNaturalSleep_1moeb_194 {
    align-items: flex-end;
    flex-direction: row
  }
}

.c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockNaturalSleep_1moeb_194 ._productsTitleLogoImg_1moeb_178 {
  width: calc(222 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1moeb_165._productsTitleLogoBlockNaturalSleep_1moeb_194 ._productsTitleLogoImg_1moeb_178 {
    width: clamp(328px * 980 / 1440, 328 / var(--base-size) * 100vw, 328px)
  }
}

.c-raw-html ._productsTitleOtc_1moeb_213 {
  border: 1px solid #131313;
  border-radius: calc(3 / var(--base-size) * 100vw);
  display: inline-block;
  font-family: Noto Sans JP, sans-serif;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  line-height: 175%;
  padding: 0 calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleOtc_1moeb_213 {
    border-radius: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    font-size: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    letter-spacing: .03em;
    line-height: 100%;
    padding: clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px) clamp(9px * 980 / 1440, 9 / var(--base-size) * 100vw, 9px)
  }
}

.c-raw-html ._productsExIntro_1moeb_233 {
  align-items: center;
  display: flex;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  gap: calc(5 / var(--base-size) * 100vw);
  letter-spacing: .08em;
  line-height: 140%;
  margin-top: calc(28 / var(--base-size) * 100vw);
  position: relative
}

.c-raw-html ._productsExIntro_1moeb_233:before {
  background-image: url(/assets/drewell/images/sleep/icon-circle.svg);
  background-size: contain;
  content: "";
  display: block;
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsExIntro_1moeb_233 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }

  .c-raw-html ._productsExIntro_1moeb_233:before {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._productsEx_1moeb_233 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 180%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsEx_1moeb_233 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    line-height: 170%;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }

  .c-raw-html ._productsEx_1moeb_233 sup {
    font-size: 55%;
    letter-spacing: 0
  }
}

.c-raw-html ._productsNote_1moeb_284 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 160%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsNote_1moeb_284 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .1em;
    line-height: 150%;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._productsButtons_1moeb_302 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: calc(40 / var(--base-size) * 100vw);
  row-gap: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsButtons_1moeb_302 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    row-gap: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._productsLink_1moeb_316 {
  border-radius: calc(59 / var(--base-size) * 100vw);
  display: grid;
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  place-content: center;
  position: relative;
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsLink_1moeb_316 {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    width: clamp(270px * 980 / 1440, 270 / var(--base-size) * 100vw, 270px)
  }
}

.c-raw-html ._productsLinkBlue_1moeb_334 {
  background: var(--color-blue);
  border: 1px solid var(--color-white);
  color: var(--color-white) !important
}

.c-raw-html ._productsLinkWhite_1moeb_340 {
  background: var(--color-white);
  border: 1px solid var(--color-blue);
  color: var(--color-blue) !important
}

.c-raw-html ._arrow_1moeb_346 {
  position: absolute;
  right: calc(15 / var(--base-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_1moeb_346 {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._arrow_1moeb_346 svg {
  height: calc(8 / var(--base-size) * 100vw);
  width: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_1moeb_346 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._productsLinkInfo_1moeb_370,
.c-raw-html ._productsLinkShop_1moeb_371 {
  border-radius: calc(32 / var(--base-size) * 100vw);
  border-style: solid;
  border-width: calc(1 / var(--base-size) * 100vw);
  display: grid;
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  margin-left: auto;
  margin-right: auto;
  place-content: center;
  position: relative;
  transition: background-color .6s, color .6s;
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._productsLinkInfo_1moeb_370,
  .c-raw-html ._productsLinkShop_1moeb_371 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    margin-left: 0;
    margin-right: 0;
    width: clamp(271px * 980 / 1440, 271 / var(--base-size) * 100vw, 271px)
  }
}

.c-raw-html ._productsLinkInfo_1moeb_370 {
  background: var(--color-white);
  border-color: var(--color-blue);
  color: var(--color-blue)
}

@media (any-hover: hover) {
  .c-raw-html ._productsLinkInfo_1moeb_370:hover {
    background: var(--color-button-blue);
    color: var(--color-white)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._productsLinkShop_1moeb_371:hover {
    border-color: var(--color-blue)
  }
}

@media screen and (min-width: 768px) {

  .c-raw-html ._top_17smj_2,
  .c-raw-html ._bottom_17smj_3 {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    z-index: 1
  }
}

@media screen and (min-width: 768px) {

  .c-raw-html ._top_17smj_2:before,
  .c-raw-html ._top_17smj_2:after,
  .c-raw-html ._bottom_17smj_3:before,
  .c-raw-html ._bottom_17smj_3:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._top_17smj_2 {
    top: 0;
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

@media screen and (min-width: 768px) {

  .c-raw-html ._top_17smj_2:before,
  .c-raw-html ._top_17smj_2:after {
    top: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._top_17smj_2:before {
    left: 0
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._top_17smj_2:after {
    right: 0
  }
}

@media screen and (min-width: 768px) {

  .c-raw-html ._bg8Column_17smj_45._top_17smj_2:before,
  .c-raw-html ._bg8Column_17smj_45._top_17smj_2:after {
    height: clamp(3664px * 980 / 1440, 3664 / var(--base-size) * 100vw, 3664px);
    width: clamp(407px * 980 / 1440, 407 / var(--base-size) * 100vw, 407px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg8Column_17smj_45._top_17smj_2:before {
    background-image: url(/assets/drewell/images/common/bg/img-8-column-page-left.svg)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg8Column_17smj_45._top_17smj_2:after {
    background-image: url(/assets/drewell/images/common/bg/img-8-column-page-right.svg)
  }
}

@media screen and (min-width: 768px) {

  .c-raw-html ._bg12Column_17smj_62._top_17smj_2:before,
  .c-raw-html ._bg12Column_17smj_62._top_17smj_2:after {
    height: clamp(10981px * 980 / 1440, 10981 / var(--base-size) * 100vw, 10981px);
    width: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg12Column_17smj_62._top_17smj_2:before {
    background-image: url(/assets/drewell/images/common/bg/img-12-column-page-left.svg)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg12Column_17smj_62._top_17smj_2:after {
    background-image: url(/assets/drewell/images/common/bg/img-12-column-page-right.svg)
  }
}

.c-raw-html ._bottom_17smj_3 {
  bottom: calc(29 / var(--base-size) * 100vw);
  position: absolute;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bottom_17smj_3 {
    bottom: clamp(29px * 980 / 1440, 29 / var(--base-size) * 100vw, 29px)
  }
}

.c-raw-html ._bottom_17smj_3:before {
  background-image: url(/assets/drewell/images/common/bg/img-page-bottom_sp.svg);
  background-size: contain;
  bottom: 0;
  content: "";
  height: calc(160 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg8Column_17smj_45._bottom_17smj_3:before {
    background-image: url(/assets/drewell/images/common/bg/img-8-column-page-bottom.svg);
    height: clamp(250px * 980 / 1440, 250 / var(--base-size) * 100vw, 250px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg12Column_17smj_62._bottom_17smj_3:before {
    background-image: url(/assets/drewell/images/common/bg/img-12-column-page-bottom.svg);
    height: clamp(250px * 980 / 1440, 250 / var(--base-size) * 100vw, 250px);
    width: clamp(1199px * 980 / 1440, 1199 / var(--base-size) * 100vw, 1199px)
  }
}

.c-raw-html ._otcTitle_qtlzo_1 {
  padding: 0 calc(24 / var(--base-size) * 100vw) calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitle_qtlzo_1 {
    padding: 0 0 clamp(122px * 980 / 1440, 122 / var(--base-size) * 100vw, 122px)
  }
}

.c-raw-html ._otcTitleInner_qtlzo_10 {
  margin: auto;
  max-width: 1200px;
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleInner_qtlzo_10 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._otcTitleInner_qtlzo_10:before,
.c-raw-html ._otcTitleInner_qtlzo_10:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._otcTitleInner_qtlzo_10:before,
  .c-raw-html ._otcTitleInner_qtlzo_10:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._otcTitleInner_qtlzo_10:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleInner_qtlzo_10:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._otcTitleInner_qtlzo_10:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleInner_qtlzo_10:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleInner_qtlzo_10 {
    padding-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px);
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._otcTitleSubText_qtlzo_62 {
  text-align: center
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 {
  align-items: center;
  column-gap: calc(6 / var(--base-size) * 100vw);
  display: inline-flex;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleSubBlock_qtlzo_66 {
    column-gap: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66:before,
.c-raw-html ._otcTitleSubBlock_qtlzo_66:after {
  background-image: url(/assets/drewell/images/sleep/icon-line.svg);
  background-size: 100%;
  content: "";
  display: block;
  height: calc(2 / var(--base-size) * 100vw);
  width: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._otcTitleSubBlock_qtlzo_66:before,
  .c-raw-html ._otcTitleSubBlock_qtlzo_66:after {
    height: clamp(2px * 980 / 1440, 2 / var(--base-size) * 100vw, 2px);
    width: clamp(33.941px * 980 / 1440, 33.941 / var(--base-size) * 100vw, 33.941px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleSubBlock_qtlzo_66:before {
    margin-right: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleSubBlock_qtlzo_66:after {
    margin-left: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 span {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 900;
  line-height: normal
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(1) {
  transform: rotate(-2.121deg)
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(2) {
  transform: rotate(1.615deg)
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(3) {
  transform: rotate(-.364deg)
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(4) {
  transform: rotate(1.219deg)
}

.c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(5) {
  transform: rotate(-2.477deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleSubBlock_qtlzo_66 span {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }

  .c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(1) {
    transform: rotate(-4.794deg)
  }

  .c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(2) {
    transform: rotate(3.383deg)
  }

  .c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(3) {
    transform: rotate(-3.167deg)
  }

  .c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(4) {
    transform: rotate(2.986deg)
  }

  .c-raw-html ._otcTitleSubBlock_qtlzo_66 span:nth-of-type(5) {
    transform: rotate(-4.033deg)
  }
}

.c-raw-html ._otcTitleText_qtlzo_142 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-1"] {
  transform: rotate(-5.33deg)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-3"] {
  transform: rotate(3.21deg)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-5"] {
  transform: rotate(1.13deg)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-6"] {
  transform: rotate(-3.63deg)
}

.c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-7"] {
  transform: rotate(3.28deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otcTitleText_qtlzo_142 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-2"] {
    transform: rotate(2.4deg)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-4"] {
    transform: rotate(-4.35deg)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._otcTitleText_qtlzo_142 [data-title-letter="1-7"] {
    transform: rotate(3.28deg)
  }
}

.c-raw-html ._mv_e61s9_2 {
  color: var(--color-white);
  font-family: Noto Sans JP, sans-serif;
  padding: 0 calc(24 / var(--base-size) * 100vw) calc(110 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mv_e61s9_2 {
    padding: 0 0 clamp(162px * 980 / 1440, 162 / var(--base-size) * 100vw, 162px)
  }
}

.c-raw-html ._mvTitle_e61s9_13 {
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.6;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvTitle_e61s9_13 {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    letter-spacing: .1em;
    line-height: 1.7
  }
}

.c-raw-html ._mvTitle_e61s9_13 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._mvImage_e61s9_32 {
  padding: calc(30 / var(--base-size) * 100vw) calc(4 / var(--base-size) * 100vw) 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvImage_e61s9_32 {
    display: block;
    margin: 0 auto;
    max-width: clamp(789px * 980 / 1440, 789 / var(--base-size) * 100vw, 789px);
    padding: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px) 0 0;
    width: 100%
  }
}

.c-raw-html ._mvImageCaption_e61s9_45 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(14 / var(--base-size) * 100vw);
  text-align: left
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvImageCaption_e61s9_45 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    line-height: 1.5;
    margin: 0 auto;
    max-width: clamp(789px * 980 / 1440, 789 / var(--base-size) * 100vw, 789px);
    padding-top: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._mvImageCaption_e61s9_45 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._mvSubText_e61s9_66 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvSubText_e61s9_66 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .08em;
    margin: 0 auto;
    max-width: clamp(789px * 980 / 1440, 789 / var(--base-size) * 100vw, 789px);
    padding-top: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px)
  }
}

.c-raw-html ._mvSubText_e61s9_66 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._mvSubText_e61s9_66 strong {
  font-weight: 700
}

.c-raw-html ._textBlock_e6nuu_2+._textBlock_e6nuu_2 {
  margin-top: calc(48 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textBlock_e6nuu_2+._textBlock_e6nuu_2 {
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._textBlockTitle_e6nuu_11 {
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(18 / var(--base-size) * 100vw);
  letter-spacing: .1em;
  line-height: 1.5
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textBlockTitle_e6nuu_11 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em
  }
}

.c-raw-html ._textBlockList_e6nuu_24 {
  font-weight: 500;
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textBlockList_e6nuu_24 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._textBlockList_e6nuu_24 li {
  align-items: flex-start;
  display: flex;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2
}

.c-raw-html ._textBlockList_e6nuu_24 li:before {
  content: "・";
  display: inline-block;
  height: 1em;
  width: .7em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textBlockList_e6nuu_24 li {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em
  }
}

.c-raw-html ._textBlockText_e6nuu_55 {
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  margin-top: calc(20 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._textBlockText_e6nuu_55 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._about_2a3d8_1 {
  color: var(--color-white);
  font-family: Noto Sans JP, sans-serif;
  padding: calc(62 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(110 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_2a3d8_1 {
    margin: 0 auto;
    max-width: clamp(1205px * 980 / 1440, 1205 / var(--base-size) * 100vw, 1205px);
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(164px * 980 / 1440, 164 / var(--base-size) * 100vw, 164px);
    width: 100%
  }
}

.c-raw-html ._aboutNormalTitle_2a3d8_15 {
  font-family: Zen Kaku Gothic New, serif;
  letter-spacing: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutNormalTitle_2a3d8_15 {
    letter-spacing: .3em
  }
}

.c-raw-html ._aboutWrap_2a3d8_25 {
  display: flex;
  flex-direction: column;
  padding-top: calc(48 / var(--base-size) * 100vw);
  row-gap: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutWrap_2a3d8_25 {
    align-items: flex-start;
    column-gap: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px);
    flex-direction: row;
    padding-top: clamp(73px * 980 / 1440, 73 / var(--base-size) * 100vw, 73px)
  }
}

.c-raw-html ._aboutLead_2a3d8_40 {
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.65
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutLead_2a3d8_40 {
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    letter-spacing: .05em;
    line-height: 1.65
  }
}

.c-raw-html ._aboutLead_2a3d8_40 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._aboutText_2a3d8_58 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(20 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutText_2a3d8_58 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    line-height: 2;
    padding-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._aboutText_2a3d8_58 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._aboutText_2a3d8_58 strong {
  font-weight: 700
}

.c-raw-html ._aboutNote_2a3d8_81 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutNote_2a3d8_81 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .07em;
    line-height: 2;
    padding-top: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._aboutNote_2a3d8_81 span {
  font-family: Merged Yaku Han JP, sans-serif
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutImage_2a3d8_101 {
    flex-shrink: 0;
    max-width: clamp(373px * 980 / 1440, 373 / var(--base-size) * 100vw, 373px);
    width: 100%
  }
}

.c-raw-html ._aboutCompareImage_2a3d8_108 {
  padding-top: calc(50 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutCompareImage_2a3d8_108 {
    margin: 0 auto;
    max-width: clamp(795px * 980 / 1440, 795 / var(--base-size) * 100vw, 795px);
    padding-top: clamp(84px * 980 / 1440, 84 / var(--base-size) * 100vw, 84px)
  }
}

.c-raw-html ._aboutTextBlock_2a3d8_119 {
  margin: calc(48 / var(--base-size) * 100vw) auto 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutTextBlock_2a3d8_119 {
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0;
    max-width: clamp(795px * 980 / 1440, 795 / var(--base-size) * 100vw, 795px);
    width: 100%
  }
}

.c-raw-html ._aboutTitle_2a3d8_130 {
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(18 / var(--base-size) * 100vw);
  letter-spacing: .1em;
  line-height: 1.5
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutTitle_2a3d8_130 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em
  }
}

.c-raw-html ._aboutDrewell_2a3d8_143 dt {
  background-color: #63a5cf;
  border-radius: calc(4 / var(--base-size) * 100vw);
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(14 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  margin-top: calc(24 / var(--base-size) * 100vw);
  padding: calc(6 / var(--base-size) * 100vw) 0 calc(8 / var(--base-size) * 100vw);
  text-align: center
}

.c-raw-html ._aboutDrewell_2a3d8_143 dd {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 2;
  margin-top: calc(14 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutDrewell_2a3d8_143 dt {
    border-radius: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    padding: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px) 0 clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }

  .c-raw-html ._aboutDrewell_2a3d8_143 dd {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._aboutDrewellImage_2a3d8_174 {
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutDrewellImage_2a3d8_174 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._aboutDrewellText_2a3d8_183 {
  margin-top: calc(48 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutDrewellText_2a3d8_183 {
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._useful_3vapz_1 {
  color: var(--color-white);
  font-family: Noto Sans JP, sans-serif;
  padding: calc(62 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(68 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._useful_3vapz_1 {
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px);
    width: 100%
  }
}

.c-raw-html ._usefulNormalTitle_3vapz_13 {
  font-family: Zen Kaku Gothic New, serif;
  letter-spacing: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulNormalTitle_3vapz_13 {
    letter-spacing: .3em
  }
}

.c-raw-html ._usefulWrap_3vapz_23 {
  margin: calc(48 / var(--base-size) * 100vw) auto 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulWrap_3vapz_23 {
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0;
    max-width: clamp(795px * 980 / 1440, 795 / var(--base-size) * 100vw, 795px);
    width: 100%
  }
}

.c-raw-html ._usefulIntro_3vapz_34 {
  display: flex;
  flex-direction: column;
  margin: calc(50 / var(--base-size) * 100vw) auto 0;
  row-gap: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulIntro_3vapz_34 {
    align-items: flex-start;
    column-gap: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px);
    flex-direction: row;
    margin: clamp(84px * 980 / 1440, 84 / var(--base-size) * 100vw, 84px) auto 0;
    max-width: clamp(1205px * 980 / 1440, 1205 / var(--base-size) * 100vw, 1205px)
  }
}

.c-raw-html ._usefulLead_3vapz_50 {
  font-family: Zen Kaku Gothic New, serif;
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.65
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulLead_3vapz_50 {
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    letter-spacing: .05em;
    line-height: 1.65
  }
}

.c-raw-html ._usefulLead_3vapz_50 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._usefulText_3vapz_68 {
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(20 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulText_3vapz_68 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .05em;
    line-height: 2;
    padding-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._usefulText_3vapz_68 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._usefulText_3vapz_68 strong {
  font-weight: 700
}

.c-raw-html ._usefulNote_3vapz_92 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulNote_3vapz_92 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .07em;
    line-height: 2;
    padding-top: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._usefulNote_3vapz_92 span {
  font-family: Merged Yaku Han JP, sans-serif
}

@media screen and (min-width: 768px) {
  .c-raw-html ._usefulImage_3vapz_112 {
    flex-shrink: 0;
    width: clamp(373px * 980 / 1440, 373 / var(--base-size) * 100vw, 373px)
  }
}

.c-raw-html ._sleepIntro_7aojp_1 {
  background: linear-gradient(180deg, #003b7f, #014f92);
  padding: 0 calc(24 / var(--base-size) * 100vw) calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntro_7aojp_1 {
    padding: 0 0 clamp(180px * 980 / 1440, 180 / var(--base-size) * 100vw, 180px) 0
  }
}

.c-raw-html ._sleepInner_7aojp_11 {
  margin: auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepInner_7aojp_11 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._sleepIntroTitleSub_7aojp_21 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSub_7aojp_21 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._sleepIntroTitleSub_7aojp_21:before,
.c-raw-html ._sleepIntroTitleSub_7aojp_21:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._sleepIntroTitleSub_7aojp_21:before,
  .c-raw-html ._sleepIntroTitleSub_7aojp_21:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._sleepIntroTitleSub_7aojp_21:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSub_7aojp_21:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._sleepIntroTitleSub_7aojp_21:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSub_7aojp_21:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSub_7aojp_21 {
    padding-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px)
  }
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 {
  align-items: center;
  column-gap: calc(6 / var(--base-size) * 100vw);
  display: inline-flex;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 {
    column-gap: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71:before,
.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71:after {
  background-image: url(/assets/drewell/images/sleep/icon-line.svg);
  background-size: 100%;
  content: "";
  display: block;
  height: calc(2 / var(--base-size) * 100vw);
  width: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71:before,
  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71:after {
    height: clamp(2px * 980 / 1440, 2 / var(--base-size) * 100vw, 2px);
    width: clamp(33.941px * 980 / 1440, 33.941 / var(--base-size) * 100vw, 33.941px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71:before {
    margin-right: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71:after {
    margin-left: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 900;
  line-height: normal
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(1) {
  transform: rotate(-2.121deg)
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(2) {
  transform: rotate(1.615deg)
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(3) {
  transform: rotate(-.364deg)
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(4) {
  transform: rotate(1.219deg)
}

.c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(5) {
  transform: rotate(-2.477deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }

  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(1) {
    transform: rotate(-4.794deg)
  }

  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(2) {
    transform: rotate(3.383deg)
  }

  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(3) {
    transform: rotate(-3.167deg)
  }

  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(4) {
    transform: rotate(2.986deg)
  }

  .c-raw-html ._sleepIntroTitleSubBlock_7aojp_71 span:nth-of-type(5) {
    transform: rotate(-4.033deg)
  }
}

.c-raw-html ._sleepIntroTitle_7aojp_21 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-1"] {
  transform: rotate(-2.29deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-2"] {
  transform: rotate(1.23deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-3"] {
  transform: rotate(.94deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-4"] {
  transform: rotate(-2.74deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-5"] {
  transform: rotate(1.13deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-6"] {
  transform: rotate(-2.35deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-7"] {
  transform: rotate(-2.29deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-8"] {
  transform: rotate(1.23deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="2-1"] {
  transform: rotate(.94deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="2-2"] {
  transform: rotate(-2.29deg)
}

.c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="2-3"] {
  transform: rotate(1.23deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTitle_7aojp_21 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-1"] {
    transform: rotate(-2.54deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-2"] {
    transform: rotate(2.4deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-4"] {
    transform: rotate(-1.42deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-7"] {
    transform: rotate(-2.54deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="1-8"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="2-1"] {
    transform: rotate(-1.42deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="2-2"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sleepIntroTitle_7aojp_21 [data-title-letter="2-3"] {
    transform: rotate(-3.63deg)
  }
}

.c-raw-html ._sleepIntroMainText_7aojp_219 {
  font-feature-settings: "hwid" on;
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 152%;
  margin-top: calc(80 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroMainText_7aojp_219 {
    font-size: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    letter-spacing: .1em;
    line-height: 170%;
    margin-top: clamp(123px * 980 / 1440, 123 / var(--base-size) * 100vw, 123px)
  }
}

.c-raw-html ._sleepIntroTextWrap_7aojp_237 {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  margin: calc(32 / var(--base-size) * 100vw) auto 0;
  max-width: 1065px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroTextWrap_7aojp_237 {
    align-items: flex-start;
    flex-direction: row;
    gap: clamp(41px * 980 / 1440, 41 / var(--base-size) * 100vw, 41px);
    margin: clamp(58px * 980 / 1440, 58 / var(--base-size) * 100vw, 58px) auto 0;
    width: clamp(1065px * 980 / 1440, 1065 / var(--base-size) * 100vw, 1065px)
  }
}

.c-raw-html ._sleepIntroImage_7aojp_254 {
  display: block;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroImage_7aojp_254 {
    flex-shrink: 0;
    width: clamp(371px * 980 / 1440, 371 / var(--base-size) * 100vw, 371px)
  }
}

.c-raw-html ._sleepIntroText_7aojp_237 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 200%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepIntroText_7aojp_237 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .08em;
    line-height: 240%;
    white-space: nowrap
  }
}

.c-raw-html ._mainContents_1nqnf_1+._mainContents_1nqnf_1 {
  margin-top: calc(130 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContents_1nqnf_1+._mainContents_1nqnf_1 {
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

.c-raw-html ._mainContentsLead_1nqnf_10 {
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 165%;
  margin: calc(36 / var(--base-size) * 100vw) auto 0;
  max-width: 788px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsLead_1nqnf_10 {
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    letter-spacing: .05em;
    margin: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px) auto 0;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._mainContentsText_1nqnf_27 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin: calc(24 / var(--base-size) * 100vw) auto 0;
  max-width: 788px;
  text-align: justify
}

.c-raw-html ._mainContentsText_1nqnf_27 span {
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsText_1nqnf_27 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .07em;
    line-height: 200%;
    margin: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px) auto 0;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._mainContentsLead_1nqnf_10+._mainContentsText_1nqnf_27 {
  margin-top: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsLead_1nqnf_10+._mainContentsText_1nqnf_27 {
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._mainContentsSubTitle_1nqnf_60 {
  font-size: calc(18 / var(--base-size) * 100vw);
  letter-spacing: .1em;
  line-height: 150%;
  margin: calc(48 / var(--base-size) * 100vw) auto 0;
  max-width: 788px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsSubTitle_1nqnf_60 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em;
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._mainContentsImage_1nqnf_76 {
  display: block;
  margin: calc(24 / var(--base-size) * 100vw) auto 0;
  max-width: 788px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsImage_1nqnf_76 {
    margin: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px) auto 0;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._mainContentsNotes_1nqnf_88 {
  display: flex;
  flex-direction: column;
  margin: calc(16 / var(--base-size) * 100vw) auto 0;
  max-width: 788px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsNotes_1nqnf_88 {
    flex-direction: row;
    justify-content: space-between;
    margin: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) auto 0;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._mainContentsNote_1nqnf_88 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 165%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mainContentsNote_1nqnf_88 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 200%
  }
}

.c-raw-html ._sleepFact_1x8nh_1 {
  margin: calc(48 / var(--base-size) * 100vw) auto 0;
  max-width: 788px
}

.c-raw-html ._sleepFact_1x8nh_1:first-of-type {
  margin-top: calc(36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFact_1x8nh_1 {
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0
  }

  .c-raw-html ._sleepFact_1x8nh_1:first-of-type {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._sleepFactTitle_1x8nh_17 {
  font-feature-settings: "hwid" on;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 150%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFactTitle_1x8nh_17 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em
  }
}

.c-raw-html ._sleepFactText_1x8nh_31 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(24 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFactText_1x8nh_31 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._sleepFactImage_1x8nh_49 {
  display: block;
  margin-top: calc(24 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFactImage_1x8nh_49 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._sleepFactNote_1x8nh_60 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 165%;
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFactNote_1x8nh_60 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500;
    letter-spacing: .07em;
    line-height: 200%;
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._sleepMain_1y2i4_1 {
  padding: calc(51 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(106 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepMain_1y2i4_1 {
    padding: clamp(121px * 980 / 1440, 121 / var(--base-size) * 100vw, 121px) 0 clamp(160px * 980 / 1440, 160 / var(--base-size) * 100vw, 160px)
  }
}

.c-raw-html ._sleepMainInner_1y2i4_10 {
  margin: auto;
  max-width: 840px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepMainInner_1y2i4_10 {
    width: clamp(840px * 980 / 1440, 840 / var(--base-size) * 100vw, 840px)
  }
}

.c-raw-html ._sleepMainContents_1y2i4_20 {
  margin-top: calc(130 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepMainContents_1y2i4_20 {
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

.c-raw-html ._sleepMainLead_1y2i4_29 {
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 165%;
  margin-top: calc(9 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepMainLead_1y2i4_29 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: 2.4px;
    margin: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px) auto 0;
    width: clamp(788px * 980 / 1440, 788 / var(--base-size) * 100vw, 788px)
  }
}

.c-raw-html ._container_vw2a4_1 {
  color: var(--color-white);
  position: relative
}

.c-raw-html ._sleepEncyclopediaIntro_kv23u_1 {
  background: linear-gradient(180deg, #003c86, #015b9c);
  padding: 0 calc(24 / var(--base-size) * 100vw) calc(136 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntro_kv23u_1 {
    padding: 0 0 clamp(180px * 980 / 1440, 180 / var(--base-size) * 100vw, 180px) 0
  }
}

.c-raw-html ._sleepEncyclopediaInner_kv23u_11 {
  margin: auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaInner_kv23u_11 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative;
  text-align: center
}

.c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:before,
.c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:before,
  .c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroTitleWrap_kv23u_21 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-1"] {
  transform: rotate(-2.54deg)
}

.c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-3"] {
  transform: rotate(-3.56deg)
}

.c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-4"] {
  transform: rotate(2.23deg)
}

.c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-5"] {
  transform: rotate(-3.43deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 {
    font-size: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px)
  }

  .c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-1"] {
    transform: rotate(-2.54deg)
  }

  .c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-2"] {
    transform: rotate(2.4deg)
  }

  .c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-3"] {
    transform: rotate(-3.56deg)
  }

  .c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-4"] {
    transform: rotate(2.23deg)
  }

  .c-raw-html ._sleepEncyclopediaIntroTitle_kv23u_21 [data-title-letter="1-5"] {
    transform: rotate(-3.43deg)
  }
}

.c-raw-html ._sleepEncyclopediaIntroTextWrap_kv23u_110 {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  margin: calc(80 / var(--base-size) * 100vw) auto 0;
  max-width: 1060px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroTextWrap_kv23u_110 {
    align-items: center;
    flex-direction: row;
    gap: clamp(41px * 980 / 1440, 41 / var(--base-size) * 100vw, 41px);
    margin: clamp(152px * 980 / 1440, 152 / var(--base-size) * 100vw, 152px) auto 0;
    width: clamp(1060px * 980 / 1440, 1060 / var(--base-size) * 100vw, 1060px)
  }
}

.c-raw-html ._sleepEncyclopediaIntroImage_kv23u_127 {
  display: block;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroImage_kv23u_127 {
    flex-shrink: 0;
    width: clamp(372px * 980 / 1440, 372 / var(--base-size) * 100vw, 372px)
  }
}

.c-raw-html ._sleepEncyclopediaIntroText_kv23u_110 {
  color: #fff;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 200%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaIntroText_kv23u_110 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .08em;
    line-height: 240%;
    white-space: nowrap
  }
}

.c-raw-html ._sleepEncyclopediaList_ypsvu_1 {
  padding: calc(69 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(93 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaList_ypsvu_1 {
    padding: clamp(119px * 980 / 1440, 119 / var(--base-size) * 100vw, 119px) 0 clamp(160px * 980 / 1440, 160 / var(--base-size) * 100vw, 160px) 0
  }
}

.c-raw-html ._sleepEncyclopediaListTitle_ypsvu_10 {
  font-size: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopediaListTitle_ypsvu_10 {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }

  .c-raw-html ._sleepEncyclopediaListTitle_ypsvu_10:before,
  .c-raw-html ._sleepEncyclopediaListTitle_ypsvu_10:after {
    height: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    width: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px)
  }
}

.c-raw-html ._list_ypsvu_23 {
  margin-top: calc(36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_ypsvu_23 {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._title_bk6h9_1 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_bk6h9_1 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._title_bk6h9_1:before,
.c-raw-html ._title_bk6h9_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_bk6h9_1:before,
  .c-raw-html ._title_bk6h9_1:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_bk6h9_1:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_bk6h9_1:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._title_bk6h9_1:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_bk6h9_1:after {
    display: none
  }
}

.c-raw-html ._title_bk6h9_1 span {
  font-size: calc(28 / var(--base-size) * 100vw);
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_bk6h9_1 span {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-1"] {
  transform: rotate(-5.33deg)
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-3"] {
  transform: rotate(3.21deg)
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-5"] {
  transform: rotate(1.13deg)
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-6"] {
  transform: rotate(-3.63deg)
}

.c-raw-html ._title_bk6h9_1 [data-title-letter="1-7"] {
  transform: rotate(3.28deg)
}

.c-raw-html ._menu_6sj2n_1 {
  display: grid;
  gap: calc(24 / var(--base-size) * 100vw);
  margin-top: calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._menu_6sj2n_1 {
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    grid-template-columns: repeat(2, 1fr);
    margin-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._button_6sj2n_14 {
  border-color: var(--color-white);
  border-radius: calc(47 / var(--base-size) * 100vw);
  border-style: solid;
  color: var(--color-white);
  display: grid;
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .03em;
  place-content: center;
  transition: background-color .6s, color .6s;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._button_6sj2n_14 {
    border-radius: clamp(57px * 980 / 1440, 57 / var(--base-size) * 100vw, 57px);
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    font-weight: 900;
    height: clamp(74px * 980 / 1440, 74 / var(--base-size) * 100vw, 74px);
    letter-spacing: .02em;
    line-height: 130%
  }
}

.c-raw-html ._button_6sj2n_14 span {
  font-size: calc(12 / var(--base-size) * 100vw);
  letter-spacing: .07em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._button_6sj2n_14 span {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._button_6sj2n_14[aria-selected=true] {
  background-color: var(--color-white);
  color: var(--color-blue)
}

@media (any-hover: hover) {
  .c-raw-html ._button_6sj2n_14:hover {
    background-color: var(--color-white);
    color: var(--color-blue)
  }
}

.c-raw-html ._contentsBlock_1rg0p_1 {
  display: grid;
  overflow: hidden;
  transition: opacity 1s, visibility 1s, transform 1s
}

.c-raw-html ._contentsBlock_1rg0p_1[aria-hidden=false] {
  transform: translateY(0)
}

.c-raw-html ._contentsBlock_1rg0p_1[aria-hidden=true] {
  grid-template-rows: 0fr;
  opacity: 0;
  transform: translateY(calc(20 / var(--base-size) * 100vw));
  visibility: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contentsBlock_1rg0p_1[aria-hidden=true] {
    transform: translateY(clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px))
  }
}

.c-raw-html ._inner_1rg0p_21 {
  display: grid;
  gap: calc(48 / var(--base-size) * 100vw);
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1rg0p_21 {
    gap: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._title_1rg0p_32+._list_1rg0p_32 {
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1rg0p_32+._list_1rg0p_32 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._list_1rg0p_32 {
  display: grid;
  gap: calc(24 / var(--base-size) * 100vw);
  overflow: hidden
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1rg0p_32 {
    gap: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._details_1rg0p_52 {
  background-color: var(--color-white);
  border-radius: calc(16 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  letter-spacing: .01em;
  line-height: 165%;
  padding: 0 calc(14 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._details_1rg0p_52 {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .03em;
    padding: 0 clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._summary_1rg0p_70,
.c-raw-html ._detailsContents_1rg0p_71 {
  padding-left: calc(32 / var(--base-size) * 100vw);
  position: relative;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 768px) {

  .c-raw-html ._summary_1rg0p_70,
  .c-raw-html ._detailsContents_1rg0p_71 {
    padding-left: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px)
  }
}

.c-raw-html ._summary_1rg0p_70:before,
.c-raw-html ._detailsContents_1rg0p_71:before {
  border-radius: 50%;
  box-sizing: border-box;
  display: grid;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  height: calc(22 / var(--base-size) * 100vw);
  left: 0;
  padding-bottom: calc(2 / var(--base-size) * 100vw);
  place-content: center;
  position: absolute;
  width: calc(22 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._summary_1rg0p_70:before,
  .c-raw-html ._detailsContents_1rg0p_71:before {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    height: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    padding-bottom: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    width: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._summary_1rg0p_70 {
  cursor: pointer;
  list-style: none;
  padding-bottom: calc(16 / var(--base-size) * 100vw);
  padding-right: calc(33 / var(--base-size) * 100vw);
  padding-top: calc(14 / var(--base-size) * 100vw);
  width: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._summary_1rg0p_70 {
    padding-bottom: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    padding-right: clamp(78px * 980 / 1440, 78 / var(--base-size) * 100vw, 78px);
    padding-top: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px)
  }
}

.c-raw-html ._summary_1rg0p_70:before {
  background: var(--color-blue);
  color: var(--color-white);
  content: "Q";
  top: calc(17 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._summary_1rg0p_70:before {
    top: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px)
  }
}

.c-raw-html ._summary_1rg0p_70:after {
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: calc(297 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._summary_1rg0p_70:after {
    width: clamp(780px * 980 / 1440, 780 / var(--base-size) * 100vw, 780px)
  }
}

.c-raw-html ._summary_1rg0p_70::-webkit-details-marker {
  display: none
}

.c-raw-html ._detailsContents_1rg0p_71 {
  display: grid;
  overflow: hidden;
  transition: opacity .6s, grid-template-rows .6s, visibility .6s, transform .6s;
  width: auto
}

.c-raw-html ._detailsContents_1rg0p_71:before {
  border-color: var(--color-blue);
  border-style: solid;
  border-width: calc(1 / var(--base-size) * 100vw);
  color: var(--color-blue);
  content: "A";
  top: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._detailsContents_1rg0p_71:before {
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px)
  }
}

.c-raw-html ._detailsContents_1rg0p_71:after {
  background-color: #1d2081;
  content: "";
  height: calc(1 / var(--base-size) * 100vw);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._detailsContents_1rg0p_71:after {
    height: 1px
  }
}

.c-raw-html ._detailsContentsInner_1rg0p_185 {
  overflow: hidden
}

.c-raw-html ._faqA_1rg0p_189 {
  padding-bottom: calc(20 / var(--base-size) * 100vw);
  padding-top: calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._faqA_1rg0p_189 {
    padding-bottom: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    padding-top: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._contentsBlock_1rg0p_1 ._showMoreBtn_1rg0p_200 {
  display: block;
  height: calc(19 / var(--base-size) * 100vw);
  position: absolute;
  right: 0;
  top: calc(17 / var(--base-size) * 100vw);
  width: calc(19 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contentsBlock_1rg0p_1 ._showMoreBtn_1rg0p_200 {
    height: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    width: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._contentsBlock_1rg0p_1 ._showMoreBtn_1rg0p_200 span {
  border-radius: calc(1 / var(--base-size) * 100vw);
  height: calc(2 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contentsBlock_1rg0p_1 ._showMoreBtn_1rg0p_200 span {
    border-radius: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    height: clamp(2px * 980 / 1440, 2 / var(--base-size) * 100vw, 2px);
    width: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px)
  }
}

.c-raw-html ._contents_12yuv_1 {
  margin-top: calc(48 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._contents_12yuv_1 {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._block_12yuv_11 {
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.c-raw-html ._container_b1cbo_1 {
  background: linear-gradient(0deg, #fff6a1 .75%, #eabbce 9.17%, #8393c5 25.41%, #038cc5 46.81%, #027bb7 70.44%, #0160a1 83.71%, #003e86);
  padding: 0 0 calc(190 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._container_b1cbo_1 {
    padding: 0 0 clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px)
  }
}

.c-raw-html ._wrapper_b1cbo_12 {
  margin: 0 auto;
  width: calc(326 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_b1cbo_12 {
    width: clamp(780px * 980 / 1440, 780 / var(--base-size) * 100vw, 780px)
  }
}

.c-raw-html ._title_1v4up_1 {
  color: var(--color-white);
  font-family: Zen Kaku Gothic New, serif;
  padding-top: calc(88 / var(--base-size) * 100vw);
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1v4up_1 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._title_1v4up_1:before,
.c-raw-html ._title_1v4up_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_1v4up_1:before,
  .c-raw-html ._title_1v4up_1:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_1v4up_1:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1v4up_1:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._title_1v4up_1:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1v4up_1:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1v4up_1 {
    padding-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px)
  }
}

.c-raw-html ._titleSub_1v4up_53 {
  text-align: center
}

.c-raw-html ._titleSubBlock_1v4up_57 {
  align-items: center;
  column-gap: calc(6 / var(--base-size) * 100vw);
  display: inline-flex;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._titleSubBlock_1v4up_57 {
    column-gap: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._titleSubBlock_1v4up_57 span {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 900;
  line-height: normal
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(1) {
  transform: rotate(-4.79deg)
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(2) {
  transform: rotate(3.38deg)
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(3) {
  transform: rotate(-3.17deg)
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(4) {
  transform: rotate(2.99deg)
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(5) {
  transform: rotate(-4.03deg)
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(6) {
  transform: rotate(-2.91deg)
}

.c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(7) {
  transform: rotate(4.49deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._titleSubBlock_1v4up_57 span {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(1) {
    transform: rotate(-4.79deg)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(2) {
    transform: rotate(3.38deg)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(3) {
    transform: rotate(-3.17deg)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(4) {
    transform: rotate(2.99deg)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(5) {
    transform: rotate(-4.03deg)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(6) {
    transform: rotate(-2.91deg)
  }

  .c-raw-html ._titleSubBlock_1v4up_57 span:nth-of-type(7) {
    transform: rotate(4.49deg)
  }
}

.c-raw-html ._sectionTitle_1v4up_121 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-1"] {
  transform: rotate(-5.33deg)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-3"] {
  transform: rotate(3.21deg)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-5"] {
  transform: rotate(1.13deg)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-6"] {
  transform: rotate(-3.63deg)
}

.c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-7"] {
  transform: rotate(3.28deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sectionTitle_1v4up_121 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-2"] {
    transform: rotate(2.4deg)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-4"] {
    transform: rotate(-4.35deg)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._sectionTitle_1v4up_121 [data-title-letter="1-7"] {
    transform: rotate(3.28deg)
  }
}

.c-raw-html ._mv_1pk2f_1 {
  color: var(--color-white);
  padding: calc(80 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(116 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mv_1pk2f_1 {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px) 0 clamp(107px * 980 / 1440, 107 / var(--base-size) * 100vw, 107px);
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvApp_1pk2f_16 {
    width: clamp(562px * 980 / 1440, 562 / var(--base-size) * 100vw, 562px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppText_1pk2f_22 {
    padding-left: clamp(58px * 980 / 1440, 58 / var(--base-size) * 100vw, 58px);
    width: calc(100% - clamp(562px * 980 / 1440, 562 / var(--base-size) * 100vw, 562px))
  }
}

.c-raw-html ._mvAppTextHead_1pk2f_28 {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.65;
  padding-top: calc(40 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppTextHead_1pk2f_28 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: 0;
    line-height: 1;
    padding-left: clamp(6px * 980 / 1440, 6 / var(--base-size) * 100vw, 6px);
    padding-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px);
    text-align: left
  }
}

.c-raw-html ._mvAppStoreLink_1pk2f_47 {
  display: block;
  padding: calc(12 / var(--base-size) * 100vw) calc(28 / var(--base-size) * 100vw) 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppStoreLink_1pk2f_47 {
    margin-left: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    padding: 0;
    width: clamp(267px * 980 / 1440, 267 / var(--base-size) * 100vw, 267px)
  }

  .c-raw-html ._mvAppStoreLink_1pk2f_47[data-hover-opacity] {
    transition: opacity .6s
  }
}

@media screen and (min-width: 768px) and (any-hover: hover) {
  .c-raw-html ._mvAppStoreLink_1pk2f_47:hover {
    opacity: .6
  }
}

.c-raw-html ._mvAppTextUserWrap_1pk2f_69 {
  border: 1px solid var(--color-white);
  border-radius: calc(24 / var(--base-size) * 100vw);
  margin: calc(42 / var(--base-size) * 100vw) calc(4 / var(--base-size) * 100vw) 0;
  padding: calc(18 / var(--base-size) * 100vw) calc(22 / var(--base-size) * 100vw) calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppTextUserWrap_1pk2f_69 {
    border: 2px solid var(--color-white);
    border-radius: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    margin: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px) 0 0 clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px);
    padding: clamp(23px * 980 / 1440, 23 / var(--base-size) * 100vw, 23px) clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px) clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._mvAppTextUser_1pk2f_69 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppTextUser_1pk2f_69 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px)
  }
}

.c-raw-html ._mvAppTextUserText_1pk2f_94 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 2;
  padding-top: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppTextUserText_1pk2f_94 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500
  }
}

.c-raw-html ._mvAppTextNote_1pk2f_108 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._mvAppTextNote_1pk2f_108 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 2;
    padding-top: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px)
  }
}

.c-raw-html ._about_14c3x_1 {
  color: var(--color-white);
  padding: 0 calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_14c3x_1 {
    margin: 0 auto;
    padding: 0;
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._aboutWrap_14c3x_13 {
  font-family: Noto Sans JP, sans-serif
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutWrap_14c3x_13 {
    margin: 0 auto;
    padding: 0 clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    width: clamp(800px * 980 / 1440, 800 / var(--base-size) * 100vw, 800px)
  }
}

.c-raw-html ._title_14c3x_24 {
  font-family: Zen Kaku Gothic New, serif
}

.c-raw-html ._title_14c3x_24 span {
  display: contents;
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._lead_14c3x_32 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(49 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._lead_14c3x_32 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .05em;
    line-height: 2;
    padding-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._list_14c3x_48 {
  padding-top: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_14c3x_48 {
    padding-top: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px)
  }
}

.c-raw-html ._item_14c3x_57 {
  padding: calc(32 / var(--base-size) * 100vw) 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._item_14c3x_57 {
    padding: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px) 0
  }
}

.c-raw-html ._itemTitleWrap_14c3x_66 {
  display: flex;
  flex-direction: row;
  font-family: Zen Kaku Gothic New, serif;
  gap: 0 calc(15 / var(--base-size) * 100vw)
}

.c-raw-html ._itemTitle_14c3x_66 {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.5
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemTitle_14c3x_66 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .03em;
    line-height: 1.5
  }
}

.c-raw-html ._itemTitlePoint_14c3x_87 {
  align-items: center;
  background-image: url(/assets/drewell/images/fuminci/gussuri/img-about-point-bg_sp.webp);
  background-position: center;
  background-size: contain;
  color: var(--color-blue);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: calc(56 / var(--base-size) * 100vw);
  justify-content: center;
  width: calc(56 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemTitlePoint_14c3x_87 {
    height: clamp(68px * 980 / 1440, 68 / var(--base-size) * 100vw, 68px);
    width: clamp(68px * 980 / 1440, 68 / var(--base-size) * 100vw, 68px)
  }
}

.c-raw-html ._pointHead_14c3x_107 {
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._pointHead_14c3x_107 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .05em
  }
}

.c-raw-html ._pointNumber_14c3x_120 {
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._pointNumber_14c3x_120 {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._itemLead_14c3x_132 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(23 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._itemLead_14c3x_132 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .05em;
    line-height: 2;
    padding-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px)
  }
}

.c-raw-html ._itemImage_14c3x_148 {
  padding: calc(37 / var(--base-size) * 100vw) calc(4 / var(--base-size) * 100vw) 0
}

.c-raw-html ._closing_1tr1q_1 {
  color: var(--color-white);
  padding: 0 calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closing_1tr1q_1 {
    margin: 0 auto;
    padding: 0;
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._app_1tr1q_13 {
  border: 1px solid var(--color-white);
  border-radius: calc(24 / var(--base-size) * 100vw);
  padding: calc(45 / var(--base-size) * 100vw) calc(22 / var(--base-size) * 100vw) calc(41 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._app_1tr1q_13 {
    align-items: center;
    border: 2px solid var(--color-white);
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    display: flex;
    flex-direction: row;
    padding: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px) clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px) clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px) clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px)
  }
}

.c-raw-html ._logo_1tr1q_29 {
  width: calc(274 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo_1tr1q_29 {
    width: clamp(511px * 980 / 1440, 511 / var(--base-size) * 100vw, 511px)
  }
}

.c-raw-html ._appText_1tr1q_38 {
  font-family: Noto Sans JP, sans-serif
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appText_1tr1q_38 {
    padding-left: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px);
    width: calc(100% - clamp(511px * 980 / 1440, 511 / var(--base-size) * 100vw, 511px))
  }
}

.c-raw-html ._appTextHead_1tr1q_48 {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.65;
  padding-top: calc(16 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appTextHead_1tr1q_48 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: 0;
    line-height: 1;
    padding-left: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px);
    text-align: left
  }
}

.c-raw-html ._appStoreLink_1tr1q_66 {
  display: block;
  padding-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appStoreLink_1tr1q_66 {
    margin-left: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px);
    padding-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    width: clamp(267px * 980 / 1440, 267 / var(--base-size) * 100vw, 267px)
  }

  .c-raw-html ._appStoreLink_1tr1q_66[data-hover-opacity] {
    transition: opacity .6s
  }
}

@media screen and (min-width: 768px) and (any-hover: hover) {
  .c-raw-html ._appStoreLink_1tr1q_66:hover {
    opacity: .6
  }
}

.c-raw-html ._appTextNote_1tr1q_86 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appTextNote_1tr1q_86 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 2;
    padding-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._appAndroid_1tr1q_103 {
  padding-top: calc(27 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appAndroid_1tr1q_103 {
    padding-top: clamp(31px * 980 / 1440, 31 / var(--base-size) * 100vw, 31px)
  }
}

.c-raw-html ._appAndroidHead_1tr1q_112 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appAndroidHead_1tr1q_112 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: 0;
    line-height: 1;
    padding-left: clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px)
  }
}

.c-raw-html ._appAndroidText_1tr1q_127 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(10 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._appAndroidText_1tr1q_127 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2;
    padding-left: clamp(6px * 980 / 1440, 6 / var(--base-size) * 100vw, 6px);
    padding-top: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px)
  }
}

.c-raw-html ._story_1tr1q_145 {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: calc(130 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story_1tr1q_145 {
    margin: 0 auto;
    padding-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._storyLink_1tr1q_160 {
  bottom: calc(-48 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyLink_1tr1q_160 {
    bottom: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    left: clamp(323px * 980 / 1440, 323 / var(--base-size) * 100vw, 323px);
    right: clamp(-200px * 980 / 1440, -200 / var(--base-size) * 100vw, -200px);
    transform: revert
  }
}

.c-raw-html ._storyLink_1tr1q_160 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 100%;
  padding-right: calc(10 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyLink_1tr1q_160 [data-common-round-button] {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    padding-right: revert;
    width: clamp(349px * 980 / 1440, 349 / var(--base-size) * 100vw, 349px)
  }
}

.c-raw-html ._storyLink_1tr1q_160 [data-common-round-button-arrow] {
  right: calc(15 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyLink_1tr1q_160 [data-common-round-button-arrow] {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._storyLink_1tr1q_160 [data-common-round-button-arrow] svg {
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyLink_1tr1q_160 [data-common-round-button-arrow] svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._container_rg2fy_1 {
  background: linear-gradient(179.73deg, #003c86 1.86%, #015b9c 98.73%);
  font-family: Noto Sans JP, sans-serif;
  position: relative
}

.c-raw-html ._about_rg2fy_7 {
  padding-bottom: calc(78 / var(--base-size) * 100vw);
  padding-top: calc(56 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_rg2fy_7 {
    padding-bottom: clamp(116px * 980 / 1440, 116 / var(--base-size) * 100vw, 116px);
    padding-top: clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px)
  }
}

.c-raw-html ._closing_rg2fy_18 {
  padding-bottom: calc(240 / var(--base-size) * 100vw);
  padding-top: calc(56 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._closing_rg2fy_18 {
    padding-bottom: clamp(250px * 980 / 1440, 250 / var(--base-size) * 100vw, 250px);
    padding-top: clamp(106px * 980 / 1440, 106 / var(--base-size) * 100vw, 106px)
  }
}

.c-raw-html ._title_rislt_1 {
  font-size: calc(28 / var(--base-size) * 100vw);
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_rislt_1 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._title_rislt_1:before,
.c-raw-html ._title_rislt_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_rislt_1:before,
  .c-raw-html ._title_rislt_1:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_rislt_1:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_rislt_1:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._title_rislt_1:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_rislt_1:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_rislt_1 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px);
    padding-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px)
  }
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-5"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-6"] {
  transform: rotate(2.7deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-5"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-6"] {
  transform: rotate(2.7deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="3-1"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_rislt_52 [data-title-letter="3-3"] {
  transform: rotate(-4.35deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="1-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="2-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="3-1"] {
    transform: rotate(-4.35deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="3-2"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_rislt_52 [data-title-letter="3-3"] {
    transform: rotate(-3.63deg)
  }
}

.c-raw-html ._lead_vkrxk_1 {
  color: var(--color-white);
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(80 / var(--base-size) * 100vw);
  padding: 0 calc(24 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._lead_vkrxk_1 {
    font-size: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    line-height: 176%;
    margin-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._storyList_kq5hc_1 {
  display: grid;
  gap: calc(50 / var(--base-size) * 100vw);
  margin: calc(85 / var(--base-size) * 100vw) auto 0;
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyList_kq5hc_1 {
    gap: clamp(86px * 980 / 1440, 86 / var(--base-size) * 100vw, 86px) clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px);
    grid-template-columns: repeat(2, 1fr);
    margin: clamp(109px * 980 / 1440, 109 / var(--base-size) * 100vw, 109px) auto 0;
    width: clamp(1196px * 980 / 1440, 1196 / var(--base-size) * 100vw, 1196px)
  }
}

.c-raw-html ._title_kq5hc_16 {
  color: var(--color-white);
  font-weight: 900;
  letter-spacing: .1em;
  line-height: normal;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_kq5hc_16 {
    align-items: center;
    display: flex
  }
}

.c-raw-html ._title_kq5hc_16 span {
  font-size: calc(18 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_kq5hc_16 span {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._image_kq5hc_38 {
  background: var(--color-light-blue);
  border-radius: calc(24 / var(--base-size) * 100vw);
  height: calc(250 / var(--base-size) * 100vw);
  margin-top: calc(22 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_kq5hc_38 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    height: clamp(358px * 980 / 1440, 358 / var(--base-size) * 100vw, 358px);
    margin-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px)
  }
}

.c-raw-html ._imageInner_kq5hc_52 {
  margin-left: auto;
  margin-right: auto
}

.c-raw-html ._story01_kq5hc_56 ._imageInner_kq5hc_52 {
  padding-top: calc(16 / var(--base-size) * 100vw);
  width: calc(290 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story01_kq5hc_56 ._imageInner_kq5hc_52 {
    padding-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px);
    width: clamp(424px * 980 / 1440, 424 / var(--base-size) * 100vw, 424px)
  }
}

.c-raw-html ._story02_kq5hc_66 ._imageInner_kq5hc_52 {
  padding-top: calc(22 / var(--base-size) * 100vw);
  width: calc(309 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story02_kq5hc_66 ._imageInner_kq5hc_52 {
    padding-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    width: clamp(437px * 980 / 1440, 437 / var(--base-size) * 100vw, 437px)
  }
}

.c-raw-html ._story03_kq5hc_76 ._imageInner_kq5hc_52 {
  padding-top: calc(21 / var(--base-size) * 100vw);
  width: calc(284 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story03_kq5hc_76 ._imageInner_kq5hc_52 {
    padding-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    width: clamp(412px * 980 / 1440, 412 / var(--base-size) * 100vw, 412px)
  }
}

.c-raw-html ._story04_kq5hc_86 ._imageInner_kq5hc_52 {
  padding-top: calc(23 / var(--base-size) * 100vw);
  width: calc(287 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story04_kq5hc_86 ._imageInner_kq5hc_52 {
    padding-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(409px * 980 / 1440, 409 / var(--base-size) * 100vw, 409px)
  }
}

.c-raw-html ._link_kq5hc_97 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(24 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_kq5hc_97 {
    margin: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px) auto 0;
    width: clamp(271px * 980 / 1440, 271 / var(--base-size) * 100vw, 271px)
  }
}

.c-raw-html ._link_kq5hc_97 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 100%;
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_kq5hc_97 [data-common-round-button] {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    width: clamp(271px * 980 / 1440, 271 / var(--base-size) * 100vw, 271px)
  }
}

.c-raw-html ._link_kq5hc_97 [data-common-round-button-arrow] {
  right: calc(15 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_kq5hc_97 [data-common-round-button-arrow] {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._container_mo7pt_1 {
  background: linear-gradient(0deg, #f9e4ae, #eabbce 11.75%, #8393c5 30.93%, #038cc5 46.19%, #0160a1 64.72%, #003e86 89.78%);
  padding: 0 0 calc(190 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._container_mo7pt_1 {
    padding: 0 0 clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px)
  }
}

.c-raw-html ._list_mo7pt_12 {
  display: grid;
  gap: calc(50 / var(--base-size) * 100vw);
  margin: calc(85 / var(--base-size) * 100vw) auto 0;
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_mo7pt_12 {
    gap: clamp(86px * 980 / 1440, 86 / var(--base-size) * 100vw, 86px) clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px);
    grid-template-columns: repeat(2, 1fr);
    margin: clamp(109px * 980 / 1440, 109 / var(--base-size) * 100vw, 109px) auto 0;
    width: clamp(1196px * 980 / 1440, 1196 / var(--base-size) * 100vw, 1196px)
  }
}

.c-raw-html ._storyTitle_mo7pt_27 {
  color: var(--color-white);
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900;
  letter-spacing: .1em;
  padding-left: calc(25 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyTitle_mo7pt_27 {
    align-items: center;
    display: flex;
    font-size: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    padding-left: revert
  }
}

.c-raw-html ._storyTitle_mo7pt_27:before {
  aspect-ratio: 1/1;
  background: var(--color-white);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: calc(10 / var(--base-size) * 100vw);
  left: 0;
  margin-right: calc(13 / var(--base-size) * 100vw);
  position: absolute;
  top: calc(13 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyTitle_mo7pt_27:before {
    height: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    margin-right: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    position: relative
  }
}

.c-raw-html ._storyImgContainer_mo7pt_63 {
  background: var(--color-light-blue);
  border-radius: calc(24 / var(--base-size) * 100vw);
  margin-top: calc(22 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyImgContainer_mo7pt_63 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    height: clamp(358px * 980 / 1440, 358 / var(--base-size) * 100vw, 358px);
    margin-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px)
  }
}

.c-raw-html ._storyImg_mo7pt_63 {
  margin-left: auto;
  margin-right: auto
}

.c-raw-html ._story01_mo7pt_80 ._storyImg_mo7pt_63 {
  padding-top: calc(16 / var(--base-size) * 100vw);
  width: calc(290 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story01_mo7pt_80 ._storyImg_mo7pt_63 {
    padding-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px);
    width: clamp(424px * 980 / 1440, 424 / var(--base-size) * 100vw, 424px)
  }
}

.c-raw-html ._story02_mo7pt_90 ._storyImg_mo7pt_63 {
  padding-top: calc(22 / var(--base-size) * 100vw);
  width: calc(309 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story02_mo7pt_90 ._storyImg_mo7pt_63 {
    padding-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    width: clamp(437px * 980 / 1440, 437 / var(--base-size) * 100vw, 437px)
  }
}

.c-raw-html ._story03_mo7pt_100 ._storyImg_mo7pt_63 {
  padding-top: calc(21 / var(--base-size) * 100vw);
  width: calc(284 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story03_mo7pt_100 ._storyImg_mo7pt_63 {
    padding-top: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    width: clamp(412px * 980 / 1440, 412 / var(--base-size) * 100vw, 412px)
  }
}

.c-raw-html ._story04_mo7pt_110 ._storyImg_mo7pt_63 {
  padding-top: calc(23 / var(--base-size) * 100vw);
  width: calc(287 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._story04_mo7pt_110 ._storyImg_mo7pt_63 {
    padding-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(409px * 980 / 1440, 409 / var(--base-size) * 100vw, 409px)
  }
}

.c-raw-html ._storyLink_mo7pt_121 {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  border-radius: calc(59 / var(--base-size) * 100vw);
  border-style: solid;
  border-width: calc(1 / var(--base-size) * 100vw);
  color: var(--color-white);
  display: grid;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 900;
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 175%;
  margin-top: calc(24 / var(--base-size) * 100vw);
  place-content: center;
  position: relative;
  transition: color .6s, background-color .6s;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyLink_mo7pt_121 {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    border-width: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px);
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    margin: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px) auto 0;
    width: clamp(409px * 980 / 1440, 409 / var(--base-size) * 100vw, 409px)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._storyLink_mo7pt_121:hover {
    background: var(--color-white);
    color: var(--color-blue)
  }
}

.c-raw-html ._title_1y9bt_1 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1y9bt_1 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._title_1y9bt_1:before,
.c-raw-html ._title_1y9bt_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_1y9bt_1:before,
  .c-raw-html ._title_1y9bt_1:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_1y9bt_1:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1y9bt_1:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._title_1y9bt_1:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1y9bt_1:after {
    display: none
  }
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-5"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-6"] {
  transform: rotate(2.7deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-5"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-6"] {
  transform: rotate(2.7deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="1-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_1y9bt_45 [data-title-letter="2-6"] {
    transform: rotate(-3.63deg)
  }
}

.c-raw-html ._storyTitle_1eaki_1 {
  color: var(--color-white);
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 160%;
  margin-top: calc(80 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyTitle_1eaki_1 {
    font-size: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    margin-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._image_17ztk_1 {
  margin: calc(39 / var(--base-size) * 100vw) auto 0;
  width: calc(353 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_17ztk_1 {
    margin: clamp(50px * 980 / 1440, 50 / var(--base-size) * 100vw, 50px) auto 0;
    width: clamp(876px * 980 / 1440, 876 / var(--base-size) * 100vw, 876px)
  }
}

.c-raw-html ._banner_tcudt_1 {
  background-image: url(/assets/drewell/images/fuminci/common/img-banner_sp.webp);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: calc(137 / var(--base-size) * 100vw);
  margin: calc(51 / var(--base-size) * 100vw) auto 0;
  position: relative;
  width: calc(333 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._banner_tcudt_1 {
    background-image: url(/assets/drewell/images/fuminci/common/img-banner.webp);
    height: clamp(201px * 980 / 1440, 201 / var(--base-size) * 100vw, 201px);
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0;
    width: clamp(768px * 980 / 1440, 768 / var(--base-size) * 100vw, 768px)
  }
}

.c-raw-html ._bannerLink_tcudt_20 {
  bottom: calc(-33 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bannerLink_tcudt_20 {
    bottom: revert;
    left: clamp(323px * 980 / 1440, 323 / var(--base-size) * 100vw, 323px);
    top: clamp(93px * 980 / 1440, 93 / var(--base-size) * 100vw, 93px);
    transform: revert
  }
}

.c-raw-html ._bannerLink_tcudt_20 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(59 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 100%;
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bannerLink_tcudt_20 [data-common-round-button] {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    width: clamp(270px * 980 / 1440, 270 / var(--base-size) * 100vw, 270px)
  }
}

.c-raw-html ._bannerLink_tcudt_20 [data-common-round-button-arrow] {
  right: calc(15 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bannerLink_tcudt_20 [data-common-round-button-arrow] {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._bannerLink_tcudt_20 [data-common-round-button-arrow] svg {
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bannerLink_tcudt_20 [data-common-round-button-arrow] svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._linkList_19ydc_1 {
  display: grid;
  gap: calc(20 / var(--base-size) * 100vw);
  gap: calc(24 / var(--base-size) * 100vw) calc(21 / var(--base-size) * 100vw);
  grid-template-columns: repeat(2, 1fr);
  margin: calc(81 / var(--base-size) * 100vw) auto 0;
  width: calc(329 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._linkList_19ydc_1 {
    gap: clamp(42px * 980 / 1440, 42 / var(--base-size) * 100vw, 42px);
    grid-template-columns: repeat(4, 1fr);
    margin: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px) auto 0;
    width: clamp(793px * 980 / 1440, 793 / var(--base-size) * 100vw, 793px)
  }
}

.c-raw-html ._link_19ydc_1 {
  width: 100%
}

.c-raw-html ._link_19ydc_1 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(48 / var(--base-size) * 100vw);
  letter-spacing: .1em;
  line-height: 175%;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_19ydc_1 [data-common-round-button] {
    border-radius: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px);
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    height: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px);
    letter-spacing: .05em
  }
}

.c-raw-html ._link_19ydc_1 [data-common-round-button-arrow] {
  right: calc(10 / var(--base-size) * 100vw);
  width: calc(21 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_19ydc_1 [data-common-round-button-arrow] {
    right: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    width: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px)
  }
}

.c-raw-html ._link_19ydc_1 [data-common-round-button-arrow] svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_19ydc_1 [data-common-round-button-arrow] svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._current_19ydc_58 [data-arrow-in-circle] {
  display: none
}

.c-raw-html ._title_15wjv_1 {
  font-size: calc(28 / var(--base-size) * 100vw);
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_15wjv_1 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._title_15wjv_1:before,
.c-raw-html ._title_15wjv_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_15wjv_1:before,
  .c-raw-html ._title_15wjv_1:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_15wjv_1:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_15wjv_1:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._title_15wjv_1:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_15wjv_1:after {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_15wjv_1 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-5"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-6"] {
  transform: rotate(2.7deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-5"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-6"] {
  transform: rotate(2.7deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="1-6"] {
    transform: rotate(-3.63deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-1"] {
    transform: rotate(-5.33deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-3"] {
    transform: rotate(3.21deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-5"] {
    transform: rotate(1.13deg)
  }

  .c-raw-html ._sectionTitle_15wjv_51 [data-title-letter="2-6"] {
    transform: rotate(-3.63deg)
  }
}

.c-raw-html ._lead_1duev_1 {
  color: var(--color-white);
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 165%;
  margin-top: calc(80 / var(--base-size) * 100vw);
  padding: 0 calc(24 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._lead_1duev_1 {
    font-size: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    letter-spacing: .1em;
    line-height: 176%;
    margin-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px);
    text-align: center
  }
}

.c-raw-html ._body_17f9x_1 {
  padding: 0 calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._body_17f9x_1 {
    padding: 0 clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._image_17f9x_10 {
  display: block;
  margin: 0 auto;
  padding-top: calc(48 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_17f9x_10 {
    padding-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px);
    width: clamp(900px * 980 / 1440, 900 / var(--base-size) * 100vw, 900px)
  }
}

.c-raw-html ._head_17f9x_23 {
  color: var(--color-white);
  font-family: Noto Sans JP, sans-serif;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 165%;
  padding-top: calc(48 / var(--base-size) * 100vw);
  text-align: left
}

@media screen and (min-width: 768px) {
  .c-raw-html ._head_17f9x_23 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .1em;
    line-height: 1.7;
    padding-top: clamp(76px * 980 / 1440, 76 / var(--base-size) * 100vw, 76px);
    text-align: center
  }
}

.c-raw-html ._head_17f9x_23 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._text_17f9x_46 {
  color: var(--color-white);
  font-family: Noto Sans JP, sans-serif;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2;
  padding-top: calc(9 / var(--base-size) * 100vw);
  text-align: left
}

@media screen and (min-width: 768px) {
  .c-raw-html ._text_17f9x_46 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .07em;
    line-height: 2;
    text-align: center
  }
}

.c-raw-html ._storyList_s3wh3_1 {
  display: grid;
  gap: calc(50 / var(--base-size) * 100vw);
  margin: calc(85 / var(--base-size) * 100vw) auto 0;
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storyList_s3wh3_1 {
    gap: clamp(86px * 980 / 1440, 86 / var(--base-size) * 100vw, 86px) clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px);
    grid-template-columns: repeat(2, 1fr);
    margin: clamp(109px * 980 / 1440, 109 / var(--base-size) * 100vw, 109px) auto 0;
    width: clamp(1196px * 980 / 1440, 1196 / var(--base-size) * 100vw, 1196px)
  }
}

.c-raw-html ._title_s3wh3_16 {
  color: var(--color-white);
  font-weight: 900;
  letter-spacing: .1em;
  line-height: normal;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_s3wh3_16 {
    align-items: center;
    display: flex
  }
}

.c-raw-html ._title_s3wh3_16 span {
  font-size: calc(18 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_s3wh3_16 span {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_s3wh3_16 .kerning-left,
  .c-raw-html ._title_s3wh3_16 .kerning-right {
    margin: revert
  }
}

.c-raw-html ._image_s3wh3_44 {
  background: var(--color-light-blue);
  border-radius: calc(24 / var(--base-size) * 100vw);
  margin-top: calc(22 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_s3wh3_44 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    height: clamp(358px * 980 / 1440, 358 / var(--base-size) * 100vw, 358px);
    margin-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px)
  }
}

.c-raw-html ._index02_s3wh3_56 ._image_s3wh3_44 {
  background-color: #eee
}

.c-raw-html ._imageInner_s3wh3_60 {
  margin-left: auto;
  margin-right: auto
}

.c-raw-html ._index01_s3wh3_64 ._imageInner_s3wh3_60 {
  padding-top: calc(16 / var(--base-size) * 100vw);
  width: calc(298 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._index01_s3wh3_64 ._imageInner_s3wh3_60 {
    padding-top: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px);
    width: clamp(413px * 980 / 1440, 413 / var(--base-size) * 100vw, 413px)
  }
}

.c-raw-html ._index02_s3wh3_56 ._imageInner_s3wh3_60 {
  padding-top: calc(22 / var(--base-size) * 100vw);
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._index02_s3wh3_56 ._imageInner_s3wh3_60 {
    padding-top: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px);
    width: clamp(464px * 980 / 1440, 464 / var(--base-size) * 100vw, 464px)
  }
}

.c-raw-html ._link_s3wh3_85 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(24 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_s3wh3_85 {
    margin: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px) auto 0;
    width: clamp(271px * 980 / 1440, 271 / var(--base-size) * 100vw, 271px)
  }
}

.c-raw-html ._link_s3wh3_85 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 100%;
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_s3wh3_85 [data-common-round-button] {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    width: clamp(271px * 980 / 1440, 271 / var(--base-size) * 100vw, 271px)
  }
}

.c-raw-html ._link_s3wh3_85 [data-common-round-button-arrow] {
  right: calc(15 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_s3wh3_85 [data-common-round-button-arrow] {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._link_5dz3y_1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(130 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_5dz3y_1 {
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._link_5dz3y_1 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 100%;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_5dz3y_1 [data-common-round-button] {
    border-radius: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px);
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    height: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._link_5dz3y_1 [data-common-round-button-arrow] {
  right: calc(15 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_5dz3y_1 [data-common-round-button-arrow] {
    right: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    width: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._link_5dz3y_1 [data-common-round-button-arrow] svg {
  height: sp-clamp(12px);
  width: sp-clamp(14px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_5dz3y_1 [data-common-round-button-arrow] svg {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(19px * 980 / 1440, 19 / var(--base-size) * 100vw, 19px)
  }
}

.c-raw-html ._container_8uf7h_1 {
  background: linear-gradient(0deg, #f9e4ae, #eabbce 11.75%, #8393c5 30.93%, #038cc5 46.19%, #0160a1 64.72%, #003e86 89.78%);
  padding: 0 0 calc(190 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._container_8uf7h_1 {
    padding: 0 0 clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px)
  }
}

.c-raw-html ._title_txmwi_1 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_txmwi_1 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._title_txmwi_1:before,
.c-raw-html ._title_txmwi_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._title_txmwi_1:before,
  .c-raw-html ._title_txmwi_1:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_txmwi_1:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_txmwi_1:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._title_txmwi_1:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_txmwi_1:after {
    display: none
  }
}

.c-raw-html ._title_txmwi_1 span {
  font-size: calc(28 / var(--base-size) * 100vw);
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_txmwi_1 span {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-1"] {
  transform: rotate(3.79deg)
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-2"] {
  transform: rotate(-2.06deg)
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-3"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-4"] {
  transform: rotate(5.87deg)
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-5"] {
  transform: rotate(5.01deg)
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-6"] {
  transform: rotate(-6.64deg)
}

.c-raw-html ._title_txmwi_1 [data-title-letter="1-7"] {
  transform: rotate(1.14deg)
}

.c-raw-html ._talent_1sild_1 {
  padding: calc(80 / var(--base-size) * 100vw) 0 calc(84 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._talent_1sild_1 {
    padding: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px) 0 clamp(128px * 980 / 1440, 128 / var(--base-size) * 100vw, 128px)
  }
}

.c-raw-html ._sleepFighter_1sild_10 {
  padding-top: calc(37 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFighter_1sild_10 {
    padding-top: clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px)
  }
}

.c-raw-html ._sleepFighter_1sild_10:before {
  background-color: #077ab6
}

.c-raw-html ._videos_1sild_22 {
  display: grid;
  gap: calc(40 / var(--base-size) * 100vw);
  justify-items: center;
  margin-top: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._videos_1sild_22 {
    gap: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px);
    margin-top: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px)
  }
}

.c-raw-html ._sleepFighter_1sild_10 ._videos_1sild_22 {
  margin-top: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepFighter_1sild_10 ._videos_1sild_22 {
    margin-top: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px)
  }
}

.c-raw-html ._cmTitle_1sild_43 {
  color: var(--color-white);
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 150%;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._cmTitle_1sild_43 {
    font-size: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    letter-spacing: .1em;
    line-height: 170%
  }
}

.c-raw-html ._videoTitle_1sild_59 {
  color: var(--color-white);
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .09em;
  line-height: normal;
  line-height: 165%;
  margin-top: calc(16 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._videoTitle_1sild_59 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._videoContainer_1sild_76 {
  border-radius: calc(24 / var(--base-size) * 100vw);
  overflow: hidden;
  width: calc(323 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._videoContainer_1sild_76 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(768px * 980 / 1440, 768 / var(--base-size) * 100vw, 768px)
  }
}

.c-raw-html ._videoContainer_1sild_76 iframe {
  aspect-ratio: 560/315;
  vertical-align: bottom;
  width: 100%
}

.c-raw-html ._talentImg_1sild_93 {
  margin: calc(56 / var(--base-size) * 100vw) auto 0;
  width: calc(345 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._talentImg_1sild_93 {
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0;
    width: clamp(700px * 980 / 1440, 700 / var(--base-size) * 100vw, 700px)
  }
}

.c-raw-html ._link_n68wx_1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(130 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_n68wx_1 {
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }
}

.c-raw-html ._link_n68wx_1 [data-common-round-button] {
  border-radius: calc(59 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  line-height: 100%;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_n68wx_1 [data-common-round-button] {
    border-radius: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px);
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    height: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._link_n68wx_1 [data-common-round-button-arrow] {
  right: calc(15 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_n68wx_1 [data-common-round-button-arrow] {
    right: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    width: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._link_n68wx_1 [data-common-round-button-arrow] svg {
  height: sp-clamp(12px);
  width: sp-clamp(14px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_n68wx_1 [data-common-round-button-arrow] svg {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(19px * 980 / 1440, 19 / var(--base-size) * 100vw, 19px)
  }
}

.c-raw-html ._linkButton_n68wx_50 {
  padding-right: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._linkButton_n68wx_50 {
    padding-right: 0
  }
}

.c-raw-html ._container_1g21o_1 {
  background: linear-gradient(0deg, #fff6a1 .75%, #eabbce 9.17%, #8393c5 25.41%, #038cc5 46.81%, #027bb7 70.44%, #0160a1 83.71%, #003e86);
  padding-bottom: calc(190 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._container_1g21o_1 {
    padding-bottom: clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px)
  }
}

.c-raw-html ._drewellMvImage_vv5cs_1 {
  margin: auto;
  width: 100%
}

.c-raw-html ._productDrewell_1iot3_1 {
  background: linear-gradient(180deg, #003b7f, #014f92);
  padding: 0 calc(24 / var(--base-size) * 100vw) calc(130 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewell_1iot3_1 {
    padding: 0 0 clamp(180px * 980 / 1440, 180 / var(--base-size) * 100vw, 180px) 0
  }
}

.c-raw-html ._productDrewellInner_1iot3_11 {
  margin: auto;
  max-width: 1218px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewellInner_1iot3_11 {
    width: clamp(1218px * 980 / 1440, 1218 / var(--base-size) * 100vw, 1218px)
  }
}

.c-raw-html ._productDrewellTitle_1iot3_21 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewellTitle_1iot3_21 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._productDrewellTitle_1iot3_21:before,
.c-raw-html ._productDrewellTitle_1iot3_21:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._productDrewellTitle_1iot3_21:before,
  .c-raw-html ._productDrewellTitle_1iot3_21:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._productDrewellTitle_1iot3_21:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewellTitle_1iot3_21:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._productDrewellTitle_1iot3_21:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewellTitle_1iot3_21:after {
    display: none
  }
}

.c-raw-html ._productDrewellTitle_1iot3_21 [data-title-letter="1-1"] {
  transform: rotate(-3.082deg)
}

.c-raw-html ._productDrewellTitle_1iot3_21 [data-title-letter="1-2"] {
  transform: rotate(2.403deg)
}

.c-raw-html ._productDrewellTitle_1iot3_21 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewellTitle_1iot3_21 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }
}

.c-raw-html ._productsDetail_1iot3_79 {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  margin-top: calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsDetail_1iot3_79 {
    align-items: center;
    flex-direction: row;
    gap: calc(47 / var(--base-size) * 100vw);
    margin-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px)
  }
}

.c-raw-html ._productsImage_1iot3_94 {
  max-width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsImage_1iot3_94 {
    width: clamp(563px * 980 / 1440, 563 / var(--base-size) * 100vw, 563px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsText_1iot3_104 {
    width: clamp(578px * 980 / 1440, 578 / var(--base-size) * 100vw, 578px)
  }
}

.c-raw-html ._productsTitleLead_1iot3_109 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 125%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLead_1iot3_109 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._productsTitleLogo_1iot3_121 {
  display: flex;
  flex-direction: column;
  gap: calc(19 / var(--base-size) * 100vw);
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogo_1iot3_121 {
    flex-direction: row;
    gap: clamp(43px * 980 / 1440, 43 / var(--base-size) * 100vw, 43px);
    margin-top: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1iot3_135 {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: calc(17 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1iot3_135 {
    align-items: flex-start;
    flex-direction: column;
    gap: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1iot3_135._productsTitleLogoBlockDrewell_1iot3_148 ._productsTitleLogoImg_1iot3_148 {
  width: calc(123 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1iot3_135._productsTitleLogoBlockDrewell_1iot3_148 ._productsTitleLogoImg_1iot3_148 {
    width: clamp(144px * 980 / 1440, 144 / var(--base-size) * 100vw, 144px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1iot3_135._productsTitleLogoBlockEx_1iot3_156 ._productsTitleLogoImg_1iot3_148 {
  width: calc(180 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1iot3_135._productsTitleLogoBlockEx_1iot3_156 ._productsTitleLogoImg_1iot3_148 {
    width: clamp(208px * 980 / 1440, 208 / var(--base-size) * 100vw, 208px)
  }
}

.c-raw-html ._productsTitleOtc_1iot3_165 {
  border: 1px solid #fff;
  border-radius: calc(3 / var(--base-size) * 100vw);
  display: inline-block;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 120%;
  padding: calc(3 / var(--base-size) * 100vw) calc(9 / var(--base-size) * 100vw) calc(4 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleOtc_1iot3_165 {
    border-radius: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    padding: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px) clamp(7px * 980 / 1440, 7 / var(--base-size) * 100vw, 7px) clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px) clamp(9px * 980 / 1440, 9 / var(--base-size) * 100vw, 9px)
  }
}

.c-raw-html ._productsExIntro_1iot3_182 {
  align-items: center;
  display: flex;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  gap: calc(5 / var(--base-size) * 100vw);
  letter-spacing: .08em;
  line-height: 125%;
  margin-top: calc(28 / var(--base-size) * 100vw);
  position: relative
}

.c-raw-html ._productsExIntro_1iot3_182:before {
  background-color: var(--color-white);
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsExIntro_1iot3_182 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    margin-top: clamp(37px * 980 / 1440, 37 / var(--base-size) * 100vw, 37px);
    padding: 0 clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px) clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px) 0
  }

  .c-raw-html ._productsExIntro_1iot3_182:before {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._productsEx_1iot3_182 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 180%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsEx_1iot3_182 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .05em;
    margin-top: clamp(19px * 980 / 1440, 19 / var(--base-size) * 100vw, 19px)
  }
}

.c-raw-html ._productsNote_1iot3_229 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 160%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsNote_1iot3_229 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    line-height: 170%;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._productsButtons_1iot3_246 {
  flex-direction: column;
  margin-top: calc(32 / var(--base-size) * 100vw);
  row-gap: calc(24 / var(--base-size) * 100vw);
  align-items: center;
  display: flex;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsButtons_1iot3_246 {
    column-gap: clamp(39px * 980 / 1440, 39 / var(--base-size) * 100vw, 39px);
    flex-direction: row;
    justify-content: flex-start;
    margin-top: clamp(42px * 980 / 1440, 42 / var(--base-size) * 100vw, 42px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsLink_1iot3_265 {
    width: clamp(277px * 980 / 1440, 277 / var(--base-size) * 100vw, 277px)
  }
}

.c-raw-html ._types_1iot3_270 {
  border: 1px solid #fff;
  border-radius: calc(32 / var(--base-size) * 100vw);
  margin: calc(63.7 / var(--base-size) * 100vw) auto 0 auto;
  padding: calc(44.3 / var(--base-size) * 100vw) calc(23 / var(--base-size) * 100vw) calc(44 / var(--base-size) * 100vw) calc(25 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._types_1iot3_270 {
    border-radius: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px);
    margin: clamp(94.33px * 980 / 1440, 94.33 / var(--base-size) * 100vw, 94.33px) auto 0 auto;
    padding: clamp(71.84px * 980 / 1440, 71.84 / var(--base-size) * 100vw, 71.84px) clamp(90px * 980 / 1440, 90 / var(--base-size) * 100vw, 90px) clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px) clamp(95px * 980 / 1440, 95 / var(--base-size) * 100vw, 95px);
    width: clamp(1198px * 980 / 1440, 1198 / var(--base-size) * 100vw, 1198px)
  }
}

.c-raw-html ._typesTitle_1iot3_285 {
  color: var(--color-white);
  font-feature-settings: "hwid" on;
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 135%;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesTitle_1iot3_285 {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    letter-spacing: .25em;
    line-height: normal
  }
}

.c-raw-html ._typesDetail_1iot3_302 {
  column-gap: calc(28 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  margin-top: calc(33.7 / var(--base-size) * 100vw);
  place-content: center space-between;
  position: relative
}

.c-raw-html ._typesDetail_1iot3_302:after {
  background-color: #88b3d8;
  content: "";
  height: calc(447 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  top: calc(4.7 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: 1px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetail_1iot3_302 {
    column-gap: 0;
    grid-template-columns: repeat(2, clamp(419px * 980 / 1440, 419 / var(--base-size) * 100vw, 419px));
    grid-template-rows: repeat(3, auto);
    margin-top: clamp(62.16px * 980 / 1440, 62.16 / var(--base-size) * 100vw, 62.16px);
    place-items: center
  }

  .c-raw-html ._typesDetail_1iot3_302:after {
    background-color: #88b3d8;
    content: "";
    height: clamp(511px * 980 / 1440, 511 / var(--base-size) * 100vw, 511px);
    left: 50%;
    position: absolute;
    top: clamp(9.84px * 980 / 1440, 9.84 / var(--base-size) * 100vw, 9.84px);
    transform: translate(-50%);
    width: 1px
  }
}

.c-raw-html ._typesDetailBox_1iot3_341 {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

.c-raw-html ._typesDetailBox_1iot3_341._typesDetailBoxDrewell_1iot3_347 {
  grid-column: 1/2;
  grid-row: 1/2
}

.c-raw-html ._typesDetailBox_1iot3_341._typesDetailBoxDrewellEx_1iot3_351 {
  grid-column: 2/3;
  grid-row: 1/2
}

.c-raw-html ._typesDetailBox_1iot3_341 ._typesDetailBoxImg_1iot3_355 {
  display: block;
  width: 100%
}

.c-raw-html ._typesDetailBoxLogo_1iot3_360 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: calc(8.3 / var(--base-size) * 100vw);
  margin-top: calc(12.42 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailBoxLogo_1iot3_360 {
    align-items: flex-end;
    flex-direction: row;
    gap: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    margin-top: 0
  }
}

.c-raw-html ._typesDetailBoxLogoDrewell_1iot3_376 {
  width: calc(77.16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailBoxLogoDrewell_1iot3_376 {
    width: clamp(117.82px * 980 / 1440, 117.82 / var(--base-size) * 100vw, 117.82px)
  }
}

.c-raw-html ._typesDetailBoxLogoDrewellEx_1iot3_385 {
  width: calc(106.63 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailBoxLogoDrewellEx_1iot3_385 {
    width: clamp(162.84px * 980 / 1440, 162.84 / var(--base-size) * 100vw, 162.84px)
  }
}

.c-raw-html ._typesDetailList_1iot3_394 {
  margin: calc(24 / var(--base-size) * 100vw) auto 0 auto;
  width: 100%
}

.c-raw-html ._typesDetailList_1iot3_394._typesDetailListDrewell_1iot3_398 {
  grid-column: 1/2;
  grid-row: 2/3
}

.c-raw-html ._typesDetailList_1iot3_394._typesDetailListDrewellEx_1iot3_402 {
  grid-column: 2/3;
  grid-row: 2/3
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailList_1iot3_394 {
    margin-top: clamp(31px * 980 / 1440, 31 / var(--base-size) * 100vw, 31px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}

.c-raw-html ._typesDetailListItem_1iot3_413 {
  align-items: baseline;
  display: flex;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  gap: calc(10 / var(--base-size) * 100vw);
  letter-spacing: .08em;
  line-height: 150%
}

.c-raw-html ._typesDetailListItem_1iot3_413:before {
  background-image: url(/assets/drewell/images/products/drewell/icon-check-drewell.svg);
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: calc(19 / var(--base-size) * 100vw);
  width: calc(16 / var(--base-size) * 100vw)
}

.c-raw-html ._typesDetailListItem_1iot3_413:nth-of-type(2) {
  height: 3em
}

.c-raw-html ._typesDetailListItem_1iot3_413:nth-of-type(4) {
  letter-spacing: .07em
}

.c-raw-html ._typesDetailListItem_1iot3_413+._typesDetailListItem_1iot3_413 {
  margin-top: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailListItem_1iot3_413 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    gap: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }

  .c-raw-html ._typesDetailListItem_1iot3_413:before {
    height: clamp(19px * 980 / 1440, 19 / var(--base-size) * 100vw, 19px);
    width: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }

  .c-raw-html ._typesDetailListItem_1iot3_413:nth-of-type(2) {
    height: auto
  }

  .c-raw-html ._typesDetailListItem_1iot3_413:nth-of-type(4) {
    letter-spacing: .07em
  }

  .c-raw-html ._typesDetailListItem_1iot3_413+._typesDetailListItem_1iot3_413 {
    margin-top: clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._typesDetailListItemInner_1iot3_462 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: calc(7 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailListItemInner_1iot3_462 {
    flex-direction: row;
    gap: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px)
  }
}

.c-raw-html ._typesDetailListItemTab_1iot3_475._tablet_1iot3_475 {
  margin-left: calc(-26 / var(--base-size) * 100vw);
  width: calc(33 / var(--base-size) * 100vw)
}

.c-raw-html ._typesDetailListItemTab_1iot3_475._capsule_1iot3_479 {
  margin: calc(4 / var(--base-size) * 100vw) 0 0 calc(26 / var(--base-size) * 100vw);
  width: calc(41 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailListItemTab_1iot3_475._tablet_1iot3_475 {
    margin: 0;
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }

  .c-raw-html ._typesDetailListItemTab_1iot3_475._capsule_1iot3_479 {
    margin: 0;
    width: clamp(41px * 980 / 1440, 41 / var(--base-size) * 100vw, 41px)
  }
}

.c-raw-html ._typesDetailLink_1iot3_494._typesDetailLinkDrewell_1iot3_494 {
  grid-column: 1/3;
  grid-row: 3/4;
  margin-top: calc(32 / var(--base-size) * 100vw)
}

.c-raw-html ._typesDetailLink_1iot3_494._typesDetailLinkDrewellEx_1iot3_499 {
  grid-column: 1/3;
  grid-row: 4/5;
  margin-top: calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._typesDetailLink_1iot3_494 {
    width: clamp(277px * 980 / 1440, 277 / var(--base-size) * 100vw, 277px)
  }

  .c-raw-html ._typesDetailLink_1iot3_494._typesDetailLinkDrewell_1iot3_494 {
    grid-column: 1/2;
    grid-row: 3/4;
    margin-top: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px)
  }

  .c-raw-html ._typesDetailLink_1iot3_494._typesDetailLinkDrewellEx_1iot3_499 {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px)
  }
}

.c-raw-html ._typesDetailLink_1iot3_494 [data-common-round-button-arrow] svg {
  transform: rotate(-45deg)
}

.c-raw-html ._productDrewellLink_1iot3_523 {
  margin-top: calc(64 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productDrewellLink_1iot3_523 {
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._efficacy_gqntp_1 {
  padding: calc(51 / var(--base-size) * 100vw) calc(22 / var(--base-size) * 100vw) calc(74 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacy_gqntp_1 {
    padding: clamp(121px * 980 / 1440, 121 / var(--base-size) * 100vw, 121px) 0 clamp(140px * 980 / 1440, 140 / var(--base-size) * 100vw, 140px)
  }
}

.c-raw-html ._efficacyInner_gqntp_10 {
  margin: auto;
  max-width: 1197px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyInner_gqntp_10 {
    width: clamp(1197px * 980 / 1440, 1197 / var(--base-size) * 100vw, 1197px)
  }
}

.c-raw-html ._efficacyTitle_gqntp_20 {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 135%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyTitle_gqntp_20 {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    letter-spacing: .3em;
    line-height: normal
  }
}

.c-raw-html ._efficacyIntro_gqntp_34 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: calc(57 / var(--base-size) * 100vw);
  row-gap: calc(44 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyIntro_gqntp_34 {
    column-gap: clamp(47px * 980 / 1440, 47 / var(--base-size) * 100vw, 47px);
    flex-direction: row;
    justify-content: space-between;
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._efficacyIntroTitle_gqntp_50 {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 165%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyIntroTitle_gqntp_50 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    letter-spacing: .05em;
    line-height: 165%
  }
}

.c-raw-html ._efficacyText_gqntp_64 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(26 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyText_gqntp_64 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._efficacyTextNote_gqntp_82 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(18 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyTextNote_gqntp_82 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .06em;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyIntroImageWrap_gqntp_101 {
    flex-shrink: 0;
    width: clamp(362px * 980 / 1440, 362 / var(--base-size) * 100vw, 362px)
  }
}

.c-raw-html ._efficacyContents_gqntp_107 {
  margin: 0 auto;
  max-width: 785px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContents_gqntp_107 {
    width: clamp(785px * 980 / 1440, 785 / var(--base-size) * 100vw, 785px)
  }
}

.c-raw-html ._efficacyContentsTitle_gqntp_117 {
  margin-top: calc(128 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsTitle_gqntp_117 {
    margin-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsTitleSml_gqntp_127 {
    line-height: 150%
  }
}

.c-raw-html ._efficacyContentsImage_gqntp_132 {
  display: block;
  margin-top: calc(46 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsImage_gqntp_132 {
    margin-top: clamp(70px * 980 / 1440, 70 / var(--base-size) * 100vw, 70px)
  }
}

.c-raw-html ._efficacyContentsText_gqntp_143 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(24 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsText_gqntp_143 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._efficacyContentsGraph_gqntp_161 {
  display: flex;
  flex-direction: column;
  margin-top: calc(24 / var(--base-size) * 100vw);
  row-gap: calc(25 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsGraph_gqntp_161 {
    flex-direction: row;
    justify-content: space-between;
    margin-top: clamp(41px * 980 / 1440, 41 / var(--base-size) * 100vw, 41px)
  }
}

.c-raw-html ._efficacyContentsGraphImage_gqntp_175 {
  display: block
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsGraphImage_gqntp_175 {
    width: clamp(375px * 980 / 1440, 375 / var(--base-size) * 100vw, 375px)
  }
}

.c-raw-html ._efficacyContentsNote_gqntp_184 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(24 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsNote_gqntp_184 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    letter-spacing: .07em;
    margin-top: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px)
  }
}

.c-raw-html ._efficacyContentsBox_gqntp_202 {
  border: 1px solid var(--color-white);
  border-radius: calc(24 / var(--base-size) * 100vw);
  margin-top: calc(23 / var(--base-size) * 100vw);
  padding: calc(20 / var(--base-size) * 100vw) calc(25 / var(--base-size) * 100vw) calc(18 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsBox_gqntp_202 {
    border-radius: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    margin-top: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px);
    padding: clamp(19px * 980 / 1440, 19 / var(--base-size) * 100vw, 19px) clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px) clamp(23px * 980 / 1440, 23 / var(--base-size) * 100vw, 23px)
  }
}

.c-raw-html ._efficacyContentsBox_gqntp_202 ._efficacyContentsNote_gqntp_184 {
  margin-top: calc(6 / var(--base-size) * 100vw)
}

.c-raw-html ._efficacyContentsBox_gqntp_202 ._efficacyContentsNote_gqntp_184+._efficacyContentsNote_gqntp_184 {
  margin-top: calc(3 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsBox_gqntp_202 ._efficacyContentsNote_gqntp_184 {
    margin-top: clamp(6px * 980 / 1440, 6 / var(--base-size) * 100vw, 6px)
  }

  .c-raw-html ._efficacyContentsBox_gqntp_202 ._efficacyContentsNote_gqntp_184+._efficacyContentsNote_gqntp_184 {
    margin-top: clamp(6px * 980 / 1440, 6 / var(--base-size) * 100vw, 6px)
  }
}

.c-raw-html ._efficacyContentsTextBold_gqntp_230 {
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._efficacyContentsTextBold_gqntp_230 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .05em
  }
}

.c-raw-html ._container_qfq2m_1 {
  color: var(--color-white)
}

.c-raw-html ._bg_qfq2m_5 {
  position: relative
}

.c-raw-html ._questionLinkText_brng5_1 {
  background: var(--color-white);
  border-radius: calc(55.5 / var(--base-size) * 100vw);
  color: var(--color-blue) !important;
  display: grid;
  font-size: calc(18 / var(--base-size) * 100vw);
  height: calc(88 / var(--base-size) * 100vw);
  letter-spacing: .05em;
  margin: auto;
  place-content: center;
  position: relative;
  width: calc(327 / var(--base-size) * 100vw)
}

.c-raw-html ._questionLinkText_brng5_1:before {
  background-image: url(/assets/drewell/images/products/icon-qa.webp);
  background-size: contain;
  content: "";
  display: block;
  height: calc(68.3 / var(--base-size) * 100vw);
  left: calc(9 / var(--base-size) * 100vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(68.3 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionLinkText_brng5_1 {
    border-radius: clamp(55.5px * 980 / 1440, 55.5 / var(--base-size) * 100vw, 55.5px);
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    height: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px);
    width: clamp(786px * 980 / 1440, 786 / var(--base-size) * 100vw, 786px)
  }

  .c-raw-html ._questionLinkText_brng5_1:before {
    height: clamp(68.3px * 980 / 1440, 68.3 / var(--base-size) * 100vw, 68.3px);
    left: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(68.3px * 980 / 1440, 68.3 / var(--base-size) * 100vw, 68.3px)
  }
}

.c-raw-html ._questionLinkArrow_brng5_40 {
  position: absolute;
  right: calc(13 / var(--base-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionLinkArrow_brng5_40 {
    right: clamp(27px * 980 / 1440, 27 / var(--base-size) * 100vw, 27px);
    width: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._questionLinkArrow_brng5_40 svg {
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionLinkArrow_brng5_40 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._sleepEncyclopedia_zg9xn_1 {
  margin: 0 auto;
  max-width: 1440px;
  padding: calc(60 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(189 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopedia_zg9xn_1 {
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(290px * 980 / 1440, 290 / var(--base-size) * 100vw, 290px);
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._sleepEncyclopedia_zg9xn_1._star_zg9xn_12 {
  background-image: url(/assets/drewell/images/products/bg-products-sleepencyclopedia-top_sp.webp), url(/assets/drewell/images/products/bg-products-sleepencyclopedia-bottom_sp.webp);
  background-position: top center, bottom calc(29 / var(--base-size) * 100vw) center;
  background-size: 100% auto;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopedia_zg9xn_1._star_zg9xn_12 {
    background-image: url(/assets/drewell/images/products/bg-products-sleepencyclopedia-center.webp);
    background-position: top clamp(37px * 980 / 1440, 37 / var(--base-size) * 100vw, 37px) center;
    background-size: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px) auto
  }

  .c-raw-html ._sleepEncyclopedia_zg9xn_1._star_zg9xn_12:before {
    background-image: url(/assets/drewell/images/products/bg-products-sleepencyclopedia-left.webp);
    background-size: 100% auto;
    bottom: clamp(204.02px * 980 / 1440, 204.02 / var(--base-size) * 100vw, 204.02px);
    content: "";
    left: clamp(-49.5px * 980 / 1440, -49.5 / var(--base-size) * 100vw, -49.5px);
    position: absolute;
    height: clamp(680px * 980 / 1440, 680 / var(--base-size) * 100vw, 680px);
    width: clamp(62.5px * 980 / 1440, 62.5 / var(--base-size) * 100vw, 62.5px)
  }

  .c-raw-html ._sleepEncyclopedia_zg9xn_1._star_zg9xn_12:after {
    background-image: url(/assets/drewell/images/products/bg-products-sleepencyclopedia-right.webp);
    background-size: 100% auto;
    content: "";
    position: absolute;
    right: clamp(-56px * 980 / 1440, -56 / var(--base-size) * 100vw, -56px);
    top: clamp(26px * 980 / 1440, 26 / var(--base-size) * 100vw, 26px);
    height: clamp(951px * 980 / 1440, 951 / var(--base-size) * 100vw, 951px);
    width: clamp(39px * 980 / 1440, 39 / var(--base-size) * 100vw, 39px)
  }
}

.c-raw-html ._link_zg9xn_46 {
  margin-bottom: calc(130 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_zg9xn_46 {
    margin-bottom: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

.c-raw-html ._title_zg9xn_55 span {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_zg9xn_55 span {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._list_zg9xn_65 {
  margin-top: calc(36 / var(--base-size) * 100vw);
  position: relative;
  z-index: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_zg9xn_65 {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._mvWrap_7mlmd_1 {
  background-color: #274a93
}

.c-raw-html ._mv_7mlmd_1 {
  margin: auto;
  width: 100%
}

.c-raw-html picture {
  display: block
}

.c-raw-html ._product_1en03_215 {
  background: linear-gradient(#274a93, #25579a)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._product_1en03_215 {
    padding-top: clamp(49px * 980 / 1440, 49 / var(--base-size) * 100vw, 49px)
  }
}

.c-raw-html ._inner_1en03_224 {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-products-top_sp.webp), url(/assets/drewell/images/products/drw-naturalsleep/bg-products-bottom_sp.webp);
  background-position: top calc(28 / var(--base-size) * 100vw) center, bottom calc(51 / var(--base-size) * 100vw) center;
  background-size: 100% auto, 100% auto;
  margin: 0 auto;
  max-width: 1440px;
  padding: calc(82 / var(--base-size) * 100vw) calc(25 / var(--base-size) * 100vw) calc(113 / var(--base-size) * 100vw) calc(25 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1en03_224 {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-products-center-top.webp), url(/assets/drewell/images/products/drw-naturalsleep/bg-products-center-bottom.webp);
    background-position: top clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px) center, bottom clamp(70.75px * 980 / 1440, 70.75 / var(--base-size) * 100vw, 70.75px) center;
    background-size: 100% auto, clamp(1342.5px * 980 / 1440, 1342.5 / var(--base-size) * 100vw, 1342.5px) auto;
    padding: clamp(71px * 980 / 1440, 71 / var(--base-size) * 100vw, 71px) 0 clamp(164px * 980 / 1440, 164 / var(--base-size) * 100vw, 164px) 0;
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }

  .c-raw-html ._inner_1en03_224:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-products-left.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 98.8%;
    content: "";
    display: block;
    height: 100%;
    left: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    position: absolute;
    top: 0;
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }

  .c-raw-html ._inner_1en03_224:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-products-right.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 98.8%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    top: 0;
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }
}

.c-raw-html ._title_1en03_265 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._title_1en03_265 [data-title-letter="1-1"] {
  transform: rotate(-3.082deg)
}

.c-raw-html ._title_1en03_265 [data-title-letter="1-2"] {
  transform: rotate(2.403deg)
}

.c-raw-html ._title_1en03_265 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1en03_265 {
    font-size: clamp(49px * 980 / 1440, 49 / var(--base-size) * 100vw, 49px)
  }
}

.c-raw-html ._detail_1en03_283 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  justify-content: center;
  margin: calc(80.99 / var(--base-size) * 100vw) auto 0 auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._detail_1en03_283 {
    flex-direction: row;
    gap: clamp(53px * 980 / 1440, 53 / var(--base-size) * 100vw, 53px);
    margin-top: clamp(120.7px * 980 / 1440, 120.7 / var(--base-size) * 100vw, 120.7px)
  }
}

.c-raw-html ._circleBg_1en03_299 {
  background-color: #c5ebff;
  border-radius: calc(325 / var(--base-size) * 100vw);
  flex-shrink: 0;
  position: relative;
  height: calc(325 / var(--base-size) * 100vw);
  width: calc(325 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._circleBg_1en03_299 {
    height: clamp(570px * 980 / 1440, 570 / var(--base-size) * 100vw, 570px);
    width: clamp(570px * 980 / 1440, 570 / var(--base-size) * 100vw, 570px);
    border-radius: clamp(548px * 980 / 1440, 548 / var(--base-size) * 100vw, 548px)
  }
}

.c-raw-html ._productImage_1en03_315 {
  position: absolute;
  width: calc(193 / var(--base-size) * 100vw);
  left: 50%;
  top: 50%;
  transform: translate(-50%) translateY(-50%)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productImage_1en03_315 {
    width: clamp(299.62px * 980 / 1440, 299.62 / var(--base-size) * 100vw, 299.62px)
  }
}

.c-raw-html ._texts_1en03_328 {
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._texts_1en03_328 {
    width: clamp(580px * 980 / 1440, 580 / var(--base-size) * 100vw, 580px)
  }
}

.c-raw-html ._txtIntro_1en03_337 {
  align-items: center;
  display: flex;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 500;
  gap: calc(5 / var(--base-size) * 100vw);
  letter-spacing: .08em;
  line-height: 140%;
  position: relative
}

.c-raw-html ._txtIntro_1en03_337:before {
  background-color: var(--color-white);
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._txtIntro_1en03_337 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px)
  }

  .c-raw-html ._txtIntro_1en03_337:before {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._txtMain_1en03_366 {
  font-size: calc(16 / var(--base-size) * 100vw);
  font-style: normal;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 160%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._txtMain_1en03_366 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .06em;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._txtLogoSub_1en03_382 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 140%;
  margin-top: calc(40 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._txtLogoSub_1en03_382 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    line-height: 100%;
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._txtLogo_1en03_382 {
  margin-top: calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._txtLogo_1en03_382 {
    align-items: flex-end;
    display: flex;
    gap: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    justify-content: flex-start;
    margin-top: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._logo_1en03_410 {
  width: calc(274.31 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo_1en03_410 {
    width: clamp(317px * 980 / 1440, 317 / var(--base-size) * 100vw, 317px)
  }
}

.c-raw-html ._icon_1en03_419 {
  border: 1px solid var(--color-white);
  border-radius: 3px;
  display: inline-block;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 175%;
  margin-top: calc(16 / var(--base-size) * 100vw);
  padding: 1px 12px 2px 11px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._icon_1en03_419 {
    font-size: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    letter-spacing: 0;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._list_1en03_440 {
  display: grid;
  font-family: Noto Sans JP, sans-serif;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, auto);
  margin-top: calc(14 / var(--base-size) * 100vw)
}

.c-raw-html ._list_1en03_440:first-of-type {
  margin-top: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1en03_440 {
    margin-top: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }

  .c-raw-html ._list_1en03_440:first-of-type {
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._list_1en03_440 dt,
.c-raw-html ._list_1en03_440 dd {
  font-feature-settings: "palt" on;
  font-size: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._list_1en03_440 dt,
  .c-raw-html ._list_1en03_440 dd {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .05em;
    line-height: 130%
  }
}

.c-raw-html ._list_1en03_440 dt {
  font-weight: 600
}

.c-raw-html ._list_1en03_440 dd {
  font-weight: 400;
  margin-top: calc(6 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1en03_440 dd {
    margin-top: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._note_1en03_484 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 175%;
  margin-top: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._note_1en03_484 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .08em;
    line-height: 160%;
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._buttons_1en03_502 {
  flex-direction: column;
  margin-top: calc(32 / var(--base-size) * 100vw);
  row-gap: calc(16 / var(--base-size) * 100vw);
  align-items: center;
  display: flex;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._buttons_1en03_502 {
    column-gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    flex-direction: row;
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._question_1en03_519 {
  border: 1px solid var(--color-white);
  border-radius: calc(32 / var(--base-size) * 100vw);
  display: grid;
  gap: calc(24 / var(--base-size) * 100vw);
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: calc(100 / var(--base-size) * 100vw) auto 0 auto;
  max-width: 992px;
  padding: calc(40 / var(--base-size) * 100vw) calc(23 / var(--base-size) * 100vw) calc(41 / var(--base-size) * 100vw) calc(23 / var(--base-size) * 100vw);
  place-content: center;
  position: relative
}

.c-raw-html ._question_1en03_519:before {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-products-center_sp.webp);
  background-size: 100% auto;
  content: "";
  display: block;
  height: calc(43 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  top: calc(-65 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._question_1en03_519 {
    border: 2px solid var(--color-white);
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    gap: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px) clamp(36.96px * 980 / 1440, 36.96 / var(--base-size) * 100vw, 36.96px);
    grid-template-columns: clamp(374.52px * 980 / 1440, 374.52 / var(--base-size) * 100vw, 374.52px) clamp(377.53px * 980 / 1440, 377.53 / var(--base-size) * 100vw, 377.53px);
    margin: clamp(152px * 980 / 1440, 152 / var(--base-size) * 100vw, 152px) auto 0 auto;
    padding: clamp(68px * 980 / 1440, 68 / var(--base-size) * 100vw, 68px) clamp(36px * 980 / 1440, 36 / var(--base-size) * 100vw, 36px) clamp(68px * 980 / 1440, 68 / var(--base-size) * 100vw, 68px) clamp(52px * 980 / 1440, 52 / var(--base-size) * 100vw, 52px);
    width: clamp(992px * 980 / 1440, 992 / var(--base-size) * 100vw, 992px)
  }

  .c-raw-html ._question_1en03_519:before {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graph_1en03_560 {
    grid-column: 1/1;
    grid-row: 1/3;
    margin-top: clamp(54px * 980 / 1440, 54 / var(--base-size) * 100vw, 54px)
  }
}

.c-raw-html ._graphImage_1en03_567 {
  margin: 0 auto;
  width: calc(262.07 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphImage_1en03_567 {
    width: 100%
  }
}

.c-raw-html ._graphNote_1en03_577 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 175%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphNote_1en03_577 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    font-weight: 500;
    line-height: 150%;
    margin-top: clamp(3.99px * 980 / 1440, 3.99 / var(--base-size) * 100vw, 3.99px);
    text-align: center
  }
}

.c-raw-html ._questionTitle_1en03_596 {
  font-feature-settings: "hwid" on;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 150%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionTitle_1en03_596 {
    font-size: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    grid-column: 2/3;
    grid-row: 1/2;
    letter-spacing: 0;
    line-height: 165%
  }
}

.c-raw-html ._questionTitle_1en03_596 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._questionTexts_1en03_616 {
  margin-top: calc(4 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionTexts_1en03_616 {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 0
  }
}

.c-raw-html ._questionText_1en03_616 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  text-align: justify
}

.c-raw-html ._questionText_1en03_616+._questionText_1en03_616 {
  margin-top: calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionText_1en03_616 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    letter-spacing: .08em;
    line-height: 175%;
    text-align: left
  }

  .c-raw-html ._questionText_1en03_616+._questionText_1en03_616 {
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._questionNote_1en03_651 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 175%;
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._questionNote_1en03_651 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 150%;
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._card_15xx4_211 {
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._card_15xx4_211 {
    width: clamp(580px * 980 / 1440, 580 / var(--base-size) * 100vw, 580px)
  }
}

.c-raw-html ._card_15xx4_211[data-type=gaba] ._bg_15xx4_219 {
  background-color: var(--color-naturalsleep-gaba-bg)
}

.c-raw-html ._card_15xx4_211[data-type=luobuma] ._bg_15xx4_219 {
  background-color: var(--color-naturalsleep-luobuma-bg)
}

.c-raw-html ._bg_15xx4_219 {
  border-radius: calc(32 / var(--base-size) * 100vw);
  position: relative;
  height: calc(186 / var(--base-size) * 100vw);
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._bg_15xx4_219 {
    height: clamp(324px * 980 / 1440, 324 / var(--base-size) * 100vw, 324px);
    width: clamp(580px * 980 / 1440, 580 / var(--base-size) * 100vw, 580px);
    border-radius: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._img_15xx4_240 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) translateY(-50%)
}

.c-raw-html ._imageMecha01_15xx4_247 {
  width: calc(210 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha01_15xx4_247 {
    width: clamp(369px * 980 / 1440, 369 / var(--base-size) * 100vw, 369px)
  }
}

.c-raw-html ._imageMecha02_15xx4_256 {
  margin-left: calc(18 / var(--base-size) * 100vw);
  width: calc(210 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha02_15xx4_256 {
    margin-left: clamp(35px * 980 / 1440, 35 / var(--base-size) * 100vw, 35px);
    width: clamp(399px * 980 / 1440, 399 / var(--base-size) * 100vw, 399px)
  }
}

.c-raw-html ._imageMecha03_15xx4_267 {
  width: calc(299 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha03_15xx4_267 {
    width: clamp(523px * 980 / 1440, 523 / var(--base-size) * 100vw, 523px)
  }
}

.c-raw-html ._imageMecha04_15xx4_276 {
  width: calc(278 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha04_15xx4_276 {
    width: clamp(434px * 980 / 1440, 434 / var(--base-size) * 100vw, 434px)
  }
}

.c-raw-html ._imageMecha05_15xx4_285 {
  width: calc(210 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha05_15xx4_285 {
    width: clamp(363px * 980 / 1440, 363 / var(--base-size) * 100vw, 363px)
  }
}

.c-raw-html ._imageMecha06_15xx4_294 {
  width: calc(162 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha06_15xx4_294 {
    width: clamp(297px * 980 / 1440, 297 / var(--base-size) * 100vw, 297px)
  }
}

.c-raw-html ._imageMecha07_15xx4_303 {
  width: calc(231 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha07_15xx4_303 {
    width: clamp(365px * 980 / 1440, 365 / var(--base-size) * 100vw, 365px)
  }
}

.c-raw-html ._imageMecha08_15xx4_312 {
  width: calc(278 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._imageMecha08_15xx4_312 {
    width: clamp(409px * 980 / 1440, 409 / var(--base-size) * 100vw, 409px)
  }
}

.c-raw-html ._text_15xx4_321 {
  align-items: flex-start;
  display: flex;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  gap: calc(12 / var(--base-size) * 100vw);
  justify-content: flex-start;
  line-height: 150%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._text_15xx4_321 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    gap: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    min-height: clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px)
  }
}

.c-raw-html ._number_15xx4_340 {
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: normal
}

@media screen and (min-width: 768px) {
  .c-raw-html ._number_15xx4_340 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._list_bmums_211 {
  display: grid;
  gap: calc(36 / var(--base-size) * 100vw);
  grid-template-columns: 100%;
  grid-template-rows: repeat(4, auto);
  margin-top: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_bmums_211 {
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._graphBg_1sqvw_211 {
  border-radius: calc(14 / var(--base-size) * 100vw);
  margin-top: calc(32 / var(--base-size) * 100vw);
  padding: calc(33 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(28 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphBg_1sqvw_211 {
    border-radius: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px);
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    padding: clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px) clamp(103px * 980 / 1440, 103 / var(--base-size) * 100vw, 103px)
  }
}

.c-raw-html ._graphBg_1sqvw_211._graphGaba_1sqvw_223 {
  background-color: var(--color-naturalsleep-gaba-bg)
}

.c-raw-html ._graphBg_1sqvw_211._graphLuobuma_1sqvw_226 {
  background-color: var(--color-naturalsleep-luobuma-bg)
}

.c-raw-html ._graph_1sqvw_211 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.c-raw-html ._graph_1sqvw_211._graphGaba_1sqvw_223 {
  gap: calc(20 / var(--base-size) * 100vw)
}

.c-raw-html ._graph_1sqvw_211._graphLuobuma_1sqvw_226 {
  gap: calc(28 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graph_1sqvw_211 {
    align-items: flex-start;
    flex-direction: row
  }

  .c-raw-html ._graph_1sqvw_211._graphGaba_1sqvw_223 {
    gap: clamp(106px * 980 / 1440, 106 / var(--base-size) * 100vw, 106px)
  }

  .c-raw-html ._graph_1sqvw_211._graphLuobuma_1sqvw_226 {
    gap: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px)
  }
}

.c-raw-html ._graphImage_1sqvw_255._graphGaba_1sqvw_223 {
  width: calc(227 / var(--base-size) * 100vw)
}

.c-raw-html ._graphImage_1sqvw_255._graphLuobuma_1sqvw_226 {
  margin: 0 auto;
  width: calc(226 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphImage_1sqvw_255._graphGaba_1sqvw_223 {
    width: clamp(409px * 980 / 1440, 409 / var(--base-size) * 100vw, 409px)
  }

  .c-raw-html ._graphImage_1sqvw_255._graphLuobuma_1sqvw_226 {
    width: clamp(416px * 980 / 1440, 416 / var(--base-size) * 100vw, 416px)
  }
}

.c-raw-html ._graphTxtsFlex_1sqvw_271 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: calc(14 / var(--base-size) * 100vw);
  justify-content: center;
  margin-top: calc(22 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphTxtsFlex_1sqvw_271 {
    flex-direction: row;
    gap: clamp(43px * 980 / 1440, 43 / var(--base-size) * 100vw, 43px);
    justify-content: space-between;
    margin-top: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._graphTxts_1sqvw_271 {
  align-items: flex-start;
  display: grid;
  flex-direction: column;
  gap: calc(8 / var(--base-size) * 100vw);
  justify-content: center;
  margin-top: calc(14 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphTxts_1sqvw_271 {
    gap: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    margin-top: clamp(27px * 980 / 1440, 27 / var(--base-size) * 100vw, 27px);
    width: clamp(416px * 980 / 1440, 416 / var(--base-size) * 100vw, 416px)
  }
}

.c-raw-html ._graphTxt_1sqvw_271 {
  color: var(--color-black);
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  line-height: 175%;
  text-align: justify;
  width: 100%
}

.c-raw-html ._graphTxt_1sqvw_271._graphGaba_1sqvw_223 {
  letter-spacing: .05em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphTxt_1sqvw_271 {
    color: #1c1c1c;
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    line-height: 150%
  }

  .c-raw-html ._graphTxt_1sqvw_271._graphGaba_1sqvw_223 {
    width: clamp(476px * 980 / 1440, 476 / var(--base-size) * 100vw, 476px)
  }
}

.c-raw-html ._graphNote_1sqvw_329 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 175%;
  margin-top: calc(16 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._graphNote_1sqvw_329 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    line-height: 130%;
    margin-top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._gaba_1ioaf_211 {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-gaba-top_sp.webp), url(/assets/drewell/images/products/drw-naturalsleep/bg-gaba-bottom_sp.webp);
  background-position: top center, bottom calc(40 / var(--base-size) * 100vw) center;
  background-size: 100% auto;
  margin: auto;
  max-width: 1440px;
  padding: calc(58 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(111 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._gaba_1ioaf_211 {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-gaba-center.webp);
    background-position: top calc(19 / var(--base-size) * 100vw) center;
    background-size: clamp(1379px * 980 / 1440, 1379 / var(--base-size) * 100vw, 1379px) auto;
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(163px * 980 / 1440, 163 / var(--base-size) * 100vw, 163px) 0;
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }

  .c-raw-html ._gaba_1ioaf_211:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-gaba-left.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 100%;
    content: "";
    display: block;
    height: 100%;
    left: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    position: absolute;
    top: clamp(-40px * 980 / 1440, -40 / var(--base-size) * 100vw, -40px);
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }

  .c-raw-html ._gaba_1ioaf_211:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-gaba-right.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    top: clamp(-40px * 980 / 1440, -40 / var(--base-size) * 100vw, -40px);
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }
}

.c-raw-html ._inner_1ioaf_252 {
  margin: 0 auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1ioaf_252 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._gabaTitleDecoration_1ioaf_262 {
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._gabaTitleDecoration_1ioaf_262 {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

  .c-raw-html ._gabaTitleDecoration_1ioaf_262:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/img-gaba-title-left.webp);
    background-position: bottom center;
    background-size: contain;
    bottom: clamp(-27.96px * 980 / 1440, -27.96 / var(--base-size) * 100vw, -27.96px);
    content: "";
    display: block;
    left: clamp(-119.5px * 980 / 1440, -119.5 / var(--base-size) * 100vw, -119.5px);
    position: absolute;
    transform: rotate(-30deg);
    transform-origin: bottom left;
    height: clamp(105px * 980 / 1440, 105 / var(--base-size) * 100vw, 105px);
    width: clamp(80px * 980 / 1440, 80 / var(--base-size) * 100vw, 80px)
  }

  .c-raw-html ._gabaTitleDecoration_1ioaf_262:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/img-gaba-title-right.webp);
    background-position: bottom center;
    background-size: contain;
    bottom: clamp(-19px * 980 / 1440, -19 / var(--base-size) * 100vw, -19px);
    content: "";
    display: block;
    position: absolute;
    right: clamp(-133px * 980 / 1440, -133 / var(--base-size) * 100vw, -133px);
    transform: rotate(30deg);
    transform-origin: bottom center;
    height: clamp(96px * 980 / 1440, 96 / var(--base-size) * 100vw, 96px);
    width: clamp(64.5px * 980 / 1440, 64.5 / var(--base-size) * 100vw, 64.5px)
  }
}

.c-raw-html ._gabaTitleDecoration_1ioaf_262 ._gabaTitle_1ioaf_262 {
  letter-spacing: .15em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._gabaTitleDecoration_1ioaf_262 ._gabaTitle_1ioaf_262 {
    letter-spacing: .1em
  }
}

.c-raw-html ._gabaTitleDecoration_1ioaf_262 ._gabaTitle_1ioaf_262 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._about_1ioaf_312 {
  flex-direction: column;
  gap: calc(20 / var(--base-size) * 100vw);
  margin-top: calc(36 / var(--base-size) * 100vw);
  align-items: center;
  display: flex;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_1ioaf_312 {
    flex-direction: row;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._gabaImage_1ioaf_328 {
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._gabaImage_1ioaf_328 {
    width: clamp(683px * 980 / 1440, 683 / var(--base-size) * 100vw, 683px)
  }
}

.c-raw-html ._aboutTxt_1ioaf_337 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 200%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutTxt_1ioaf_337 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 210%;
    max-width: clamp(477px * 980 / 1440, 477 / var(--base-size) * 100vw, 477px)
  }
}

.c-raw-html ._subTitle_1ioaf_356 {
  margin-top: calc(48 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._subTitle_1ioaf_356 {
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._subTitleData_1ioaf_366:before {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-gaba-center_sp.webp);
  background-position: top center;
  background-size: contain;
  content: "";
  display: block;
  left: calc(-24 / var(--base-size) * 100vw);
  position: absolute;
  top: calc(-56 / var(--base-size) * 100vw);
  height: calc(66 / var(--base-size) * 100vw);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._subTitleData_1ioaf_366:before {
    display: none
  }
}

.c-raw-html ._listNote_1ioaf_384 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: calc(30 / var(--base-size) * 100vw);
  margin-right: calc(-2 / var(--base-size) * 100vw);
  margin-top: calc(10 / var(--base-size) * 100vw);
  text-align: right
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listNote_1ioaf_384 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    line-height: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    margin-right: 0;
    margin-top: clamp(25px * 980 / 1440, 25 / var(--base-size) * 100vw, 25px)
  }
}

.c-raw-html ._luobuma_tp7aj_211 {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-luobuma-top_sp.webp), url(/assets/drewell/images/products/drw-naturalsleep/bg-luobuma-bottom_sp.webp);
  background-position: top calc(-15 / var(--base-size) * 100vw) center, bottom calc(54.99 / var(--base-size) * 100vw) center;
  background-size: 100% auto;
  margin: 0 auto;
  max-width: 1440px;
  padding: calc(51 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(107 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._luobuma_tp7aj_211 {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-luobuma-center.webp);
    background-position: top calc(28 / var(--base-size) * 100vw) left calc(19 / var(--base-size) * 100vw);
    background-size: clamp(1381px * 980 / 1440, 1381 / var(--base-size) * 100vw, 1381px) auto;
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(154px * 980 / 1440, 154 / var(--base-size) * 100vw, 154px) 0;
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }

  .c-raw-html ._luobuma_tp7aj_211:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-luobuma-left.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 100%;
    content: "";
    display: block;
    height: 100%;
    left: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    position: absolute;
    top: 0;
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }

  .c-raw-html ._luobuma_tp7aj_211:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-luobuma-right.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    top: 0;
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }
}

.c-raw-html ._inner_tp7aj_252 {
  margin: 0 auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_tp7aj_252 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._luobumaTitleDecoration_tp7aj_262 {
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._luobumaTitleDecoration_tp7aj_262 {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

  .c-raw-html ._luobumaTitleDecoration_tp7aj_262:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/img-luobuma-title-left.webp);
    background-position: bottom center;
    background-size: contain;
    bottom: clamp(-8.52px * 980 / 1440, -8.52 / var(--base-size) * 100vw, -8.52px);
    content: "";
    display: block;
    left: clamp(-103.51px * 980 / 1440, -103.51 / var(--base-size) * 100vw, -103.51px);
    position: absolute;
    transform: rotate(-30deg);
    transform-origin: left bottom;
    height: clamp(78px * 980 / 1440, 78 / var(--base-size) * 100vw, 78px);
    width: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px)
  }

  .c-raw-html ._luobumaTitleDecoration_tp7aj_262:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/img-luobuma-title-right.webp);
    background-position: bottom center;
    background-size: contain;
    bottom: clamp(-2.91px * 980 / 1440, -2.91 / var(--base-size) * 100vw, -2.91px);
    content: "";
    display: block;
    position: absolute;
    right: clamp(-103.62px * 980 / 1440, -103.62 / var(--base-size) * 100vw, -103.62px);
    transform: rotate(15deg);
    transform-origin: left bottom;
    height: clamp(74.99px * 980 / 1440, 74.99 / var(--base-size) * 100vw, 74.99px);
    width: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._luobumaTitleDecoration_tp7aj_262 ._luobumaTitle_tp7aj_262 {
  letter-spacing: .15em
}

@media screen and (min-width: 768px) {
  .c-raw-html ._luobumaTitleDecoration_tp7aj_262 ._luobumaTitle_tp7aj_262 {
    letter-spacing: .1em
  }
}

.c-raw-html ._luobumaTitleDecoration_tp7aj_262 ._luobumaTitle_tp7aj_262 span {
  font-family: Merged Yaku Han JP, sans-serif
}

.c-raw-html ._about_tp7aj_312 {
  flex-direction: column;
  gap: calc(16 / var(--base-size) * 100vw);
  margin-top: calc(35 / var(--base-size) * 100vw);
  align-items: center;
  display: flex;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._about_tp7aj_312 {
    flex-direction: row;
    gap: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px);
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._gabaImage_tp7aj_328 {
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._gabaImage_tp7aj_328 {
    width: clamp(680px * 980 / 1440, 680 / var(--base-size) * 100vw, 680px)
  }
}

.c-raw-html ._aboutTxt_tp7aj_337 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._aboutTxt_tp7aj_337 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    line-height: 210%;
    max-width: clamp(472px * 980 / 1440, 472 / var(--base-size) * 100vw, 472px)
  }
}

.c-raw-html ._subTitle_tp7aj_355 {
  margin-top: calc(48 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._subTitle_tp7aj_355 {
    margin-top: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px)
  }
}

.c-raw-html ._subTitleData_tp7aj_365:before {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-luobuma-center_sp.webp);
  background-position: top center;
  background-size: contain;
  content: "";
  display: block;
  left: calc(-24 / var(--base-size) * 100vw);
  position: absolute;
  top: calc(-80.69 / var(--base-size) * 100vw);
  height: calc(73 / var(--base-size) * 100vw);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._subTitleData_tp7aj_365:before {
    display: none
  }
}

.c-raw-html ._listNote_tp7aj_383 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: calc(30 / var(--base-size) * 100vw);
  margin-right: calc(-2 / var(--base-size) * 100vw);
  margin-top: calc(10 / var(--base-size) * 100vw);
  text-align: right
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listNote_tp7aj_383 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    line-height: clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px);
    margin-right: 0;
    margin-top: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  tab-size: 4;
  word-break: normal
}

.c-raw-html *,
.c-raw-html:after,
.c-raw-html:before {
  background-repeat: no-repeat;
  box-sizing: inherit
}

.c-raw-html :after,
.c-raw-html:before {
  text-decoration: inherit;
  vertical-align: inherit
}

.c-raw-html * {
  margin: 0;
  padding: 0
}

.c-raw-html hr {
  color: inherit;
  height: 0;
  overflow: visible
}

.c-raw-html details,
.c-raw-html main {
  display: block
}

.c-raw-html summary {
  display: list-item
}

.c-raw-html small {
  font-size: 80%
}

.c-raw-html [hidden] {
  display: none
}

.c-raw-html abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

.c-raw-html a {
  background-color: transparent
}

.c-raw-html a:active,
.c-raw-html a:hover {
  outline-width: 0
}

.c-raw-html code,
.c-raw-html kbd,
.c-raw-html pre,
.c-raw-html samp {
  font-family: monospace, monospace
}

.c-raw-html pre {
  font-size: 1em
}

.c-raw-html b,
.c-raw-html strong {
  font-weight: bolder
}

.c-raw-html sub,
.c-raw-html sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

.c-raw-html sub {
  bottom: -.25em
}

.c-raw-html sup {
  top: -.5em
}

.c-raw-html table {
  border-color: inherit;
  text-indent: 0
}

.c-raw-html iframe {
  border-style: none
}

.c-raw-html input {
  border-radius: 0
}

.c-raw-html [type=number]::-webkit-inner-spin-button,
.c-raw-html [type=number]::-webkit-outer-spin-button {
  height: auto
}

.c-raw-html [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

.c-raw-html [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

.c-raw-html textarea {
  overflow: auto;
  resize: vertical
}

.c-raw-html button,
.c-raw-html input,
.c-raw-html optgroup,
.c-raw-html select,
.c-raw-html textarea {
  font: inherit
}

.c-raw-html optgroup {
  font-weight: 700
}

.c-raw-html button {
  overflow: visible
}

.c-raw-html button,
.c-raw-html select {
  text-transform: none
}

.c-raw-html [role=button],
.c-raw-html [type=button],
.c-raw-html [type=reset],
.c-raw-html [type=submit],
.c-raw-html button {
  cursor: pointer
}

.c-raw-html [type=button]::-moz-focus-inner,
.c-raw-html [type=reset]::-moz-focus-inner,
.c-raw-html [type=submit]::-moz-focus-inner,
.c-raw-html button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

.c-raw-html [type=button]::-moz-focus-inner,
.c-raw-html [type=reset]::-moz-focus-inner,
.c-raw-html [type=submit]::-moz-focus-inner,
.c-raw-html button:-moz-focusring {
  outline: 1px dotted ButtonText
}

.c-raw-html [type=reset],
.c-raw-html [type=submit],
.c-raw-html button,
.c-raw-html html [type=button] {
  -webkit-appearance: button
}

.c-raw-html button,
.c-raw-html input,
.c-raw-html select,
.c-raw-html textarea {
  background-color: transparent;
  border-style: none
}

.c-raw-html a:focus,
.c-raw-html button:focus,
.c-raw-html input:focus,
.c-raw-html select:focus,
.c-raw-html textarea:focus {
  outline-width: 0
}

.c-raw-html select {
  -moz-appearance: none;
  -webkit-appearance: none
}

.c-raw-html select::-ms-expand {
  display: none
}

.c-raw-html select::-ms-value {
  color: currentColor
}

.c-raw-html legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

.c-raw-html ::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit
}

.c-raw-html [disabled] {
  cursor: default
}

.c-raw-html img {
  border-style: none
}

.c-raw-html progress {
  vertical-align: baseline
}

.c-raw-html [aria-busy=true] {
  cursor: progress
}

.c-raw-html [aria-controls] {
  cursor: pointer
}

.c-raw-html [aria-disabled=true] {
  cursor: default
}

.c-raw-html ._qa_1wxsw_211+._qa_1wxsw_211 {
  margin-top: calc(43.36 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qa_1wxsw_211+._qa_1wxsw_211 {
    margin-top: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px)
  }
}

.c-raw-html ._qaTitle_1wxsw_220 {
  align-items: center;
  background-color: var(--color-blue);
  border-radius: calc(14 / var(--base-size) * 100vw);
  display: flex;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  gap: calc(12 / var(--base-size) * 100vw);
  justify-content: flex-start;
  padding: calc(14 / var(--base-size) * 100vw) calc(14 / var(--base-size) * 100vw) calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaTitle_1wxsw_220 {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    font-size: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    gap: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px);
    letter-spacing: .05em;
    padding: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px) clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px) clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._iconQ_1wxsw_241 {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: var(--color-white);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  height: calc(30 / var(--base-size) * 100vw);
  width: calc(30 / var(--base-size) * 100vw)
}

.c-raw-html ._iconQ_1wxsw_241:before {
  color: var(--color-blue);
  content: "Q";
  display: block;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 100%;
  transform: translateY(-2px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._iconQ_1wxsw_241 {
    height: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px);
    width: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px)
  }

  .c-raw-html ._iconQ_1wxsw_241:before {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._qaAnswer_1wxsw_271 {
  align-items: center;
  background-color: var(--color-white);
  border-radius: calc(14 / var(--base-size) * 100vw);
  color: var(--color-blue);
  display: flex;
  font-size: calc(16 / var(--base-size) * 100vw);
  font-weight: 700;
  gap: calc(12 / var(--base-size) * 100vw);
  justify-content: flex-start;
  padding: calc(12 / var(--base-size) * 100vw) calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaAnswer_1wxsw_271 {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    font-size: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    font-weight: 700;
    gap: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px);
    letter-spacing: .05em;
    padding: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px) clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px) clamp(11px * 980 / 1440, 11 / var(--base-size) * 100vw, 11px)
  }
}

.c-raw-html ._qaTitle_1wxsw_220+._qaContent_1wxsw_294 {
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaTitle_1wxsw_220+._qaContent_1wxsw_294 {
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._iconA_1wxsw_303 {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: var(--color-blue);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  height: calc(30 / var(--base-size) * 100vw);
  width: calc(30 / var(--base-size) * 100vw)
}

.c-raw-html ._iconA_1wxsw_303:before {
  color: var(--color-white);
  content: "A";
  display: inline-block;
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 100%;
  transform: translateY(-2px)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._iconA_1wxsw_303 {
    height: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px);
    width: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px)
  }

  .c-raw-html ._iconA_1wxsw_303:before {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    font-weight: 700
  }
}

.c-raw-html ._qaInner_1wxsw_334 {
  display: flex;
  flex-direction: column-reverse;
  gap: calc(20 / var(--base-size) * 100vw);
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaInner_1wxsw_334 {
    align-items: flex-start;
    flex-direction: row;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    justify-content: flex-start;
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaImage01_1wxsw_351 {
    flex-shrink: 0;
    width: clamp(580px * 980 / 1440, 580 / var(--base-size) * 100vw, 580px)
  }
}

.c-raw-html ._qaText_1wxsw_357 {
  color: #1c1c1c;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaText_1wxsw_357 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    line-height: 200%;
    width: auto
  }
}

.c-raw-html ._qaImage02_1wxsw_376 {
  margin-top: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaImage02_1wxsw_376 {
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._qaNote_1wxsw_385 {
  color: #131313;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 130%;
  margin-top: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qaNote_1wxsw_385 {
    font-size: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    font-weight: 500;
    margin-top: clamp(21px * 980 / 1440, 21 / var(--base-size) * 100vw, 21px)
  }
}

.c-raw-html ._doctorsLecture_xajri_1 {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-dl-top_sp.webp), url(/assets/drewell/images/products/drw-naturalsleep/bg-dl-bottom_sp.webp);
  background-position: top calc(14 / var(--base-size) * 100vw) center, bottom calc(80.99 / var(--base-size) * 100vw) center;
  background-size: 100% auto;
  margin: auto;
  max-width: 1440px;
  padding: calc(71 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw) calc(200 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._doctorsLecture_xajri_1 {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-dl-center.webp);
    background-position: top center;
    background-size: clamp(1376px * 980 / 1440, 1376 / var(--base-size) * 100vw, 1376px) auto;
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(297px * 980 / 1440, 297 / var(--base-size) * 100vw, 297px);
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }

  .c-raw-html ._doctorsLecture_xajri_1:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-dl-left.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 100%;
    content: "";
    display: block;
    height: 100%;
    left: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    position: absolute;
    top: clamp(-40px * 980 / 1440, -40 / var(--base-size) * 100vw, -40px);
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }

  .c-raw-html ._doctorsLecture_xajri_1:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/bg-dl-right.webp);
    background-size: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px) 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: clamp(-136px * 980 / 1440, -136 / var(--base-size) * 100vw, -136px);
    top: clamp(-40px * 980 / 1440, -40 / var(--base-size) * 100vw, -40px);
    width: clamp(136px * 980 / 1440, 136 / var(--base-size) * 100vw, 136px)
  }
}

.c-raw-html ._title_xajri_42 ._navy_xajri_42 {
  color: var(--color-blue);
  font-size: calc(24 / var(--base-size) * 100vw);
  letter-spacing: .05em
}

.c-raw-html ._title_xajri_42 ._navy_xajri_42:before,
.c-raw-html ._title_xajri_42 ._navy_xajri_42:after {
  background-image: url(/assets/drewell/images/common/img-title-element-blue.svg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_xajri_42 ._navy_xajri_42 {
    align-items: baseline;
    font-size: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px)
  }

  .c-raw-html ._title_xajri_42 ._navy_xajri_42:before,
  .c-raw-html ._title_xajri_42 ._navy_xajri_42:after {
    height: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    width: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._intro_xajri_61 {
  color: var(--color-blue);
  font-feature-settings: "hwid" on;
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .03em;
  margin: calc(16 / var(--base-size) * 100vw) auto 0;
  position: relative;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._intro_xajri_61 {
    font-size: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px);
    letter-spacing: .05em;
    margin: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px) auto 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

  .c-raw-html ._intro_xajri_61:before {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/img-dl-title-left.webp);
    background-position: bottom center;
    background-size: contain;
    bottom: clamp(-24.21px * 980 / 1440, -24.21 / var(--base-size) * 100vw, -24.21px);
    content: "";
    display: block;
    left: clamp(-94.88px * 980 / 1440, -94.88 / var(--base-size) * 100vw, -94.88px);
    position: absolute;
    transform: rotate(-15deg);
    height: clamp(114.99px * 980 / 1440, 114.99 / var(--base-size) * 100vw, 114.99px);
    width: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px)
  }

  .c-raw-html ._intro_xajri_61:after {
    background-image: url(/assets/drewell/images/products/drw-naturalsleep/img-dl-title-right.webp);
    background-position: bottom center;
    background-size: contain;
    bottom: clamp(-24.22px * 980 / 1440, -24.22 / var(--base-size) * 100vw, -24.22px);
    content: "";
    display: block;
    position: absolute;
    right: clamp(-101.44px * 980 / 1440, -101.44 / var(--base-size) * 100vw, -101.44px);
    transform: rotate(15deg);
    height: clamp(115.02px * 980 / 1440, 115.02 / var(--base-size) * 100vw, 115.02px);
    width: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

@media screen and (min-width: 1400px) {
  .c-raw-html ._intro_xajri_61:before {
    left: clamp(-134.88px * 980 / 1440, -134.88 / var(--base-size) * 100vw, -134.88px)
  }
}

.c-raw-html ._intro_xajri_61 ._sub_xajri_110 {
  align-items: center;
  display: inline-flex;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  justify-content: center;
  line-height: 175%;
  margin-bottom: calc(5.99 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._intro_xajri_61 ._sub_xajri_110 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    gap: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    margin-bottom: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._intro_xajri_61 ._sub_xajri_110:before {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/icon-slash-left.svg);
  background-size: contain;
  content: "";
  display: inline-block;
  height: calc(15 / var(--base-size) * 100vw);
  width: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._intro_xajri_61 ._sub_xajri_110:before {
    height: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    width: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px)
  }
}

.c-raw-html ._intro_xajri_61 ._sub_xajri_110:after {
  background-image: url(/assets/drewell/images/products/drw-naturalsleep/icon-slash-right.svg);
  background-size: contain;
  content: "";
  display: inline-block;
  height: calc(15 / var(--base-size) * 100vw);
  width: calc(15 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._intro_xajri_61 ._sub_xajri_110:after {
    height: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px);
    width: clamp(22px * 980 / 1440, 22 / var(--base-size) * 100vw, 22px)
  }
}

.c-raw-html ._profile_xajri_156 {
  background-color: var(--color-white);
  border-radius: calc(14 / var(--base-size) * 100vw);
  margin: calc(34.99 / var(--base-size) * 100vw) auto 0 auto;
  padding: calc(30.98 / var(--base-size) * 100vw) calc(19 / var(--base-size) * 100vw) calc(36 / var(--base-size) * 100vw) calc(24 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profile_xajri_156 {
    border-radius: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px);
    margin: clamp(84px * 980 / 1440, 84 / var(--base-size) * 100vw, 84px) auto 0 auto;
    max-width: clamp(993px * 980 / 1440, 993 / var(--base-size) * 100vw, 993px);
    padding: clamp(56px * 980 / 1440, 56 / var(--base-size) * 100vw, 56px) clamp(50px * 980 / 1440, 50 / var(--base-size) * 100vw, 50px) clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px) clamp(87px * 980 / 1440, 87 / var(--base-size) * 100vw, 87px)
  }
}

.c-raw-html ._profileInner_xajri_171 {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileInner_xajri_171 {
    flex-direction: row;
    gap: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._profileImage_xajri_185 {
  width: calc(193 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileImage_xajri_185 {
    width: clamp(289px * 980 / 1440, 289 / var(--base-size) * 100vw, 289px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileWrap_xajri_195 {
    width: clamp(526px * 980 / 1440, 526 / var(--base-size) * 100vw, 526px)
  }
}

.c-raw-html ._profileName_xajri_200 {
  color: var(--color-blue);
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 700;
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileName_xajri_200 {
    font-size: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px);
    text-align: left
  }
}

.c-raw-html ._profileName_xajri_200 span {
  display: inline-block;
  font-size: calc(16 / var(--base-size) * 100vw);
  line-height: 175%;
  margin-left: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileName_xajri_200 span {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    margin-left: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px)
  }
}

.c-raw-html ._profileTitle_xajri_225 {
  color: #1c1c1c;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 175%;
  margin-top: calc(15.98 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileTitle_xajri_225 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 180%;
    margin-top: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px)
  }
}

.c-raw-html ._profileText_xajri_245 {
  color: #1c1c1c;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 175%;
  margin-top: calc(15.99 / var(--base-size) * 100vw);
  text-align: justify
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileText_xajri_245 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    font-weight: 500;
    line-height: 200%;
    margin-top: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px)
  }
}

.c-raw-html ._profileLink_xajri_265 {
  display: block;
  margin: calc(31.98 / var(--base-size) * 100vw) auto 0 auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._profileLink_xajri_265 {
    margin: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px) auto 0 auto;
    width: clamp(401px * 980 / 1440, 401 / var(--base-size) * 100vw, 401px)
  }
}

.c-raw-html ._qa_xajri_276 {
  margin: calc(48.99 / var(--base-size) * 100vw) auto 0 auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._qa_xajri_276 {
    margin: clamp(88px * 980 / 1440, 88 / var(--base-size) * 100vw, 88px) auto 0 auto;
    max-width: 1200px;
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._wrapper_1o69v_1 {
  margin: 0 auto;
  max-width: 1440px;
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_1o69v_1 {
    width: clamp(1440px * 980 / 1440, 1440 / var(--base-size) * 100vw, 1440px)
  }
}

.c-raw-html ._drewell_1o69v_12 {
  background: linear-gradient(180deg, #003b7f, #014f92)
}

.c-raw-html ._drewell_1o69v_12 ._wrapper_1o69v_1 {
  background-image: url(/assets/drewell/images/products/bg-products-h1_sp.webp), url(/assets/drewell/images/products/bg-products-drewell-bottom_sp.webp);
  background-position: top center, bottom calc(40 / var(--base-size) * 100vw) center;
  background-size: 100% auto;
  padding: calc(80 / var(--base-size) * 100vw) calc(22 / var(--base-size) * 100vw) calc(130 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drewell_1o69v_12 ._wrapper_1o69v_1 {
    background-image: url(/assets/drewell/images/products/bg-products-center.webp);
    background-position: top clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px) center;
    background-size: clamp(1367.55px * 980 / 1440, 1367.55 / var(--base-size) * 100vw, 1367.55px) auto;
    padding: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px) 0 clamp(180px * 980 / 1440, 180 / var(--base-size) * 100vw, 180px) 0
  }

  .c-raw-html ._drewell_1o69v_12 ._wrapper_1o69v_1:before {
    background-image: url(/assets/drewell/images/products/bg-products-left.webp);
    background-size: 100% auto;
    content: "";
    left: clamp(-46px * 980 / 1440, -46 / var(--base-size) * 100vw, -46px);
    position: absolute;
    top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px);
    height: clamp(868.5px * 980 / 1440, 868.5 / var(--base-size) * 100vw, 868.5px);
    width: clamp(44px * 980 / 1440, 44 / var(--base-size) * 100vw, 44px)
  }

  .c-raw-html ._drewell_1o69v_12 ._wrapper_1o69v_1:after {
    background-image: url(/assets/drewell/images/products/bg-products-right.webp);
    background-size: 100% auto;
    content: "";
    position: absolute;
    right: clamp(-57.64px * 980 / 1440, -57.64 / var(--base-size) * 100vw, -57.64px);
    top: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    height: clamp(915.5px * 980 / 1440, 915.5 / var(--base-size) * 100vw, 915.5px);
    width: clamp(37px * 980 / 1440, 37 / var(--base-size) * 100vw, 37px)
  }
}

.c-raw-html ._naturalSleep_1o69v_50 ._wrapper_1o69v_1 {
  background-image: url(/assets/drewell/images/products/bg-products-natural-top_sp.webp), url(/assets/drewell/images/products/bg-products-natural-bottom_sp.webp);
  background-position: top calc(14 / var(--base-size) * 100vw) center, bottom calc(25 / var(--base-size) * 100vw) center;
  background-size: 100% auto;
  padding: calc(71 / var(--base-size) * 100vw) calc(22 / var(--base-size) * 100vw) calc(99 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._naturalSleep_1o69v_50 ._wrapper_1o69v_1 {
    background-image: url(/assets/drewell/images/products/bg-products-natural-center.webp);
    background-position: top clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px) center;
    background-size: clamp(1420px * 980 / 1440, 1420 / var(--base-size) * 100vw, 1420px) auto;
    padding: clamp(110px * 980 / 1440, 110 / var(--base-size) * 100vw, 110px) 0 clamp(164px * 980 / 1440, 164 / var(--base-size) * 100vw, 164px)
  }

  .c-raw-html ._naturalSleep_1o69v_50 ._wrapper_1o69v_1:before {
    background-image: url(/assets/drewell/images/products/bg-products-natural-left.webp);
    background-size: 100% auto;
    content: "";
    left: clamp(-13px * 980 / 1440, -13 / var(--base-size) * 100vw, -13px);
    position: absolute;
    top: clamp(96px * 980 / 1440, 96 / var(--base-size) * 100vw, 96px);
    height: clamp(708px * 980 / 1440, 708 / var(--base-size) * 100vw, 708px);
    width: clamp(60px * 980 / 1440, 60 / var(--base-size) * 100vw, 60px)
  }

  .c-raw-html ._naturalSleep_1o69v_50 ._wrapper_1o69v_1:after {
    background-image: url(/assets/drewell/images/products/bg-products-natural-right.webp);
    background-size: 100% auto;
    content: "";
    position: absolute;
    right: clamp(-85px * 980 / 1440, -85 / var(--base-size) * 100vw, -85px);
    top: clamp(114px * 980 / 1440, 114 / var(--base-size) * 100vw, 114px);
    height: clamp(692.5px * 980 / 1440, 692.5 / var(--base-size) * 100vw, 692.5px);
    width: clamp(55px * 980 / 1440, 55 / var(--base-size) * 100vw, 55px)
  }
}

.c-raw-html ._inner_1o69v_85 {
  margin: auto;
  max-width: 1200px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._inner_1o69v_85 {
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._title_1o69v_95 {
  font-size: calc(28 / var(--base-size) * 100vw)
}

.c-raw-html ._title_1o69v_95 [data-title-letter="1-1"] {
  transform: rotate(-3.082deg)
}

.c-raw-html ._title_1o69v_95 [data-title-letter="1-2"] {
  transform: rotate(2.403deg)
}

.c-raw-html ._title_1o69v_95 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1o69v_95 {
    font-size: clamp(46px * 980 / 1440, 46 / var(--base-size) * 100vw, 46px)
  }
}

.c-raw-html ._productsDetail_1o69v_113 {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--base-size) * 100vw);
  margin-top: calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsDetail_1o69v_113 {
    align-items: center;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    margin-top: clamp(120px * 980 / 1440, 120 / var(--base-size) * 100vw, 120px)
  }
}

.c-raw-html ._productsDetail_1o69v_113._productsDetailNaturalSleep_1o69v_128 {
  margin-top: 0
}

.c-raw-html ._productsImage_1o69v_132 {
  max-width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsImage_1o69v_132._productsImageDrewell_1o69v_136 {
    width: clamp(597px * 980 / 1440, 597 / var(--base-size) * 100vw, 597px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsImage_1o69v_132._productsImageNaturalSleep_1o69v_141 {
    width: clamp(585px * 980 / 1440, 585 / var(--base-size) * 100vw, 585px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsText_1o69v_147 {
    width: clamp(582px * 980 / 1440, 582 / var(--base-size) * 100vw, 582px)
  }
}

.c-raw-html ._productsTitleLead_1o69v_152 {
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 140%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLead_1o69v_152 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    line-height: 100%
  }
}

.c-raw-html ._productsTitleLogo_1o69v_165 {
  display: flex;
  flex-direction: column;
  gap: calc(19 / var(--base-size) * 100vw);
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogo_1o69v_165 {
    flex-direction: row;
    gap: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px);
    margin-top: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1o69v_179 {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: calc(17 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1o69v_179 {
    align-items: flex-start;
    flex-direction: column;
    gap: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockDrewell_1o69v_192 ._productsTitleLogoImg_1o69v_192 {
  width: calc(123 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockDrewell_1o69v_192 ._productsTitleLogoImg_1o69v_192 {
    width: clamp(145px * 980 / 1440, 145 / var(--base-size) * 100vw, 145px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockEx_1o69v_200 ._productsTitleLogoImg_1o69v_192 {
  width: calc(180 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockEx_1o69v_200 ._productsTitleLogoImg_1o69v_192 {
    width: clamp(208px * 980 / 1440, 208 / var(--base-size) * 100vw, 208px)
  }
}

.c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockNaturalSleep_1o69v_208 {
  align-items: flex-start;
  flex-direction: column
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockNaturalSleep_1o69v_208 {
    align-items: flex-end;
    flex-direction: row
  }
}

.c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockNaturalSleep_1o69v_208 ._productsTitleLogoImg_1o69v_192 {
  width: calc(274 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleLogoBlock_1o69v_179._productsTitleLogoBlockNaturalSleep_1o69v_208 ._productsTitleLogoImg_1o69v_192 {
    width: clamp(328px * 980 / 1440, 328 / var(--base-size) * 100vw, 328px)
  }
}

.c-raw-html ._productsTitleOtc_1o69v_227 {
  border: 1px solid #fff;
  border-radius: calc(3 / var(--base-size) * 100vw);
  display: inline-block;
  font-family: Noto Sans JP, sans-serif;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 100%;
  padding: calc(5 / var(--base-size) * 100vw) calc(9 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsTitleOtc_1o69v_227 {
    border-radius: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    font-size: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    padding: clamp(5px * 980 / 1440, 5 / var(--base-size) * 100vw, 5px) clamp(9px * 980 / 1440, 9 / var(--base-size) * 100vw, 9px)
  }
}

.c-raw-html ._productsExIntro_1o69v_246 {
  align-items: center;
  display: flex;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  gap: calc(5 / var(--base-size) * 100vw);
  letter-spacing: .08em;
  line-height: 140%;
  margin-top: calc(28 / var(--base-size) * 100vw);
  position: relative
}

.c-raw-html ._productsExIntro_1o69v_246:before {
  background-color: var(--color-white);
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsExIntro_1o69v_246 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }

  .c-raw-html ._productsExIntro_1o69v_246:before {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._productsEx_1o69v_246 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 180%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsEx_1o69v_246 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    letter-spacing: .08em;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._productsNote_1o69v_292 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 160%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsNote_1o69v_292 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    letter-spacing: .1em;
    line-height: 150%;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._productsRecommendation_1o69v_310 {
  border: 1px solid #fff;
  border-radius: calc(32 / var(--base-size) * 100vw);
  margin-top: calc(24 / var(--base-size) * 100vw);
  padding: calc(33 / var(--base-size) * 100vw) calc(43.5 / var(--base-size) * 100vw) calc(38 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsRecommendation_1o69v_310 {
    border-radius: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    padding: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px) clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px) clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px) clamp(30px * 980 / 1440, 30 / var(--base-size) * 100vw, 30px)
  }
}

.c-raw-html ._productsRecommendationTitle_1o69v_324 {
  align-items: center;
  color: var(--color-white);
  display: flex;
  font-size: calc(20 / var(--base-size) * 100vw);
  font-weight: 700;
  gap: calc(12 / var(--base-size) * 100vw);
  justify-content: center;
  letter-spacing: .08em;
  line-height: normal
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsRecommendationTitle_1o69v_324 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    gap: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    justify-content: flex-start;
    letter-spacing: .05em;
    line-height: 125%
  }
}

.c-raw-html ._productsRecommendationList_1o69v_345 {
  margin-top: calc(28 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsRecommendationList_1o69v_345 {
    margin-top: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px)
  }
}

.c-raw-html ._productsRecommendationItem_1o69v_354 {
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 175%;
  padding-left: calc(30 / var(--base-size) * 100vw);
  position: relative
}

.c-raw-html ._productsRecommendationItem_1o69v_354:before {
  background-image: url(/assets/drewell/images/products/icon-check.svg);
  background-size: contain;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: calc(6 / var(--base-size) * 100vw);
  height: calc(13 / var(--base-size) * 100vw);
  width: calc(16 / var(--base-size) * 100vw)
}

.c-raw-html ._productsRecommendationItem_1o69v_354+._productsRecommendationItem_1o69v_354 {
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsRecommendationItem_1o69v_354 {
    align-items: center;
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    font-weight: 500;
    padding-left: calc(28 / var(--base-size) * 100vw)
  }

  .c-raw-html ._productsRecommendationItem_1o69v_354:before {
    top: clamp(6px * 980 / 1440, 6 / var(--base-size) * 100vw, 6px);
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }

  .c-raw-html ._productsRecommendationItem_1o69v_354+._productsRecommendationItem_1o69v_354 {
    margin-top: 0
  }
}

.c-raw-html ._productsButtons_1o69v_392 {
  flex-direction: column;
  margin-top: calc(32 / var(--base-size) * 100vw);
  row-gap: calc(24 / var(--base-size) * 100vw);
  align-items: center;
  display: flex;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsButtons_1o69v_392 {
    column-gap: clamp(39px * 980 / 1440, 39 / var(--base-size) * 100vw, 39px);
    flex-direction: row;
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._container_1o1zr_1 {
  color: var(--color-white)
}

.c-raw-html ._store_nqe1b_1 {
  padding: 0 calc(23 / var(--base-size) * 100vw) calc(190 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._store_nqe1b_1 {
    padding: 0 0 clamp(280px * 980 / 1440, 280 / var(--base-size) * 100vw, 280px)
  }
}

.c-raw-html ._storeTitle_nqe1b_10 {
  padding-top: calc(80 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storeTitle_nqe1b_10 {
    padding-top: clamp(150px * 980 / 1440, 150 / var(--base-size) * 100vw, 150px)
  }
}

.c-raw-html ._storeTitle_nqe1b_10:before,
.c-raw-html ._storeTitle_nqe1b_10:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(80 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._storeTitle_nqe1b_10:before,
  .c-raw-html ._storeTitle_nqe1b_10:after {
    height: clamp(350px * 980 / 1440, 350 / var(--base-size) * 100vw, 350px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._storeTitle_nqe1b_10:before {
  background-image: url(/assets/drewell/images/common/bg/img-h1-top_sp.svg);
  top: 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storeTitle_nqe1b_10:before {
    background-image: url(/assets/drewell/images/common/bg/img-h1.svg)
  }
}

.c-raw-html ._storeTitle_nqe1b_10:after {
  background-image: url(/assets/drewell/images/common/bg/img-h1-bottom_sp.svg);
  bottom: calc(-80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storeTitle_nqe1b_10:after {
    display: none
  }
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-1"] {
  transform: rotate(-2.055deg)
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-2"] {
  transform: rotate(3.695deg)
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-3"] {
  transform: rotate(-4.498deg)
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-5"] {
  transform: rotate(2.403deg)
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-6"] {
  transform: rotate(-2.284deg)
}

.c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-7"] {
  transform: rotate(-4.35deg)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-1"] {
    transform: rotate(-1.025deg)
  }

  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-2"] {
    transform: rotate(3.341deg)
  }

  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-3"] {
    transform: rotate(-2.055deg)
  }

  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-4"] {
    transform: rotate(-4.35deg)
  }

  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-5"] {
    transform: rotate(3.737deg)
  }

  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-6"] {
    transform: rotate(-3.633deg)
  }

  .c-raw-html ._storeTitle_nqe1b_10 [data-title-letter="1-7"] {
    transform: rotate(3.279deg)
  }
}

.c-raw-html ._storeText_nqe1b_98 {
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt" on;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 200%;
  margin-top: calc(80 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storeText_nqe1b_98 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px);
    letter-spacing: .08em;
    margin-top: clamp(150.5px * 980 / 1440, 150.5 / var(--base-size) * 100vw, 150.5px);
    text-align: center
  }
}

.c-raw-html ._storePdf_nqe1b_116 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: calc(36 / var(--base-size) * 100vw) auto 0;
  max-width: 377px
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storePdf_nqe1b_116 {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px);
    width: clamp(377px * 980 / 1440, 377 / var(--base-size) * 100vw, 377px)
  }
}

.c-raw-html ._storePdfText_nqe1b_130 {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .1em;
  margin-top: calc(24 / var(--base-size) * 100vw);
  text-align: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storePdfText_nqe1b_130 {
    font-size: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._storePdfLink_nqe1b_144 {
  display: block;
  margin: calc(32 / var(--base-size) * 100vw) auto 0
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storePdfLink_nqe1b_144 {
    margin-top: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px);
    width: clamp(378px * 980 / 1440, 378 / var(--base-size) * 100vw, 378px)
  }
}

.c-raw-html ._storePdfLink_nqe1b_144 [data-common-round-button] {
  font-size: calc(14 / var(--base-size) * 100vw);
  height: calc(56 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storePdfLink_nqe1b_144 [data-common-round-button] {
    border-radius: clamp(59px * 980 / 1440, 59 / var(--base-size) * 100vw, 59px);
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    height: clamp(64px * 980 / 1440, 64 / var(--base-size) * 100vw, 64px);
    width: clamp(378px * 980 / 1440, 378 / var(--base-size) * 100vw, 378px)
  }
}

.c-raw-html ._storePdfLink_nqe1b_144 [data-common-round-button-arrow] svg {
  height: calc(10 / var(--base-size) * 100vw);
  transform: rotate(90deg) !important;
  width: calc(13 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._storePdfLink_nqe1b_144 [data-common-round-button-arrow] svg {
    height: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._container_1tzsc_1 {
  background: linear-gradient(0deg, #fff6a1 .75%, #eabbce 9.17%, #8393c5 25.41%, #038cc5 46.81%, #027bb7 70.44%, #0160a1 83.71%, #003e86);
  color: var(--color-white);
  position: relative
}

.c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination,
.c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination .swiper-pagination-bullet,
.c-raw-html ._slider_yydm0_1 .swiper-button-next,
.c-raw-html ._slider_yydm0_1 .swiper-button-prev {
  height: auto;
  inset: auto;
  margin: 0;
  position: relative;
  width: auto
}

.c-raw-html ._slider_yydm0_1 {
  position: relative
}

.c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination {
  display: flex;
  gap: calc(10 / var(--base-size) * 100vw);
  justify-content: center
}

@media screen and (min-width: 768px) {
  .c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination {
    gap: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-white);
  height: calc(11 / var(--base-size) * 100vw);
  opacity: 1;
  transition: background-color .3s;
  width: calc(11 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination .swiper-pagination-bullet {
    border-width: 1px;
    height: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    width: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

@media (any-hover: hover) {
  .c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination .swiper-pagination-bullet:hover {
    background-color: var(--color-white)
  }
}

.c-raw-html ._slider_yydm0_1 ._pagination_yydm0_1.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-white)
}

.c-raw-html ._slider_yydm0_1 .swiper-button-prev {
  transform: rotate(180deg)
}

.c-raw-html ._slider_yydm0_1 .swiper-button-next,
.c-raw-html ._slider_yydm0_1 .swiper-button-prev {
  display: block
}

.c-raw-html ._slider_yydm0_1 .swiper-button-next:before,
.c-raw-html ._slider_yydm0_1 .swiper-button-next:after,
.c-raw-html ._slider_yydm0_1 .swiper-button-prev:before,
.c-raw-html ._slider_yydm0_1 .swiper-button-prev:after {
  content: none
}

.c-raw-html ._slider_yydm0_1 .swiper-button-next ._button_yydm0_63,
.c-raw-html ._slider_yydm0_1 .swiper-button-prev ._button_yydm0_63 {
  height: calc(26 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._slider_yydm0_1 .swiper-button-next ._button_yydm0_63,
  .c-raw-html ._slider_yydm0_1 .swiper-button-prev ._button_yydm0_63 {
    height: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._slider_yydm0_1 .swiper-button-next ._arrow_yydm0_75 svg,
.c-raw-html ._slider_yydm0_1 .swiper-button-prev ._arrow_yydm0_75 svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._slider_yydm0_1 .swiper-button-next ._arrow_yydm0_75 svg,
  .c-raw-html ._slider_yydm0_1 .swiper-button-prev ._arrow_yydm0_75 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._sliderBlockLink_yydm0_88[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._sliderBlockLink_yydm0_88:hover {
    opacity: .6
  }
}

.c-raw-html ._controller_yydm0_97 {
  align-items: center;
  bottom: calc(-52 / var(--base-size) * 100vw);
  display: flex;
  gap: calc(16 / var(--base-size) * 100vw);
  justify-content: center;
  position: absolute;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._controller_yydm0_97 {
    bottom: clamp(-72px, -72 / var(--base-size) * 100vw, -72px * 980 / 1440);
    gap: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px)
  }
}

.c-raw-html ._productsText_1lgdh_1[data-fade-in] {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: .6s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out
}

.c-raw-html ._productsText_1lgdh_1[data-fade-in][data-fade-in=scroll-in] {
  opacity: 1;
  transform: translateY(0)
}

.c-raw-html ._titleLead_1lgdh_13 {
  font-size: calc(14 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._titleLead_1lgdh_13 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._titleLogo_1lgdh_22 {
  display: grid;
  gap: calc(19 / var(--base-size) * 100vw);
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._titleLogo_1lgdh_22 {
    display: flex;
    gap: clamp(45px * 980 / 1440, 45 / var(--base-size) * 100vw, 45px);
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._logoBlock_1lgdh_35 {
  align-items: flex-end;
  display: flex;
  gap: calc(16 / var(--base-size) * 100vw);
  justify-content: flex-start
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logoBlock_1lgdh_35 {
    display: grid;
    justify-items: start
  }
}

.c-raw-html ._logo-drewell_1lgdh_48 ._logoImg_1lgdh_48 {
  width: calc(123 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo-drewell_1lgdh_48 ._logoImg_1lgdh_48 {
    width: clamp(145px * 980 / 1440, 145 / var(--base-size) * 100vw, 145px)
  }
}

.c-raw-html ._logo-drewell-ex_1lgdh_57 ._logoImg_1lgdh_48 {
  width: calc(170 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo-drewell-ex_1lgdh_57 ._logoImg_1lgdh_48 {
    width: clamp(199px * 980 / 1440, 199 / var(--base-size) * 100vw, 199px)
  }
}

.c-raw-html ._logo-natural-sleep_1lgdh_66 {
  display: grid;
  gap: calc(12 / var(--base-size) * 100vw);
  justify-items: start
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo-natural-sleep_1lgdh_66 {
    gap: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    grid-template-columns: auto 1fr
  }
}

.c-raw-html ._logo-natural-sleep_1lgdh_66 ._logoImg_1lgdh_48 {
  width: calc(274 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._logo-natural-sleep_1lgdh_66 ._logoImg_1lgdh_48 {
    width: clamp(315px * 980 / 1440, 315 / var(--base-size) * 100vw, 315px)
  }
}

.c-raw-html ._otc_1lgdh_86 {
  border: calc(1 / var(--base-size) * 100vw) solid var(--color-white);
  border-radius: calc(3 / var(--base-size) * 100vw);
  color: var(--color-white);
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 700;
  line-height: 175%;
  padding: 0 calc(12 / var(--base-size) * 100vw) calc(1 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._otc_1lgdh_86 {
    border: clamp(1px * 980 / 1440, 1 / var(--base-size) * 100vw, 1px) solid var(--color-white);
    border-radius: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px);
    font-size: clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px);
    padding: clamp(3px * 980 / 1440, 3 / var(--base-size) * 100vw, 3px) clamp(10px * 980 / 1440, 10 / var(--base-size) * 100vw, 10px) clamp(4px * 980 / 1440, 4 / var(--base-size) * 100vw, 4px)
  }
}

.c-raw-html ._descriptionIntro_1lgdh_104 {
  align-items: center;
  display: flex;
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  gap: calc(5 / var(--base-size) * 100vw);
  letter-spacing: .08em;
  line-height: 125%;
  margin-top: calc(28 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._descriptionIntro_1lgdh_104 {
    font-size: clamp(18px * 980 / 1440, 18 / var(--base-size) * 100vw, 18px);
    gap: clamp(8px * 980 / 1440, 8 / var(--base-size) * 100vw, 8px);
    margin-top: clamp(37px * 980 / 1440, 37 / var(--base-size) * 100vw, 37px)
  }
}

.c-raw-html ._descriptionIntro_1lgdh_104:before {
  background-color: var(--color-white);
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(12 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._descriptionIntro_1lgdh_104:before {
    height: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px);
    width: clamp(17px * 980 / 1440, 17 / var(--base-size) * 100vw, 17px)
  }
}

.c-raw-html ._description_1lgdh_104 {
  font-size: calc(16 / var(--base-size) * 100vw);
  letter-spacing: 0;
  line-height: 185%;
  margin-top: calc(28 / var(--base-size) * 100vw);
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._description_1lgdh_104 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    letter-spacing: .08em;
    line-height: 200%;
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    width: auto
  }
}

.c-raw-html ._descriptionNote_1lgdh_154 {
  font-size: calc(10 / var(--base-size) * 100vw);
  font-weight: 400;
  line-height: 150%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._descriptionNote_1lgdh_154 {
    font-size: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px);
    margin-top: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px)
  }
}

.c-raw-html ._linkInfo_1lgdh_167,
.c-raw-html ._linkShop_1lgdh_168 {
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width: 768px) {

  .c-raw-html ._linkInfo_1lgdh_167,
  .c-raw-html ._linkShop_1lgdh_168 {
    margin-left: 0;
    margin-right: 0
  }
}

.c-raw-html ._linkInfo_1lgdh_167 {
  margin-top: calc(33 / var(--base-size) * 100vw);
  width: calc(279 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._linkInfo_1lgdh_167 {
    margin-top: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    width: clamp(270px * 980 / 1440, 270 / var(--base-size) * 100vw, 270px)
  }
}

.c-raw-html ._linkShop_1lgdh_168 {
  margin-top: calc(16 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._linkShop_1lgdh_168 {
    margin-top: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._arrow_1lgdh_201 {
  position: absolute;
  right: calc(14 / var(--base-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_1lgdh_201 {
    right: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._arrow_1lgdh_201 svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_1lgdh_201 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._drewell_1s91e_1 {
  padding: calc(36 / var(--base-size) * 100vw) 0 calc(102 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drewell_1s91e_1 {
    padding: clamp(80px * 980 / 1440, 80 / var(--base-size) * 100vw, 80px) 0 clamp(134px * 980 / 1440, 134 / var(--base-size) * 100vw, 134px)
  }
}

.c-raw-html ._image_1s91e_10 {
  width: calc(336 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_1s91e_10 {
    width: clamp(593px * 980 / 1440, 593 / var(--base-size) * 100vw, 593px)
  }
}

.c-raw-html ._text_1s91e_19 {
  padding: 0 calc(5 / var(--base-size) * 100vw);
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._text_1s91e_19 {
    padding: 0 clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px) 0 0
  }
}

.c-raw-html ._productsContainer_k53j9_1 {
  color: var(--color-white);
  display: grid;
  font-weight: 700;
  justify-content: center;
  justify-items: center;
  position: relative;
  z-index: 1
}

.c-raw-html ._productsContainer_k53j9_1[data-fade-in] {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: .6s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out
}

.c-raw-html ._productsContainer_k53j9_1[data-fade-in][data-fade-in=scroll-in] {
  opacity: 1;
  transform: translateY(0)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsContainer_k53j9_1 {
    align-items: center;
    grid-template-columns: auto 1fr;
    justify-items: normal
  }
}

.c-raw-html ._productsContainer_k53j9_1._drewell_k53j9_28 {
  gap: calc(32 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsContainer_k53j9_1._drewell_k53j9_28 {
    gap: clamp(85px * 980 / 1440, 85 / var(--base-size) * 100vw, 85px)
  }
}

.c-raw-html ._productsContainer_k53j9_1._naturalSleep_k53j9_36 {
  gap: calc(34 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._productsContainer_k53j9_1._naturalSleep_k53j9_36 {
    gap: clamp(38px * 980 / 1440, 38 / var(--base-size) * 100vw, 38px)
  }
}

.c-raw-html ._naturalSleep_xgpde_1 {
  padding: calc(66 / var(--base-size) * 100vw) 0 calc(102 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._naturalSleep_xgpde_1 {
    padding: clamp(121px * 980 / 1440, 121 / var(--base-size) * 100vw, 121px) 0 clamp(154px * 980 / 1440, 154 / var(--base-size) * 100vw, 154px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._container_xgpde_12 {
    grid-template: "NaturalSleepText  NaturalSleepImg" auto/auto 1fr
  }
}

.c-raw-html ._image_xgpde_17 {
  width: calc(327 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._image_xgpde_17 {
    grid-area: NaturalSleepImg;
    width: clamp(584px * 980 / 1440, 584 / var(--base-size) * 100vw, 584px)
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._text_xgpde_28 {
    grid-area: NaturalSleepText;
    padding-left: clamp(57px * 980 / 1440, 57 / var(--base-size) * 100vw, 57px)
  }
}

.c-raw-html ._products_15gtg_1 {
  padding-top: calc(152 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._products_15gtg_1 {
    padding-top: clamp(218px * 980 / 1440, 218 / var(--base-size) * 100vw, 218px)
  }
}

.c-raw-html ._products_15gtg_1:before {
  background-image: url(/assets/drewell/images/home/img-products-bg-top_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(207 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  top: calc(26 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._products_15gtg_1:before {
    background-image: url(/assets/drewell/images/home/img-products-bg-top.svg);
    height: clamp(402px * 980 / 1440, 402 / var(--base-size) * 100vw, 402px);
    top: clamp(34px * 980 / 1440, 34 / var(--base-size) * 100vw, 34px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_15gtg_31 span {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_15gtg_31 span {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._title_15gtg_31 [data-title-letter="1-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._title_15gtg_31 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._title_15gtg_31 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._drewell_15gtg_50 {
  background: linear-gradient(180deg, #003b7f, #014f92)
}

.c-raw-html ._wrapper_15gtg_54 {
  margin: 0 auto;
  width: 100%
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_15gtg_54 {
    padding: 0;
    width: clamp(1193px * 980 / 1440, 1193 / var(--base-size) * 100vw, 1193px)
  }
}

.c-raw-html ._drewell_15gtg_50 ._wrapper_15gtg_54 {
  position: relative
}

.c-raw-html ._drewell_15gtg_50 ._wrapper_15gtg_54:after {
  background-image: url(/assets/drewell/images/home/img-products-drewell-bg-bottom_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: calc(19 / var(--base-size) * 100vw);
  content: "";
  height: calc(63 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._drewell_15gtg_50 ._wrapper_15gtg_54:after {
    background-image: url(/assets/drewell/images/home/img-products-drewell-bg-bottom.svg);
    bottom: clamp(68px * 980 / 1440, 68 / var(--base-size) * 100vw, 68px);
    height: clamp(557px * 980 / 1440, 557 / var(--base-size) * 100vw, 557px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54 {
  position: relative
}

.c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:before,
.c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:before,
  .c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:after {
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:before {
  background-image: url(/assets/drewell/images/home/img-products-natural-sleep-bg-top_sp.svg);
  height: calc(86 / var(--base-size) * 100vw);
  top: calc(8 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:before {
    background-image: url(/assets/drewell/images/home/img-products-natural-sleep-bg-top.svg);
    height: clamp(272px * 980 / 1440, 272 / var(--base-size) * 100vw, 272px);
    top: clamp(15px * 980 / 1440, 15 / var(--base-size) * 100vw, 15px)
  }
}

.c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:after {
  background-image: url(/assets/drewell/images/home/img-products-natural-sleep-bg-bottom_sp.svg);
  bottom: calc(34 / var(--base-size) * 100vw);
  height: calc(43 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._naturalSleep_15gtg_87 ._wrapper_15gtg_54:after {
    background-image: url(/assets/drewell/images/home/img-products-natural-sleep-bg-bottom.svg);
    bottom: clamp(61px * 980 / 1440, 61 / var(--base-size) * 100vw, 61px);
    height: clamp(443px * 980 / 1440, 443 / var(--base-size) * 100vw, 443px)
  }
}

.c-raw-html ._activesleepproject_epnli_1 {
  padding-top: calc(71 / var(--base-size) * 100vw);
  position: relative;
  z-index: auto
}

@media screen and (min-width: 768px) {
  .c-raw-html ._activesleepproject_epnli_1 {
    padding-top: clamp(171px * 980 / 1440, 171 / var(--base-size) * 100vw, 171px)
  }
}

.c-raw-html ._activesleepproject_epnli_1:before {
  background-image: url(/assets/drewell/images/home/img-active-sleep-project-bg_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(131 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  top: calc(9 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._activesleepproject_epnli_1:before {
    background-image: url(/assets/drewell/images/home/img-active-sleep-project-bg.svg);
    height: clamp(520px * 980 / 1440, 520 / var(--base-size) * 100vw, 520px);
    top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._wrapper_epnli_32 {
  margin: 0 auto;
  position: relative;
  width: calc(321 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._wrapper_epnli_32 {
    width: clamp(995px * 980 / 1440, 995 / var(--base-size) * 100vw, 995px)
  }
}

.c-raw-html ._wrapper_epnli_32 div[data-fade-in] {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: .6s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out
}

.c-raw-html ._wrapper_epnli_32 div[data-fade-in][data-fade-in=scroll-in] {
  opacity: 1;
  transform: translateY(0)
}

.c-raw-html ._title_epnli_55 span {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_epnli_55 span {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._title_epnli_55 [data-title-letter="1-1"],
.c-raw-html ._title_epnli_55 [data-title-letter="2-1"],
.c-raw-html ._title_epnli_55 [data-title-letter="2-5"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._title_epnli_55 [data-title-letter="1-2"],
.c-raw-html ._title_epnli_55 [data-title-letter="2-2"],
.c-raw-html ._title_epnli_55 [data-title-letter="2-6"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._title_epnli_55 [data-title-letter="1-4"],
.c-raw-html ._title_epnli_55 [data-title-letter="2-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._link_epnli_79 {
  display: block;
  margin-top: calc(27 / var(--base-size) * 100vw);
  width: 100%
}

.c-raw-html ._link_epnli_79[data-hover-opacity] {
  transition: opacity .6s
}

@media (any-hover: hover) {
  .c-raw-html ._link_epnli_79:hover {
    opacity: .6
  }
}

@media screen and (min-width: 768px) {
  .c-raw-html ._link_epnli_79 {
    margin-top: clamp(73px * 980 / 1440, 73 / var(--base-size) * 100vw, 73px)
  }
}

.c-raw-html ._sleepEncyclopedia_1stpo_1 {
  padding-top: calc(130 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopedia_1stpo_1 {
    padding-top: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px)
  }
}

.c-raw-html ._sleepEncyclopedia_1stpo_1:before {
  background-image: url(/assets/drewell/images/home/img-sleep-encyclopedia-bg_sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(146 / var(--base-size) * 100vw);
  left: 50%;
  position: absolute;
  top: calc(41 / var(--base-size) * 100vw);
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw);
  z-index: 1
}

@media screen and (min-width: 768px) {
  .c-raw-html ._sleepEncyclopedia_1stpo_1:before {
    background-image: url(/assets/drewell/images/home/img-sleep-encyclopedia-bg.svg);
    height: clamp(496px * 980 / 1440, 496 / var(--base-size) * 100vw, 496px);
    top: clamp(54px * 980 / 1440, 54 / var(--base-size) * 100vw, 54px);
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._title_1stpo_32 span {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .c-raw-html ._title_1stpo_32 span {
    font-size: clamp(40px * 980 / 1440, 40 / var(--base-size) * 100vw, 40px)
  }
}

.c-raw-html ._title_1stpo_32 [data-title-letter="1-1"] {
  transform: rotate(-3.08deg)
}

.c-raw-html ._title_1stpo_32 [data-title-letter="1-2"] {
  transform: rotate(2.4deg)
}

.c-raw-html ._title_1stpo_32 [data-title-letter="1-4"] {
  transform: rotate(-4.35deg)
}

.c-raw-html ._title_1stpo_32 [data-title-letter="1-5"] {
  transform: rotate(1.13deg)
}

.c-raw-html ._list_1stpo_54 {
  margin-top: calc(40 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1stpo_54 {
    margin-top: clamp(72px * 980 / 1440, 72 / var(--base-size) * 100vw, 72px)
  }
}

.c-raw-html ._list_1stpo_54:before,
.c-raw-html ._list_1stpo_54:after {
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  z-index: 0
}

.c-raw-html ._list_1stpo_54:before {
  background-image: url(/assets/drewell/images/home/img-sleep-encyclopedia-shape01.svg);
  left: calc(-161 / var(--base-size) * 100vw);
  top: calc(-213 / var(--base-size) * 100vw);
  width: calc(241 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1stpo_54:before {
    left: clamp(-255px, -255 / var(--base-size) * 100vw, -255px * 980 / 1440);
    top: clamp(104px * 980 / 1440, 104 / var(--base-size) * 100vw, 104px);
    width: clamp(398px * 980 / 1440, 398 / var(--base-size) * 100vw, 398px)
  }
}

.c-raw-html ._list_1stpo_54:after {
  background-image: url(/assets/drewell/images/home/img-sleep-encyclopedia-shape02.svg);
  bottom: calc(75 / var(--base-size) * 100vw);
  right: calc(-165 / var(--base-size) * 100vw);
  width: calc(275 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_1stpo_54:after {
    bottom: unset;
    right: clamp(-249px, -249 / var(--base-size) * 100vw, -249px * 980 / 1440);
    top: clamp(-195px, -195 / var(--base-size) * 100vw, -195px * 980 / 1440);
    width: clamp(452px * 980 / 1440, 452 / var(--base-size) * 100vw, 452px)
  }
}

.c-raw-html ._links_i8dkh_1 {
  padding: calc(100 / var(--base-size) * 100vw) 0 calc(191 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_i8dkh_1 {
    padding: clamp(200px * 980 / 1440, 200 / var(--base-size) * 100vw, 200px) 0 clamp(277px * 980 / 1440, 277 / var(--base-size) * 100vw, 277px)
  }
}

.c-raw-html ._links_i8dkh_1:before,
.c-raw-html ._links_i8dkh_1:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: calc(375 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {

  .c-raw-html ._links_i8dkh_1:before,
  .c-raw-html ._links_i8dkh_1:after {
    width: clamp(1600px * 980 / 1440, 1600 / var(--base-size) * 100vw, 1600px)
  }
}

.c-raw-html ._links_i8dkh_1:before {
  background-image: url(/assets/drewell/images/home/img-links-bg-top_sp.svg);
  height: calc(70 / var(--base-size) * 100vw);
  top: calc(20 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_i8dkh_1:before {
    background-image: url(/assets/drewell/images/home/img-links-bg-top.svg);
    height: clamp(342px * 980 / 1440, 342 / var(--base-size) * 100vw, 342px);
    top: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px)
  }
}

.c-raw-html ._links_i8dkh_1:after {
  background-image: url(/assets/drewell/images/home/img-links-bg-bottom_sp.svg);
  bottom: calc(29 / var(--base-size) * 100vw);
  height: calc(160 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._links_i8dkh_1:after {
    background-image: url(/assets/drewell/images/home/img-links-bg-bottom.svg);
    bottom: clamp(48px * 980 / 1440, 48 / var(--base-size) * 100vw, 48px);
    height: clamp(218px * 980 / 1440, 218 / var(--base-size) * 100vw, 218px)
  }
}

.c-raw-html ._list_i8dkh_49 {
  display: grid;
  gap: calc(32 / var(--base-size) * 100vw);
  margin: 0 auto;
  position: relative;
  width: calc(319 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._list_i8dkh_49 {
    gap: clamp(42px * 980 / 1440, 42 / var(--base-size) * 100vw, 42px);
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    width: clamp(1200px * 980 / 1440, 1200 / var(--base-size) * 100vw, 1200px)
  }
}

.c-raw-html ._listBlock_i8dkh_65[data-fade-in] {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: .6s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out
}

.c-raw-html ._listBlock_i8dkh_65[data-fade-in][data-fade-in=scroll-in] {
  opacity: 1;
  transform: translateY(0)
}

.c-raw-html ._listBlockLink_i8dkh_77 {
  background: var(--color-white);
  border-radius: calc(32 / var(--base-size) * 100vw);
  display: block;
  padding: calc(44 / var(--base-size) * 100vw) 0 calc(35 / var(--base-size) * 100vw) calc(30 / var(--base-size) * 100vw);
  position: relative
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listBlockLink_i8dkh_77 {
    border-radius: clamp(32px * 980 / 1440, 32 / var(--base-size) * 100vw, 32px);
    padding: clamp(33px * 980 / 1440, 33 / var(--base-size) * 100vw, 33px) 0 clamp(34px * 980 / 1440, 34 / var(--base-size) * 100vw, 34px) clamp(35px * 980 / 1440, 35 / var(--base-size) * 100vw, 35px)
  }
}

.c-raw-html ._listTitle_i8dkh_91 {
  color: var(--color-blue);
  font-size: calc(18 / var(--base-size) * 100vw);
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listTitle_i8dkh_91 {
    font-size: clamp(20px * 980 / 1440, 20 / var(--base-size) * 100vw, 20px)
  }
}

.c-raw-html ._listBlockText_i8dkh_102 {
  color: var(--color-black);
  font-size: calc(14 / var(--base-size) * 100vw);
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 160%;
  margin-top: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._listBlockText_i8dkh_102 {
    font-size: clamp(16px * 980 / 1440, 16 / var(--base-size) * 100vw, 16px);
    letter-spacing: .08em;
    margin-top: clamp(12px * 980 / 1440, 12 / var(--base-size) * 100vw, 12px)
  }
}

.c-raw-html ._arrow_i8dkh_118 {
  position: absolute;
  right: calc(25 / var(--base-size) * 100vw);
  top: calc(81 / var(--base-size) * 100vw);
  width: calc(26 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_i8dkh_118 {
    right: clamp(24px * 980 / 1440, 24 / var(--base-size) * 100vw, 24px);
    top: clamp(81px * 980 / 1440, 81 / var(--base-size) * 100vw, 81px);
    width: clamp(28px * 980 / 1440, 28 / var(--base-size) * 100vw, 28px)
  }
}

.c-raw-html ._arrow_i8dkh_118 svg {
  height: calc(10 / var(--base-size) * 100vw);
  width: calc(12 / var(--base-size) * 100vw)
}

@media screen and (min-width: 768px) {
  .c-raw-html ._arrow_i8dkh_118 svg {
    height: clamp(13px * 980 / 1440, 13 / var(--base-size) * 100vw, 13px);
    width: clamp(14px * 980 / 1440, 14 / var(--base-size) * 100vw, 14px)
  }
}

.c-raw-html ._container_1ddwx_1 {
  background-color: #003b7f
}