/* //////////////////////////////////////////////////

Title : foundation/base.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-23
Last Modified : 2024-04-04

==========================================

Content

////////////////////////////////////////////////// */
/* ===================== variable */
/* --- for small viewport --- */
@media screen and (max-width: 600px) {
  :root {
    --rate: 100vw / 375;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 601px) {
  :root {
    --rate: 600 / 375 * 1px;
  }
}
/* ===================== base */
body {
  opacity: 0;
}

#kaminokechan img,
#kaminokechan svg,
#kaminokechan video {
  width: var(--img-width, 100%);
  height: var(--img-height, auto);
}
#kaminokechan summary {
  list-style: none;
}
#kaminokechan summary::-webkit-details-marker {
  display: none;
}
#kaminokechan h6, #kaminokechan h5, #kaminokechan h4, #kaminokechan h3, #kaminokechan h2, #kaminokechan h1 {
  font-size: inherit;
  line-height: inherit;
}
#kaminokechan button:hover {
  cursor: pointer;
}

/* //////////////////////////////////////////////////

Title : layout/container.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-03-25

==========================================

Content

////////////////////////////////////////////////// */
/* ===================== container */
#kaminokechan {
  max-width: 600px;
  width: 100%;
  margin-inline: auto;
  letter-spacing: 0;
}

/* //////////////////////////////////////////////////

Title : object/compenent/typography.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-03-28

==========================================

Content

////////////////////////////////////////////////// */
/* ========== heading */
#kaminokechan .c-cartLp__heading {
  font-size: calc(22 * var(--rate));
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
#kaminokechan .p-product .c-kaminokechan__title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-inline: calc(62.5 * var(--rate));
  background-color: var(--color-lp-pinklace);
}

