@charset "UTF-8";
.mt-0 {
  margin-top: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.webfont01 {
  font-family: "Noto Sans JP", sans-serif; }

@font-face {
  font-family: "MatterIGTF";
  src: url("../font/MatterIGTF-Regular.woff2") format("woff2"), url("../font/MatterIGTF-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MatterIGTF";
  src: url("../font/MatterIGTF-Bold.woff2") format("woff2"), url("../font/MatterIGTF-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "MatterIGTF";
  src: url("../font/MatterIGTF-Medium.woff2") format("woff2"), url("../font/MatterIGTF-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

* {
  font-size: 16px; }

button {
  background-color: transparent;
  border: none; }

html, body {
  height: 100%;
  font-family: "MatterIGTF","Noto Sans JP",sans-serif; }

.page-wrapper {
  position: relative;
  height: 100%;
  background-color: #000; }

.page {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  z-index: 1;
  overflow: hidden; }

.page.current {
  z-index: 10;
  visibility: visible; }

.page.hide {
  display: none; }

.page.develop {
  z-index: 9999;
  visibility: visible;
  opacity: 1; }
  .page.develop .tutorial {
    visibility: visible; }

.img-responsive {
  max-width: 100%;
  height: auto; }

.mode-pc body:before {
  content: "";
  display: block;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background: url(../img/pc/app_hd.png) 50% 0/100% auto no-repeat; }

.mode-pc body .page {
  background-color: #fff; }

.mode-pc .page {
  padding-top: 37px;
  padding-bottom: 26px; }

.mode-pc .ig_app_header,
.mode-pc .ig_app_header_2nd_layor {
  top: 44px; }

.mode-pc .ig_app_footer {
  bottom: 34px; }

.mode-pc .ct-w-hdft {
  top: calc(vw(72px) + 44px);
  bottom: calc(vw(118px) + 34px); }

.mode-pc .tutorial {
  padding-top: 44px;
  padding-bottom: 34px;
  position: relative; }
  .mode-pc .tutorial .highlight {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.mode-pc #op00, .mode-pc #op01 {
  top: 0;
  z-index: 3; }

/*カラー定義*/
.fukidashi {
  position: absolute;
  width: 100vw;
  height: 29.6vw;
  flex-shrink: 0;
  border-radius: 4.8vw;
  background: #F3DAFF;
  padding: 3.4666666667vw 4.8vw 4.8vw 4.8vw;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }
  .fukidashi * {
    margin-bottom: 0; }
  .fukidashi p {
    min-width: 100%;
    height: 20vw;
    font-size: 4vw; }
  .fukidashi a {
    color: #AF2CFF;
    text-decoration: none;
    position: relative;
    font-size: inherit;
    font-size: 4vw; }

.fukidashi-arw-t {
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0vw 2.4vw 4.8vw 2.4vw;
  border-color: transparent transparent #F3DAFF transparent; }

.fukidashi-arw-b {
  box-sizing: border-box;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4.8vw 2.4vw 0vw 2.4vw;
  border-color: #F3DAFF transparent transparent transparent; }

#item .fukidashi {
  background-color: #CAFFFB; }
  #item .fukidashi .fukidashi-arw-t {
    border-bottom-color: #CAFFFB; }
  #item .fukidashi .fukidashi-arw-b {
    border-top-color: #CAFFFB; }
  #item .fukidashi a {
    color: #00DAC8; }
  #item .fukidashi .nav-prev-next .btn-prev:before {
    border-top-color: #00DAC8; }
  #item .fukidashi .nav-prev-next .btn-next:after {
    border-top-color: #00DAC8; }
  #item .fukidashi .nav-prev-next button, #item .fukidashi .nav-prev-next a {
    color: #00DAC8; }

.loading {
  position: absolute;
  top: 55.4666666667vw;
  width: 35.7333333333vw;
  height: 36.5333333333vw;
  flex-shrink: 0;
  border-radius: 2.6666666667vw;
  left: 50%;
  margin-left: -18.5333333333vw;
  background: rgba(54, 53, 61, 0.97);
  z-index: 1000;
  padding-top: 3.6vw;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .loading p {
    color: #f4f1f5; }

.icon-loading {
  margin-top: 4vw;
  width: 10vw;
  height: auto; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  padding: 4.8vw;
  display: none;
  opacity: 1; }
  .popup.show {
    display: flex; }
  .popup p {
    font-size: 4vw;
    line-height: 1.5; }
  .popup a {
    font-size: 4vw;
    color: #AF2CFF;
    text-decoration-line: underline; }

#item .popup a {
  color: #00DAC8; }

.popup-inner {
  overflow: hidden;
  padding: 4vw 4.8vw 0vw 4.8vw;
  width: 100%;
  background-color: #fff;
  border-radius: 4.8vw;
  background: var(--IG-Primary-palette-Ig-White, #FFF);
  height: 84.8vw;
  flex-shrink: 0; }

#popup-01 .popup-inner {
  height: 56.8vw; }

#item #popup-01 .popup-inner {
  height: 50.9333333333vw; }

#popup-02 .popup-inner {
  height: 39.2vw; }

#popup-tp0102 .popup-inner {
  height: 32.8vw; }

#item #popup-tp0102 .popup-inner {
  height: 38.1333333333vw; }

.popup-close {
  display: block;
  width: 3.3866666667vw;
  margin-left: auto;
  margin-bottom: 5.4666666667vw;
  right: 4.8vw;
  height: 3.2vw;
  position: absolute;
  z-index: 10; }
  .popup-close svg {
    display: block;
    width: 3.2vw;
    height: 3.2vw; }

.icon-blank {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  vertical-align: middle;
  position: relative;
  top: -1px; }

.popup-link {
  font-size: 4vw;
  user-select: none; }

.question {
  position: absolute;
  top: 0; }
  .question .question-answer {
    opacity: 0;
    width: 90.4vw;
    height: 36vw;
    border-radius: 4.8vw;
    background: #FFF;
    padding: 3.4666666667vw 0vw 3.4666666667vw 4.8vw;
    align-items: center;
    justify-content: center; }
    .question .question-answer * {
      margin-bottom: 0; }
    .question .question-answer p.answer {
      display: none;
      min-width: 100%;
      height: 29.0666666667vw;
      overflow-y: scroll;
      padding-right: 2.4vw; }
      .question .question-answer p.answer.active {
        display: block; }
      .question .question-answer p.answer .text {
        display: block;
        margin-top: 1.3333333333vw;
        font-size: 4vw;
        line-height: 5.3333333333vw; }
    .question .question-answer .btn-close {
      position: absolute;
      top: 2.4vw;
      right: 3.4666666667vw; }
      .question .question-answer .btn-close img {
        width: 3.3333333333vw;
        height: 3.3333333333vw; }
  .question .question-btns {
    display: inline-block;
    font-size: 0; }
    .question .question-btns .btn-info {
      width: 8vw;
      height: 12vw;
      margin-left: 7.8666666667vw;
      margin-right: 7.8666666667vw;
      padding-top: 3.2vw;
      overflow: visible; }
      .question .question-btns .btn-info:first-child {
        margin-left: 5.4666666667vw; }
      .question .question-btns .btn-info:last-child {
        margin-right: 5.4666666667vw; }
      .question .question-btns .btn-info img {
        display: block; }
        .question .question-btns .btn-info img.info {
          width: 8vw; }
        .question .question-btns .btn-info img.cursor {
          margin-left: auto;
          margin-right: auto;
          width: 2.1333333333vw;
          opacity: 0;
          margin-bottom: 1.3333333333vw; }
        .question .question-btns .btn-info img.cursor.active {
          opacity: 1; }

.icon-question {
  width: 4vw;
  height: auto;
  margin-left: 0.3em;
  margin-right: 0.3em;
  position: relative;
  top: 0.05em;
  vertical-align: baseline; }
  .icon-question.icon-question--l {
    width: 6.4vw;
    top: 0.3em; }

.btn {
  display: flex;
  width: 90.4vw;
  height: 12vw;
  padding: 3.6vw 5.4666666667vw;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8vw;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 4vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  /* 0% */ }

.btn--red {
  background-color: #E61E1E; }

.btn--grey {
  background-color: #A3A3A3; }

.btn-next {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--ig-secondary-palette-ig-violet, #AF2CFF);
  text-align: right;
  font-size: 4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 45px */
  margin-right: 4.8vw; }
  .btn-next:after {
    content: "";
    box-sizing: border-box;
    width: 0px;
    height: 0px;
    margin-left: 2.4vw;
    border-style: solid;
    border-width: 2.6666666667vw 1.8666666667vw 0vw 1.8666666667vw;
    border-color: #AF2CFF transparent transparent transparent;
    transform: rotate(-90deg);
    margin-top: -2px; }

.btn-prev {
  display: flex;
  align-items: center;
  color: var(--ig-secondary-palette-ig-violet, #AF2CFF);
  text-align: left;
  font-size: 4vw;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 45px */ }
  .btn-prev:before {
    content: "";
    box-sizing: border-box;
    width: 0px;
    height: 0px;
    margin-right: 2.4vw;
    border-style: solid;
    border-width: 2.6666666667vw 1.8666666667vw 0vw 1.8666666667vw;
    border-color: #AF2CFF transparent transparent transparent;
    transform: rotate(90deg);
    margin-top: -2px; }

.landscape .btn-next {
  font-size: 1.8518518519vw;
  margin-right: 2.2222222222vw; }
  .landscape .btn-next:after {
    margin-left: 1.1111111111vw;
    border-width: 1.2345679012vw 0.8641975309vw 0vw 0.8641975309vw; }

.landscape .btn-prev {
  font-size: 1.8518518519vw; }
  .landscape .btn-prev:before {
    margin-right: 1.1111111111vw;
    border-width: 1.2345679012vw 0.8641975309vw 0vw 0.8641975309vw; }

.nav-prev-next {
  position: absolute;
  bottom: 3.2vw;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: flex-start;
  padding: 0 4.8vw; }
  .nav-prev-next .btn-next {
    margin-left: auto; }

#btn-post[disabled] {
  pointer-events: none; }

.pointer {
  width: 10.6666666667vw;
  height: 11.2vw; }

#op00,
#op01 {
  background-color: #000; }

.video-box {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center top; }

.op {
  height: 100%; }

.op-txt {
  margin-bottom: 4vw; }

.container-op {
  height: 100%; }

#op01 {
  background: #000; }

.op-body {
  background: url(../img/common/top_kv.png) 50% 0/100% auto no-repeat;
  height: 146.666666667vw; }
  @media screen and (max-height: 600px) {
    .op-body {
      background: url(../img/common/top_kv.png) 50% 100%/100% auto no-repeat; } }
  .op-body h1 {
    color: var(--ig-primary-palette-ig-white, #FFF);
    text-align: center;
    padding-top: 16vw;
    line-height: 138.889%;
    /* 138.889% */ }
    .op-body h1 b {
      font-family: "MatterIGTF";
      font-size: 10.4vw;
      font-style: normal;
      font-weight: 700;
      position: relative;
      top: 0.02em; }
    @media screen and (max-height: 600px) {
      .op-body h1 {
        padding-top: 9.3333333333vw; } }
    .op-body h1 span {
      font-size: 8.8vw; }

.top_kv2 {
  position: absolute;
  top: 30.6666666667vw;
  width: 100vw;
  z-index: 2; }

.mode-pc .top_kv2 {
  top: 48vw; }

.op-logo {
  position: absolute;
  right: 4.8vw;
  bottom: 10vw;
  width: 12vw;
  height: 10.4vw;
  z-index: 20;
  display: block; }
  @media screen and (max-height: 600px) {
    .op-logo {
      bottom: 6.6666666667vw;
      width: 8vw;
      height: auto; } }
  .op-logo path {
    fill: #FFF; }

.op-navs {
  display: flex;
  justify-content: space-between; }

.op-btns {
  padding: 4.8vw 4.8vw;
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: 50.4vw;
  margin-bottom: -4vw;
  border-radius: 4.8vw 4.8vw 0vw 0vw;
  background: #E61E1E;
  z-index: 3; }
  @media screen and (max-height: 600px) {
    .op-btns {
      height: 50.4vw; } }
  .op-btns .op-txt {
    margin-bottom: 5.3333333333vw; }
  .op-btns p {
    color: #FFF;
    text-align: center;
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1; }
  .op-btns button {
    border: none;
    display: block;
    width: 43.2vw;
    height: 12vw;
    justify-content: center;
    align-items: center;
    gap: 1.708vw;
    flex-shrink: 0;
    border-radius: 8.2666666667vw;
    background: var(--ig-primary-palette-ig-white, #FFF);
    color: var(--ig-primary-palette-ig-black, #000);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 4vw;
    font-style: normal;
    font-weight: 700;
    line-height: 0px;
    /* 0% */ }

.op-btn {
  padding: 0.75em 1em;
  border: 1px solid #ddd;
  width: 12em; }

#tp0101 {
  background-color: #FFF; }
  #tp0101 h1 {
    margin-top: 9.3333333333vw;
    text-align: center; }
    #tp0101 h1 img {
      width: 73.8666666667vw; }
  #tp0101 .img01 {
    position: absolute;
    max-width: 82.5%;
    height: auto;
    top: 72.9333333333vw;
    left: -15.7333333333vw; }
    #tp0101 .img01 img {
      max-width: 100%;
      height: auto; }
  #tp0101 .fukidashi {
    left: 4.8vw;
    top: 57.6vw;
    height: 25.6vw; }
    #tp0101 .fukidashi p {
      text-align: left;
      line-height: 1.4;
      font-feature-settings: "palt";
      padding-right: 4.8vw; }
    #tp0101 .fukidashi .fukidashi-arw-b {
      bottom: -4.2666666667vw;
      margin-left: 24vw;
      transform: scale(1.6); }
  #tp0101 .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 7.6vw; }
    @media screen and (max-height: 600px) {
      #tp0101 .btn {
        bottom: 16vw; } }
  .mode-pc #tp0101 .fukidashi {
    top: 209px; }
    .mode-pc #tp0101 .fukidashi .fukidashi-arw-b {
      margin-left: 29.3333333333vw;
      transform: scale(1.6); }
  .mode-pc #tp0101 .img01 {
    top: 252px;
    left: -64px; }
  .mode-pc #tp0101 .im0101_01 {
    width: 318px;
    max-width: none; }
  .mode-pc #tp0101 .btn {
    bottom: 53px; }

