@charset "UTF-8";
/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
/* Webフォントを定義 */
@font-face {
  font-family: "Dear Jane";
  /* フォント名!! */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/Dear-Jane.ttf") format("truetype");
}
.p-wrapper {
  /* ==============================
           リセットCSS
  ============================== */
  /* HTML5 display-role reset for older browsers */
  --rem: min(10px, calc(100vw / 1120 * 10));
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-size: var(--rem);
  letter-spacing: 0;
  color: #000;
  width: 100%;
  margin-top: -100px;
}
.p-wrapper html,
.p-wrapper body,
.p-wrapper div,
.p-wrapper span,
.p-wrapper applet,
.p-wrapper object,
.p-wrapper iframe,
.p-wrapper h1,
.p-wrapper h2,
.p-wrapper h3,
.p-wrapper h4,
.p-wrapper h5,
.p-wrapper h6,
.p-wrapper p,
.p-wrapper blockquote,
.p-wrapper pre,
.p-wrapper a,
.p-wrapper abbr,
.p-wrapper acronym,
.p-wrapper address,
.p-wrapper big,
.p-wrapper cite,
.p-wrapper code,
.p-wrapper del,
.p-wrapper dfn,
.p-wrapper em,
.p-wrapper img,
.p-wrapper ins,
.p-wrapper kbd,
.p-wrapper q,
.p-wrapper s,
.p-wrapper samp,
.p-wrapper small,
.p-wrapper strike,
.p-wrapper strong,
.p-wrapper sub,
.p-wrapper sup,
.p-wrapper tt,
.p-wrapper var,
.p-wrapper b,
.p-wrapper u,
.p-wrapper i,
.p-wrapper center,
.p-wrapper dl,
.p-wrapper dt,
.p-wrapper dd,
.p-wrapper ol,
.p-wrapper ul,
.p-wrapper li,
.p-wrapper fieldset,
.p-wrapper form,
.p-wrapper label,
.p-wrapper legend,
.p-wrapper table,
.p-wrapper caption,
.p-wrapper tbody,
.p-wrapper tfoot,
.p-wrapper thead,
.p-wrapper tr,
.p-wrapper th,
.p-wrapper td,
.p-wrapper article,
.p-wrapper aside,
.p-wrapper canvas,
.p-wrapper details,
.p-wrapper embed,
.p-wrapper figure,
.p-wrapper figcaption,
.p-wrapper footer,
.p-wrapper header,
.p-wrapper hgroup,
.p-wrapper menu,
.p-wrapper nav,
.p-wrapper output,
.p-wrapper ruby,
.p-wrapper section,
.p-wrapper summary,
.p-wrapper time,
.p-wrapper mark,
.p-wrapper audio,
.p-wrapper video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  list-style-type: none;
}
.p-wrapper a {
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-wrapper article,
.p-wrapper aside,
.p-wrapper details,
.p-wrapper figcaption,
.p-wrapper figure,
.p-wrapper footer,
.p-wrapper header,
.p-wrapper hgroup,
.p-wrapper menu,
.p-wrapper nav,
.p-wrapper section {
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-wrapper body {
  line-height: 1;
}
.p-wrapper * {
  font-family: inherit;
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.p-wrapper img,
.p-wrapper svg {
  height: auto;
  vertical-align: bottom;
  /* transfromによる画像のぼやけを防止 */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* 画像の保存を禁止 */
  pointer-events: none !important;
  -webkit-touch-callout: none !important;
}
.p-wrapper blockquote,
.p-wrapper q {
  quotes: none;
}
.p-wrapper blockquote:before,
.p-wrapper blockquote:after,
.p-wrapper q:before,
.p-wrapper q:after {
  content: "";
  content: none;
}
.p-wrapper table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.p-wrapper input[type=submit],
.p-wrapper input[type=button],
.p-wrapper input[type=reset],
.p-wrapper input[type=search] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-wrapper input[type=search]:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-wrapper input[type=text],
.p-wrapper input[type=email] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-wrapper input[type=text]:focus,
.p-wrapper input[type=email]:focus,
.p-wrapper button {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 721px) {
  .p-wrapper .-sp {
    display: none !important;
  }
}
@media (max-width: 720px) {
  .p-wrapper {
    --rem: calc(100vw / 375 * 10);
    margin-top: -50px;
    margin-bottom: 50px;
  }
  .p-wrapper .-pc {
    display: none !important;
  }
}
.p-wrapper * {
  font-size: inherit;
  box-sizing: border-box;
}
.p-wrapper *[id] {
  margin-top: -150px;
  padding-top: 150px;
}
@media (max-width: 720px) {
  .p-wrapper *[id] {
    margin-top: -75px;
    padding-top: 75px;
  }
}
.p-wrapper a {
  transition: 0.3s;
}
.p-wrapper a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-wrapper img {
  width: 100%;
  height: auto;
}
.p-wrapper .p-contents {
  overflow: hidden;
  margin: 0 calc(50% - 50vw);
  /* FV */
  /* コンテンツ部分 */
  /* 応募規約 */
}
.p-wrapper .p-contents_inner {
  max-width: calc(var(--rem) * 112);
  margin: 0 auto;
  padding: 0 calc(var(--rem) * 2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents_inner {
    padding: 0 calc(var(--rem) * 1);
  }
}
.p-wrapper .p-contents .l-fv_title {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.8);
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  text-align: center;
  color: #542A44;
  margin-top: calc(var(--rem) * 6.7);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-fv_title {
    font-size: calc(var(--rem) * 2);
    line-height: 1.6;
    letter-spacing: 0;
    margin-top: calc(var(--rem) * 3.2);
  }
}
.p-wrapper .p-contents .l-main {
  margin-top: calc(var(--rem) * 2.9);
  /* アンカーリンク */
  /* Xキャンペーン */
  /* Instagramキャンペーン */
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main {
    margin-top: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-anchors {
  display: flex;
  justify-content: center;
  gap: calc(var(--rem) * 6.4);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-anchors {
    flex-direction: column;
    gap: 0;
    padding: 0 calc(var(--rem) * 5.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpX {
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--rem) * 10.6);
  padding: calc(var(--rem) * 6.9) calc(var(--rem) * 12.6) calc(var(--rem) * 8.9);
  background: url("../images/campaign-x_bg.jpg") repeat-y top center/100% auto;
  border-radius: calc(var(--rem) * 1.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX {
    margin-top: calc(var(--rem) * 4.8);
    padding: calc(var(--rem) * 3.2) calc(var(--rem) * 1.6) calc(var(--rem) * 4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-wrapper .p-contents .l-main .l-cpX_head--wreath {
  position: absolute;
  z-index: 10;
  display: block;
}
.p-wrapper .p-contents .l-main .l-cpX_head--wreath.--top {
  bottom: calc(var(--rem) * 4.9);
  left: calc(var(--rem) * -5.9);
  width: calc(var(--rem) * 6);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_head--wreath.--top {
    bottom: calc(var(--rem) * 3.6);
    left: calc(var(--rem) * -2);
    width: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_head--wreath.--bottom {
  bottom: calc(var(--rem) * -3.3);
  right: calc(var(--rem) * -8);
  width: calc(var(--rem) * 6.2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_head--wreath.--bottom {
    bottom: calc(var(--rem) * -2);
    right: calc(var(--rem) * -2.4);
    width: calc(var(--rem) * 2.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_head--title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc(var(--rem) * 61.5);
}
.p-wrapper .p-contents .l-main .l-cpX_head--title .--en img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: calc(var(--rem) * 3.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_head--title .--en img {
    height: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_head--title .--text {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.8);
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  color: #542A44;
  margin-top: calc(var(--rem) * 1.94);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_head--title .--text {
    font-size: calc(var(--rem) * 1.8);
    line-height: 1.6;
    letter-spacing: 0;
    margin-top: calc(var(--rem) * 1.11);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_head--title .--jp {
  display: block;
  width: 100%;
  margin-top: calc(var(--rem) * 1.11);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_head--title .--jp {
    margin-top: calc(var(--rem) * 0.24);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_head--title .--jp img {
  display: block;
}
.p-wrapper .p-contents .l-main .l-cpX_body {
  margin-top: calc(var(--rem) * 6.7);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_body {
    margin-top: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview {
  display: flex;
  gap: calc(var(--rem) * 4.3);
  margin-left: calc(var(--rem) * -14.8);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview {
    display: block;
    margin-left: 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview--image {
  flex-basis: calc(var(--rem) * 53.8);
  max-width: calc(var(--rem) * 53.8);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview--image {
    margin-left: calc(var(--rem) * -4.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview--text {
  flex: 1;
  padding-top: calc(var(--rem) * 1.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview--text {
    margin-top: calc(var(--rem) * 1.6);
    padding-top: 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview--text_head {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.8);
  line-height: 1;
  color: #E5BD50;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview--text_head {
    font-size: calc(var(--rem) * 2);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview--text_body {
  margin-top: calc(var(--rem) * 3);
  letter-spacing: 0.05em;
  color: #542A44;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview--text_body {
    margin-top: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview--text_body .--line1 {
  font-size: calc(var(--rem) * 2.2);
  line-height: 1.6363636364;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview--text_body .--line1 {
    font-size: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_overview--text_body .--line2 {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.4);
  line-height: 1.5833333333;
  margin-top: 1.25em;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_overview--text_body .--line2 {
    font-size: calc(var(--rem) * 1.8);
    margin-top: 0.5em;
  }
}
.p-wrapper .p-contents .l-main .l-cpX_howto {
  position: relative;
  margin-top: calc(var(--rem) * 4.9);
  padding: calc(var(--rem) * 3.9) calc(var(--rem) * 5.5) calc(var(--rem) * 4);
  background: #fff;
  border-radius: calc(var(--rem) * 1);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_howto {
    margin-top: calc(var(--rem) * 3.2);
    padding: calc(var(--rem) * 2.4) calc(var(--rem) * 1.6) calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_howto--wreath {
  position: absolute;
  z-index: 10;
  display: block;
  bottom: calc(var(--rem) * 1.05);
  right: calc(var(--rem) * -6.22);
  width: calc(var(--rem) * 9.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_howto--wreath {
    top: calc(var(--rem) * -1.6);
    bottom: unset;
    right: calc(var(--rem) * 0.8);
    width: calc(var(--rem) * 4.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_howto--head {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.8);
  line-height: 1;
  color: #E5BD50;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_howto--head {
    font-size: calc(var(--rem) * 2);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_howto--step {
  margin-top: calc(var(--rem) * 3.3);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_howto--step {
    margin-top: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_howto--step li {
  display: flex;
  gap: 0.9545454545em;
  font-size: calc(var(--rem) * 2.2);
  line-height: 1.6363636364;
  letter-spacing: 0.05em;
  color: #542A44;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_howto--step li {
    font-size: calc(var(--rem) * 1.4);
    line-height: 1.6;
  }
}
.p-wrapper .p-contents .l-main .l-cpX_howto--step li span.--number {
  font-weight: 600;
  color: #E5BD50;
}
.p-wrapper .p-contents .l-main .l-cpX_howto--step li span.--text {
  flex: 1;
}
.p-wrapper .p-contents .l-main .l-cpX_howto--step li a {
  text-decoration: underline;
}
.p-wrapper .p-contents .l-main .l-cpX_note {
  font-size: calc(var(--rem) * 2.2);
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  color: #542A44;
  margin-top: calc(var(--rem) * 5.7);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_note {
    font-size: calc(var(--rem) * 1.6);
    line-height: 1.6;
    letter-spacing: 0;
    margin-top: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_cta {
  margin-top: calc(var(--rem) * 4.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_cta {
    margin-top: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_cta--btn {
  margin-top: calc(var(--rem) * 6);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_cta--btn {
    margin-top: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_cta--btn_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: calc(var(--rem) * 40);
  margin: 0 auto;
  padding: 0 calc(var(--rem) * 3.4) 0 calc(var(--rem) * 3.8);
  background: #E5BD50;
  border-radius: 100em;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_cta--btn_item {
    padding: 0 calc(var(--rem) * 1.6) 0 calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_cta--btn_item--text {
  position: relative;
  font-weight: bold;
  font-size: calc(var(--rem) * 2.2);
  line-height: 3.1818181818;
  letter-spacing: 0.05em;
  color: #542a44;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_cta--btn_item--text {
    font-size: calc(var(--rem) * 1.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpX_cta--btn_item--text_icon {
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 0;
  width: calc(var(--rem) * 2.8);
  margin-left: calc(var(--rem) * 0.7);
}
.p-wrapper .p-contents .l-main .l-cpX_cta--btn_item--arrow {
  min-width: calc(var(--rem) * 1.68);
  max-width: calc(var(--rem) * 1.68);
  margin-bottom: calc(var(--rem) * 0.1);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpX_cta--btn_item--arrow {
    min-width: calc(var(--rem) * 1.4);
    max-width: calc(var(--rem) * 1.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram {
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--rem) * 10.6);
  padding: calc(var(--rem) * 7) calc(var(--rem) * 12.6) calc(var(--rem) * 9.2);
  background: url("../images/campaign-insta_bg.jpg") repeat-y top center/100% auto;
  border-radius: calc(var(--rem) * 1.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram {
    margin-top: calc(var(--rem) * 4.8);
    padding: calc(var(--rem) * 3.2) calc(var(--rem) * 1.6) calc(var(--rem) * 4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--wreath {
  position: absolute;
  z-index: 10;
  display: block;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--wreath.--top {
  bottom: calc(var(--rem) * 3.6);
  left: calc(var(--rem) * -7.3);
  width: calc(var(--rem) * 6.2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_head--wreath.--top {
    bottom: calc(var(--rem) * 1.6);
    left: calc(var(--rem) * -2);
    width: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--wreath.--bottom {
  bottom: calc(var(--rem) * -3.2);
  right: calc(var(--rem) * -7.5);
  width: calc(var(--rem) * 6);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_head--wreath.--bottom {
    bottom: calc(var(--rem) * -2);
    right: calc(var(--rem) * -2.4);
    width: calc(var(--rem) * 2.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc(var(--rem) * 68.7);
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--en img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: calc(var(--rem) * 3.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--en img {
    height: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--text {
  font-size: calc(var(--rem) * 2.8);
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  color: #542A44;
  margin-top: calc(var(--rem) * 1.94);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--text {
    font-size: calc(var(--rem) * 1.8);
    line-height: 1.4;
    letter-spacing: 0;
    margin-top: calc(var(--rem) * 1.11);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--jp {
  width: 100%;
  margin-top: calc(var(--rem) * 1.11);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--jp {
    margin-top: calc(var(--rem) * 0.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_head--title .--jp img {
  display: block;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_body {
  margin-top: calc(var(--rem) * 9.1);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_body {
    margin-top: calc(var(--rem) * 2.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_description {
  position: relative;
  font-weight: 600;
  font-size: calc(var(--rem) * 2.6);
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #542A44;
  text-align: center;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_description {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(var(--rem) * 1.8);
    padding-left: calc(var(--rem) * 3.2);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_description--illust {
  position: absolute;
  z-index: 10;
  display: block;
  top: calc(var(--rem) * -3.7);
  right: calc(50% - var(--rem) * 31);
  width: calc(var(--rem) * 9.6);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_description--illust {
    position: static;
    width: calc(var(--rem) * 5.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts {
  display: flex;
  align-items: flex-end;
  margin-top: calc(var(--rem) * 2.5);
  margin: calc(var(--rem) * 2.5) calc(var(--rem) * -3.7) 0 calc(var(--rem) * -1.7);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts {
    flex-direction: column;
    gap: calc(var(--rem) * 1.6);
    margin: calc(var(--rem) * 1.6) 0 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item {
  display: flex;
  flex-direction: column;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:first-child {
  flex-basis: calc(var(--rem) * 43.2);
  margin-right: calc(var(--rem) * -5.2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:first-child {
    flex-basis: unset;
    margin-right: 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:first-child .--image {
  margin-right: calc(var(--rem) * 3.9);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:first-child .--image {
    transform: rotate(5deg);
    margin: 0 calc(var(--rem) * 1.2) 0 calc(var(--rem) * 0.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:first-child .--name {
  margin: calc(var(--rem) * 0.9) 0 0 calc(var(--rem) * 3.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:first-child .--name {
    margin: calc(var(--rem) * -0.8) 0 0 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:last-child {
  flex: 1;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:last-child .--image {
    transform: rotate(-6deg);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:last-child .--name {
  margin: calc(var(--rem) * 0.9) auto 0 calc(var(--rem) * 14.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item:last-child .--name {
    margin: calc(var(--rem) * -1.2) 0 0 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item .--name {
  font-size: calc(var(--rem) * 2);
  line-height: 1;
  letter-spacing: 0.05em;
  color: #542A44;
  text-align: center;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_gifts--item .--name {
    font-size: calc(var(--rem) * 1.6);
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_overview {
  margin-top: calc(var(--rem) * 6.1);
}
.p-wrapper .p-contents .l-main .l-cpInstagram_overview--head {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.8);
  line-height: 1;
  color: #A08495;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_overview--head {
    font-size: calc(var(--rem) * 2);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_overview--body {
  font-size: calc(var(--rem) * 2.2);
  line-height: 1.6363636364;
  letter-spacing: 0.05em;
  color: #542A44;
  margin-top: calc(var(--rem) * 3);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_overview--body {
    font-size: calc(var(--rem) * 1.6);
    letter-spacing: 0;
    margin-top: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_overview--body strong {
  font-weight: 600;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto {
  position: relative;
  margin-top: calc(var(--rem) * 5.5);
  padding: calc(var(--rem) * 3.9) calc(var(--rem) * 5.5) calc(var(--rem) * 5.4);
  background: #fff;
  border-radius: calc(var(--rem) * 1);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_howto {
    margin-top: calc(var(--rem) * 3.2);
    padding: calc(var(--rem) * 2.4) calc(var(--rem) * 1.6) calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--illust {
  position: absolute;
  z-index: 10;
  display: block;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--illust.--illustA {
  top: calc(var(--rem) * 3.9);
  right: calc(var(--rem) * -2.4);
  width: calc(var(--rem) * 6.9);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_howto--illust.--illustA {
    top: calc(var(--rem) * 0.6);
    right: calc(var(--rem) * -0.8);
    width: calc(var(--rem) * 4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--illust.--illustB {
  bottom: calc(var(--rem) * -5.1);
  left: calc(var(--rem) * -4.7);
  width: calc(var(--rem) * 15.1);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_howto--illust.--illustB {
    bottom: calc(var(--rem) * -2.4);
    left: calc(var(--rem) * -1.2);
    width: calc(var(--rem) * 6.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--head {
  font-weight: 600;
  font-size: calc(var(--rem) * 2.8);
  line-height: 1;
  color: #A08495;
  margin-bottom: -0.6em;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_howto--head {
    font-size: calc(var(--rem) * 2);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--step {
  margin-top: calc(var(--rem) * 3.3);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_howto--step {
    margin-top: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--step li {
  display: flex;
  gap: 0.9545454545em;
  font-size: calc(var(--rem) * 2.2);
  line-height: 1.6363636364;
  letter-spacing: 0.05em;
  color: #542A44;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_howto--step li {
    font-size: calc(var(--rem) * 1.4);
    line-height: 1.6;
    letter-spacing: 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--step span.--number {
  font-weight: 600;
  color: #A08495;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--step span.--text {
  flex: 1;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_howto--step a {
  text-decoration: underline;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes {
  margin-top: calc(var(--rem) * 9.8);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes {
    margin-top: calc(var(--rem) * 6.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--head {
  max-width: calc(var(--rem) * 44.8);
  margin: 0 auto;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--head {
    margin: 0 calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--rem) * 6.4) calc(var(--rem) * 4.2);
  margin-top: calc(var(--rem) * 6.4);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: calc(var(--rem) * 3.2);
    margin-top: calc(var(--rem) * 3.2);
    padding: 0 calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item {
  flex-basis: calc(50% - var(--rem) * 2.4);
  position: relative;
  padding: calc(var(--rem) * 3) 0;
  background: #fff;
  border-bottom: solid calc(var(--rem) * 0.3) #A08495;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item {
    padding: calc(var(--rem) * 2.4) 0;
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--num {
  position: absolute;
  z-index: 10;
  display: block;
  bottom: 100%;
  left: 0;
  width: 100%;
  margin-bottom: -4.6%;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--image {
  width: 100%;
  height: auto;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--rem) * 1.3);
  width: 100%;
  margin-top: calc(var(--rem) * 2.5);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content {
    margin-top: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_name {
  height: calc(var(--rem) * 2.2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_name {
    height: calc(var(--rem) * 1.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_name img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--rem) * 0.7);
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_link .--text {
  font-size: calc(var(--rem) * 1.5);
  line-height: 1;
  color: #542A45;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_link .--text {
    font-size: calc(var(--rem) * 1.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_link .--arrow {
  width: calc(var(--rem) * 2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_recipes--list_item--content_link .--arrow {
    width: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_cta {
  margin-top: calc(var(--rem) * 9);
}
.p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn {
  margin-top: calc(var(--rem) * 6.2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn {
    margin-top: calc(var(--rem) * 3.2);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: calc(var(--rem) * 40);
  margin: 0 auto;
  padding: 0 calc(var(--rem) * 3.5) 0 calc(var(--rem) * 3.8);
  background: #A08495;
  border-radius: 100em;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item {
    padding: 0 calc(var(--rem) * 1.6) 0 calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item--text {
  position: relative;
  font-weight: bold;
  font-size: calc(var(--rem) * 2.2);
  line-height: 3.1818181818;
  letter-spacing: 0.05em;
  color: #fff;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item--text {
    font-size: calc(var(--rem) * 1.8);
  }
}
.p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item--text_icon {
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 0;
  width: calc(var(--rem) * 2.8);
  margin-left: calc(var(--rem) * 0.7);
}
.p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item--arrow {
  min-width: calc(var(--rem) * 1.68);
  max-width: calc(var(--rem) * 1.68);
  margin-bottom: calc(var(--rem) * 0.1);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-main .l-cpInstagram_cta--btn_item--arrow {
    min-width: calc(var(--rem) * 1.4);
    max-width: calc(var(--rem) * 1.4);
  }
}
.p-wrapper .p-contents .l-method {
  margin-top: calc(var(--rem) * 11.6);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-method {
    margin-top: calc(var(--rem) * 8);
  }
}
.p-wrapper .p-contents .l-method_head {
  font-weight: 600;
  font-size: calc(var(--rem) * 3);
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  color: #CE9F54;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-method_head {
    font-size: calc(var(--rem) * 2.4);
  }
}
.p-wrapper .p-contents .l-method_anno {
  font-weight: bold;
  font-size: calc(var(--rem) * 1.5);
  line-height: 1;
  text-align: center;
  color: #542A45;
  margin-top: calc(var(--rem) * 2.3);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-method_anno {
    font-size: calc(var(--rem) * 1.4);
    line-height: 1.5;
    margin-top: calc(var(--rem) * 1.6);
  }
}
.p-wrapper .p-contents .l-method h3 {
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-top: calc(var(--rem) * 3.9);
  padding: calc(var(--rem) * 1.1);
  background: #542A45;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-method h3 {
    margin-top: calc(var(--rem) * 1.6);
    padding: calc(var(--rem) * 0.8);
  }
}
.p-wrapper .p-contents .l-method h3 span {
  font-size: calc(var(--rem) * 1.8);
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-method h3 span {
    font-size: calc(var(--rem) * 1.4);
  }
}
.p-wrapper .p-contents .l-method_scroll {
  overflow-y: scroll;
  position: relative;
  height: calc(var(--rem) * 37.6);
  margin-top: calc(var(--rem) * 1.9);
  border: solid 0.1em #bfbfbf;
}
.p-wrapper .p-contents .l-method_scroll_inner {
  font-weight: 600;
  font-size: calc(var(--rem) * 1.4);
  line-height: 1.7142857143;
  padding: calc(var(--rem) * 2.6);
  padding-right: calc(var(--rem) * 5.2);
}
@media (max-width: 720px) {
  .p-wrapper .p-contents .l-method_scroll_inner {
    font-size: calc(var(--rem) * 1.2);
    padding: calc(var(--rem) * 1.8);
    padding-right: calc(var(--rem) * 3.2);
  }
}
.p-wrapper .p-contents .l-method_scroll_inner strong {
  font-weight: bold;
}
.p-wrapper .--end {
  opacity: 0.2 !important;
  pointer-events: none !important;
}
/*# sourceMappingURL=style.css.map */