@import url("https://fonts.cdnfonts.com/css/kozuka-gothic-pr6n");
@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@900&display=swap");

.font_bold {
    font-weight: 600 !important;
}
.font_600 {
    font-weight: 600 !important;
}
.font_500 {
    font-weight: 500 !important;
}
.font_400 {
    font-weight: 400 !important;
}

.mt_100 {
    margin-top: 0.5rem !important;
}

.mt_200 {
    margin-top: 1rem !important;
}

#free-trial {
  background: #fff;
  padding: 145px 30px 123px 30px;
  text-align: center;
}
#free-trial .text {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 64px;
  color: #191919;
  font-weight: 600;
  line-height: 1.4;
}

#free-trial .text br.m {
  display: none;
}
#free-trial .btn {
  position: relative;
  margin-top: 70px;
}
#free-trial .btn img {
  position: relative;
  left: 44px;
  bottom: 35px;
  z-index: 5;
  animation: 0.7s ease 0s infinite normal none running vibration01;
}
#free-trial .btn a {
  background-color: #fbc600;
  color: #fff;
  font-size: 52px;
  padding: 6px 75px 12px 52px;
  border-radius: 0 54px 54px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  position: relative;
  font-weight: 600;
  font-family: "Meiryo UI W53 Bold";
}
#free-trial .btn a:after {
  content: "";
  width: 19px;
  height: 31px;
  background: url("/images/jp/new/arrow.png") center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 26px;
  top: 31px;
  z-index: 10;
  animation: arrow infinite 0.6s alternate;
}

.free_trial_main_pop,
.new_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}
.free_trial_main_pop .popup {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  padding: 35px;
  border-radius: 25px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.4);
  max-width: 540px;
}
.free_trial_main_pop .popup .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.free_trial_main_pop .popup .inner img {
  display: block;
  width: 100%;
  max-width: 260px;
  margin-bottom: 20px;
}
.free_trial_main_pop .popup .inner .text01 {
  font-size: 32px;
  color: #313131;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
  line-height: 1.2;
}
.free_trial_main_pop .popup .inner .text02 {
  font-size: 42px;
  color: #313131;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  text-align: center;
  letter-spacing: -1px;
  line-height: 1.2;
  margin: 10px 0 18px 0;
}
.free_trial_main_pop .popup .inner .text02 .pointR {
  font-style: inherit;
  color: #cc0000;
  font-weight: 600;
}
.free_trial_main_pop .popup .inner .bullet {
  font-size: 21px;
  color: #434343;
  text-align: center;
  width: 100%;
  letter-spacing: -2px;
}
.free_trial_main_pop .popup .inner a {
  font-size: 32px;
  color: #fff;
  font-family: "M PLUS 1p", sans-serif;
  background: #fbc600;
  font-weight: 800;
  display: inline-block;
  padding: 2px 50px 2px 45px;
  border-radius: 50px;
  margin-top: 25px;
  position: relative;
}
.free_trial_main_pop .popup .inner a:after {
  content: "";
  width: 12px;
  height: 18px;
  background: url('/images/jp/new/arrow.png') center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 27px;
  top: 17px;
  z-index: 10;
}
.free_trial_main_pop .popup .inner .close_pop,
.new_popup .popup .inner .close_pop {
  width: 30px;
  height: 30px;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url('/images/jp/new/pop_close.png') center no-repeat;
  background-size: 100%;
  border: none;
  cursor: pointer;
}
.free_trial_main_pop .shadow,
.new_popup .shadow {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.new_popup .popup {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  padding: 0;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.4);
  min-width: 1280px;
  min-height: 720px;
}
.new_popup .popup .inner .close_pop {
  background: url('/images/jp/new/pop_close_w.png') center no-repeat;
  background-size: 100%;
  right: -45px;
  top: 0px;
}
.new_popup .inner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@keyframes vibration01 {
  0% {
    transform: rotate(2deg);
  }

  50% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(2deg);
  }
}
@keyframes arrow {
  0% {
    right: 26px;
  }
  100% {
    right: 38px;
  }
}

.fixed_banner {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 100;
}
.fixed_banner p {
  font-size: 18px;
  font-family: "M PLUS 1p", sans-serif;
  position: absolute;
  right: 2px;
  top: 33px;
  width: 120px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
}
.fixed_banner p em {
  font-weight: 800;
  font-size: 24px;
  font-style: inherit;
}

/* guideBook */
/*.snb_wrapper {*/
/*    position: fixed;*/
/*    right: 30px;*/
/*    bottom: 165px;*/
/*    z-index: 100;*/
/*}*/