#item #tp0101 .img01 {
  top: 74.2666666667vw; }

.mode-pc #item #tp0101 .img01 {
  top: 82.9333333333vw;
  left: -58px; }

#step0202 {
  background-color: #fff; }
  #step0202 .img01 {
    position: absolute;
    max-width: 82.5%;
    height: auto;
    top: 71.3333333333vw; }
    #step0202 .img01 img {
      max-width: 100%;
      height: auto; }
  #step0202 .fukidashi {
    left: 5.6vw;
    top: 48.8vw;
    height: 25.6vw;
    padding-top: 3.6vw; }
    #step0202 .fukidashi p {
      text-align: left;
      line-height: 1.4;
      font-feature-settings: "palt";
      padding-right: 4.8vw;
      font-size: 4vw; }
    #step0202 .fukidashi .fukidashi-arw-b {
      bottom: -4.2666666667vw;
      margin-left: 16vw; }
  #step0202 .btn-app {
    position: absolute;
    left: 68vw;
    top: 90.5333333333vw;
    z-index: 100;
    display: block;
    width: 22.1333333333vw;
    height: 29.6vw; }
  #step0202 .img_step_02-2_02 {
    width: 22.1333333333vw;
    height: 29.6vw; }

#item #step0202 .btn-app {
  position: absolute;
  left: 39.6vw;
  top: 27.2vw; }