/* //////////////////////////////////////////////////

Title : object/project/hero.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-04

==========================================

Content

////////////////////////////////////////////////// */
/* ========== hero */
.p-hero {
  position: relative;
  aspect-ratio: 750/1104;
  background-image: url(../img/cartlp/kaminokechan/hero_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.p-hero__ticker {
  padding-block: calc(4 * var(--rate));
  background-color: var(--color-lp-maroon);
  color: var(--color-white);
  font-size: calc(17 * var(--rate));
  font-family: var(--font-ja-serif-primary);
  line-height: 1.4705882353;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
}
.p-hero__product {
  position: absolute;
  top: calc(60 * var(--rate));
  right: calc(12 * var(--rate));
  width: calc(100 * var(--rate));
  opacity: 0;
  -webkit-animation-delay: 1.2s, 1.2s;
          animation-delay: 1.2s, 1.2s;
}
.p-hero__title {
  position: relative;
  width: 100%;
  height: calc(135 * var(--rate));
  -webkit-margin-before: calc(180 * var(--rate));
          margin-block-start: calc(180 * var(--rate));
  margin-inline: auto;
  padding-block: calc(15 * var(--rate));
  font-family: var(--font-ja-serif-primary);
  font-weight: 700;
  color: var(--color-white);
  text-shadow: 0px 0px calc(15 * var(--rate)) rgb(229, 34, 72);
  white-space: nowrap;
}
.p-hero__title > span {
  position: absolute;
}
.p-hero__title > span > span {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
}
.p-hero__title > span > span > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: inherit;
}
.p-hero__title--top {
  top: 0;
  left: calc(-2 * var(--rate));
  width: calc(194 * var(--rate));
  height: calc(93 * var(--rate));
}
.p-hero__title--top > * {
  --img-width: calc(194 * var(--rate));
  --img-height: calc(93 * var(--rate));
}
.p-hero__title--middle {
  top: calc(8 * var(--rate));
  left: calc(38 * var(--rate));
  width: calc(300 * var(--rate));
  height: calc(113.11 * var(--rate));
}
.p-hero__title--middle > * {
  --img-width: calc(300 * var(--rate));
  --img-height: calc(113.11 * var(--rate));
}
.p-hero__title--bottom {
  bottom: calc(-13 * var(--rate));
  left: calc(132 * var(--rate));
  width: calc(242 * var(--rate));
  height: calc(96 * var(--rate));
}
.p-hero__title--bottom > * {
  --img-width: calc(242 * var(--rate));
  --img-height: calc(96 * var(--rate));
}
.p-hero__caption {
  position: relative;
  height: calc(184 * var(--rate));
}
.p-hero__caption--type {
  position: absolute;
  top: 0;
  left: calc(-56 * var(--rate));
  width: calc(240 * var(--rate));
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.p-hero__caption--ingredients {
  position: absolute;
  bottom: calc(35 * var(--rate));
  right: calc(20 * var(--rate));
  width: calc(90 * var(--rate));
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.p-hero__caption--description {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(393 * var(--rate));
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

/* //////////////////////////////////////////////////

Title : object/project/product.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-04

==========================================

Content

////////////////////////////////////////////////// */
/* ========== product */
.p-product {
  position: relative;
  -webkit-padding-after: calc(40 * var(--rate));
          padding-block-end: calc(40 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  background-image: linear-gradient(#FAECF0, #F3DFDF);
}
.p-product--top {
  -webkit-padding-before: calc(28 * var(--rate));
          padding-block-start: calc(28 * var(--rate));
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.p-product__heading {
  width: calc(300 * var(--rate));
  margin: auto;
  transform: translateY(46%);
}
.p-product__details {
  -webkit-padding-before: calc(45 * var(--rate));
          padding-block-start: calc(45 * var(--rate));
  -webkit-padding-after: calc(20 * var(--rate));
          padding-block-end: calc(20 * var(--rate));
  background-color: var(--color-white);
  border: calc(3 * var(--rate)) solid var(--color-lp-cerise);
  border-radius: calc(10 * var(--rate));
}
.p-product__button {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  padding-inline: calc(17 * var(--rate));
}
.p-product__button .c-btn-rich {
  --btn-height: calc(60 * var(--rate));
  --btn-icon-size: calc(30 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  font-size: calc(26 * var(--rate));
}
.p-product__notes {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  padding-inline: calc(12 * var(--rate));
  font-size: calc(10 * var(--rate));
  line-height: 1.8;
}
.p-product__regularPurchase {
  -webkit-margin-before: calc(15 * var(--rate));
          margin-block-start: calc(15 * var(--rate));
  border: calc(3 * var(--rate)) solid var(--color-lp-darkgray);
  border-radius: calc(10 * var(--rate));
  background-color: var(--color-white);
}
.p-product__regularPurchase dt {
  -webkit-padding-after: calc(2 * var(--rate));
          padding-block-end: calc(2 * var(--rate));
  background-color: var(--color-lp-darkgray);
  font-size: calc(15 * var(--rate));
  line-height: 1.6;
  color: var(--color-white);
  text-align: center;
  font-weight: 500;
}
.p-product__regularPurchase dd {
  display: grid;
  grid-template-columns: calc(175 * var(--rate)) auto;
  justify-content: space-between;
  align-items: center;
  padding-block: calc(12 * var(--rate));
  -webkit-padding-start: calc(12 * var(--rate));
          padding-inline-start: calc(12 * var(--rate));
  -webkit-padding-end: calc(7 * var(--rate));
          padding-inline-end: calc(7 * var(--rate));
}
.p-product__regularPurchase dd .c-btn-rich {
  height: calc(40 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  font-size: calc(13 * var(--rate));
  font-weight: 700;
}

/* //////////////////////////////////////////////////

Title : object/project/userVoice.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-03-25

==========================================

Content

////////////////////////////////////////////////// */
/* ========== user voice */
.p-userVoice {
  padding-block: calc(40 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/uservoice_bg.png);
  background-size: cover;
  background-position: center center;
}
.p-userVoice__heading--sub {
  -webkit-margin-before: calc(6 * var(--rate));
          margin-block-start: calc(6 * var(--rate));
  font-size: calc(13 * var(--rate));
  font-family: var(--font-en);
  color: var(--color-lp-silver);
  text-align: center;
}
.p-userVoice__list {
  -webkit-margin-before: calc(14 * var(--rate));
          margin-block-start: calc(14 * var(--rate));
}
.p-userVoice__list li {
  border-radius: calc(10 * var(--rate));
}
.p-userVoice__list li + li {
  -webkit-margin-before: calc(10 * var(--rate));
          margin-block-start: calc(10 * var(--rate));
}
.p-userVoice__notes {
  -webkit-margin-before: calc(15 * var(--rate));
          margin-block-start: calc(15 * var(--rate));
  font-size: calc(10 * var(--rate));
  text-align: right;
}

/* //////////////////////////////////////////////////

Title : object/project/introduction.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-09

==========================================

Content

////////////////////////////////////////////////// */
/* ========== introduction */
.p-introduction__example {
  -webkit-padding-before: calc(35 * var(--rate));
          padding-block-start: calc(35 * var(--rate));
  -webkit-padding-after: calc(61 * var(--rate));
          padding-block-end: calc(61 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22375%22%20height%3D%2236%22%20viewBox%3D%220%200%20375%2036%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1006%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201006%22%20width%3D%22375%22%20height%3D%2236%22%20transform%3D%22translate(0%202799)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016%22%20transform%3D%22translate(0%20-2799)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_35%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2035%22%20cx%3D%22506%22%20cy%3D%22506%22%20r%3D%22506%22%20transform%3D%22translate(-318%202799)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"), linear-gradient(#FFFFFF 0%, #F9FAFC 25%, #D8E1EA 75%, #CFDEEA 100%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
.p-introduction__heading {
  color: #4E4E4E;
}
.p-introduction__exampleList {
  -webkit-margin-before: calc(26 * var(--rate));
          margin-block-start: calc(26 * var(--rate));
}
.p-introduction__exampleList li:nth-child(1) {
  width: calc(200 * var(--rate));
}
.p-introduction__exampleList li:nth-child(2) {
  width: calc(273 * var(--rate));
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
}
.p-introduction__exampleList li:nth-child(3) {
  width: calc(318 * var(--rate));
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
}
.p-introduction__exampleList li:nth-child(4) {
  width: calc(350 * var(--rate));
  -webkit-margin-before: calc(14 * var(--rate));
          margin-block-start: calc(14 * var(--rate));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.p-introduction__exampleList li:not(:nth-child(4)) {
  -webkit-margin-start: calc(5 * var(--rate));
          margin-inline-start: calc(5 * var(--rate));
}
.p-introduction__developer {
  -webkit-padding-before: calc(5 * var(--rate));
          padding-block-start: calc(5 * var(--rate));
  -webkit-padding-after: calc(40 * var(--rate));
          padding-block-end: calc(40 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/history_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.p-introduction__developerCatchcopy {
  font-size: calc(18 * var(--rate));
  line-height: 1.5;
  font-family: var(--font-ja-serif-secondary);
  font-weight: 700;
  text-align: center;
}
.p-introduction__developerHistory {
  -webkit-margin-before: calc(15 * var(--rate));
          margin-block-start: calc(15 * var(--rate));
  -webkit-padding-after: calc(34 * var(--rate));
          padding-block-end: calc(34 * var(--rate));
  padding-inline: calc(10 * var(--rate));
}
.p-introduction__developerHeading {
  display: grid;
  place-items: center;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%);
  width: calc(328 * var(--rate));
  height: calc(44 * var(--rate));
  -webkit-margin-before: calc(14 * var(--rate));
          margin-block-start: calc(14 * var(--rate));
  margin-inline: auto;
  font-size: calc(24 * var(--rate)) !important;
  font-family: var(--font-ja-serif-secondary);
  font-weight: 700;
}
.p-introduction__developerList {
  position: relative;
  -webkit-margin-before: calc(30 * var(--rate));
          margin-block-start: calc(30 * var(--rate));
  padding-block: calc(28 * var(--rate));
  font-size: calc(13 * var(--rate));
  line-height: 2.5;
  font-family: var(--font-ja-serif-secondary);
}
.p-introduction__developerList::before, .p-introduction__developerList::after {
  content: "";
  position: absolute;
  left: 0;
  width: calc(12 * var(--rate));
  height: calc(10 * var(--rate));
  background-repeat: no-repeat;
  background-size: 100%;
}
.p-introduction__developerList::before {
  top: 0;
  background-image: url(../img/cartlp/kaminokechan/vector/double-quote-start.svg);
}
.p-introduction__developerList::after {
  bottom: 0;
  background-image: url(../img/cartlp/kaminokechan/vector/double-quote-end.svg);
}
.p-introduction__developerList li + li {
  -webkit-margin-before: calc(12 * var(--rate));
          margin-block-start: calc(12 * var(--rate));
}
.p-introduction__developerComment {
  width: calc(355 * var(--rate));
  -webkit-margin-before: calc(6 * var(--rate));
          margin-block-start: calc(6 * var(--rate));
  margin-inline: auto;
  border-radius: calc(10 * var(--rate));
}

/* //////////////////////////////////////////////////

Title : object/project/recommendedPoints.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-09

==========================================

Content

////////////////////////////////////////////////// */
/* ========== recommended point */
.p-recommendedPoints {
  -webkit-padding-before: calc(70 * var(--rate));
          padding-block-start: calc(70 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/vector/recommended_points_bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.p-recommendedPoints__heading {
  -webkit-margin-after: calc(23 * var(--rate));
          margin-block-end: calc(23 * var(--rate));
  padding-inline: calc(10 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(1) .p-recommendedPoints__details {
  -webkit-padding-before: calc(20 * var(--rate));
          padding-block-start: calc(20 * var(--rate));
  -webkit-padding-after: calc(40 * var(--rate));
          padding-block-end: calc(40 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(1) .p-recommendedPoints__detailsList li + li {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details {
  -webkit-padding-before: calc(25 * var(--rate));
          padding-block-start: calc(25 * var(--rate));
  -webkit-padding-after: calc(50 * var(--rate));
          padding-block-end: calc(50 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/recommended_points_details-02_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details--header {
  padding-inline: calc(18 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details--list {
  display: grid;
  grid-template-columns: calc(85 * var(--rate)) calc(75 * var(--rate)) calc(10 * var(--rate)) calc(75 * var(--rate)) calc(85 * var(--rate));
  grid-template-rows: auto calc(15 * var(--rate)) auto;
  -webkit-margin-before: calc(34 * var(--rate));
          margin-block-start: calc(34 * var(--rate));
  padding-inline: calc(22.5 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details--list li:nth-child(1) {
  grid-column: 2/span 3;
  grid-row: 1/span 2;
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details--list li:nth-child(2) {
  grid-column: 1/span 2;
  grid-row: 2/span 2;
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details--list li:nth-child(3) {
  grid-column: 4/span 2;
  grid-row: 2/span 2;
}
.p-recommendedPoints__description:nth-of-type(2) .p-recommendedPoints__details--footer {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  padding-inline: calc(15 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details {
  -webkit-padding-before: calc(35.5 * var(--rate));
          padding-block-start: calc(35.5 * var(--rate));
  -webkit-padding-after: calc(16 * var(--rate));
          padding-block-end: calc(16 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/recommended_points_details-03_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--header {
  overflow: hidden;
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--header img {
  max-width: calc(377 * var(--rate)) !important;
  width: calc(377 * var(--rate)) !important;
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--listHeader {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  padding-inline: calc(44 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--list {
  display: flex;
  justify-content: center;
  -moz-column-gap: calc(9 * var(--rate));
       column-gap: calc(9 * var(--rate));
  row-gap: calc(2 * var(--rate));
  flex-wrap: wrap;
  -webkit-margin-before: calc(18 * var(--rate));
          margin-block-start: calc(18 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--list li {
  width: calc(82 * var(--rate));
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--listFooter {
  width: calc(240 * var(--rate));
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  margin-inline: auto;
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--voice {
  width: calc(348 * var(--rate));
  -webkit-margin-before: calc(32 * var(--rate));
          margin-block-start: calc(32 * var(--rate));
  margin-inline: auto;
}
.p-recommendedPoints__description:nth-of-type(3) .p-recommendedPoints__details--footer {
  -webkit-margin-before: calc(10 * var(--rate));
          margin-block-start: calc(10 * var(--rate));
  padding-inline: calc(10 * var(--rate));
}
.p-recommendedPoints__label {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* //////////////////////////////////////////////////

Title : object/project/benefits.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-09

==========================================

Content

////////////////////////////////////////////////// */
/* ========== benefits */
.p-benefits__upper {
  -webkit-padding-before: calc(43 * var(--rate));
          padding-block-start: calc(43 * var(--rate));
  -webkit-padding-after: calc(60 * var(--rate));
          padding-block-end: calc(60 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/benefits_upper_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.p-benefits__upper .p-benefits__details {
  -webkit-margin-before: calc(30 * var(--rate));
          margin-block-start: calc(30 * var(--rate));
}
.p-benefits__upper .p-benefits__detailsList {
  padding-inline: calc(15 * var(--rate));
}
.p-benefits__upper .p-benefits__detailsList li + li {
  -webkit-margin-before: calc(31.5 * var(--rate));
          margin-block-start: calc(31.5 * var(--rate));
}
.p-benefits__upper .p-benefits__detailsNotes {
  width: calc(272 * var(--rate));
  -webkit-margin-before: calc(37 * var(--rate));
          margin-block-start: calc(37 * var(--rate));
  margin-inline: auto;
  transform: translateX(calc(1 * var(--rate)));
}
.p-benefits__upper .p-benefits__heading--sub {
  -webkit-margin-before: calc(6 * var(--rate));
          margin-block-start: calc(6 * var(--rate));
  font-family: var(--font-ja);
  font-size: calc(16 * var(--rate));
  line-height: 1.75;
  font-weight: 500;
  text-align: center;
}
.p-benefits__middle .p-benefits__heading {
  width: calc(298 * var(--rate));
  margin-inline: auto;
  transform: translateY(calc(-28 * var(--rate)));
}
.p-benefits__middle .p-benefits__heading span {
  display: block;
}
.p-benefits__middle .p-benefits__details {
  -webkit-margin-before: calc(-14 * var(--rate));
          margin-block-start: calc(-14 * var(--rate));
}
.p-benefits__middle .p-benefits__detailsNotes {
  position: relative;
  -webkit-padding-start: calc(17 * var(--rate));
          padding-inline-start: calc(17 * var(--rate));
  -webkit-padding-end: calc(25 * var(--rate));
          padding-inline-end: calc(25 * var(--rate));
  z-index: 2;
}
.p-benefits__middle .p-benefits__detailsList {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto calc(47 * var(--rate)) auto;
  -webkit-margin-before: calc(-4 * var(--rate));
          margin-block-start: calc(-4 * var(--rate));
}
.p-benefits__middle .p-benefits__detailsList li:nth-child(1) {
  grid-column: 1;
  grid-row: 1/span 2;
  z-index: 1;
}
.p-benefits__middle .p-benefits__detailsList li:nth-child(2) {
  grid-column: 1;
  grid-row: 2/span 2;
}
.p-benefits__lower .p-benefits__heading {
  overflow: hidden;
}
.p-benefits__lower .p-benefits__heading svg {
  width: calc(392 * var(--rate)) !important;
  max-width: calc(392 * var(--rate)) !important;
  transform: translateX(calc(-11 * var(--rate)));
}
.p-benefits__lowerVisual {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-padding-before: calc(24 * var(--rate));
          padding-block-start: calc(24 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/benefits_lower_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 375/684;
}
.p-benefits__lowerVisual .p-benefits__product {
  position: absolute;
  top: calc(150 * var(--rate));
  right: calc(15 * var(--rate));
  width: calc(100 * var(--rate));
}
.p-benefits__lowerVisual .p-benefits__details {
  -webkit-margin-before: auto;
          margin-block-start: auto;
  -webkit-padding-after: calc(47 * var(--rate));
          padding-block-end: calc(47 * var(--rate));
}
.p-benefits__lowerVisual .p-benefits__details--notes:nth-child(1) {
  -webkit-padding-start: calc(25 * var(--rate));
          padding-inline-start: calc(25 * var(--rate));
  -webkit-padding-end: calc(31 * var(--rate));
          padding-inline-end: calc(31 * var(--rate));
}
.p-benefits__lowerVisual .p-benefits__details--notes:nth-child(2) {
  -webkit-margin-before: calc(19 * var(--rate));
          margin-block-start: calc(19 * var(--rate));
  padding-inline: calc(26 * var(--rate));
}
.p-benefits__lowerCourse {
  -webkit-padding-before: calc(34 * var(--rate));
          padding-block-start: calc(34 * var(--rate));
  background-color: #F8F1F0;
}
.p-benefits__lowerCourse dt {
  font-size: calc(20 * var(--rate));
  font-family: var(--font-ja);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.p-benefits__lowerCourse dd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: calc(10 * var(--rate));
       column-gap: calc(10 * var(--rate));
  row-gap: calc(10 * var(--rate));
  -webkit-margin-before: calc(22 * var(--rate));
          margin-block-start: calc(22 * var(--rate));
  padding-inline: calc(10 * var(--rate));
}
.p-benefits__lowerCourse--lead {
  -webkit-margin-before: calc(37 * var(--rate));
          margin-block-start: calc(37 * var(--rate));
  padding-inline: calc(40 * var(--rate));
}

/* //////////////////////////////////////////////////

Title : object/project/step.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-03-25

==========================================

Content

////////////////////////////////////////////////// */
/* ========== step */
.p-step {
  -webkit-padding-before: calc(46 * var(--rate));
          padding-block-start: calc(46 * var(--rate));
  -webkit-padding-after: calc(48 * var(--rate));
          padding-block-end: calc(48 * var(--rate));
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22375%22%20height%3D%228%22%20viewBox%3D%220%200%20375%208%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%22375%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89_6%22%20data-name%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%206%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(-10%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(22%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(54%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-3%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-3%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(86%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-4%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-4%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(118%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-5%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-5%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(150%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-6%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-6%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(182%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-7%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-7%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(214%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-8%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-8%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(246%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-9%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-9%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(278%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-10%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-10%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(310%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-11%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-11%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(342%20-9576)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_20-12%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2020%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(10%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_21-12%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2021%22%20d%3D%22M8.5%2C0%2C17%2C8H0Z%22%20transform%3D%22translate(25%209576)%22%20fill%3D%22%23faecf0%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.p-step__heading {
  width: calc(278 * var(--rate));
  margin-inline: auto;
}
.p-step__list {
  position: relative;
  width: calc(355 * var(--rate));
  -webkit-margin-before: calc(28 * var(--rate));
          margin-block-start: calc(28 * var(--rate));
  margin-inline: auto;
  padding-block: calc(15 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  border-radius: calc(10 * var(--rate));
}
.p-step__list li + li {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
}
.p-step__list::before {
  content: "";
  position: absolute;
  top: calc(15 * var(--rate));
  left: calc(33 * var(--rate));
  width: 1px;
  height: var(--border-height, 0);
  margin: auto;
  border-left: calc(3 * var(--rate)) dotted #E2E2E2;
  z-index: -1;
}
.p-step__example {
  -webkit-margin-before: calc(36 * var(--rate));
          margin-block-start: calc(36 * var(--rate));
}
.p-step__example dt {
  width: calc(262 * var(--rate));
  margin-inline: auto;
}
.p-step__example dd {
  position: relative;
  width: calc(355 * var(--rate));
  -webkit-margin-before: calc(25 * var(--rate));
          margin-block-start: calc(25 * var(--rate));
  margin-inline: auto;
  padding-block: calc(20 * var(--rate));
  padding-inline: calc(20 * var(--rate));
  border-radius: calc(10 * var(--rate));
}
.p-step__example dd p:nth-child(1) {
  width: calc(309 * var(--rate));
}
.p-step__example dd p:nth-child(2) {
  width: calc(300 * var(--rate));
}
.p-step__example dd p + p {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
}
.p-step__example dd::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(315 * var(--rate));
  height: 1px;
  margin: auto;
  border-bottom: calc(3 * var(--rate)) dotted #EBEBEB;
}

/* //////////////////////////////////////////////////

Title : object/project/faq.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-03-25

==========================================

Content

////////////////////////////////////////////////// */
/* ========== faq */
.p-faq {
  -webkit-padding-before: calc(40 * var(--rate));
          padding-block-start: calc(40 * var(--rate));
  -webkit-padding-after: calc(30 * var(--rate));
          padding-block-end: calc(30 * var(--rate));
  padding-inline: calc(10 * var(--rate));
  background-color: var(--color-lp-pinklace);
}
.p-faq__heading {
  width: calc(109 * var(--rate));
  -webkit-margin-after: calc(26 * var(--rate));
          margin-block-end: calc(26 * var(--rate));
  margin-inline: auto;
}
.p-faq dl {
  border-radius: calc(6 * var(--rate));
}
.p-faq dl dt,
.p-faq dl dd {
  position: relative;
  display: flex;
  justify-content: start;
}
.p-faq dl dt::before,
.p-faq dl dd::before {
  width: calc(35 * var(--rate));
  font-size: calc(28 * var(--rate));
  font-family: var(--font-en);
  line-height: 1;
  flex-shrink: 0;
  transform: translateY(calc(4 * var(--rate)));
}
.p-faq dl dt {
  align-items: center;
  padding-block: calc(8.5 * var(--rate));
  padding-inline: calc(12 * var(--rate));
  border-top-left-radius: calc(6 * var(--rate));
  border-top-right-radius: calc(6 * var(--rate));
  background-color: #E53E78;
  font-size: calc(16 * var(--rate));
  font-family: var(--font-ja);
  color: var(--color-white);
  line-height: 1.5;
}
.p-faq dl dt::before {
  content: "Q";
}
.p-faq dl dd {
  align-items: start;
  -webkit-padding-before: calc(11 * var(--rate));
          padding-block-start: calc(11 * var(--rate));
  -webkit-padding-after: calc(15 * var(--rate));
          padding-block-end: calc(15 * var(--rate));
  -webkit-padding-start: calc(13 * var(--rate));
          padding-inline-start: calc(13 * var(--rate));
  -webkit-padding-end: calc(15 * var(--rate));
          padding-inline-end: calc(15 * var(--rate));
  border-bottom-left-radius: calc(6 * var(--rate));
  border-bottom-right-radius: calc(6 * var(--rate));
  background-color: var(--color-white);
  font-size: calc(14 * var(--rate));
  font-family: var(--font-ja);
  line-height: 1.75;
}
.p-faq dl dd::before {
  content: "A";
  color: #E53E78;
}
.p-faq dl + dl {
  -webkit-margin-before: calc(18 * var(--rate));
          margin-block-start: calc(18 * var(--rate));
}

/* //////////////////////////////////////////////////

Title : object/project/message.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-03-25

==========================================

Content

////////////////////////////////////////////////// */
/* ========== message */
.p-message {
  -webkit-padding-before: calc(66 * var(--rate));
          padding-block-start: calc(66 * var(--rate));
  background-image: url(../img/cartlp/kaminokechan/message_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  aspect-ratio: 375/560;
}
.p-message__text {
  margin-inline: auto;
}
.p-message__text:nth-child(1) {
  width: calc(329 * var(--rate));
  -webkit-padding-end: calc(6 * var(--rate));
          padding-inline-end: calc(6 * var(--rate));
}
.p-message__text:nth-child(2) {
  width: calc(284 * var(--rate));
  -webkit-padding-end: calc(10 * var(--rate));
          padding-inline-end: calc(10 * var(--rate));
}
.p-message__text:nth-child(3) {
  width: calc(333 * var(--rate));
}
.p-message__text + * {
  -webkit-margin-before: calc(34 * var(--rate));
          margin-block-start: calc(34 * var(--rate));
}

/* //////////////////////////////////////////////////

Title : object/utility/decoration.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-04

==========================================

Content

////////////////////////////////////////////////// */
/* ========== decoration */
.u-boxshadow--primary {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.u-boxshadow--secondary {
  box-shadow: 0px 5px 10px 0px rgba(172, 144, 144, 0.15);
}
.u-boxshadow--tertiary {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
}

.u-stickyContainer {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.u-stickyContainer--primary {
  top: var(--header-height);
  left: 0;
}
.u-stickyContainer--secondary {
  top: 0;
}

/* //////////////////////////////////////////////////

Title : object/utility/animation.scss
For   : cart_lp_kaminokechan/

Created       : 2024-03-25
Last Modified : 2024-04-11

==========================================

Content

////////////////////////////////////////////////// */
/* ========== aniamtion */
.is-loaded .u-anim-loaded.u-anim-ticker {
  overflow: hidden;
}
.is-loaded .u-anim-loaded.u-anim-ticker > span {
  display: inline-block;
  -webkit-animation: ticker 2s ease-out forwards;
          animation: ticker 2s ease-out forwards;
}
.is-loaded .u-anim-loaded.u-anim-fluffy {
  -webkit-animation-name: fluffy, fadeIn;
          animation-name: fluffy, fadeIn;
  -webkit-animation-duration: 3s, 0.8s;
          animation-duration: 3s, 0.8s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite, 1;
          animation-iteration-count: infinite, 1;
  -webkit-animation-direction: alternate, normal;
          animation-direction: alternate, normal;
  -webkit-animation-fill-mode: none, forwards;
          animation-fill-mode: none, forwards;
}
.is-loaded .u-anim-loaded.u-anim-drawingText > span > span {
  width: 0;
  overflow: hidden;
  -webkit-animation-name: drawingText;
          animation-name: drawingText;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-loaded .u-anim-loaded.u-anim-drawingText > span:nth-child(1) > span {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.is-loaded .u-anim-loaded.u-anim-drawingText > span:nth-child(2) > span {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.is-loaded .u-anim-loaded.u-anim-drawingText > span:nth-child(3) > span {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.is-loaded .u-anim-loaded.u-anim-fadeIn {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-loaded .u-anim-loaded.u-anim-fadeInLtoR {
  opacity: 0;
  -webkit-animation-name: fadeInLtoR;
          animation-name: fadeInLtoR;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-loaded .u-anim-loaded.u-anim-fadeUp {
  opacity: 0;
  -webkit-animation-name: fadeUp;
          animation-name: fadeUp;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-loaded .u-anim-loaded.u-anim-zoomIn {
  opacity: 0;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.js-animationTrigger.u-anim-fadeIn {
  opacity: 0;
}
.js-animationTrigger.u-anim-fadeIn.is-show {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.js-animationTrigger.u-anim-fadeUp {
  opacity: 0;
}
.js-animationTrigger.u-anim-fadeUp.is-show {
  -webkit-animation-name: fadeUp;
          animation-name: fadeUp;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.js-animationTrigger.u-anim-orderFadeIn > * {
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s;
}
.js-animationTrigger.u-anim-orderFadeIn > *:nth-child(2) {
  transition-delay: 0.3s;
}
.js-animationTrigger.u-anim-orderFadeIn > *:nth-child(3) {
  transition-delay: 0.6s;
}
.js-animationTrigger.u-anim-orderFadeIn > *:nth-child(4) {
  transition-delay: 0.9s;
}
.js-animationTrigger.u-anim-orderFadeIn > *:nth-child(5) {
  transition-delay: 1.2s;
}
.js-animationTrigger.u-anim-orderFadeIn.is-show > * {
  opacity: 1;
  visibility: visible;
}
.js-animationTrigger.u-anim-orderFadeUp > * {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: all 0.8s;
}
.js-animationTrigger.u-anim-orderFadeUp > *:nth-child(2) {
  transition-delay: 0.3s;
}
.js-animationTrigger.u-anim-orderFadeUp > *:nth-child(3) {
  transition-delay: 0.6s;
}
.js-animationTrigger.u-anim-orderFadeUp > *:nth-child(4) {
  transition-delay: 0.9s;
}
.js-animationTrigger.u-anim-orderFadeUp > *:nth-child(5) {
  transition-delay: 1.2s;
}
.js-animationTrigger.u-anim-orderFadeUp.is-show > * {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.js-animationTrigger.u-anim-orderFadeDown > * {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px);
  transition: all 0.8s;
}
.js-animationTrigger.u-anim-orderFadeDown > *:nth-child(2) {
  transition-delay: 0.3s;
}
.js-animationTrigger.u-anim-orderFadeDown > *:nth-child(3) {
  transition-delay: 0.6s;
}
.js-animationTrigger.u-anim-orderFadeDown > *:nth-child(4) {
  transition-delay: 0.9s;
}
.js-animationTrigger.u-anim-orderFadeDown > *:nth-child(5) {
  transition-delay: 1.2s;
}
.js-animationTrigger.u-anim-orderFadeDown.is-show > * {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.js-animationTrigger.u-anim-zoomIn {
  opacity: 0;
}
.js-animationTrigger.u-anim-zoomIn.is-show {
  -webkit-animation: zoomIn 0.8s forwards;
          animation: zoomIn 0.8s forwards;
}

.js-animationRandom > * {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: all 0.5s;
}
.js-animationRandom > *.is-show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

@-webkit-keyframes fluffy {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}

@keyframes fluffy {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}
@-webkit-keyframes ticker {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes ticker {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes drawingTextOuter {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes drawingTextOuter {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes drawingTextInner {
  0% {
    transform: translateX(100%) rotate(var(--deg, 0));
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(var(--deg, 0));
    opacity: 1;
  }
}
@keyframes drawingTextInner {
  0% {
    transform: translateX(100%) rotate(var(--deg, 0));
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(var(--deg, 0));
    opacity: 1;
  }
}
@-webkit-keyframes drawingText {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes drawingText {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLtoR {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLtoR {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}