@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
[Zen Kaku Gothic New]
https://fonts.google.com/specimen/Zen+Kaku+Gothic+New

Light 300
Regular 400
Medium 500
Bold 700
Black 900

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap" rel="stylesheet">

font-family: 'Zen Kaku Gothic New', sans-serif;
*/
html {
  font-size: 62.5%;
}

html, body {
  height: 100%;
}

body {
  color: #727171;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: 400; /* 游ゴシックかすれ対策:500 */
  background-color: #FFF;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0em;
}

._serif {
  font-family: "KozMinPro-Bold", "Kozuka Mincho Pro B", "Kozuka Mincho Std B", "小塚明朝 Pro B", "小塚明朝 Std B", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.1em;
}

sup {
  position: relative;
  top: -0.5em;
  vertical-align: baseline;
  line-height: 0;
  font-size: 60%;
  margin-right: 0.3em;
}

a:link {
  color: #011e5a;
  text-decoration: none;
}

button,
input[type=submit] {
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  outline: none;
  appearance: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

svg {
  overflow: visible;
}

.prj__videoContainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.3235294118%;
}
.prj__videoContainer iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.prj__input__cb input[type=checkbox] {
  display: none;
}
.prj__input__cb input[type=checkbox] + span {
  position: relative;
  padding-left: 1.8em;
  margin-right: 1.8em;
}
.prj__input__cb input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #13216a;
  background: #fff;
  transform: translateY(-50%);
}
.prj__input__cb input[type=checkbox]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0.4em;
  top: 50%;
  width: 0.6em;
  height: 1.3em;
  border-bottom: 3px solid #13216a;
  border-right: 3px solid #13216a;
  transform: translateY(-75%) rotate(40deg);
}

@media print {
  ._noPrint {
    display: none;
  }
}
@media all and (min-width: 491px) {
  body {
    background: #fff;
    background-size: cover;
    background-attachment: fixed;
  }
  .__sp {
    display: none !important;
  }
}
@media all and (max-width: 490px) {
  html,
  body {
    height: 100vh;
    min-height: 100vh;
    height: -webkit-fill-available;
  }
  body {
    background: #fff;
  }
  .__pc {
    display: none !important;
  }
}
#main {
  background: #fff;
}

@media all and (min-width: 491px) {
  #main {
    position: relative;
    width: 490px;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    transform: translateX(15%);
  }
}
@media all and (max-width: 1300px) {
  #main {
    transform: translateX(0);
  }
}
@media all and (min-width: 491px) {
  .prj__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
  }
  .prj__secInner {
    position: relative;
    margin: 0 auto;
  }
  .prj__secHeader {
    position: relative;
  }
  .prj__secMain {
    position: relative;
    margin: 0 auto;
  }
}
@media all and (max-width: 490px) {
  .prj__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .prj__secInner {
    position: relative;
    margin: 0 auto;
  }
  .prj__secHeader {
    position: relative;
  }
  .prj__secMain {
    position: relative;
    margin: 0 auto;
  }
}
@media all and (min-width: 491px) {
  .prj__loading {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1000;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background: rgb(255, 255, 255);
  }
  .prj__loading > .prj__inner {
    position: relative;
    left: 50%;
    width: 100%;
    height: calc(100vh - 84px);
    max-width: 1000px;
    transform: translateX(-50%);
  }
  .prj__loading .prj__load__anime {
    display: none;
  }
}
@media all and (max-width: 490px) {
  .prj__loading {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
  }
  .prj__loading > .prj__inner {
    position: relative;
    width: 100%;
    height: 100vh;
  }
  .prj__loading .prj__load__anime {
    display: none;
  }
}
.prj__header {
  position: relative;
  width: 100%;
  background: #fff;
}
.prj__header > .prj__inner {
  padding: 6.4% 0 5.3333333333%;
}

@media all and (min-width: 491px) {
  .prj__header {
    height: 60px;
    z-index: 1;
  }
  .prj__header > .prj__inner {
    padding: 18px 0;
  }
}
.prj__h__sunstarLogo {
  position: relative;
  width: 28.2666666667%;
  margin: 0 auto;
}

@media all and (min-width: 491px) {
  .prj__h__sunstarLogo {
    position: relative;
    width: 156px;
    margin: 0 0 0 50px;
  }
}
.prj__footer {
  position: relative;
  width: 100%;
  margin-top: 2.5641025641%;
  background: #524D9E;
}
.prj__footer .prj__inner {
  padding: 12.8205128205% 0 12.8205128205%;
}

@media all and (min-width: 491px) {
  .prj__footer {
    width: 490px;
    margin: 12.5641025641px auto 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    transform: translateX(15%);
  }
}
@media all and (max-width: 1300px) {
  .prj__footer {
    transform: translateX(0);
  }
}
.prj__f__share__heading {
  position: relative;
  width: 71.2820512821%;
  margin: 0 auto;
}

.prj__f__share__btnBlc {
  position: relative;
  width: 92.3076923077%;
  padding: 5.1282051282% 0;
  margin: 5.1282051282% auto 0;
  background: #FFF;
  border-radius: 0.8em;
}

.prj__f__share__btns {
  display: flex;
  justify-content: space-between;
  width: 70.8333333333%;
  margin: 0 auto;
}
.prj__f__share__btns > li {
  position: relative;
  width: 25.0980392157%;
}
.prj__f__share__btns > li a {
  display: block;
  position: relative;
  border-radius: 20em;
}
@media all and (min-width: 491px) {
  .prj__f__share__btns > li a {
    transition: all 0.2s;
  }
  .prj__f__share__btns > li a:hover {
    opacity: 0.7;
  }
}

.prj__f__copyright {
  margin-top: 7.6923076923%;
}
.prj__f__copyright small {
  display: block;
  letter-spacing: 0.04em;
  color: #fff;
  text-align: center;
}