#item #step0202 .img01 {
  margin-top: -13.8666666667vw;
  margin-left: -10.9333333333vw; }

#item #step0202 .fukidashi {
  top: 136.8vw;
  z-index: 10; }
  @media screen and (max-height: 600px) {
    #item #step0202 .fukidashi {
      top: 118.133333333vw; } }

#item #step0202 .fukidashi-arw-t {
  top: -4.2666666667vw;
  margin-left: 14.4vw; }

#step0203 {
  background-color: #fff; }

.img_step_02-3 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 0;
  z-index: 999; }
  .img_step_02-3 img {
    max-width: 100%;
    height: auto; }

#step0204 {
  background-color: #fff; }

.img_step_02-4 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 0; }
  .img_step_02-4 img {
    max-width: 100%;
    height: auto; }

.mode-pc #step0204 {
  padding-top: 0; }

.img_step_02-5 {
  position: absolute;
  max-width: 71.2%;
  height: auto;
  top: 98.4vw; }
  .img_step_02-5 img {
    max-width: 100%;
    height: auto; }

#item .img_step_02-5 {
  top: 103.733333333vw;
  left: -7.4666666667vw; }
  @media screen and (max-height: 600px) {
    #item .img_step_02-5 {
      top: 94.4vw; } }

.img_step_02-5_pointer {
  position: absolute;
  top: 123.466666667vw;
  left: 61.0666666667vw; }
  .mode-pc .img_step_02-5_pointer {
    top: 119.466666667vw; }

.fukidashi_step_02-5 {
  height: 13.6vw;
  top: 92.8vw;
  left: 4.8vw;
  z-index: 10; }
  .fukidashi_step_02-5 p {
    height: auto;
    text-align: left;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding-right: 4.8vw;
    font-size: 4vw; }
  .fukidashi_step_02-5 .fukidashi-arw-b {
    bottom: -3.4666666667vw;
    margin-left: 5.3333333333vw; }

.mode-pc .fukidashi_step_02-5 {
  top: 88.8vw; }
  .mode-pc .fukidashi_step_02-5 .fukidashi-arw-b {
    margin-left: 8vw; }

.step0205_btn01 {
  position: absolute;
  display: block;
  top: 117.6vw;
  width: 100%;
  height: 13.3333333333vw;
  z-index: 100; }
  .mode-pc .step0205_btn01 {
    top: 117.6vw; }

.img_step_06-7 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 0; }
  .img_step_06-7 img {
    max-width: 100%;
    height: auto; }

.img_step_02-4 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 0; }
  .img_step_02-4 img {
    max-width: 100%;
    height: auto; }

.img_step_02-7 {
  position: absolute;
  max-width: 81.6%;
  height: auto;
  top: 48.9333333333vw; }
  .img_step_02-7 img {
    max-width: 100%;
    height: auto; }

#item .img_step_02-7 {
  top: 44.9333333333vw; }

.img_step_02-7_pointer {
  position: absolute;
  top: 119.733333333vw;
  left: 59.7333333333vw; }

.fukidashi_step_02-7 {
  top: 10.2666666667vw;
  left: 4.8vw;
  height: 36.8vw;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4.8vw; }
  .fukidashi_step_02-7 p {
    height: auto;
    text-align: left;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding-right: 4.8vw;
    font-size: 4vw; }
  .fukidashi_step_02-7 .fukidashi-arw-b {
    bottom: -3.4666666667vw;
    margin-left: 18.1333333333vw; }
  .fukidashi_step_02-7 a {
    position: relative;
    top: -0.2em;
    font-size: 4vw; }

.fukidashi_step_02-7_link {
  margin-top: 0.25em; }

.mode-pc #step0206 {
  top: 0; }
  .mode-pc #step0206 .ct-w-hdft-fx {
    margin-top: 0;
    top: 37px; }

.img_step_02-8 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 44vw; }
  .img_step_02-8 img {
    max-width: 69.6%;
    height: auto; }

#item .img_step_02-8 {
  top: 44.9333333333vw; }

.tutorial_step_02-8 {
  position: relative;
  z-index: 101; }

.mode-pc .tutorial_step_02-8 {
  height: 100%; }

.img_step_02-8_pointer {
  position: absolute;
  bottom: 2.4vw;
  right: 5.3333333333vw; }
  .mode-pc .img_step_02-8_pointer {
    right: 12px;
    bottom: 19.4666666667vw; }

.fukidashi_step_02-8 {
  top: 120.933333333vw;
  left: 4.8vw;
  height: 21.8666666667vw; }
  @media screen and (max-height: 600px) {
    .fukidashi_step_02-8 {
      top: 96.9333333333vw; } }
  .fukidashi_step_02-8 p {
    height: auto;
    text-align: left;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding-right: 4.8vw;
    font-size: 4vw; }
  .fukidashi_step_02-8 .fukidashi-arw-t {
    top: -3.4666666667vw;
    margin-left: 16vw; }
  .fukidashi_step_02-8 a {
    position: relative;
    top: -0.2em; }

.step0208_btn01 {
  position: absolute;
  width: 28.8vw;
  height: 28.8vw;
  z-index: 10;
  right: -4.8vw;
  bottom: -5.6vw; }
  .mode-pc .step0208_btn01 {
    bottom: 16.2666666667vw; }

.step_02-9_bg {
  position: relative;
  top: 0; }