/*.snb_wrapper .snb_link {*/
/*    margin-top: 0.8em;*/
/*}*/

/*.snb_wrapper .snb_link a {*/
/*    position: relative;*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-family: "M PLUS 1p", sans-serif;*/
/*}*/

/*.snb_wrapper .snb_link p {*/
/*  width: 100%;*/
/*  position: absolute;*/
/*  top: 25%;*/
/*  font-size: 1.5rem;*/
/*  font-weight: 600;*/
/*  color: #fff;*/
/*  text-align: center;*/
/*}*/

/*.snb_wrapper .snb_link img {*/
/*    width: 100%;*/
/*}*/

/*.snb_wrapper .snb_link .guide p {*/
/*    font-size: 1.85rem;*/
/*}*/

/*@media (max-width: 750px) {*/
/*  .snb_wrapper {*/
/*    bottom: 14vw;*/
/*  }*/

/*  .snb_wrapper .snb_link {*/
/*    width: 100px;*/
/*  }*/

/*  .snb_wrapper .snb_link p {*/
/*    font-size: 1.25rem;*/
/*  }*/

/*  .snb_wrapper .snb_link .guide p {*/
/*      font-size: 1.48rem;*/
/*  }*/

/*  !* update top btn *!*/
/*  .fixed_banner.active {*/
/*      -webkit-transform: translateY(0);*/
/*      -ms-transform: translateY(0);*/
/*      transform: translateY(0);*/
/*  }*/
/*  .snb_top_btn.index {*/
/*      bottom: 8vh;*/
/*  }*/
/*  !* update top btn *!*/

/*}*/

/*@media (max-width: 450px) {*/
/*  .snb_wrapper {*/
/*    right: 15px;*/
/*    bottom: 16vw;*/
/*  }*/

/*  .snb_wrapper .snb_link {*/
/*      width: 80px;*/
/*      margin-top: 0.5em;*/
/*  }*/

/*  .snb_wrapper .snb_link p {*/
/*    font-size: 1.05rem;*/
/*  }*/

/*  .snb_wrapper .snb_link .guide p {*/
/*    font-size: 1.2rem;*/
/*  }*/
/*}*/