@media all and (min-width: 491px) {
  .prj__f__copyright small {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__f__copyright small {
    font-size: 1.3066666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__f__copyright small {
    font-size: 1.3066666667rem;
  }
}
@media all and (max-width: 490px) {
  .prj__f__copyright small {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
.prj__f__pagetopBtn {
  display: none;
  position: relative;
  width: 100%;
  background: #000;
}
@media all and (min-width: 491px) {
  .prj__f__pagetopBtn button {
    transition: all 0.2s;
  }
  .prj__f__pagetopBtn button:hover {
    opacity: 0.7;
  }
}

.prj__cmn__txtBtn {
  position: relative;
  width: 77.6119402985%;
  margin: 8.9552238806% auto 0;
}
.prj__cmn__txtBtn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-top: 6px;
  background: #C74E5A;
  border-radius: 10px;
}
.prj__cmn__txtBtn a, .prj__cmn__txtBtn button {
  display: block;
  position: relative;
  padding: 1.1em 0;
  background: #E55A68;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.375;
  color: #FFF;
  text-align: center;
  transition: all 0.2s;
}
@media all and (max-width: 490px) {
  .prj__cmn__txtBtn a, .prj__cmn__txtBtn button {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__cmn__txtBtn a, .prj__cmn__txtBtn button {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__cmn__txtBtn a, .prj__cmn__txtBtn button {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__cmn__txtBtn a, .prj__cmn__txtBtn button {
    font-size: 2.0906666667rem;
  }
}
.prj__cmn__txtBtn a .ico, .prj__cmn__txtBtn button .ico {
  position: absolute;
  right: 0;
  top: 50%;
  width: 5%;
  height: 0;
  padding-top: 3.0769230769%;
  margin: -1.1538461538% 7.6923076923% 0 0;
  transition: all 0.2s;
}
.prj__cmn__txtBtn a .ico::after, .prj__cmn__txtBtn button .ico::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/cmn_btn_arrow-ico.svg) 50% 50% no-repeat;
  background-size: contain;
}
.prj__cmn__txtBtn--toggle button span.__open {
  display: block;
}
.prj__cmn__txtBtn--toggle button span.__close {
  display: none;
}
.prj__cmn__txtBtn--toggle button .ico {
  width: 5.7692307692%;
  padding-top: 5.7692307692%;
  margin: -2.6923076923% 7.6923076923% 0 0;
}
.prj__cmn__txtBtn--toggle button .ico::after {
  background-image: url(../img/common/cmn_btn_plus-ico.svg);
}
.prj__cmn__txtBtn.--open::before {
  background: #004466;
}
.prj__cmn__txtBtn.--open button {
  background: #00547F;
}
.prj__cmn__txtBtn.--open button .ico {
  transform: rotate(45deg);
}
.prj__cmn__txtBtn.--open button span.__open {
  display: none;
}
.prj__cmn__txtBtn.--open button span.__close {
  display: block;
}
.prj__cmn__txtBtn--line::before {
  background: #00A100;
}
.prj__cmn__txtBtn--line a {
  background: #00B900;
}
.prj__cmn__txtBtn--line a span {
  display: inline-block;
  position: relative;
  padding-left: 2.2em;
  margin-left: -1em;
  text-align: center;
}
.prj__cmn__txtBtn--line a span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.8em;
  height: 1.8em;
  margin-top: -0.88em;
  background: url(../img/common/cmn_btn_line-ico.png) 50% 50% no-repeat;
  background-size: contain;
}
.prj__cmn__txtBtn--line a .ico::after {
  transform: rotate(-90deg);
}

@media all and (min-width: 491px) {
  .prj__cmn__txtBtn a:hover {
    transform: translateY(3px);
  }
  .prj__cmn__txtBtn a:hover .ico {
    transform: translateY(5px);
  }
  .prj__cmn__txtBtn--toggle button:hover {
    transform: translateY(3px);
  }
  .prj__cmn__txtBtn--toggle button:hover .ico {
    transform: rotate(90deg);
  }
  .prj__cmn__txtBtn--line a:hover .ico {
    transform: translateX(5px);
  }
}
.prj__stickyPanel {
  /*
  display: none;
  visibility: hidden;
  pointer-events: none;
  */
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  transition: all 0.3s;
}

@media all and (min-width: 491px) {
  .prj__stickyPanel {
    left: 50%;
    width: 30.7788944724%;
    min-width: 490px;
    transform: translate(-35%, 0);
  }
  .prj__stickyPanel.--hide {
    transform: translate(-35%, 101%);
  }
  .prj__stickyPanel.--show {
    transform: translate(-35%, 0);
  }
}
@media all and (max-width: 1300px) {
  .prj__stickyPanel {
    transform: translate(-50%, 0);
  }
  .prj__stickyPanel.--hide {
    transform: translate(-50%, 101%);
  }
  .prj__stickyPanel.--show {
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 490px) {
  .prj__stickyPanel {
    transform: translate(0, 0);
  }
  .prj__stickyPanel.--hide {
    transform: translate(0, 101%);
  }
  .prj__stickyPanel.--show {
    transform: translate(0, 0);
  }
}
.prj__stickyPanel__mutiple {
  position: relative;
  width: 100%;
  padding: 2.5641025641% 0;
  background: #D4D1E8;
}

.prj__stickyPanel__mutiple__fig {
  position: relative;
  width: 94.8717948718%;
  margin: 0 auto;
}

.prj__stickyPanel__application {
  position: relative;
  width: 100%;
}

.prj__stickyPanel__application__anchorBtn {
  position: relative;
  width: 29.2307692308%;
  margin: 0 -1.2820512821% -2.8205128205% auto;
}

.prj__cover {
  position: relative;
  overflow: hidden;
  background: #BFDDF5;
}
.prj__cover .prj__secInner {
  padding-bottom: 20.5128205128%;
}

@media all and (min-width: 491px) {
  .prj__cover {
    position: relative;
  }
}
.prj__covr__kv {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 133.3333333333%;
}

.prj__covr__kv__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 388.2051282051%;
}

.prj__covr__kv__cinnamoroll {
  position: absolute;
  left: 0;
  top: 0;
  width: 148.7179487179%;
  margin: -27.9487179487% 0 0 -23.3333333333%;
}

.prj__covr__kv__deco {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 0;
  padding-top: 26.2666666667%;
  margin: 17.3333333333% 0 0 -48%;
}
.prj__covr__kv__deco > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.prj__covr__kv__title {
  position: absolute;
  left: 0;
  top: 0;
  width: 70.7692307692%;
  margin: 6.6666666667% 0 0 26.6666666667%;
}

.prj__covr__kv__title__logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 15.3846153846%;
  margin: 5.641025641% 0 0 4.358974359%;
}

.prj__covr__campaign {
  position: relative;
  margin-top: -1.0256410256%;
}

.prj__covr__campaign__bg {
  margin-top: 7.6923076923%;
}

.prj__covr__campaign__heading {
  position: relative;
  width: 82.0512820513%;
  margin: 0 auto;
}

.prj__covr__campaign__products {
  position: relative;
  width: 104.8717948718%;
  margin: 0.2564102564% 0 0 -2.3076923077%;
}

.prj__covr__campaign__prize {
  position: relative;
  margin-top: 2.0512820513%;
}

.prj__covr__campaign__prize__heading {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.prj__covr__campaign__prize__goods {
  position: relative;
  width: 105.8974358974%;
  margin: -4.6153846154% 0 0 -5.3846153846%;
}

.prj__covr__campaign__prize__goods__note {
  position: relative;
  width: 61.5384615385%;
  margin: -5.1282051282% auto 0;
}
.prj__covr__campaign__prize__goods__note small {
  display: block;
  line-height: 1.5;
  color: #524D9E;
}
@media all and (max-width: 490px) {
  .prj__covr__campaign__prize__goods__note small {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
@media all and (min-width: 491px) {
  .prj__covr__campaign__prize__goods__note small {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__covr__campaign__prize__goods__note small {
    font-size: 1.0453333333rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__covr__campaign__prize__goods__note small {
    font-size: 1.0453333333rem;
  }
}

.prj__covr__campaign__prize__desc {
  position: relative;
  width: 87.4358974359%;
  margin: 5.1282051282% auto 0;
}

.prj__products {
  position: relative;
  margin-top: 43.5897435897%;
  background: #BFDDF5;
}
.prj__products .prj__secInner {
  position: relative;
  padding: 13.8461538462% 0 0;
}
.prj__products .prj__secMain {
  margin-top: 7.6923076923%;
}

.prj__prod__h__heading {
  position: relative;
  width: 80.5128205128%;
  margin: 0 auto;
}

.prj__prod__h__heading__t1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 29.9363057325%;
  margin: -6.050955414% 0 0 -9.5541401274%;
}

.prj__prod__h__heading__t2 {
  position: relative;
  width: 100%;
  margin-left: 2.5477707006%;
}

.prj__prod__slider {
  position: relative;
}

.prj__prod__slider__items {
  position: relative;
}

.prj__prod__slider__item {
  position: relative;
  width: 360px;
  height: 488px;
  overflow: hidden;
  box-sizing: border-box;
  background: #545AA8;
  border-radius: 3em;
}
@media all and (min-width: 491px) {
  .prj__prod__slider__item {
    width: 452.3076923077px;
    height: 613.1282051282px;
  }
}

.prj__prod__slider__item__heading {
  position: relative;
  width: 100%;
  margin: 5.5555555556% auto 0;
}

.prj__prod__slider__item__fig {
  position: absolute;
  left: 0;
  top: 0;
}

.prj__prod__slider__item__naviBlc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  padding-top: 25%;
}
.prj__prod__slider__item__naviBlc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  padding-top: 74.4444444444%;
  margin-top: -4.1666666667%;
  background: url(../img/products/prod_slider_item_navi_bg.svg) 0 0 no-repeat;
  background-size: 100% auto;
}

.prj__prod__slider__item__prodName {
  position: absolute;
  left: 0;
  top: 0;
}

.prj__prod__slider__item__purchaseBtn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 77.7777777778%;
  margin: 0 0 7.5% 11.1111111111%;
}

.prj__prod__slider__item--01 .prj__prod__slider__item__heading {
  width: 83.3333333333%;
}
.prj__prod__slider__item--01 .prj__prod__slider__item__fig {
  width: 121.1111111111%;
  margin: 19.1666666667% 0 0 -10.5555555556%;
}
.prj__prod__slider__item--01 .prj__prod__slider__item__prodName {
  width: 89.1666666667%;
  margin: 5.5555555556% 0 0 5%;
}

.prj__prod__slider__item--02 .prj__prod__slider__item__heading {
  width: 92.5%;
}
.prj__prod__slider__item--02 .prj__prod__slider__item__fig {
  width: 90.2777777778%;
  margin: 31.6666666667% 0 0 5%;
}
.prj__prod__slider__item--02 .prj__prod__slider__item__prodName {
  width: 80.2777777778%;
  margin: 5.5555555556% 0 0 10.2777777778%;
}

.prj__prod__slider__item--03 .prj__prod__slider__item__heading {
  width: 76.9444444444%;
}
.prj__prod__slider__item--03 .prj__prod__slider__item__fig {
  width: 90%;
  margin: 31.6666666667% 0 0 5%;
}
.prj__prod__slider__item--03 .prj__prod__slider__item__prodName {
  width: 91.9444444444%;
  margin: 5.5555555556% 0 0 4.4444444444%;
}

.prj__prod__slider__item--04 .prj__prod__slider__item__heading {
  width: 76.9444444444%;
}
.prj__prod__slider__item--04 .prj__prod__slider__item__fig {
  width: 104.1666666667%;
  margin: 24.4444444444% 0 0 -1.9444444444%;
}
.prj__prod__slider__item--04 .prj__prod__slider__item__prodName {
  width: 92.5%;
  margin: 5.5555555556% 0 0 3.8888888889%;
}

.prj__prod__slider__navi {
  position: relative;
  width: 226px;
  margin: 20px auto 0;
  pointer-events: none;
}
@media all and (min-width: 491px) {
  .prj__prod__slider__navi {
    width: 295.3066666667px;
    margin-top: 26.1333333333px;
  }
}

.prj__prod__slider__dotNavi {
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
}
@media all and (min-width: 491px) {
  .prj__prod__slider__dotNavi {
    margin-bottom: 9.8px;
  }
}
.prj__prod__slider__dotNavi > span {
  width: 12px;
  height: 12px;
  margin: 0 7.5px !important;
  box-sizing: border-box;
  pointer-events: auto;
}
@media all and (min-width: 491px) {
  .prj__prod__slider__dotNavi > span {
    width: 15.68px;
    height: 15.68px;
    margin: 0 9.8px;
  }
}
.prj__prod__slider__dotNavi .swiper-pagination-bullet {
  border: none;
  background: #FFF;
  opacity: 1;
}
.prj__prod__slider__dotNavi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFFCD1;
}

.prj__prod__slider__linearNavi {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
}
.prj__prod__slider__linearNavi > div {
  position: relative;
  width: 44px;
  height: 44px;
  cursor: pointer;
  pointer-events: auto;
}
@media all and (min-width: 491px) {
  .prj__prod__slider__linearNavi > div {
    width: 57.4933333333px;
    height: 57.4933333333px;
  }
}
.prj__prod__slider__linearNavi > div .ico {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
}
.prj__prod__slider__linearNavi > div .ico::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10em;
  background: #524D9E;
}
.prj__prod__slider__linearNavi > div .ico::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/products/prod_slider_linear-navi_arrow.svg) 50% 50% no-repeat;
  background-size: contain;
  transition: all 0.2s;
}