.img_step_02-10 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 49.6vw;
  right: 0; }
  .mode-pc .img_step_02-10 {
    top: 42.9333333333vw; }
  .img_step_02-10 img {
    display: block;
    margin-left: auto;
    max-width: 66.4%;
    height: auto; }
  #item .img_step_02-10 {
    top: 54.4vw;
    right: 0vw; }
    @media screen and (max-height: 600px) {
      #item .img_step_02-10 {
        top: 49.0666666667vw; } }

.img_step_02-10_pointer {
  position: absolute;
  top: 116vw;
  left: 32.5333333333vw; }
  .mode-pc .img_step_02-10_pointer {
    top: 108.533333333vw;
    left: 31.2vw; }

.fukidashi_step_02-10 {
  top: 137.866666667vw;
  left: 4.8vw;
  height: 21.8666666667vw; }
  @media screen and (max-height: 600px) {
    .fukidashi_step_02-10 {
      top: 124.533333333vw; } }
  .fukidashi_step_02-10 p {
    height: auto;
    text-align: left;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding-right: 4.8vw;
    font-size: 4vw; }
  .fukidashi_step_02-10 .fukidashi-arw-t {
    top: -3.4666666667vw;
    margin-left: 69.3333333333vw; }

.step0209_btn-01 {
  position: absolute;
  display: block;
  top: 110.266666667vw;
  width: 100%;
  height: 13.3333333333vw;
  z-index: 100; }
  .mode-pc .step0209_btn-01 {
    top: 104.4vw; }

.mode-pc #step0209 .ct-w-hdft-fx {
  margin-top: 0;
  top: 0; }

#step0211 .ig_app_header_fx {
  display: none; }

.step_02-11_bg {
  position: relative;
  top: -38.6666666667vw; }
  .mode-pc .step_02-11_bg {
    position: fixed;
    top: 9px !important; }

.img_step_02-12 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 27.2vw;
  right: 0; }
  .img_step_02-12 img {
    display: block;
    margin-left: auto;
    max-width: 72%;
    height: auto; }

.img_step_02-12_pointer {
  position: absolute;
  top: 49.0666666667vw;
  left: 35.2vw; }
  .mode-pc .img_step_02-12_pointer {
    top: 51.2vw; }

.fukidashi_step_02-12 {
  top: 102.4vw;
  left: 4.8vw;
  height: 21.8666666667vw; }
  .fukidashi_step_02-12 .fukidashi-arw-t {
    top: -3.4666666667vw;
    margin-left: 64vw; }
  .fukidashi_step_02-12 p {
    height: auto;
    text-align: left;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding-right: 4.8vw;
    font-size: 4vw; }

.step0211_btn-01 {
  position: absolute;
  display: block;
  top: 40.2666666667vw;
  width: 100%;
  height: 37.6vw;
  z-index: 100; }
  .mode-pc .step0211_btn-01 {
    top: 40.2666666667vw; }

.mode-pc #step0211:before {
  display: block;
  top: 0;
  height: 38px;
  width: 100%;
  content: "";
  background-color: #fff;
  position: absolute;
  z-index: 3; }

#item .img_step_02-12_pointer {
  top: 49.8666666667vw; }
  .mode-pc #item .img_step_02-12_pointer {
    top: 52.5333333333vw; }

#item .step0211_btn-01 {
  position: absolute;
  display: block;
  top: 41.6vw;
  width: 100%;
  height: 37.6vw;
  z-index: 100; }
  .mode-pc #item .step0211_btn-01 {
    top: 47.4666666667vw; }

.step_02-13_bg {
  position: relative;
  top: -17.6vw; }
  .mode-pc .step_02-13_bg {
    top: 0; }

.mode-pc #step0213 {
  margin-top: 0;
  top: 0; }
  .mode-pc #step0213 .ct-w-hdft-fx {
    margin-top: 0;
    top: 0; }

.img_step_02-14 {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 86.4vw;
  left: 0; }
  .mode-pc .img_step_02-14 {
    top: 103.2vw; }
  .img_step_02-14 img {
    display: block;
    max-width: 69.6%;
    height: auto; }

#item .img_step_02-14 {
  top: 99.7333333333vw; }
  .mode-pc #item .img_step_02-14 {
    top: 116.533333333vw; }
  @media screen and (max-height: 600px) {
    #item .img_step_02-14 {
      top: 86.4vw; } }

.img_step_02-14_pointer {
  position: absolute;
  top: 111.733333333vw;
  left: 72.8vw; }
  .mode-pc .img_step_02-14_pointer {
    top: 128.533333333vw;
    left: 65.6vw; }

.fukidashi_step_02-14 {
  top: 140.8vw;
  left: 4.8vw;
  height: 21.8666666667vw; }
  @media screen and (max-height: 600px) {
    .fukidashi_step_02-14 {
      top: 123.466666667vw; } }
  .fukidashi_step_02-14 .fukidashi-arw-t {
    top: -3.4666666667vw;
    margin-left: 4.5333333333vw; }
  .fukidashi_step_02-14 p {
    height: auto;
    text-align: left;
    line-height: 1.4;
    font-feature-settings: "palt";
    padding-right: 4.8vw;
    font-size: 4vw; }
  .mode-pc .fukidashi_step_02-14 {
    top: 157.333333333vw; }

.step0213_btn-01 {
  position: absolute;
  display: block;
  top: 101.6vw;
  width: 100%;
  height: 14.4vw;
  z-index: 100; }
  .mode-pc .step0213_btn-01 {
    top: 123.466666667vw; }

#tp0102 .ct-w-hdft {
  background-color: #eaf1f2; }

#tp0102 .img01 {
  position: absolute;
  left: 18.4vw;
  top: 57.6vw;
  width: 100vw; }

#tp0102 .btn01 {
  position: absolute;
  left: 0vw;
  top: 46.1333333333vw;
  width: 100vw;
  height: 12vw;
  pointer-events: none;
  z-index: 20; }
  #tp0102 .btn01.active {
    pointer-events: auto; }

#tp0102 .pointer {
  position: absolute;
  left: 50.2666666667vw;
  top: 49.3333333333vw;
  opacity: 0; }

#tp0102 .fukidashi {
  left: 4.8vw;
  top: 125.466666667vw;
  height: 36vw;
  align-items: flex-start; }
  @media screen and (max-height: 600px) {
    #tp0102 .fukidashi {
      top: 100.533333333vw; } }
  #tp0102 .fukidashi p {
    padding-right: 9.6vw;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0102 .fukidashi .btn-next {
    right: 4.8vw;
    bottom: 4.1333333333vw; }
  #tp0102 .fukidashi .fukidashi-arw-t {
    top: -4.2666666667vw;
    margin-left: 57.3333333333vw; }

.mode-pc #tp0102 .ct-w-hdft {
  top: 12px;
  margin-top: 0; }

.mode-pc #tp0102 .pointer {
  margin-top: 15px; }

.mode-pc #tp0102 .btn01 {
  margin-top: 7px;
  position: absolute; }

.mode-pc #tp0102 .tutorial .pointer {
  top: 46.6666666667vw; }

#item #tp0102 .pointer {
  left: 44.9333333333vw; }