/*page*/
.new_sub {
  width: 100%;
  padding: 0 10px;
  max-width: 1320px;
  margin: 0 auto;
}
.pointR {
  color: #cc0000 !important;
  font-style: normal;
  font-weight: 600;
}
.new_sub > section {
  padding: 140px 0;
  overflow: hidden;
}
.new_sub .titleS {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 58px;
  text-align: center;
  font-weight: 600;
  letter-spacing: -4px;
}
.new_sub .textS {
  font-family: "Kozuka Gothic Pr6N", sans-serif;
  font-size: 36px;
  color: #676767;
  text-align: center;
  line-height: 1.3;
  letter-spacing: -2px;
  margin: 30px 0;
}
.new_sub .strongS {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 48px;
  text-align: center;
  font-weight: 600;
  letter-spacing: -4px;
  color: #313131;
}
.experience-application01-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}
.experience-application01-flex > div .m {
  display: none;
}
.experience-application01-flex > div {
  background: #fff9ea;
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  min-width: 525px;
}
.experience-application01-flex > em {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 50px;
  font-weight: 800;
  font-style: normal;
  padding: 0 30px;
}
.experience-application01-flex .title img {
  display: inline-block;
  max-width: 163px;
  width: 100%;
}
.experience-application01-flex .text {
  font-size: 24px;
  font-weight: 600;
  color: #313131;
  line-height: 1.3;
  margin: 25px 0 20px 0;
}
.experience-application01-flex .text span {
  display: block;
  font-weight: 800;
}
.experience-application02 .textS .m {
  display: none;
}
.experience-application01-flex .imgarea p {
  font-size: 28px;
  color: #313131;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 10px;
}
.experience-application02 {
  position: relative;
  text-align: center;
}
.experience-application02:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 120px;
  background-image: linear-gradient(
    to right,
    #e7decb 60%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 16px 2px;
  background-repeat: repeat-x;
}
.experience-application02-flex {
  text-align: center;
}
.experience-application02-flex > li {
  margin-top: 65px;
}
.experience-application02-flex .first {
  position: relative;
  padding-bottom: 90px;
}
.experience-application02-flex .first:after {
  content: "+";
  font-family: "M PLUS 1p", sans-serif;
  font-size: 50px;
  display: block;
  font-weight: 800;
  position: absolute;
  left: 50%;
  bottom: -17px;
  transform: translateX(-50%);
}
.experience-application02-flex .img_p {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 30px;
  color: #313131;
  font-weight: 500;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.experience-application02-flex .img_p span {
  display: inline-block;
  position: relative;
  padding-left: 40px;
}
.experience-application02-flex .img_p span:before {
  content: "";
  width: 31px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 7px;
  background: url("/images/jp/new/img_p_bg.png") center no-repeat;
  background-size: 100%;
}
.experience-application02-flex .first img {
  border: 2px solid #c1a672;
  border-radius: 25px;
  display: inline-block;
  max-width: 858px;
  width: 100%;
}
.experience-application02-flex .circle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.experience-application02-flex .circle > div {
  margin-right: 50px;
  max-width: 249px;
  width: calc((100% - 100px) / 3);
}
.experience-application02-flex .circle > div:last-child {
  margin-right: 0;
}
.experience-application02-flex .circle > div img {
  width: 100%;
}
.experience-application02-flex .circle > div p {
  font-size: 28px;
  color: #313131;
  font-weight: 500;
  letter-spacing: -2px;
  margin-top: 6px;
}

.btnarea {
  margin-top: 120px;
}

.btn_yellow {
  background-color: #fbc600;
  color: #fff;
  font-size: 52px;
  padding: 6px 75px 12px 52px;
  border-radius: 54px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  display: inline-block;
  min-width: 560px;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
}
.btn_yellow span {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
.btn_yellow span:after {
  content: "";
  width: 19px;
  height: 31px;
  background: url('/images/jp/new/arrow.png') center no-repeat;
  background-size: 100%;
  position: absolute;
  right: -31px;
  z-index: 10;
}
.bullet_list {
  display: inline-block;
  text-align: left;
  margin-top: 60px;
  font-family: "Kozuka Gothic Pr6N", sans-serif;
  line-height: 1.4;
  padding-left: 0;
}
.bullet_list li {
  position: relative;
  padding-left: 16px;
}
.bullet_list li:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 16px;
  background: #676767;
  border-radius: 50%;
}
.bullet_list li p {
  font-size: 22px;
  color: #676767;
  font-weight: 300;
  letter-spacing: -1px;
  margin-block: 0.7em;
}
.app_warning_wrapper { margin-top: 150px; }
.app_warning_wrapper .title {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 35px;
    text-align: left;
    margin: 0;
}
.app_warning_wrapper .bullet_list { margin-top: 20px; }
.experience-none {
  text-align: center;
}
.experience-none .big_title {
  font-family: "Overpass", sans-serif;
  font-size: 100px;
  color: #1a1a1a;
  font-weight: 800;
  display: inline-block;
  position: relative;
  line-height: 1;
  margin-bottom: 110px;
}
.experience-none .big_title:before {
  content: "";
  background: url("/images/jp/new/trial_bg.png") left top no-repeat;
  width: 148px;
  height: 122px;
  position: absolute;
  left: -78px;
  top: -44px;
  z-index: -1;
  background-size: 100%;
}
.experience-none .big_title:after {
  content: "";
  background: url("/images/jp/new/trial_border.png") left bottom no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-size: 100%;
}

.experience-none .btn {
  position: relative;
  margin-top: 70px;
}
.experience-none .btn img {
  position: relative;
  left: 44px;
  bottom: 35px;
  z-index: 5;
}
.experience-none .btn a {
  background-color: #fbc600;
  color: #fff;
  font-size: 52px;
  padding: 6px 75px 12px 52px;
  border-radius: 0 54px 54px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  position: relative;
  font-weight: 600;
}
.experience-none .btn a:after {
  content: "";
  width: 19px;
  height: 31px;
  background: url('/images/jp/new/arrow.png') center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 26px;
  top: 31px;
  z-index: 10;
}
.tab_link_block {
    max-width: 1160px;
    display: flex;
    justify-content: center;
    gap: 2em;
    margin: 0 auto 120px;
    padding-left: 0;
}
.tab_link_block .tab_link {
    flex: 1;
    padding: 0.75em 0.35em 0.65em;
    font-family: Overpass;
    font-size: 70.5px;
    font-weight: 900;
    color: #aaaaaa;
    line-height: 0.4;
    letter-spacing: -0.025em;
    background-color: #f4f4f4;
    border-radius: 0.35em;
    cursor: pointer;
}
.tab_link_block .tab_link { color: #fff; }
.tab_link_block .tab_link.active.red { background-color: #ce0017; }
.tab_link_block .tab_link.active.blue { background-color: #123c91; }
.tab_content { display: none; }
.tab_content.active { display: block; }
.experience-box .title_block { margin-bottom: 41px; }
.experience-box .title_block .num {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.3em;
    font-size: 52.5px;
    font-weight: 900;
    letter-spacing: -1.58px;
    color: #fff;
    background: url('/images/jp/new/bg_num_red.png') center center no-repeat;
    background-size: 100%;
    margin: 0 auto 34px;
}
.experience-box.blue .title_block .num {
    background: url('/images/jp/new/bg_num_blue.png') center center no-repeat;
    background-size: 100%;
}
.experience-box .title_block .title_text {
    font-size: 52.5px;
    font-weight: bold;
    line-height: 1.05;
    letter-spacing: -1.58px;
    text-align: center;
    color: #1a1a1a;
    margin: 0;
}
.experience-box {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  border-radius: 45px;
  margin-bottom: 160px;
}
.experience-box:last-child { margin-bottom: 0; }
.experience-box:after {
  content: "";
  position: absolute;
}
.experience-box.red:after {
  width: 298px;
  height: 287px;
  background: url('/images/jp/new/experience-content-bg01.png') center no-repeat;
  background-size: contain;
  right: -20px;
  bottom: -40px;
}
.experience-box.red:nth-child(even):after {
    background: url('/images/jp/new/experience-content-bg01-02.png') center no-repeat;
    background-size: contain;
}
.experience-box.blue:after {
  width: 321px;
  height: 314px;
  background: url('/images/jp/new/experience-content-bg02.png') center no-repeat;
  background-size: contain;
  right: -20px;
  bottom: -50px;
}
.experience-box.blue:nth-child(even):after {
    background: url('/images/jp/new/experience-content-bg02-02.png') center no-repeat;
    background-size: contain;
}
.experience-box.red {
  margin-top: 0;
}
.experience-box .title {
  font-size: 52px;
  color: #fff;
  font-weight: 600;
  padding: 35px 20px;
  margin: 0;
  line-height: 1;
}
.experience-box .title span {
  font-size: 50px;
  font-weight: 800;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 30px 11px 30px;
  border-radius: 30px;
  margin-right: 20px;
  min-width: 65px;
}
.experience-box.red .title {
  background-color: #ce0017;
}
.experience-box.red .title span {
  background-color: #a60002;
}
.experience-box.blue .title {
  background-color: #123c91;
}
.experience-box.blue .title span {
  background-color: #010e52;
}
.experience-box .inner {
  padding: 50px 70px;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  padding-bottom: 100px;
}
.experience-box .inner > p {
  font-size: 36px;
  color: #535353;
  font-family: "M PLUS 1p", sans-serif;
  text-align: left;
  line-height: 1.3;
}
.experience-box .contents {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.experience-box .contents .ebook {
  margin-right: 45px;
}
.experience-box .contents .ebook img {
  display: block;
  width: 100%;
  max-width: 341px;
}
.experience-box .contents .ebook .btn_yellow {
  font-size: 22px;
  min-width: inherit;
  padding: 6px 48px 9px 38px;
  margin-top: 24px;
}
.experience-box .contents .ebook .btn_yellow span:after {
  right: -24px;
  top: 0px;
  width: 16px;
  height: 28px;
}
.experience-box .contents .video {
  display: flex;
  flex-wrap: wrap;
}
.experience-box .contents .video > div {
  margin-right: 20px;
  max-width: 285px;
  width: calc((100% - 20px) / 2);
  cursor: pointer;
}
.experience-box .contents .video > div:nth-child(2n) {
  margin-right: 0;
}
.experience-box .contents .video > div:nth-child(n + 3) {
  margin-top: 20px;
}
.experience-box .contents .video > div img {
  width: 100%;
  display: block;
}
.experience-box .contents .video > div p {
  font-size: 28px;
  color: #313131;
  font-weight: 600;
  letter-spacing: -1px;
}
.experience-none .strongS .m {
  display: none;
}
.experience-application01 .titleS .m {
  display: none;
}
@media (max-width: 1320px) {
  .new_sub {
    padding: 0 3vw;
    box-sizing: border-box;
  }
  .new_sub > section {
    padding: 7vw 0;
  }
  .new_sub .titleS {
    font-size: 4.1vw;
  }
  .new_sub .textS {
    font-size: 2.4vw;
    margin: 2vw 0;
    word-break: break-word;
  }
  .experience-application01-flex {
    margin-top: 6vw;
  }
  .experience-application01-flex > div {
    border-radius: 3vw;
    padding: 3vw;
    width: calc((100% - 2vw) / 2);
  }
  .experience-application01-flex > em {
    font-size: 4vw;
    padding: 0 3vw;
  }
  .experience-application01-flex .text {
    font-size: 2.3vw;
    margin: 2vw 0 1.4vw 0;
  }
  .experience-application01-flex .imgarea img {
    display: inline-block;
    width: 100%;
    max-width: 337px;
  }
  .experience-application01-flex .imgarea p {
    font-size: 2.2vw;
    margin-top: 1vw;
  }
  .experience-application02:before {
    margin-bottom: 13vw;
  }
  .new_sub .strongS {
    font-size: 3.5vw;
  }
  .experience-application02-flex > li {
    margin-top: 4vw;
  }
  .experience-application02-flex .img_p {
    font-size: 2.4vw;
    margin-bottom: 2vw;
  }
  .experience-application02-flex .img_p span {
    padding-left: 3.5vw;
  }
  .experience-application02-flex .img_p span:before {
    width: 2.5vw;
    height: 3vw;
    top: 0.5vw;
  }
  .experience-application02-flex .first:after {
    font-size: 5vw;
    bottom: -2vw;
  }
  .experience-application02-flex .circle > div {
    margin-right: 4vw;
    width: calc((100% - 8vw) / 3);
  }
  .experience-application02-flex .circle > div p {
    font-size: 2.5vw;
    margin-top: 1.3vw;
  }
  .btnarea {
    margin-top: 8vw;
  }
  .btn_yellow {
    font-size: 4.2vw;
    padding: 1vw 9vw 1vw 8vw;
    border-radius: 5vw;
    min-width: inherit;
  }
  .btn_yellow span:after {
    width: 1.5vw;
    height: 3.2vw;
    right: -3vw;
    top: 1.6vw;
  }
  .bullet_list {
    margin-top: 5vw;
  }
  .bullet_list li {
    padding-left: 1.2vw;
  }
  .bullet_list li:before {
    width: 0.4vw;
    height: 0.4vw;
    top: 1.4vw;
  }
  .bullet_list li p {
    font-size: 1.9vw;
  }
}
@media (max-width: 1200px) {
  .experience-application01-flex {
    flex-wrap: wrap;
  }
  .experience-application01-flex > div {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around;
  }
  .experience-application01-flex > em {
    width: 100%;
    text-align: center;
  }

  .experience-application01-flex > div .m {
    display: block;
    font-size: 2.2vw;
    margin-top: 1vw;
    color: #313131;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
  }
  .experience-application01-flex .imgarea p {
    display: none;
  }
}
@media (max-width: 1280px) {
  .new_popup .popup {
    min-width: inherit;
    width: 90%;
    min-height: inherit;
  }
}
@media (max-width: 1160px) {
  .experience-box {
    box-sizing: border-box;
  }
}
@media (max-width: 1024px) {
  #free-trial {
    padding: 100px 50px;
  }
  #free-trial .text {
    font-size: 4.5vw;
  }
  #free-trial .btn {
    margin-top: 6vw;
  }
  #free-trial .btn img {
    width: 24vw;
    left: 4vw;
    bottom: 2.6vw;
  }
  #free-trial .btn a {
    font-size: 4.5vw;
    padding: 1.2vw 7vw 1.5vw 5vw;
    border-radius: 0 5vw 5vw 0;
  }
  #free-trial .btn a:after {
    width: 1.5vw;
    height: 2.5vw;
    top: 3.3vw;
    right: 2.5vw;
  }
  @keyframes arrow {
    0% {
      right: 2.5vw;
    }
    100% {
      right: 4vw;
    }
  }
  .free_trial_main_pop .popup {
    max-width: inherit;
    padding: 4vw;
    width: 50vw;
    border-radius: 3vw;
  }
  .free_trial_main_pop .popup .inner img {
    margin-bottom: 3vw;
  }
  .free_trial_main_pop .popup .inner .text01 {
    font-size: 3.2vw;
  }
  .free_trial_main_pop .popup .inner .text02 {
    font-size: 4.2vw;
    margin: 1vw 0;
  }
  .free_trial_main_pop .popup .inner .bullet {
    font-size: 2.4vw;
    line-height: 1.3;
  }
  .free_trial_main_pop .popup .inner a {
    font-size: 3.2vw;
    padding: 1vw 5vw 1vw 4vw;
    border-radius: 5vw;
    margin-top: 2vw;
  }
  .free_trial_main_pop .popup .inner a:after {
    width: 1.2vw;
    height: 2vw;
    right: 2vw;
    top: 2.3vw;
  }
  .free_trial_main_pop .popup .inner .close_pop,
  .new_popup .popup .inner .close_pop {
    width: 3.5vw;
    height: 3.5vw;
    right: 3vw;
    top: 3vw;
  }
  .new_sub {
    padding: 0 5vw;
  }
  .new_sub > section {
    padding: 9vw 0;
  }
  .new_sub .titleS {
    font-size: 5.1vw;
    word-break: break-word;
    margin-top: 5vw;
  }
  .new_sub .textS {
    font-size: 3.4vw;
  }
  .experience-application01-flex .text {
    font-size: 3.3vw;
  }
  .experience-application01-flex > div .m {
    font-size: 3vw;
  }
  .experience-application01-flex > em {
    padding: 2vw 0;
  }
  .new_sub .strongS {
    font-size: 4.5vw;
  }
  .experience-application02-flex .img_p {
    font-size: 3.4vw;
    margin-bottom: 3vw;
  }
  .experience-application02-flex .img_p span:before {
    width: 3.5vw;
    height: 4vw;
    top: 0.9vw;
  }
  .experience-application02-flex .img_p span {
    padding-left: 4.5vw;
  }
  .experience-application02-flex .first:after {
    font-size: 7vw;
  }
  .experience-application02-flex .circle > div p {
    font-size: 2.9vw;
  }
  .experience-application02 .textS .m {
    display: block;
  }
  .bullet_list li p {
    font-size: 2.2vw;
  }
  .app_warning_wrapper .title { font-size: 3.5vw; }
  .experience-application01 .titleS .m {
    display: block;
  }
  .experience-none .strongS .m {
    display: block;
  }
  .experience-none .big_title {
    font-size: 9vw;
    margin-bottom: 8vw;
    margin-top: 6vw;
  }
  .experience-none .big_title:before {
    width: 12vw;
    height: 11vw;
    left: -6vw;
    top: -4vw;
  }
  .experience-none .big_title:after {
    height: 1vw;
  }
  .experience-none .btn {
    margin-top: 8vw;
  }
  .experience-none .btn a {
    font-size: 5.3vw;
    padding: 1.5vw 7vw 1.5vw 5vw;
    border-radius: 0 5vw 5vw 0;
  }
  .experience-none .btn a:after {
    width: 1.6vw;
    height: 2.5vw;
    right: 4vw;
    top: 3.4vw;
  }
  .experience-none .btn img {
    left: 5vw;
    bottom: 3vw;
    width: 27vw;
  }
  .tab_link_block { margin-bottom: 70px; }
  .tab_link_block .tab_link { font-size: 6vw; padding: 0.85em 0.2em 0.75em; }
  .experience-box .title_block .num { font-size: 4.5vw; margin-bottom: 20px; }
  .experience-box .title_block .title_text { font-size: 6vw; }
  .experience-box {
    padding: 0 2vw;
    margin-bottom: 15vw;
  }
  .experience-box .title {
    font-size: 4vw;
    padding: 3vw 2vw;
    border-radius: 4vw 4vw 0 0;
  }
  .experience-box .title span {
    font-size: 4vw;
    padding: 1.2vw 3vw 1.2vw 3vw;
    border-radius: 3vw;
    margin-right: 2vw;
    min-width: 6vw;
  }
  .experience-box .inner {
    padding: 4vw 6vw;
    border-radius: 4vw;
    padding-bottom: 9vw;
  }
  .experience-box .inner > p {
    font-size: 3vw;
  }
  .experience-box .contents {
    margin-top: 4vw;
  }
  .experience-box .contents .ebook {
    margin-right: 3vw;
    width: calc(40% - 3vw);
  }
  .experience-box .contents .video {
    width: calc(100% - (40% - 3vw));
  }
  .experience-box .contents .ebook .btn_yellow {
    font-size: 2.8vw;
    padding: 1vw 4vw 1vw 3vw;
    margin-top: 2vw;
    width: 100%;
    box-sizing: border-box;
  }
  .experience-box .contents .ebook .btn_yellow span:after {
    right: -2vw;
    top: 1vw;
    width: 1.3vw;
    height: 2vw;
  }
  .experience-box .contents .video > div {
    margin-right: 2vw;
    width: calc((100% - 2vw) / 2);
  }
  .experience-box .contents .video > div:nth-child(n + 3) {
    margin-top: 2vw;
  }
  .experience-box .contents .video > div p {
    font-size: 2.3vw;
    margin-top: 1vw;
  }
  .experience-box.red:after {
    width: 28vw;
    height: 28vw;
    right: -3vw;
    bottom: -4vw;
  }
  .experience-box.blue:after {
    width: 28vw;
    height: 28vw;
    right: -3vw;
    bottom: -5vw;
  }
  .new_popup .popup .inner .close_pop {
    top: -5.5vw;
    right: 0;
  }
}
@media (max-width: 750px) {
  #free-trial {
    padding: 10vw 5vw 9vw 5vw;
  }
  .fixed_banner {
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ce0017;
    padding: 2.5vw;
    border-radius: 5vw 5vw 0 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }
  .fixed_banner:after {
    content: "";
    width: 20vw;
    height: 22vw;
    background: url('/images/jp/new/banner_m_bg.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 7vw;
    top: -6vw;
    z-index: 1;
  }
  .fixed_banner img {
    display: none;
  }
  .fixed_banner p {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    font-weight: 500;
    font-size: 4.5vw;
    z-index:2;
  }
  .fixed_banner p em {
    font-size: 4.8vw;
    color: #fff100;
    font-weight: 600;
  }
  .free_trial_main_pop .popup {
    width: 80vw;
    max-width: 500px;
    padding: 5vw;
  }
  .free_trial_main_pop .popup .inner .text01 {
    font-size: 4.2vw;
  }
  .free_trial_main_pop .popup .inner .text02 {
    font-size: 5.3vw;
    margin: 2vw 0;
  }
  .free_trial_main_pop .popup .inner .bullet {
    font-size: 3.4vw;
    line-height: 1.2;
  }
  .free_trial_main_pop .popup .inner a {
    font-size: 4.2vw;
    padding: 1vw 7vw 1vw 5vw;
    margin-top: 3vw;
  }
  .free_trial_main_pop .popup .inner a:after {
    width: 1.6vw;
    height: 2.2vw;
    right: 3.4vw;
    top: 3vw;
  }
  .free_trial_main_pop .popup .inner .close_pop,
  .new_popup .popup .inner .close_pop {
    width: 4.5vw;
    height: 4.5vw;
    right: 3.5vw;
    top: 3.5vw;
  }
  #free-trial .btn img {
    width: 30vw;
    left: 5vw;
    bottom: 3.6vw;
  }
  .experience-application01-flex > div {
    min-width: inherit;
  }
  .experience-application01-flex > div > div {
    width: 50%;
  }
  .experience-application01-flex .imgarea {
    width: 50%;
  }
  .experience-application01-flex .title img {
    width: 22vw;
  }
  .experience-application01-flex .text {
    font-size: 3.9vw;
  }
  .experience-application01-flex > div .m {
    font-size: 3.6vw;
  }
  .experience-application01-flex > em {
    font-size: 6vw;
  }
  .bullet_list li p {
    font-size: 2.8vw;
  }
  .btn_yellow {
    font-size: 4.8vw;
    padding: 1.2vw 10vw 1.6vw 9vw;
  }
  .btn_yellow span:after {
    width: 1.9vw;
    height: 3.5vw;
    right: -4vw;
    top: 2.1vw;
  }
  .experience-application02-flex .first {
    padding-bottom: 9vw;
  }
  .experience-application02-flex .first:after {
    bottom: -1vw;
  }
  .new_popup .popup .inner .close_pop {
    top: -6.5vw;
    right: 0;
  }
}
@media (max-width: 450px) {
  .free_trial_main_pop .popup .inner .text01 {
    font-size: 5.2vw;
  }
  .free_trial_main_pop .popup .inner .text02 {
    font-size: 6.3vw;
    margin: 2.2vw 0;
  }
  .free_trial_main_pop .popup .inner .bullet {
    font-size: 4.4vw;
  }
  .free_trial_main_pop .popup .inner a {
    font-size: 5.2vw;
    padding: 1vw 8vw 1vw 5vw;
  }
  .free_trial_main_pop .popup .inner a:after {
    width: 2vw;
    height: 3.2vw;
    right: 4.4vw;
    top: 3.3vw;
  }
  .free_trial_main_pop .popup .inner .close_pop,
  .new_popup .popup .inner .close_pop {
    width: 5.5vw;
    height: 5.5vw;
    right: 4.5vw;
    top: 4.5vw;
  }
  .fixed_banner {
    padding: 3.5vw;
  }
  .fixed_banner:after {
    width: 26vw;
    height: 27vw;
    right: 2vw;
    top: -7vw;
  }
  .fixed_banner p {
    font-size: 4.9vw;
  }
  .fixed_banner p em {
    font-size: 5.2vw;
  }
  #free-trial .text {
    font-size: 7.5vw;
  }
  #free-trial .text br {
    display: none;
  }
  #free-trial .text br.m {
    display: block;
  }
  #free-trial {
    padding: 13vw 7vw 0 7vw;
  }
  #free-trial .btn a {
    font-size: 5.5vw;
    padding: 1.9vw 7vw 2.5vw 6vw;
    border-radius: 0 10vw 10vw 0;
    position: relative;
    left: 13vw;
  }
  #free-trial .btn img {
    position: absolute;
    left: 0;
    bottom: -4vw;
    width: 32vw;
  }
  #free-trial .btn a:after {
    width: 2.2vw;
    height: 3.2vw;
    top: 4.5vw;
    right: 2.5vw;
  }
  #free-trial .btn {
    margin-top: 12vw;
  }
  .new_sub .titleS {
    font-size: 6.1vw;
    margin-top: 12vw;
  }
  .new_sub .textS {
    font-size: 3.6vw;
  }
  .new_sub .strongS {
    font-size: 5.5vw;
  }
  .experience-application02-flex .img_p {
    font-size: 4.4vw;
  }
  .experience-application02-flex .circle > div p {
    font-size: 3.9vw;
  }
  .btn_yellow {
    font-size: 5.8vw;
    padding: 1.5vw 10vw 1.6vw 9vw;
    border-radius: 7vw;
  }
  .btn_yellow span:after {
    width: 2vw;
    height: 3.5vw;
    right: -4vw;
    top: 2.5vw;
  }
  .bullet_list li p {
    font-size: 3vw;
  }
  .bullet_list li:before {
    width: 0.8vw;
    height: 0.8vw;
    top: 1.8vw;
  }
  .bullet_list li {
    padding-left: 2.2vw;
  }

  .app_warning_wrapper { margin-top: 15vw; }
  .app_warning_wrapper .title { font-size: 5vw; }
  .app_warning_wrapper .bullet_list { margin-top: 4vw; padding-left: 0; }

  .experience-application02 {
    padding-top: 0;
  }
  .experience-none .big_title {
    font-size: 10vw;
  }
  .experience-none .btn a {
    font-size: 5.9vw;
    padding: 1.8vw 7vw 2vw 5vw;
    position: relative;
    left: 12vw;
  }
  .experience-none .btn a:after {
    width: 1.8vw;
    height: 2.8vw;
    right: 3.5vw;
    top: 3.9vw;
  }
  .experience-none .btn {
    margin-top: 11vw;
  }
  .experience-none .btn img {
    left: 2vw;
    bottom: -4vw;
    width: 29vw;
    position: absolute;
  }
  .tab_link_block {
      gap: 4vw;
      margin-bottom: 52px;
  }
  .tab_link_block .tab_link {
      font-size: 6vw;
  }
  .experience-box .title_block { margin-bottom: 6vw; }
  .experience-box .title_block .num {
      font-size: 6vw;
      margin-bottom: 10px;
  }
  .experience-box { margin-bottom: 15vw; }
  .experience-box .title_block .title_text {
      font-size: 6.5vw;
  }
  .experience-box .inner > p {
    text-align: center;
  }
  .experience-box .contents {
    margin-top: 6vw;
    flex-wrap: wrap;
  }
  .experience-box .contents .ebook {
    margin-right: 0;
    width: 100%;
    position: relative;
  }
  .experience-box .contents .ebook img {
    display: inline-block;
    width: 100%;
    max-width: 233px;
  }
  .experience-box .contents .ebook .btn_yellow {
    font-size: 5vw;
    padding: 1vw 4vw 1vw 3vw;
    margin-top: 3vw;
    max-width: 250px;
    width: 100%;
  }
  .experience-box .contents .ebook .btn_yellow span:after {
    right: -4vw;
    top: 1.5vw;
    width: 2.3vw;
    height: 4vw;
  }
  .experience-box .contents .video {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 5vw;
  }
  .experience-box .contents .video > div {
    margin-right: 0;
    width: 100%;
    margin-top: 5vw;
  }
  .experience-box .contents .video > div p {
    font-size: 4.3vw;
  }
  .experience-box .contents .video > div:nth-child(n + 3) {
    margin-top: 5vw;
  }
  .experience-box .inner {
    padding-bottom: 4vw;
  }
  .experience-box.red:after,
  .experience-box.blue:after {
    display: none;
  }
  .experience-box.red .contents .ebook:after {
    content: "";
    width: 21vw;
    height: 20vw;
    background: url('/images/jp/new/experience-content-bg01.png') center no-repeat;
    background-size: 100%;
    right: 4vw;
    bottom: 12vw;
    position: absolute;
  }
  .experience-box.blue .contents .ebook:after {
    content: "";
    width: 22vw;
    height: 24vw;
    background: url('/images/jp/new/experience-content-bg02.png') center no-repeat;
    background-size: 100%;
    right: 4vw;
    bottom: 11vw;
    position: absolute;
  }
  .new_popup .popup .inner .close_pop {
    top: -8.5vw;
    right: 0;
  }
}