.prj__prod__slider__linearNavi__prevBtn .ico::after {
  transform: scale(-1);
}

@media all and (min-width: 491px) {
  .prj__prod__slider__linearNavi__prevBtn:hover .ico::after {
    margin-left: -4px;
  }
  .prj__prod__slider__linearNavi__nextBtn:hover .ico::after {
    margin-left: 4px;
  }
}
.prj__prod__appliProducts {
  position: relative;
  margin: 25.641025641% auto 0;
}

.prj__prod__appliProductsContainer {
  position: relative;
  z-index: 1;
  padding: 10.2564102564% 0;
}

.prj__prod__appliProducts__heading {
  position: absolute;
  left: 50%;
  top: 0;
  width: 47.4358974359%;
  margin: -12.8205128205% 0 0 -23.5897435897%;
}

.prj__prod__appliProducts__subhead {
  position: relative;
  width: 83.5897435897%;
  margin: 2.5641025641% auto 0;
}

.prj__prod__appliProducts__brands {
  position: relative;
  width: 84.6153846154%;
  margin: 10.7692307692% auto 0;
}

.prj__prod__appliProducts__brands__logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 4em;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(n+4) {
  margin-top: 2.5em;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(1) {
  width: 31.2121212121%;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(2) {
  width: 23.6363636364%;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(3) {
  width: 19.3939393939%;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(4) {
  width: 41.5151515152%;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(5) {
  width: 38.7878787879%;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(6) {
  width: 33.3333333333%;
}
.prj__prod__appliProducts__brands__logos > li:nth-of-type(7) {
  width: 22.7272727273%;
}

.prj__prod__appliProducts__brands__notes {
  position: relative;
  margin: 9.3939393939% auto -1.2121212121%;
  line-height: 1.8;
  color: #000;
  text-align: justify;
}
@media all and (max-width: 490px) {
  .prj__prod__appliProducts__brands__notes {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__brands__notes {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__prod__appliProducts__brands__notes {
    font-size: 1.3066666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__prod__appliProducts__brands__notes {
    font-size: 1.3066666667rem;
  }
}

.prj__prod__appliProducts__list {
  position: relative;
  margin-top: 4.6153846154%;
  background: #FFF;
  border-radius: 0 0 3em 3em;
}

.prj__prod__appliProducts__list__main {
  position: relative;
  margin-top: 4.347826087%;
}

.prj__prod__appliProducts__list__openCloseBtn {
  position: relative;
  z-index: 1;
  width: 83.0769230769%;
  margin: 0% auto 0;
}
.prj__prod__appliProducts__list__openCloseBtn .__close {
  display: none;
}
.prj__prod__appliProducts__list__openCloseBtn.--open {
  margin-top: 7.6923076923%;
}
.prj__prod__appliProducts__list__openCloseBtn.--open .__open {
  display: none;
}
.prj__prod__appliProducts__list__openCloseBtn.--open .__close {
  display: block;
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__list__openCloseBtn button {
    transition: all 0.2s;
  }
  .prj__prod__appliProducts__list__openCloseBtn button:hover {
    opacity: 0.7;
  }
}

.prj__prod__appliProducts__list__notes {
  position: relative;
  z-index: 1;
  margin-top: 3.7179487179%;
  letter-spacing: 0.04em;
  line-height: 1.6363636364;
  color: #000;
  text-align: center;
}
@media all and (max-width: 490px) {
  .prj__prod__appliProducts__list__notes {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__list__notes {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__prod__appliProducts__list__notes {
    font-size: 1.4373333333rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__prod__appliProducts__list__notes {
    font-size: 1.4373333333rem;
  }
}

.prj__prod__appliProducts__list__contents {
  position: relative;
  width: 92.3076923077%;
  margin: 7.6923076923% auto 0;
}

.prj__prod__appliProducts__list__heading {
  position: relative;
  margin-bottom: 6.6666666667%;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #524D9E;
  text-align: center;
}
@media all and (max-width: 490px) {
  .prj__prod__appliProducts__list__heading {
    font-size: 26px;
    font-size: 6.9333333333vw;
  }
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__list__heading {
    font-size: 26px;
    font-size: 6.9333333333vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__prod__appliProducts__list__heading {
    font-size: 3.3973333333rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__prod__appliProducts__list__heading {
    font-size: 3.3973333333rem;
  }
}

.prj__prod__appliProducts__list__group {
  position: relative;
}
.prj__prod__appliProducts__list__group:nth-of-type(n+2) {
  margin-top: 11.1111111111%;
}
.prj__prod__appliProducts__list__group dt {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 1em 1.5em;
  background: #524D9E;
  border-radius: 0.5em;
  font-weight: 900;
  letter-spacing: 0.03em;
  color: #FFF;
  text-align: center;
}
@media all and (max-width: 490px) {
  .prj__prod__appliProducts__list__group dt {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__list__group dt {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__prod__appliProducts__list__group dt {
    font-size: 2.352rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__prod__appliProducts__list__group dt {
    font-size: 2.352rem;
  }
}
.prj__prod__appliProducts__list__group ul {
  position: relative;
  margin-top: 5%;
  font-weight: 700;
  line-height: 1.75;
  color: #000;
}
@media all and (max-width: 490px) {
  .prj__prod__appliProducts__list__group ul {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__list__group ul {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__prod__appliProducts__list__group ul {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__prod__appliProducts__list__group ul {
    font-size: 2.0906666667rem;
  }
}
.prj__prod__appliProducts__list__group ul li {
  position: relative;
  padding-left: 1em;
}
.prj__prod__appliProducts__list__group ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  margin-left: -0.15em;
  transform: scale(0.5);
}
.prj__prod__appliProducts__list__group--exclude dt {
  background: #9C9C9C;
  vertical-align: bottom;
}
.prj__prod__appliProducts__list__group--exclude dt::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2.05em;
  height: 1.85em;
  margin-right: 0.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2217.85%22%20viewBox%3D%220%200%2021%2017.85%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_484%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20484%22%20transform%3D%22translate(-87%20-405.208)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M8.776%2C2.931a2%2C2%2C0%2C0%2C1%2C3.448%2C0l7%2C11.905A2%2C2%2C0%2C0%2C1%2C17.5%2C17.85H3.5a2%2C2%2C0%2C0%2C1-1.724-3.014Z%22%20transform%3D%22translate(87%20405.208)%22%20fill%3D%22%23fdf9f7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7922%22%20data-name%3D%22%E3%83%91%E3%82%B9%207922%22%20d%3D%22M2.436-2.844H1.008l-.3-5.724H2.736ZM.684-.84a.9.9%2C0%2C0%2C1%2C.3-.774%2C1.2%2C1.2%2C0%2C0%2C1%2C.732-.222%2C1.177%2C1.177%2C0%2C0%2C1%2C.72.222.9.9%2C0%2C0%2C1%2C.3.774.907.907%2C0%2C0%2C1-.3.762%2C1.135%2C1.135%2C0%2C0%2C1-.72.234A1.154%2C1.154%2C0%2C0%2C1%2C.984-.078.907.907%2C0%2C0%2C1%2C.684-.84Z%22%20transform%3D%22translate(96%20420.208)%22%20fill%3D%22%2300547f%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media all and (max-width: 490px) {
  .prj__prod__appliProducts__list__group--exclude dt::before {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__prod__appliProducts__list__group--exclude dt::before {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__prod__appliProducts__list__group--exclude dt::before {
    font-size: 1.3066666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__prod__appliProducts__list__group--exclude dt::before {
    font-size: 1.3066666667rem;
  }
}

.prj__prod__appliProducts__purchase {
  position: relative;
  width: 92.3076923077%;
  padding: 10.2564102564% 0 17.9487179487%;
  margin: 10.2564102564% auto 0;
}

.prj__prod__appliProducts__purchase__heading {
  position: relative;
  width: 56.3888888889%;
  margin: 0 auto;
}

.prj__prod__appliProducts__purchase__shops {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-top: 6.9444444444%;
}
.prj__prod__appliProducts__purchase__shops > li {
  position: relative;
  width: 48.6111111111%;
  overflow: hidden;
  border-radius: 10em;
}
.prj__prod__appliProducts__purchase__shops > li:nth-of-type(n+3) {
  margin-top: 3.3333333333%;
}
.prj__prod__appliProducts__purchase__shops > li a {
  display: block;
  position: relative;
}
.prj__prod__appliProducts__purchase__shops > li a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  transition: all 0.2s;
  opacity: 0;
}

@media all and (min-width: 491px) {
  .prj__prod__appliProducts__purchase__shops > li a:hover::after {
    opacity: 0.3;
  }
}
.prj__campaign {
  position: relative;
  margin-top: 5.1282051282%;
}
.prj__campaign .prj__secInner {
  position: relative;
}
.prj__camp__term {
  position: relative;
  padding-top: 3.8461538462%;
}

.prj__camp__term__bg {
  margin-top: 96.1538461538%;
}

.prj__camp__term__heading {
  position: relative;
  width: 63.8461538462%;
  margin: 0 auto;
}

.prj__camp__term__txt {
  position: relative;
  width: 92.3076923077%;
  margin: 4.358974359% auto 0;
}

.prj__camp__term__receipt {
  position: relative;
  width: 98.4615384615%;
  margin: 0.5128205128% auto 0;
}

.prj__camp__present {
  position: relative;
  margin-top: 38.4615384615%;
}

.prj__camp__present__heading {
  position: absolute;
  left: 50%;
  top: 0;
  width: 41.0256410256%;
  margin: -15.3846153846% 0 0 -20.5128205128%;
}

.prj__camp__present__series {
  position: relative;
  padding: 12.8205128205% 0 7.6923076923%;
}
.prj__camp__present__series--02 {
  margin-top: 30.7692307692%;
}

.prj__camp__present__course {
  position: relative;
  z-index: 1;
  width: 92.3076923077%;
  padding: 4.6153846154% 0 7.1794871795%;
  margin: 0 auto;
  background: #D3D1E8;
  border-radius: 2em;
}
.prj__camp__present__course--1000 {
  margin-top: 6.9444444444%;
  background: #FFFCD1;
}

.prj__camp__present__course__totalBdg {
  position: absolute;
  right: 0;
  top: 0;
  width: 22.2222222222%;
  margin: -2.7777777778% -2.7777777778% 0 0;
}

.prj__camp__present__course__heading {
  position: relative;
  width: 56.3888888889%;
  margin-left: 5.5555555556%;
}
.prj__camp__present__course--1000 .prj__camp__present__course__heading {
  width: 60.8333333333%;
}

.prj__camp__present__course__prize {
  position: relative;
  margin: 2.7777777778% auto 0;
}
.prj__camp__present__course__prize--s1c500 {
  width: 92.7777777778%;
}
.prj__camp__present__course__prize--s1c1000 {
  width: 95.5555555556%;
}
.prj__camp__present__course__prize--s2c500 {
  width: 92.7777777778%;
}
.prj__camp__present__course__prize--s2c1000 {
  width: 92.7777777778%;
}

.prj__camp__present__course__prize__goodsname {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.prj__camp__present__course__prize--s1c500 .prj__camp__present__course__prize__goodsname {
  width: 97.005988024%;
}
.prj__camp__present__course__prize--s1c1000 .prj__camp__present__course__prize__goodsname {
  width: 94.1860465116%;
}
.prj__camp__present__course__prize--s2c500 .prj__camp__present__course__prize__goodsname {
  width: 97.005988024%;
}
.prj__camp__present__course__prize--s2c1000 .prj__camp__present__course__prize__goodsname {
  width: 97.005988024%;
}

.prj__camp__present__seriesNotes {
  position: relative;
  z-index: 1;
  width: 84.6153846154%;
  margin: 1em auto 0;
  text-align: right;
}
.prj__camp__present__seriesNotes small {
  color: #524D9E;
}
@media all and (max-width: 490px) {
  .prj__camp__present__seriesNotes small {
    font-size: 9px;
    font-size: 2.4vw;
  }
}
@media all and (min-width: 491px) {
  .prj__camp__present__seriesNotes small {
    font-size: 9px;
    font-size: 2.4vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__camp__present__seriesNotes small {
    font-size: 1.176rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__camp__present__seriesNotes small {
    font-size: 1.176rem;
  }
}

.prj__camp__present__multiple {
  position: relative;
  width: 94.8717948718%;
  height: 0;
  padding-top: 48.9743589744%;
  margin: 23.0769230769% auto 0;
  background: url(../img/campaign/camp_present_multiple_bg.svg) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__camp__present__multiple__cinnamoroll {
  position: absolute;
  left: 50%;
  top: 0;
  width: 52.972972973%;
  margin: -14.5945945946% 0 0 -26.4864864865%;
}

.prj__camp__present__multiple__heading {
  position: absolute;
  left: 0;
  top: 0;
  width: 56.7567567568%;
  margin: 12.7027027027% 0 0 5.4054054054%;
}
.prj__camp__present__multiple__heading__t1 {
  width: 100%;
}
.prj__camp__present__multiple__heading__t2 {
  width: 97.619047619%;
  margin-top: 4.2857142857%;
}

.prj__camp__present__multiple__products {
  position: absolute;
  right: 0;
  top: 0;
  width: 37.027027027%;
  margin: 6.4864864865% 2.7027027027% 0 0;
}

.prj__camp__present__multiple__notes {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28.3783783784%;
  margin: 0 5.4054054054% 5.9459459459% 0;
}
.prj__camp__present__multiple__notes small {
  display: block;
  line-height: 1.5;
  color: #524D9E;
}
@media all and (max-width: 490px) {
  .prj__camp__present__multiple__notes small {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
@media all and (min-width: 491px) {
  .prj__camp__present__multiple__notes small {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__camp__present__multiple__notes small {
    font-size: 1.0453333333rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__camp__present__multiple__notes small {
    font-size: 1.0453333333rem;
  }
}

.prj__camp__present__forAll {
  position: relative;
  width: 92.3076923077%;
  padding-top: 5.1282051282%;
  margin: 5.1282051282% auto 0;
  border-radius: 3em;
}

.prj__camp__present__forAll__heading {
  position: relative;
  width: 54.7222222222%;
  margin: 0 auto;
}

.prj__camp__present__forAll__fig {
  position: relative;
  width: 100%;
  margin: 6.1111111111% auto 0;
}

.prj__camp__present__forAll__fig__img {
  overflow: hidden;
  border-radius: 3em 3em 0 0;
}

.prj__camp__present__forAll__fig__txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 34.4444444444%;
  margin: 3.8888888889% 0 0 5.8333333333%;
}

.prj__camp__present__forAll__fig__badge {
  position: absolute;
  right: 0;
  top: 0;
  width: 22.2222222222%;
  margin: -2.7777777778% -2.7777777778% 0 0;
}

.prj__camp__present__forAll__txt {
  position: relative;
  padding: 6.9444444444% 0 7.7777777778%;
  background: #FFF;
  border-radius: 0 0 3em 3em;
}
.prj__camp__present__forAll__txt > div {
  width: 70.5555555556%;
  margin: 0 auto;
}

.prj__camp__present__notes {
  position: relative;
  width: 92.3076923077%;
  margin: 4.6153846154% auto -0.5128205128%;
}
.prj__camp__present__notes small {
  display: block;
  line-height: 1.3333333333;
  color: #524D9E;
  text-align: justify;
}
@media all and (max-width: 490px) {
  .prj__camp__present__notes small {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
@media all and (min-width: 491px) {
  .prj__camp__present__notes small {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__camp__present__notes small {
    font-size: 1.568rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__camp__present__notes small {
    font-size: 1.568rem;
  }
}

.prj__application {
  position: relative;
  margin-top: 17.9487179487%;
  background: #BFDDF5;
}
.prj__application .prj__secInner {
  position: relative;
  padding: 5.1282051282% 0 0;
}
.prj__application .prj__secMain {
  margin-top: 8.9743589744%;
}

.prj__appl__h__heading {
  position: relative;
  width: 37.9487179487%;
  margin: 0 auto;
}

.prj__appl__h__desc {
  width: 76.9230769231%;
  margin: 5.641025641% auto 0;
}

.prj__appl__step {
  position: relative;
  width: 92.3076923077%;
  padding-bottom: 10.2564102564%;
  margin: 0 auto;
  background: #FFF;
  border-radius: 2em;
  color: #231F20;
}
.prj__appl__step:nth-of-type(n+2) {
  margin-top: 5.1282051282%;
}
.prj__appl__step--01 .prj__appl__step__txts dt > div {
  width: 48.3333333333%;
}
.prj__appl__step--02 .prj__appl__step__txts dt > div {
  width: 86.1111111111%;
}

.prj__appl__step__txts dt {
  padding: 6.9444444444% 0;
  background: #FFFCD1;
  border-radius: 2em 2em 0 0;
}
.prj__appl__step__txts dt > div {
  margin-left: 5%;
}
.prj__appl__step__txts dd {
  width: 83.3333333333%;
  margin: 4.7222222222% auto -0.8333333333%;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5454545455;
  text-align: justify;
}
@media all and (max-width: 490px) {
  .prj__appl__step__txts dd {
    font-size: 22px;
    font-size: 5.8666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__step__txts dd {
    font-size: 22px;
    font-size: 5.8666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__step__txts dd {
    font-size: 2.8746666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__step__txts dd {
    font-size: 2.8746666667rem;
  }
}
.prj__appl__step__txts dd strong {
  color: #524D9E;
}

.prj__appl__step__friendBtn {
  position: relative;
  width: 86.1111111111%;
  margin: 6.9444444444% auto 0;
}
@media all and (min-width: 491px) {
  .prj__appl__step__friendBtn a {
    transition: all 0.2s;
  }
  .prj__appl__step__friendBtn a:hover {
    opacity: 0.7;
  }
}
.prj__appl__step__friendBtn.__na {
  pointer-events: none;
}

.prj__appl__receipt {
  position: relative;
  width: 92.3076923077%;
  margin: 5.1282051282% auto 0;
  background: #FFF;
  border-radius: 2em;
  color: #231F20;
}

.prj__appl__receipt__header {
  padding: 7.5% 0 8.8888888889%;
  background: #FFFCD1;
  border-radius: 2em 2em 0 0;
}

.prj__appl__receipt__h__heading {
  width: 64.4444444444%;
  margin: 0 auto;
}

.prj__appl__receipt__h__note {
  width: 75.5555555556%;
  margin: 5.8333333333% auto 0;
}

.prj__appl__receipt__main {
  position: relative;
  width: 100%;
  padding: 7.5% 0 11.1111111111%;
  margin: 0 auto;
}

.prj__appl__receipt__desc {
  width: 88.8888888889%;
  margin: 0 auto;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media all and (max-width: 490px) {
  .prj__appl__receipt__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__receipt__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__receipt__desc {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__receipt__desc {
    font-size: 2.0906666667rem;
  }
}

.prj__appl__receipt__fig {
  width: 88.8888888889%;
  margin: 8.3333333333% auto 0;
}

.prj__appl__receipt__notes {
  width: 88.8888888889%;
  margin: 6.9444444444% auto 0;
}
.prj__appl__receipt__notes small {
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: #231F20;
  text-align: justify;
}
@media all and (max-width: 490px) {
  .prj__appl__receipt__notes small {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__receipt__notes small {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__receipt__notes small {
    font-size: 1.3066666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__receipt__notes small {
    font-size: 1.3066666667rem;
  }
}

.prj__appl__receipt__shooting {
  position: relative;
  margin-top: 11.1111111111%;
}

.prj__appl__receipt__shooting__contents {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.prj__appl__receipt__shooting__openCloseBtn {
  width: 83.3333333333%;
  margin: 0% auto 0;
}
.prj__appl__receipt__shooting__openCloseBtn .__close {
  display: none;
}
.prj__appl__receipt__shooting__openCloseBtn.--open {
  margin-top: 5.5555555556%;
}
.prj__appl__receipt__shooting__openCloseBtn.--open .__open {
  display: none;
}
.prj__appl__receipt__shooting__openCloseBtn.--open .__close {
  display: block;
}
@media all and (min-width: 491px) {
  .prj__appl__receipt__shooting__openCloseBtn button {
    transition: all 0.2s;
  }
  .prj__appl__receipt__shooting__openCloseBtn button:hover {
    opacity: 0.7;
  }
}

.prj__appl__receipt__shooting__result {
  width: 88.8888888889%;
  margin: 0 auto;
}
.prj__appl__receipt__shooting__result--ok .prj__appl__receipt__shooting__result__fig {
  width: 62.5%;
  margin: 7.8125% auto 0;
}
.prj__appl__receipt__shooting__result--ok .prj__appl__receipt__shooting__result__points {
  margin-top: 7.8125%;
}
.prj__appl__receipt__shooting__result--ok .prj__appl__receipt__shooting__result__points li {
  position: relative;
  padding-left: 1em;
}
.prj__appl__receipt__shooting__result--ok .prj__appl__receipt__shooting__result__points li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.prj__appl__receipt__shooting__result--ng {
  margin-top: 15.625%;
}
.prj__appl__receipt__shooting__result--ng .prj__appl__receipt__shooting__result__points {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 7.8125% auto 0;
}
.prj__appl__receipt__shooting__result--ng .prj__appl__receipt__shooting__result__points li {
  width: 47.5%;
  text-align: center;
}
.prj__appl__receipt__shooting__result--ng .prj__appl__receipt__shooting__result__points li:nth-of-type(n+3) {
  margin-top: 6.875%;
}
.prj__appl__receipt__shooting__result--ng .prj__appl__receipt__shooting__result__points li:nth-of-type(5) {
  margin-left: 27.5%;
}
.prj__appl__receipt__shooting__result--ng .prj__appl__receipt__shooting__result__points li:nth-of-type(5) span {
  display: block;
  position: relative;
  left: 50%;
  width: 197.3684210526%;
  transform: translateX(-50%);
}
.prj__appl__receipt__shooting__result--ng .prj__appl__receipt__shooting__result__fig {
  width: 100%;
  margin-bottom: 5.2631578947%;
}

.prj__appl__receipt__shooting__result__heading {
  position: relative;
}
.prj__appl__receipt__shooting__result__heading dt {
  width: 112.5%;
  margin-left: -6.25%;
}
.prj__appl__receipt__shooting__result__heading dd {
  margin-top: 8.75%;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media all and (max-width: 490px) {
  .prj__appl__receipt__shooting__result__heading dd {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__receipt__shooting__result__heading dd {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__receipt__shooting__result__heading dd {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__receipt__shooting__result__heading dd {
    font-size: 2.0906666667rem;
  }
}
.prj__appl__receipt__shooting__result__heading dd strong {
  color: #524D9E;
}

.prj__appl__receipt__shooting__result__fig {
  overflow: hidden;
  border-radius: 8px;
}

prj__appl__endBlc .prj__appl__receipt__shooting__result__points {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media all and (max-width: 490px) {
  prj__appl__endBlc .prj__appl__receipt__shooting__result__points {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  prj__appl__endBlc .prj__appl__receipt__shooting__result__points {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  prj__appl__endBlc .prj__appl__receipt__shooting__result__points {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  prj__appl__endBlc .prj__appl__receipt__shooting__result__points {
    font-size: 2.0906666667rem;
  }
}

.prj__appl__endBlc {
  position: relative;
  padding: 12.8205128205% 0 38.4615384615%;
  margin-top: 35.8974358974%;
}

.prj__appl__postcard {
  position: relative;
  width: 92.3076923077%;
  margin: 0 auto;
}

.prj__appl__postcard__heading {
  width: 71.1111111111%;
  margin: 0 auto;
}

.prj__appl__postcard__main {
  position: relative;
  padding: 8.3333333333% 0 12.5%;
  margin-top: 8.3333333333%;
  background: #FFF;
  border-radius: 2em;
}

.prj__appl__postcard__subhead {
  margin: 0 auto;
}

.prj__appl__postcard__topic {
  position: relative;
  width: 88.8888888889%;
  margin: 0 auto;
}
.prj__appl__postcard__topic--02, .prj__appl__postcard__topic--03 {
  margin-top: 8.3333333333%;
}
.prj__appl__postcard__topic--02 {
  padding-top: 8.8888888889%;
}
.prj__appl__postcard__topic--02::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 93.75%;
  height: 3px;
  margin-left: 3.125%;
  background-image: linear-gradient(to right, #1C75BC, #1C75BC 3px, transparent 3px);
  background-repeat: repeat-x;
  background-size: 10px 3px;
  background-position: left top;
}
.prj__appl__postcard__topic--01 .prj__appl__postcard__subhead {
  width: 91.25%;
  margin-top: 6.875%;
}
.prj__appl__postcard__topic--02 .prj__appl__postcard__subhead {
  width: 81.25%;
}
.prj__appl__postcard__topic--03 .prj__appl__postcard__subhead {
  width: 21.875%;
}

.prj__appl__postcard__01__sample {
  width: 106.25%;
  margin-left: -3.125%;
}

.prj__appl__postcard__01__note {
  margin-top: 1.5em;
}
.prj__appl__postcard__01__note small {
  display: block;
  letter-spacing: 0.04em;
  color: #000;
  text-align: center;
}
@media all and (max-width: 490px) {
  .prj__appl__postcard__01__note small {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__postcard__01__note small {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__postcard__01__note small {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__postcard__01__note small {
    font-size: 2.0906666667rem;
  }
}

.prj__appl__postcard__01__desc {
  width: 98.4375%;
  margin: 0.8em auto 0;
  letter-spacing: 0.04em;
  line-height: 1.5625;
  text-align: justify;
  color: #000;
}
@media all and (max-width: 490px) {
  .prj__appl__postcard__01__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__postcard__01__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__postcard__01__desc {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__postcard__01__desc {
    font-size: 2.0906666667rem;
  }
}

.prj__appl__postcard__02__fig {
  width: 100%;
  margin: 9.375% auto 0;
}

.prj__appl__postcard__03__desc {
  margin: 2.1875% auto -1.5625%;
  letter-spacing: 0.04em;
  line-height: 1.625;
  color: #000;
}
@media all and (max-width: 490px) {
  .prj__appl__postcard__03__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__postcard__03__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__postcard__03__desc {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__postcard__03__desc {
    font-size: 2.0906666667rem;
  }
}

.prj__appl__terms {
  position: relative;
  width: 92.3076923077%;
  margin: 10.2564102564% auto 0;
}

.prj__appl__terms__heading {
  width: 37.7777777778%;
  margin: 0 auto;
}

.prj__appl__terms__main {
  position: relative;
  padding: 6.9444444444% 0;
  margin-top: 6.9444444444%;
  background: #FFF;
  border-radius: 2em;
}

.prj__appl__terms__mainContents {
  position: relative;
  width: 83.3333333333%;
  height: 16.25em;
  overflow: auto;
  box-sizing: border-box;
  padding-right: 1em;
  margin: 0 0 0 8.3333333333%;
  letter-spacing: 0.04em;
  line-height: 1.625;
  color: #231F20;
  word-break: break-all;
}
@media all and (max-width: 490px) {
  .prj__appl__terms__mainContents {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__terms__mainContents {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__terms__mainContents {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__terms__mainContents {
    font-size: 2.0906666667rem;
  }
}
.prj__appl__terms__mainContents section:nth-of-type(n+2) {
  margin-top: 13.3333333333%;
}
.prj__appl__terms__mainContents h4 {
  font-weight: 700;
}
@media all and (max-width: 490px) {
  .prj__appl__terms__mainContents h4 {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__terms__mainContents h4 {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__terms__mainContents h4 {
    font-size: 2.352rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__terms__mainContents h4 {
    font-size: 2.352rem;
  }
}
.prj__appl__terms__mainContents h5 {
  margin-top: 6.6666666667%;
  font-weight: 700;
}
.prj__appl__terms__mainContents h5 + * {
  margin-top: 1.6666666667% !important;
}
.prj__appl__terms__mainContents p, .prj__appl__terms__mainContents ol, .prj__appl__terms__mainContents ul, .prj__appl__terms__mainContents dl {
  margin-top: 6.6666666667%;
}
.prj__appl__terms__mainContents dd > *:nth-child(1) {
  margin-top: 0;
}

.prj__appl__inquiry {
  position: relative;
  width: 92.3076923077%;
  margin: 10.2564102564% auto 0;
}

.prj__appl__inquiry__heading {
  width: 56.6666666667%;
  margin: 0 auto;
}

.prj__appl__inquiry__main {
  position: relative;
  padding: 6.9444444444% 0 9.7222222222%;
  margin-top: 8.3333333333%;
  background: #FFF;
  border-radius: 2em;
}

.prj__appl__inquiry__info {
  position: relative;
  width: 86.1111111111%;
  margin: 0 auto;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: #000;
  text-align: justify;
}
.prj__appl__inquiry__info dt {
  font-weight: 700;
}
@media all and (max-width: 490px) {
  .prj__appl__inquiry__info dt {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__inquiry__info dt {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__inquiry__info dt {
    font-size: 2.6133333333rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__inquiry__info dt {
    font-size: 2.6133333333rem;
  }
}
.prj__appl__inquiry__info dd:nth-of-type(1) {
  margin-top: 0.8em;
  font-weight: 700;
}
@media all and (max-width: 490px) {
  .prj__appl__inquiry__info dd:nth-of-type(1) {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__inquiry__info dd:nth-of-type(1) {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__inquiry__info dd:nth-of-type(1) {
    font-size: 2.6133333333rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__inquiry__info dd:nth-of-type(1) {
    font-size: 2.6133333333rem;
  }
}
.prj__appl__inquiry__info dd:nth-of-type(1) {
  color: #524D9E;
}
.prj__appl__inquiry__info dd:nth-of-type(n+2) {
  margin-top: 1em;
}
@media all and (max-width: 490px) {
  .prj__appl__inquiry__info dd:nth-of-type(n+2) {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__appl__inquiry__info dd:nth-of-type(n+2) {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__appl__inquiry__info dd:nth-of-type(n+2) {
    font-size: 2.0906666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__appl__inquiry__info dd:nth-of-type(n+2) {
    font-size: 2.0906666667rem;
  }
}

[class*=prj__deco__] {
  position: absolute;
  left: 0;
  top: 0;
}

.prj__deco__covr__bg {
  width: 100%;
  height: 0;
  padding-top: 388.2051282051%;
  margin-top: -5.1282051282%;
  background: linear-gradient(0deg, rgb(191, 221, 245) 0%, rgb(140, 151, 201) 50%, rgb(82, 77, 158) 100%);
}

.prj__deco__camp__bg {
  width: 100%;
  height: 0;
  padding-top: 851.2820512821%;
  background: linear-gradient(0deg, rgb(191, 221, 245) 0%, rgb(140, 151, 201) 50%, rgb(82, 77, 158) 100%);
}

.prj__deco__prod__bg {
  width: 100%;
  height: 0;
  padding-top: 323.0769230769%;
  background: linear-gradient(0deg, rgb(191, 221, 245) 0%, rgb(140, 151, 201) 50%, rgb(82, 77, 158) 100%);
}

.prj__deco__prod__purchase__bg {
  width: 108.3333333333%;
  height: 0;
  padding-top: 166.6666666667%;
  margin: -13.8888888889% 0 0 -4.1666666667%;
  background: linear-gradient(0deg, rgb(191, 221, 245) 0%, rgb(159, 177, 218) 100%);
}

.prj__deco__appl__bg {
  width: 100%;
  height: 0;
  padding-top: 820.5128205128%;
  background: linear-gradient(0deg, rgb(191, 221, 245) 0%, rgb(140, 151, 201) 50%, rgb(82, 77, 158) 100%);
}

.prj__deco__semitransparentCloudBg {
  width: 100%;
  height: 0;
  padding-top: 787.1794871795%;
  background: url(../img/deco/deco_semitransparent_cloud-bg.svg) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__appl__endBlc__bg {
  width: 100%;
  height: 0;
  padding-top: 780.7692307692%;
  background: linear-gradient(0deg, rgb(191, 221, 245) 0%, rgb(140, 151, 201) 50%, rgb(82, 77, 158) 100%);
}

.prj__deco__covr__kv__particle {
  width: 98.4615384615%;
  height: 0;
  padding-top: 140.7692307692%;
  margin: 3.5897435897% 0 0 2.3076923077%;
  background: url(../img/deco/deco_covr_kv_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__covr__campaign__particle {
  width: 93.0769230769%;
  height: 0;
  padding-top: 157.1794871795%;
  margin: 16.4102564103% 0 0 3.0769230769%;
  background: url(../img/deco/deco_covr_campaign_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__camp__particle {
  width: 91.0256410256%;
  height: 0;
  padding-top: 26.9230769231%;
  margin: -1.2820512821% 0 0 4.6153846154%;
  background: url(../img/deco/deco_camp_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__camp__term__particle {
  width: 37.4358974359%;
  height: 0;
  padding-top: 11.5384615385%;
  margin: 96.4102564103% 0 0 52.8205128205%;
  background: url(../img/deco/deco_camp_term_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__camp__present1__heading__particle {
  width: 89.2307692308%;
  height: 0;
  padding-top: 19.2307692308%;
  margin: -12.3076923077% 0 0 7.1794871795%;
  background: url(../img/deco/deco_camp_present_01_heading_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__camp__present2__heading__particle {
  width: 89.7435897436%;
  height: 0;
  padding-top: 18.7179487179%;
  margin: -11.7948717949% 0 0 7.1794871795%;
  background: url(../img/deco/deco_camp_present_02_heading_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__camp__present__multiple__particle {
  width: 87.8378378378%;
  height: 0;
  padding-top: 76.4864864865%;
  margin: -12.972972973% 0 0 9.7297297297%;
  background: url(../img/deco/deco_camp_present_multiple_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__camp__present__forAll__heading__particle {
  width: 84.7222222222%;
  height: 0;
  padding-top: 21.9444444444%;
  margin: 5% 0 0 7.7777777778%;
  background: url(../img/deco/deco_camp_present_forall_heading_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__prod__particle {
  width: 90.7692307692%;
  height: 0;
  padding-top: 43.3333333333%;
  margin: -21.0256410256% 0 0 5.641025641%;
  background: url(../img/deco/deco_prod_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__prod__purchase__particle {
  width: 92.5%;
  height: 0;
  padding-top: 19.1666666667%;
  margin: 7.7777777778% 0 0 0.8333333333%;
  background: url(../img/deco/deco_prod_purchase_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__appl__particle {
  width: 95.8974358974%;
  height: 0;
  padding-top: 53.0769230769%;
  margin: -5.641025641% 0 0 4.358974359%;
  background: url(../img/deco/deco_appl_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__appl__postcard__heading__particle {
  width: 98.8888888889%;
  height: 0;
  padding-top: 43.6111111111%;
  margin: -13.3333333333% 0 0 0.8333333333%;
  background: url(../img/deco/deco_appl_postcard_heading_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__appl__terms__heading__particle {
  width: 98.8888888889%;
  height: 0;
  padding-top: 14.7222222222%;
  margin: -2.2222222222% 0 0 0.5555555556%;
  background: url(../img/deco/deco_appl_terms_heading_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__appl__inquiry__heading__particle {
  width: 98.8888888889%;
  height: 0;
  padding-top: 14.7222222222%;
  margin: -1.1111111111% 0 0 0.5555555556%;
  background: url(../img/deco/deco_appl_inquiry_heading_particle.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__deco__purpleCloud {
  width: 100%;
  height: 0;
  padding-top: 17.9487179487%;
  margin-top: -17.6923076923%;
  background: url(../img/deco/deco_purple-top_cloud.svg) 0 0 no-repeat;
  background-size: cover;
}

.prj__deco__f__top__cloud {
  width: 100%;
  height: 0;
  padding-top: 43.3333333333%;
  margin: -15.8974358974% 0 0 0%;
  background: url(../img/deco/deco_f_top_cloud.svg) 0 0 no-repeat;
  background-size: 100% 100%;
}

.prj__cmn__whiteCloudBlc {
  background: #FFF;
}
.prj__cmn__whiteCloudBlc::before, .prj__cmn__whiteCloudBlc::after {
  content: "";
  position: absolute;
  left: 0;
  width: 116.9230769231%;
  height: 0;
  padding-top: 30.7692307692%;
  margin-left: -8.4615384615%;
  background: url(../img/deco/deco_prod_appliprod_cloud.svg) 0 0 no-repeat;
  background-size: 100% 100%;
}
.prj__cmn__whiteCloudBlc::before {
  top: 0;
  margin-top: -4.358974359%;
}
.prj__cmn__whiteCloudBlc::after {
  bottom: 0;
  margin-bottom: -4.358974359%;
}

.prj__deco__camp__term__cinnamoroll {
  top: auto;
  bottom: 0;
  width: 50.5128205128%;
  margin: 0 0 -18.9743589744% 8.2051282051%;
}

.prj__deco__appl__step1__cinnamoroll {
  width: 62.2222222222%;
  margin: -1.1111111111% 0 0 53.3333333333%;
}

.prj__deco__appl__receipt__cinnamoroll {
  width: 42.5%;
  margin: 43.3333333333% 0 0 70.8333333333%;
}

.prj__deco__prod__h__cinnamoroll {
  width: 60.2564102564%;
  margin: -35.8974358974% 0 0 20.5128205128%;
}

.prj__deco__f__cinnamoroll {
  width: 94.6153846154%;
  margin: -34.358974359% 0 0 3.0769230769%;
}

@media all and (min-width: 491px) {
  .prj__cover .prj__secInner {
    padding-top: 10%;
  }
  .prj__covr__kv {
    display: none;
  }
}
@media all and (max-width: 1300px) {
  .prj__cover .prj__secInner {
    padding-top: 0;
  }
  .prj__covr__kv {
    display: block;
  }
}
.prj__pc {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #524D9E url(../img/pc/pc_bg.svg) 50% 0 no-repeat;
  background-size: cover;
}

@media all and (max-width: 490px) {
  .prj__pc {
    display: none;
  }
}
.prj__pc__menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 21.4510050251%;
  max-width: 341.5px;
  overflow: hidden;
  margin-right: calc((50% - 320px) * 0.5);
  background: #FFF;
  border-radius: 2em;
  transform: translate(50%, -50%);
}
@media all and (max-width: 1300px) {
  .prj__pc__menu {
    display: none;
  }
}

.prj__pc__menu__heading {
  padding: 8.1991215227% 0;
  background: #524D9E;
}

.prj__pc__menu__headingTxt {
  width: 23.7188872621%;
  margin: 0 auto;
}

.prj__pc__menu__main {
  width: 85.3587115666%;
  padding: 2.9282576867% 0;
  margin: 0 auto;
}

.prj__pc__menu__btns > li {
  position: relative;
}
.prj__pc__menu__btns > li:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(to right, #F4C8DD, #F4C8DD 3px, transparent 3px);
  background-repeat: repeat-x;
  background-size: 10px 3px;
  background-position: left top;
  border: none;
}

.prj__pc__menu__btn a {
  display: block;
  position: relative;
  padding: 8.576329331% 0;
}
.prj__pc__menu__btn a .ico {
  position: absolute;
  right: 0;
  top: 50%;
  width: 7.2041166381%;
  height: 0;
  padding-top: 7.2041166381%;
  margin: -4.8027444254% 0 0 0;
  transition: all 0.2s;
}
.prj__pc__menu__btn a .ico::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/pc/pc_menu_btn_arrow-ico.svg) 50% 50% no-repeat;
  background-size: contain;
}
.prj__pc__menu__btn a:hover .ico {
  transform: translateY(5px);
}
.prj__pc__menu__btn:nth-of-type(1) .txt {
  width: 61.7495711835%;
}
.prj__pc__menu__btn:nth-of-type(2) .txt {
  width: 61.4065180103%;
}
.prj__pc__menu__btn:nth-of-type(3) .txt {
  width: 30.1886792453%;
}
.prj__pc__menu__btn:nth-of-type(4) .txt {
  width: 30.5317324185%;
}

.prj__pc__kv {
  position: fixed;
  left: 0;
  top: 50%;
  width: 60.8040201005%;
  max-width: 968px;
  margin-left: 20.4145728643%;
  transform: translate(-50%, -55%);
}
@media all and (max-width: 1300px) {
  .prj__pc__kv {
    display: none;
  }
}

.prj__pc__copyright {
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 1.5em;
}
.prj__pc__copyright small {
  display: block;
  letter-spacing: 0.04em;
  color: #524D9E;
}
@media all and (max-width: 490px) {
  .prj__pc__copyright small {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) {
  .prj__pc__copyright small {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
@media all and (min-width: 491px) and (max-width: 490px) {
  .prj__pc__copyright small {
    font-size: 1.3066666667rem;
  }
}
@media all and (min-width: 491px) and (min-width: 490px) {
  .prj__pc__copyright small {
    font-size: 1.3066666667rem;
  }
}
@media all and (max-width: 1300px) {
  .prj__pc__copyright {
    display: none;
  }
}

.__teaserElm {
  display: none;
}

.prj__camp__term__comingsoon {
  display: none;
  position: relative;
  width: 87.6923076923%;
  margin: 2.0512820513% auto -2.0512820513%;
}

body.__teaser .__teaserElm {
  display: block;
}
body.__teaser .prj__camp__term__bg {
  margin-top: 112.8205128205%;
}
body.__teaser .prj__deco__camp__term__particle {
  margin-top: 112.8205128205%;
}
body.__teaser .prj__appl__step__friendBtn {
  pointer-events: none;
}
body.__teaser .prj__appl__step__friendBtn img {
  visibility: hidden;
  opacity: 0;
}
body.__teaser .prj__appl__step__friendBtn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/application/appl_step1_friend-btn_teaser.svg) 0 0 no-repeat;
  background-size: 100% 100%;
}

[class*=__ani_fadeIn] {
  opacity: 0;
  transition: all 0.5s linear;
}
[class*=__ani_fadeIn].--show {
  opacity: 1;
}

[class*=__ani_fadeUp] {
  opacity: 0;
  transform: translateY(80px);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[class*=__ani_fadeUp].__ani_fadeUp_long {
  transform: translateY(120px);
}
[class*=__ani_fadeUp].__ani_fadeUp_toR {
  transform: translateX(-80px);
}
[class*=__ani_fadeUp].__ani_fadeUp_toL {
  transform: translateX(80px);
}
[class*=__ani_fadeUp].__ani_fadeUp_toB {
  transform: translateY(-120px);
}
[class*=__ani_fadeUp].--show {
  opacity: 1;
  transform: translate(0, 0);
}

[class*=__ani_frameUp] {
  overflow: hidden;
}
[class*=__ani_frameUp] > *,
[class*=__ani_frameUp] > picture img {
  display: block;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(101%);
}
[class*=__ani_frameUp].__ani_frameUp_toR > *,
[class*=__ani_frameUp].__ani_frameUp_toR > picture img {
  transform: translateX(-101%);
}
[class*=__ani_frameUp].__ani_frameUp_toL > *,
[class*=__ani_frameUp].__ani_frameUp_toL > picture img {
  transform: translateX(101%);
}
[class*=__ani_frameUp].--show > *,
[class*=__ani_frameUp].--show > picture img {
  transform: translateY(0);
}

[class*=__ani_frameDown] {
  overflow: hidden;
}
[class*=__ani_frameDown] > *,
[class*=__ani_frameDown] > picture img {
  display: block;
  transform: translateY(-101%);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[class*=__ani_frameDown].--show > *,
[class*=__ani_frameDown].--show > picture img {
  transform: translateY(0);
}

.__ani_serialFadeIn > * {
  opacity: 0;
  transition: all 0.5s;
}
.__ani_serialFadeIn > *:nth-child(1) {
  transition-delay: 0.12s;
}
.__ani_serialFadeIn > *:nth-child(2) {
  transition-delay: 0.24s;
}
.__ani_serialFadeIn > *:nth-child(3) {
  transition-delay: 0.36s;
}
.__ani_serialFadeIn > *:nth-child(4) {
  transition-delay: 0.48s;
}
.__ani_serialFadeIn > *:nth-child(5) {
  transition-delay: 0.6s;
}
.__ani_serialFadeIn > *:nth-child(6) {
  transition-delay: 0.72s;
}
.__ani_serialFadeIn > *:nth-child(7) {
  transition-delay: 0.84s;
}
.__ani_serialFadeIn > *:nth-child(8) {
  transition-delay: 0.96s;
}
.__ani_serialFadeIn > *:nth-child(9) {
  transition-delay: 1.08s;
}
.__ani_serialFadeIn > *:nth-child(10) {
  transition-delay: 1.2s;
}
.__ani_serialFadeIn > *:nth-child(11) {
  transition-delay: 1.32s;
}
.__ani_serialFadeIn > *:nth-child(12) {
  transition-delay: 1.44s;
}
.__ani_serialFadeIn > *:nth-child(13) {
  transition-delay: 1.56s;
}
.__ani_serialFadeIn > *:nth-child(14) {
  transition-delay: 1.68s;
}
.__ani_serialFadeIn > *:nth-child(15) {
  transition-delay: 1.8s;
}
.__ani_serialFadeIn > *:nth-child(16) {
  transition-delay: 1.92s;
}
.__ani_serialFadeIn > *:nth-child(17) {
  transition-delay: 2.04s;
}
.__ani_serialFadeIn > *:nth-child(18) {
  transition-delay: 2.16s;
}
.__ani_serialFadeIn > *:nth-child(19) {
  transition-delay: 2.28s;
}
.__ani_serialFadeIn > *:nth-child(20) {
  transition-delay: 2.4s;
}
.__ani_serialFadeIn.--show > * {
  opacity: 1;
}

[class*=__ani_serialFadeUp] > * {
  opacity: 0;
  transform: translateY(80px);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[class*=__ani_serialFadeUp].__ani_serialFadeUp_toR > * {
  transform: translateX(-80px);
}
[class*=__ani_serialFadeUp].__ani_serialFadeUp_toL > * {
  transform: translateX(80px);
}
[class*=__ani_serialFadeUp].__ani_serialFadeUp_toB > * {
  transform: translateY(-80px);
}
[class*=__ani_serialFadeUp].--show > * {
  opacity: 1;
  transform: translate(0, 0);
}
[class*=__ani_serialFadeUp].--show > *:nth-child(1) {
  transition-delay: 0.12s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(2) {
  transition-delay: 0.24s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(3) {
  transition-delay: 0.36s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(4) {
  transition-delay: 0.48s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(5) {
  transition-delay: 0.6s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(6) {
  transition-delay: 0.72s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(7) {
  transition-delay: 0.84s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(8) {
  transition-delay: 0.96s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(9) {
  transition-delay: 1.08s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(10) {
  transition-delay: 1.2s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(11) {
  transition-delay: 1.32s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(12) {
  transition-delay: 1.44s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(13) {
  transition-delay: 1.56s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(14) {
  transition-delay: 1.68s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(15) {
  transition-delay: 1.8s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(16) {
  transition-delay: 1.92s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(17) {
  transition-delay: 2.04s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(18) {
  transition-delay: 2.16s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(19) {
  transition-delay: 2.28s;
}
[class*=__ani_serialFadeUp].--show > *:nth-child(20) {
  transition-delay: 2.4s;
}

[class*=__ani_serialFlipIn] {
  perspective: 800px;
}
[class*=__ani_serialFlipIn] > * {
  opacity: 0;
  transform: translateY(100%) rotate3d(1, 0, 0, -90deg);
  transform-origin: 0 -80%;
  transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
[class*=__ani_serialFlipIn].--show > * {
  opacity: 1;
  transform: translate(0, 0) rotate3d(0, 0, 0, 0deg);
}
[class*=__ani_serialFlipIn].--show > *:nth-child(1) {
  transition-delay: 0.22s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(2) {
  transition-delay: 0.34s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(3) {
  transition-delay: 0.46s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(4) {
  transition-delay: 0.58s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(5) {
  transition-delay: 0.7s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(6) {
  transition-delay: 0.82s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(7) {
  transition-delay: 0.94s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(8) {
  transition-delay: 1.06s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(9) {
  transition-delay: 1.18s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(10) {
  transition-delay: 1.3s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(11) {
  transition-delay: 1.42s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(12) {
  transition-delay: 1.54s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(13) {
  transition-delay: 1.66s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(14) {
  transition-delay: 1.78s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(15) {
  transition-delay: 1.9s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(16) {
  transition-delay: 2.02s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(17) {
  transition-delay: 2.14s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(18) {
  transition-delay: 2.26s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(19) {
  transition-delay: 2.38s;
}
[class*=__ani_serialFlipIn].--show > *:nth-child(20) {
  transition-delay: 2.5s;
}

[class*=__ani_zoomOutImg] {
  overflow: hidden;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(50%);
  opacity: 0;
}
[class*=__ani_zoomOutImg] img {
  transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(1.5) translateY(100%);
}
[class*=__ani_zoomOutImg].--show {
  transform: translateY(0);
  opacity: 1;
}
[class*=__ani_zoomOutImg].--show img {
  transform: scale(1) translateY(0);
}

[class*=__ani_scaleOut] img {
  transition: transform 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.05s linear;
  transform: scale(3) rotate(20deg);
  opacity: 0;
}
[class*=__ani_scaleOut].--show img {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

[class*=__ani_popUp] img {
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transform: scale(0) rotate(30deg);
  transform-origin: 50% 100%;
}
[class*=__ani_popUp].--show img {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

@keyframes rumble {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }
  12.5% {
    transform: rotate(0deg) translate(4px, -4px);
  }
  25% {
    transform: rotate(0deg) translate(0px, 4px);
  }
  37.5% {
    transform: rotate(0deg) translate(-4px, 0);
  }
  50% {
    transform: rotate(0deg) translate(0, 0);
  }
  62.5% {
    transform: rotate(0deg) translate(4px, 0);
  }
  75% {
    transform: rotate(0deg) translate(0, 4px);
  }
  87.5% {
    transform: rotate(0deg) translate(-4px, -4px);
  }
  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}
@keyframes rumble2 {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }
  12.5% {
    transform: rotate(0deg) translate(4px, -4px);
  }
  25% {
    transform: rotate(0deg) translate(0px, 4px);
  }
  37.5% {
    transform: rotate(0deg) translate(-4px, 0);
  }
  50% {
    transform: rotate(0deg) translate(0, 0);
  }
  62.5% {
    transform: rotate(0deg) translate(4px, 0);
  }
  75% {
    transform: rotate(0deg) translate(0, 4px);
  }
  87.5% {
    transform: rotate(0deg) translate(-4px, -4px);
  }
  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}
/*
#box1 { animation: 3s linear infinite rotation1; }
#box2 { animation: 3s linear infinite rotation2; }
#box3 { animation: 3s linear infinite rotation3; }
*/
@keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation2 {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(360deg);
  }
}
@keyframes rotation3 {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/*
#scrollSign1 { animation: scrollDown_arrow 1.6s ease infinite; }
#scrollSign2 { animation: scrollDown_bar 2s ease infinite; }
*/
@keyframes scrollDown_arrow {
  0% {
    transform: translateY(-70%);
    opacity: 0;
  }
  40% {
    transform: translateY(0px);
    opacity: 1;
  }
  60% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(70%);
    opacity: 0;
  }
}
@keyframes scrollDown_bar {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  45% {
    transform-origin: top;
    transform: scaleY(1);
  }
  55% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
/*
#box { animation: 3s linear infinite bounce_s; }
#box { animation: 3s linear infinite bounce_m; }
*/
@keyframes bounce_s {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -2.5%, 0);
    transform: translate3d(0, -2.5%, 0);
  }
}
@keyframes bounce_m {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -3%, 0);
    transform: translate3d(0, -3%, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -0.5%, 0);
    transform: translate3d(0, -0.5%, 0);
  }
}
@keyframes bubble {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  90% {
    -webkit-transform: scale(1.004);
    transform: scale(1.004);
  }
}
@keyframes ticker1 {
  0% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes ticker2 {
  0% {
    transform: translateX(-3px);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes ticker3 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-107.5%);
  }
}
[class*=__ani_ticker] {
  display: flex;
  flex-wrap: nowrap;
}
[class*=__ani_ticker] > * {
  display: block;
  margin-right: 80px;
  animation: ticker1 20s linear infinite;
}

.__ani_ticker2 > * {
  animation: ticker2 20s linear infinite;
}

.__ani_ticker3 > * {
  animation: ticker3 20s linear infinite;
}

.prj__h__sunstarLogo {
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transform: translateY(-300%);
}

body.--show .prj__h__sunstarLogo {
  transform: translateY(0);
}

.prj__covr__campaign__goods {
  transition-delay: 0.3s !important;
}
.prj__covr__campaign__goods > div {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.prj__covr__campaign__goods > div:nth-of-type(1) {
  transform: translate(-50px, 50px) rotate(30deg);
  transition-delay: 0.3s;
}
.prj__covr__campaign__goods > div:nth-of-type(2) {
  transform: translate(0, 30px) rotate(-30deg);
  transition-delay: 0.5s;
}
.prj__covr__campaign__goods > div:nth-of-type(3) {
  transform: translate(0, 50px);
  transition-delay: 0.6s;
}
.prj__covr__campaign__goods > div:nth-of-type(4) {
  transform: translateX(-50px) rotate(30deg);
  transition-delay: 0.4s;
}
.prj__covr__campaign__goods > div:nth-of-type(5) {
  transform: translate(0, 50px);
  transition-delay: 0.7s;
}

.prj__covr__campaign__goods.--show > div {
  transform: translate(0, 0) rotate(0deg);
  opacity: 1;
}

.prj__prod__slider__item__chara {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s !important;
  transform: scale(0) rotate(30deg);
  transform-origin: 10% 100%;
}

.prj__prod__slider__item__cinnamoroll {
  overflow: hidden;
}
.prj__prod__slider__item__cinnamoroll img {
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s;
  transform: translateX(120%);
}

.prj__prod__slider__item > * {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.prj__prod__slider__item > *:nth-child(1) {
  transition-delay: 0.25s;
}
.prj__prod__slider__item > *:nth-child(2) {
  transition-delay: 0.4s;
}
.prj__prod__slider__item > *:nth-child(3) {
  transition-delay: 0.55s;
}
.prj__prod__slider__item > *:nth-child(4) {
  transition-delay: 0.7s;
}
.prj__prod__slider__item > *:nth-child(5) {
  transition-delay: 0.85s;
}
.prj__prod__slider__item > *:nth-child(6) {
  transition-delay: 1s;
}
.prj__prod__slider__item > *:nth-child(7) {
  transition-delay: 1.15s;
}
.prj__prod__slider__item > *:nth-child(8) {
  transition-delay: 1.3s;
}
.prj__prod__slider__item > *:nth-child(9) {
  transition-delay: 1.45s;
}
.prj__prod__slider__item > *:nth-child(10) {
  transition-delay: 1.6s;
}

.prj__prod__slider__linearNavi__prevBtn {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transform: translateX(150%);
  opacity: 0;
}

.prj__prod__slider__linearNavi__nextBtn {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transform: translateX(-150%);
  opacity: 0;
}

.prj__prod__slider__dotNavi > span {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(30px);
  opacity: 0 !important;
}
.prj__prod__slider__dotNavi > span:nth-child(1) {
  transition-delay: 0.58s;
}
.prj__prod__slider__dotNavi > span:nth-child(2) {
  transition-delay: 0.66s;
}
.prj__prod__slider__dotNavi > span:nth-child(3) {
  transition-delay: 0.74s;
}
.prj__prod__slider__dotNavi > span:nth-child(4) {
  transition-delay: 0.82s;
}
.prj__prod__slider__dotNavi > span:nth-child(5) {
  transition-delay: 0.9s;
}
.prj__prod__slider__dotNavi > span:nth-child(6) {
  transition-delay: 0.98s;
}
.prj__prod__slider__dotNavi > span:nth-child(7) {
  transition-delay: 1.06s;
}
.prj__prod__slider__dotNavi > span:nth-child(8) {
  transition-delay: 1.14s;
}
.prj__prod__slider__dotNavi > span:nth-child(9) {
  transition-delay: 1.22s;
}
.prj__prod__slider__dotNavi > span:nth-child(10) {
  transition-delay: 1.3s;
}

.prj__prod__slider.--show .prj__prod__slider__item__chara {
  transform: scale(1) rotate(0deg);
}
.prj__prod__slider.--show .prj__prod__slider__item__cinnamoroll img {
  transform: translateX(0);
}
.prj__prod__slider.--show .prj__prod__slider__item > * {
  opacity: 1;
}
.prj__prod__slider.--show .prj__prod__slider__linearNavi__prevBtn,
.prj__prod__slider.--show .prj__prod__slider__linearNavi__nextBtn {
  transform: translateX(0);
  opacity: 1;
}
.prj__prod__slider.--show .prj__prod__slider__dotNavi > span {
  transform: translateY(0);
  opacity: 1 !important;
}

.__reveal_scope img,
.__reveal_scope div {
  opacity: 0;
  filter: brightness(1.5) blur(2px);
  transform: translateY(100px);
  transition: opacity 1s ease, filter 1s ease, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.__reveal_scope.--show img,
.__reveal_scope.--show div {
  opacity: 1;
  filter: brightness(1) blur(0);
  transform: translateY(0);
}