.mode-pc #item #tp0102 .ct-w-hdft {
  top: 12px;
  margin-top: 0; }

.mode-pc #item #tp0102 .pointer {
  margin-top: 15px; }

.mode-pc #item #tp0102 .btn01 {
  margin-top: 7px;
  position: absolute; }

.mode-pc #item #tp0102 .tutorial .pointer {
  top: 46.6666666667vw; }

#tp0103 .ct-w-hdft {
  background-color: #eaf1f2; }

#tp0103 .img01 {
  position: absolute;
  left: -31.6vw;
  top: 66.4vw;
  width: 100vw; }
  @media screen and (max-height: 600px) {
    #tp0103 .img01 {
      top: 53.0666666667vw; } }

#tp0103 .btn01 {
  position: absolute;
  left: 48.9333333333vw;
  top: 19.8666666667vw;
  width: 48.8vw;
  height: 16vw;
  pointer-events: none;
  z-index: 20; }
  #tp0103 .btn01.active {
    pointer-events: auto; }

#tp0103 .pointer {
  position: absolute;
  left: 78.1333333333vw;
  top: 26.6666666667vw;
  opacity: 0; }

#tp0103 .fukidashi {
  left: 4.8vw;
  top: 125.466666667vw;
  height: 43.2vw;
  align-items: flex-start; }
  @media screen and (max-height: 600px) {
    #tp0103 .fukidashi {
      top: 95.3333333333vw; } }
  #tp0103 .fukidashi p {
    padding-right: 9.6vw;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0103 .fukidashi .btn-next {
    right: 4.8vw;
    bottom: 4.1333333333vw; }
  #tp0103 .fukidashi .fukidashi-arw-t {
    top: -3.4666666667vw;
    margin-left: 4.2666666667vw; }

.mode-pc #tp0103 .ct-w-hdft {
  top: 0 !important; }

.mode-pc #tp0103 .pointer {
  top: 29.0666666667vw; }

.mode-pc #tp0103 .btn01 {
  top: 22.4vw; }

.mode-pc #item #tp0103 .ct-w-hdft {
  top: 0 !important; }

.mode-pc #item #tp0103 .pointer {
  top: 29.0666666667vw; }

.mode-pc #item #tp0103 .btn01 {
  top: 22.4vw; }

#tp0104 .ct-w-hdft-04 {
  position: relative;
  background-color: #eaf1f2; }
  #tp0104 .ct-w-hdft-04 .lot-num {
    position: absolute;
    left: 62.1333333333vw;
    top: 43.4666666667vw;
    width: 29.3333333333vw;
    text-align: center;
    color: #747577;
    font-size: 2.9333333333vw;
    letter-spacing: -0.5px; }
    #tp0104 .ct-w-hdft-04 .lot-num.active {
      color: #11203d; }

#tp0104 .img01, #tp0104 .img02 {
  position: absolute;
  left: -31.6vw;
  top: 66.4vw;
  width: 100vw; }
  @media screen and (max-height: 600px) {
    #tp0104 .img01, #tp0104 .img02 {
      bottom: -115.2vw; } }

#tp0104 .btn01 {
  position: absolute;
  left: 0vw;
  top: 44.2666666667vw;
  width: 100vw;
  height: 14.2666666667vw;
  pointer-events: none;
  z-index: 20; }
  #tp0104 .btn01.active {
    pointer-events: auto; }

#tp0104 .pointer {
  position: absolute;
  left: 71.4666666667vw;
  top: 49.8666666667vw;
  opacity: 0; }

#tp0104 .fukidashi {
  left: 4.8vw;
  bottom: 6.6666666667vw;
  height: 40vw;
  align-items: flex-start; }
  @media screen and (max-height: 600px) {
    #tp0104 .fukidashi {
      bottom: 2.6666666667vw; } }
  #tp0104 .fukidashi p {
    padding-right: 4.8vw;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0104 .fukidashi .btn-next {
    right: 4.8vw;
    bottom: 4.1333333333vw; }
  #tp0104 .fukidashi .fukidashi-arw-t {
    top: -4.2666666667vw;
    margin-left: 4.2666666667vw; }

#tp0104 .question {
  left: 4.8vw;
  top: 6.1333333333vw;
  align-items: flex-start; }
  #tp0104 .question p.answer {
    text-align: left;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0104 .question .question-btns {
    margin-left: 23.4666666667vw; }

#item #tp0104 .img01 {
  left: -28.9333333333vw; }

#item #tp0104 .img02 {
  left: -28.9333333333vw;
  top: 50.6666666667vw; }

.mode-pc #item #tp0104 .img02 {
  top: 78.1333333333vw; }

.mode-pc #tp0104 {
  background-color: #fff; }
  .mode-pc #tp0104:before {
    display: block;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    content: "";
    background-color: #fff; }
  .mode-pc #tp0104 .tutorial {
    padding-top: 30px;
    height: 665px; }
  .mode-pc #tp0104 .fukidashi {
    top: 407px;
    bottom: auto; }
  .mode-pc #tp0104 .ig_app_header_2nd_layor {
    margin-top: 30px;
    top: 37px; }
  .mode-pc #tp0104 .lot-num {
    margin-top: 37px; }
  .mode-pc #tp0104 .ct-w-hdft-04 {
    position: absolute;
    height: 100%; }
    .mode-pc #tp0104 .ct-w-hdft-04 > img {
      margin-top: 38px; }
  .mode-pc #tp0104 .btn01 {
    margin-top: 84px; }
  .mode-pc #tp0104 .pointer {
    margin-top: 84px; }
  .mode-pc #tp0104 .ig_app_footer {
    bottom: 0; }

#tp0105 .ct-w-hdft-04 {
  position: relative;
  background-color: #eaf1f2;
  margin-top: -110px; }
  #tp0105 .ct-w-hdft-04 .lot-num {
    position: absolute;
    left: 62.1333333333vw;
    top: 43.4666666667vw;
    width: 29.3333333333vw;
    text-align: center;
    color: #747577;
    font-size: 2.9333333333vw;
    letter-spacing: -0.5px; }
    #tp0105 .ct-w-hdft-04 .lot-num.active {
      color: #11203d; }

#tp0105 .img01 {
  position: absolute;
  left: -8vw;
  bottom: 22.1333333333vw;
  width: 80.8vw; }
  @media screen and (max-height: 600px) {
    #tp0105 .img01 {
      width: 53.3333333333vw; } }

#tp0105 .btn01 {
  position: absolute;
  left: 0vw;
  top: auto !important;
  bottom: 0vw;
  width: 100vw;
  height: 22.1333333333vw;
  pointer-events: none;
  z-index: 20; }
  #tp0105 .btn01.active {
    pointer-events: auto; }

#tp0105 .pointer {
  position: absolute;
  left: 65.6vw;
  top: auto !important;
  bottom: 0vw;
  opacity: 0; }

#tp0105 .fukidashi {
  left: 4.8vw;
  bottom: 30.6666666667vw;
  height: 38.6666666667vw;
  align-items: flex-start; }
  #tp0105 .fukidashi p {
    padding-right: 9.6vw;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0105 .fukidashi .btn-next {
    right: 4.8vw;
    bottom: 4.1333333333vw; }
  #tp0105 .fukidashi .fukidashi-arw-t {
    top: -4.5333333333vw;
    margin-left: 8.8vw; }

.mode-pc #tp0105 .ct-w-hdft-04 {
  margin-top: 1px; }

.mode-pc #tp0105 .ig_app_header_2nd_layor {
  margin-top: 30px;
  top: 37px; }

.mode-pc #tp0105 .tutorial {
  position: absolute;
  top: 0;
  height: 100%; }

.mode-pc #tp0105 .img01 {
  margin-bottom: 34px; }

.mode-pc #tp0105 .fukidashi {
  margin-bottom: 34px; }

.mode-pc #tp0105 .ct-w-hdft-05 {
  position: absolute; }

.mode-pc #tp0105 .question-answer {
  margin-top: -44px; }

.mode-pc #tp0105 .btn-close {
  margin-top: -44px; }

.mode-pc #tp0105 .btn01 {
  margin-bottom: 0; }

.mode-pc #tp0105 .pointer {
  bottom: 30px !important; }

.mode-pc #tp0105 .ig_app_footer {
  bottom: 0; }

#tp0106 {
  background-color: #FFF;
  z-index: 12; }
  #tp0106 .ct-w-hdft {
    top: 0; }
  #tp0106 .img01 {
    position: absolute;
    left: -30.4vw;
    top: 103.733333333vw;
    width: 100vw; }
  #tp0106 .btn01 {
    position: absolute;
    left: 0vw;
    top: 113.333333333vw;
    width: 100vw;
    height: 14.4vw;
    pointer-events: none;
    z-index: 20; }
    #tp0106 .btn01.active {
      pointer-events: auto; }
  #tp0106 .pointer {
    position: absolute;
    left: 72.8vw;
    top: 117.733333333vw;
    opacity: 0; }
  #tp0106 .fukidashi {
    left: 4.8vw;
    top: 76vw;
    height: 32vw;
    align-items: flex-start; }
    #tp0106 .fukidashi p {
      padding-right: 9.6vw;
      color: var(--ig-primary-palette-ig-black, #000);
      font-size: 4vw;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 45px */ }
    #tp0106 .fukidashi .btn-next {
      right: 4.8vw;
      bottom: 4.1333333333vw; }
    #tp0106 .fukidashi .fukidashi-arw-b {
      top: 32vw;
      margin-left: 14.6666666667vw; }

#item #tp0106 .img01 {
  top: 98.4vw; }

#item #tp0106 .fukidashi {
  top: 64vw; }

.mode-pc #item #tp0106 .img01 {
  top: 109.066666667vw; }

.mode-pc #tp0106 .img01,
.mode-pc #tp0106 .fukidashi {
  margin-top: -25px; }

.mode-pc #tp0106 .pointer,
.mode-pc #tp0106 .btn01 {
  margin-top: 10px; }

#tp0107 .ct-w-hdft {
  background-color: #eaf1f2; }

#tp0107 .img01 {
  position: absolute;
  left: 21.6vw;
  bottom: 0vw;
  width: 71.2vw; }
  @media screen and (max-height: 600px) {
    #tp0107 .img01 {
      bottom: -26.6666666667vw; } }

#tp0107 .btn01 {
  position: absolute;
  left: 16vw;
  bottom: -3.4666666667vw;
  width: 28.8vw;
  height: 28.8vw;
  border-radius: 14.4vw;
  pointer-events: none;
  z-index: 20; }
  #tp0107 .btn01.active {
    pointer-events: auto; }

#tp0107 .pointer {
  position: absolute;
  left: 25.0666666667vw;
  bottom: 2.1333333333vw;
  opacity: 0; }

#tp0107 .fukidashi {
  left: 4.8vw;
  top: 103.733333333vw;
  height: 32vw;
  align-items: flex-start; }
  @media screen and (max-height: 600px) {
    #tp0107 .fukidashi {
      top: 83.7333333333vw; } }
  #tp0107 .fukidashi p {
    padding-right: 9.6vw;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0107 .fukidashi .btn-next {
    right: 4.8vw;
    bottom: 4.1333333333vw; }
  #tp0107 .fukidashi .fukidashi-arw-t {
    top: -4.2666666667vw;
    margin-left: 63.3333333333vw; }

#item #tp0107 .img01 {
  left: 30.9333333333vw; }

.mode-pc #tp0107 .tutorial {
  height: 665px; }

.mode-pc #tp0107 .img01 {
  top: 166px;
  bottom: auto; }

.mode-pc #tp0107 .btn01 {
  bottom: 50px !important; }

.mode-pc #tp0107 .pointer {
  bottom: 70px !important; }

.mode-pc #tp0107 .ct-w-hdft {
  top: 0; }

.mode-pc #item #tp0107 .img01 {
  top: auto;
  bottom: 0; }

.mode-pc #item #tp0107 .fukidashi {
  top: 133.333333333vw; }

#tp0108 .ct-w-hdft {
  background-color: #eaf1f2; }

#tp0108 .img01 {
  position: absolute;
  left: 18.4vw;
  top: 65.6vw;
  width: 100vw; }

#tp0108 .fukidashi {
  left: 4.8vw;
  top: 118.4vw;
  height: 32vw;
  align-items: flex-start; }
  @media screen and (max-height: 600px) {
    #tp0108 .fukidashi {
      top: 100.533333333vw; } }
  #tp0108 .fukidashi p {
    padding-right: 9.6vw;
    color: var(--ig-primary-palette-ig-black, #000);
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 45px */ }
  #tp0108 .fukidashi .btn-next {
    right: 4.8vw;
    bottom: 4.1333333333vw; }
  #tp0108 .fukidashi .fukidashi-arw-t {
    top: -4.2666666667vw;
    margin-left: 68vw; }

#item #tp0108 .img01 {
  left: 16vw;
  top: 45.0666666667vw; }

.mode-pc #tp0108 .tutorial {
  height: 665px;
  padding-top: 0; }

.mode-pc #tp0108 .img01 {
  top: 246px;
  bottom: auto;
  width: 288px;
  left: 40px; }

.mode-pc #tp0108 .ct-w-hdft {
  top: 0; }

.mode-pc #tp0108 .fukidashi {
  top: 141.333333333vw; }

#tp0109 {
  background-color: #FFF; }
  #tp0109 .ct-w-hdft {
    background-color: #FFF; }
  #tp0109 .img01 {
    position: absolute;
    left: 0vw;
    top: 36.8vw;
    width: 100vw; }
  #tp0109 .fukidashi {
    left: 4.8vw;
    top: 13.3333333333vw;
    height: 49.3333333333vw;
    align-items: flex-start; }
    @media screen and (max-height: 600px) {
      #tp0109 .fukidashi {
        top: 13.3333333333vw; } }
    #tp0109 .fukidashi p {
      padding-right: 9.6vw;
      color: var(--ig-primary-palette-ig-black, #000);
      font-size: 4vw;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 45px */ }
    #tp0109 .fukidashi .btn-next {
      right: 4.8vw;
      bottom: 4.1333333333vw; }
    #tp0109 .fukidashi .fukidashi-arw-b {
      bottom: -4.2666666667vw;
      margin-left: 40vw; }

#item #tp0109 .img01 {
  left: 4.4vw; }

#tp0110 {
  background-color: #FFF; }
  #tp0110 .ct-w-hdft {
    top: 0;
    height: 100%; }
  #tp0110 .screen_to_landscape {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100;
    opacity: 1;
    visibility: visible;
    transition: opacity .4s,z-index 0.01s,visibility 0.01s;
    align-items: center;
    justify-content: center;
    display: none; }
    #tp0110 .screen_to_landscape img {
      max-width: 339px;
      height: auto; }
  #tp0110 .screen_rotation {
    position: absolute;
    width: 90.4vw;
    height: auto; }
  #tp0110 .img01 {
    position: absolute;
    right: 0vw;
    bottom: 0;
    width: 37.037037037vw; }
  #tp0110 .tutorial {
    display: none; }
  #tp0110 .fukidashi {
    top: auto !important;
    left: -2.2222222222vw;
    bottom: 2.0987654321vw !important;
    height: 14.8148148148vw;
    align-items: flex-start;
    width: 70.8641975309vw;
    border-radius: 2.2222222222vw;
    padding-top: 1.4814814815vw; }
    #tp0110 .fukidashi .fukidashi-arw-b {
      bottom: 50%;
      right: -2.2222222222vw;
      transform: rotate(-90deg); }
    @media screen and (max-height: 600px) {
      #tp0110 .fukidashi {
        top: 13.3333333333vw; } }
    #tp0110 .fukidashi p {
      color: var(--ig-primary-palette-ig-black, #000);
      font-size: 1.8518518519vw;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 45px */ }
    #tp0110 .fukidashi .nav-prev-next {
      bottom: 1.4814814815vw; }
    #tp0110 .fukidashi .btn-next {
      font-size: 1.8518518519vw;
      margin-right: 0; }
    #tp0110 .fukidashi .btn-prev {
      font-size: 1.8518518519vw; }

.landscape #tp0110 .tutorial {
  display: block !important;
  top: 0; }

.mode-pc .landscape #tp0110 .tutorial {
  position: absolute;
  top: 0;
  height: 100%; }

.mode-pc .landscape #tp0110 .fukidashi {
  width: 69.7530864198vw;
  padding-right: 4.4444444444vw; }

.mode-pc .landscape #tp0110 .img01 {
  bottom: -40px;
  right: 4.5679012346vw; }

.mode-pc .screen_to_landscape {
  display: none !important; }

.mode-pc .screen_rotation {
  display: none !important; }

.landscape.tp0110 {
  height: 100vh; }

.lanscape #tp0110 .ct-w-hdft {
  display: flex !important;
  align-items: center !important; }

.portrait #tp0110 .screen_to_landscape {
  display: flex !important; }

.landscape #tp0110 .screen_to_landscape img {
  max-width: 336px !important;
  height: auto; }

.tp0110 #forceVertical {
  display: none !important;
  visibility: hidden; }

#item #tp0110 .fukidashi {
  width: 72.3456790123vw; }

.mode-pc #item #tp0110 .fukidashi {
  width: 69.2592592593vw; }

#tp0111 {
  background-color: #FFF; }
  #tp0111 .ct-w-hdft {
    top: 36px;
    bottom: 0;
    height: 100%;
    background-color: #fff; }
  #tp0111 .screen_to_portrait {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    visibility: visible;
    align-items: center;
    justify-content: center; }
    #tp0111 .screen_to_portrait img {
      min-width: 279px;
      height: auto; }
  #tp0111 .bg01 {
    position: fixed;
    top: 36px;
    left: 0;
    width: 100%;
    height: auto; }
  #tp0111 .bg02 {
    position: fixed;
    top: 36px;
    left: 0;
    width: 100%;
    height: auto; }
  #tp0111 .screen_rotation {
    width: 41.8518518519vw; }
  #tp0111 .img01 {
    position: absolute;
    right: 0;
    top: 61.7333333333vw;
    width: 100vw; }
    @media screen and (max-height: 600px) {
      #tp0111 .img01 {
        top: 35.0666666667vw; } }
  #tp0111 .fukidashi {
    left: 4.8vw;
    top: 116.8vw;
    height: 39.2vw;
    align-items: flex-start; }
    @media screen and (max-height: 600px) {
      #tp0111 .fukidashi {
        top: 90.1333333333vw; } }
    #tp0111 .fukidashi p {
      padding-right: 9.6vw;
      color: var(--ig-primary-palette-ig-black, #000);
      font-size: 4vw;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 45px */ }
    #tp0111 .fukidashi .btn-next {
      right: 4.8vw;
      bottom: 4.1333333333vw; }
    #tp0111 .fukidashi .fukidashi-arw-t {
      top: -4.2666666667vw;
      margin-left: 42.6666666667vw; }

.lanscape #tp0111 .screen_to_portrait {
  display: none !important; }

.lanscape #tp0111 .screen_rotation {
  display: none !important; }

.lanscape #tp0111 .ct-w-hdft {
  display: flex !important;
  align-items: center !important; }

.landscape.tp0111 #forceVertical {
  display: none; }

.landscape.tp0111 #tp0111 .screen_to_portrait {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  transition: opacity .4s,z-index 0.01s,visibility 0.01s; }

.portrait.tp0111 #forceVertical {
  display: none !important; }

.portrait.tp0111 #tp0111 .screen_to_portrait {
  display: none !important;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.4s,z-index 0.3s ease-in 1s,visibility 0.3s ease-in 1s; }

.mode-pc #tp0111 .bg01 {
  top: 67px; }

.mode-pc #tp0111 .bg02 {
  top: 67px; }

.tp01101 #forceVertical {
  display: none !important;
  visibility: hidden; }

#item #tp0111 .img01 {
  top: 51.7333333333vw; }
  @media screen and (max-height: 600px) {
    #item #tp0111 .img01 {
      top: 25.0666666667vw; } }

#item #tp0111 .fukidashi {
  top: 131.733333333vw; }
  @media screen and (max-height: 600px) {
    #item #tp0111 .fukidashi {
      top: 105.066666667vw; } }
  #item #tp0111 .fukidashi .fukidashi-arw-t {
    margin-left: 62.6666666667vw; }

#end01 {
  background-color: #FFF; }
  #end01 .end-ttl {
    margin-top: 16.5333333333vw;
    display: flex;
    justify-content: center;
    font-size: 12.8vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1; }
    @media screen and (max-height: 600px) {
      #end01 .end-ttl {
        margin-top: 5.8666666667vw; } }
    #end01 .end-ttl span {
      text-align: center;
      font-size: 11.2vw;
      font-style: normal;
      font-weight: 700;
      line-height: 1;
      /* 84px */ }
  #end01 .end-lead {
    color: #000;
    text-align: center;
    font-size: 5.6vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    /* 63px */
    margin-top: 8.5333333333vw; }
    @media screen and (max-height: 600px) {
      #end01 .end-lead {
        margin-top: 4.2666666667vw; } }
  #end01 .end-notes {
    margin-top: 2.0666666667vw;
    color: #000;
    text-align: center;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 63px */ }
  #end01 .end-pict {
    padding-top: 4vw;
    padding-left: 4.8vw; }
    #end01 .end-pict img {
      width: 91.4666666667vw;
      height: auto; }
      @media screen and (max-height: 600px) {
        #end01 .end-pict img {
          width: 64.8vw; } }
  #end01 .end-platform {
    color: #000;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    /* 36px */
    padding-left: 4.8vw;
    margin-bottom: 3.8666666667vw; }
  #end01 .end-buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #end01 .end-buttons button + a {
      text-decoration: none;
      margin-top: 3.2vw; }
  #end01 .end-backtop {
    display: block;
    text-align: center;
    color: #000;
    font-size: 3.4666666667vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 26px */
    text-decoration-line: underline;
    margin-top: 4.9333333333vw; }
  #end01 .end-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    padding: 4.8vw;
    display: none;
    opacity: 0; }
    #end01 .end-popup.show {
      display: flex; }
  #end01 .end-popup-inner {
    overflow: hidden;
    padding: 4.8vw 4.8vw 0vw 4.8vw;
    width: 100%;
    background-color: #fff;
    border-radius: 4.8vw;
    background: var(--IG-Primary-palette-Ig-White, #FFF); }
  #end01 .end-popup-close {
    display: block;
    width: 3.3866666667vw;
    margin-left: auto;
    position: relative;
    z-index: 10; }
    #end01 .end-popup-close svg {
      width: 3.3866666667vw;
      height: 3.3866666667vw; }
  #end01 .end-popup-ttl {
    color: #000;
    font-size: 5.6vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 42px */
    margin-top: -2.6666666667vw; }
  #end01 .end-popup-list {
    margin-top: 4.1333333333vw;
    color: #000;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 500;
    line-height: 2.4;
    /* 57.6px */
    margin-left: 1.5em; }
    #end01 .end-popup-list li {
      font-size: 3.2vw;
      font-feature-settings: "palt"; }
  #end01 .end-popup-text-info {
    margin-top: 3.2vw;
    color: #000;
    text-align: justify;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 36px */ }
  #end01 .end-popup-stores {
    margin-top: 3.2vw;
    display: flex;
    justify-content: flex-start; }
    #end01 .end-popup-stores a {
      display: block; }
      #end01 .end-popup-stores a + a {
        margin-left: 4.2666666667vw; }
    #end01 .end-popup-stores img {
      display: block;
      width: auto;
      height: 12vw; }
  #end01 .end-popup-pict {
    display: flex;
    align-items: center;
    justify-content: center; }
    #end01 .end-popup-pict img {
      display: block;
      margin-top: 6.4vw;
      width: 70.1333333333vw;
      height: auto;
      flex-shrink: 0; }
  #end01 .btn01 {
    transition: all 0.3s; }
  #end01 .btn01[disabled] {
    background: var(--ig-functional-palette-black-400, #A3A3A3); }

.pc-on {
  display: none; }

.mode-pc {
  overflow: hidden; }
  .mode-pc .pc-on {
    display: block; }
  .mode-pc .pc-none {
    display: none !important; }

.landscape > .page .tp, .landscape > .page .tutorial {
  opacity: 0; }

.landscape .page-wrapper {
  display: none; }

.landscape .hide-landscape {
  display: none !important; }

.portrait .show-landscape {
  display: none !important; }

#forceVertical {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff; }
  #forceVertical.show {
    display: flex; }
  #forceVertical img {
    width: 294px; }

.landscape.tp0110 #forceVertical {
  display: none; }

.landscape.tp0110 #tp0110 .tutorial {
  opacity: 1; }

.landscape.tp0110 #tp0110 .screen_to_landscape {
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.4s,z-index 0.3s ease-in 1s,visibility 0.3s ease-in 1s; }

.mode-pc #forceVertical {
  display: none !important; }

.mode-pc .landscape.tp0111 #forceVertical {
  display: none !important; }

.mode-pc .landscape.tp0111 #tp0111 .screen_to_portrait {
  display: none !important; }

.mode-pc .portrait.tp0111 #tp0111 .screen_to_portrait {
  display: none !important; }

.tp-logo {
  width: 80px;
  height: auto;
  margin-bottom: 30px; }

.tp-ttl {
  margin-top: 10.4vw;
  color: var(--ig-primary-palette-ig-black, #000);
  text-align: center;
  font-family: "MatterIGTF","Noto Sans JP", sans-serif;
  font-size: 9.6vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  /* 138.889% */ }
  .tp-ttl span {
    color: var(--ig-primary-palette-ig-black, #000);
    font-family: "MatterIGTF","Noto Sans JP", sans-serif;
    font-size: 8.8vw;
    font-style: normal;
    font-weight: 700; }
  .mode-pc .tp-ttl {
    margin-top: 4.5333333333vw; }

.tp-ttl2 {
  text-align: center;
  font-family: "MatterIGTF","Noto Sans JP", sans-serif;
  font-size: 8.8vw;
  font-style: normal;
  font-weight: 700;
  margin-top: 3.2vw;
  line-height: 120%;
  /* 79.2px */ }
  .tp-ttl2 span {
    font-family: "MatterIGTF","Noto Sans JP", sans-serif;
    font-size: 8vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; }
  .tp-ttl2 small {
    display: block;
    text-align: center;
    font-family: "MatterIGTF";
    font-size: 5.6vw;
    font-style: normal;
    font-weight: 700;
    margin-top: 1.6vw;
    line-height: 120%;
    /* 50.4px */ }

.tp-txt {
  margin-bottom: 30px;
  padding: 0 2em;
  line-height: 2; }

.tp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75em 1em;
  border: 1px solid #ddd;
  width: 12em;
  background-color: orange; }
  .tp-btn + .tp-btn {
    margin-top: 1em; }

.tutorial {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  z-index: 20; }
  .tutorial.active {
    visibility: visible; }

.ig_app_header,
.ig_app_header_fx {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 10; }
  .mode-pc .ig_app_header, .mode-pc
  .ig_app_header_fx {
    top: 37px; }

.ig_app_header_2nd_layor {
  position: fixed;
  width: 100%;
  height: auto;
  top: 9.6vw;
  left: 0;
  z-index: 2; }

.ig_app_footer {
  position: fixed;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  z-index: 2; }

.ct-w-hdft {
  font-size: 0;
  position: fixed;
  width: 100%;
  top: 9.6vw;
  bottom: 15.7333333333vw;
  left: 0; }

.ct-w-hdft-fx {
  font-size: 0;
  position: fixed;
  width: 100%;
  top: 18.4vw;
  bottom: 15.7333333333vw;
  left: 0; }
  .mode-pc .ct-w-hdft-fx {
    margin-top: 37px; }

.ct-w-hdft-04 {
  font-size: 0;
  position: fixed;
  width: 100%;
  top: 32.5333333333vw;
  bottom: 23.0666666667vw;
  left: 0; }

.lock-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.8); }

#item .link-color2 {
  color: #00B39B !important; }

/*# sourceMappingURL=style.css.map */