@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@keyframes mv_baloon {
  0% {
    transform: scale(0) rotate(30deg);
  }
  30% {
    transform: scale(0) rotate(30deg);
  }
  60% {
    transform: scale(1) rotate(0);
  }
  65% {
    transform: scale(1) rotate(-5deg);
  }
  70% {
    transform: scale(1) rotate(0);
  }
}
@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
@keyframes bggradient {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

body {
  position: relative;
  font-size: 1.6rem;
}

#lp_wrapper {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding: 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#lp_wrapper img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

#lp_wrapper a:hover {
  opacity: 0.7;
}

#lp_wrapper section {
  text-align: center;
}

#lp_wrapper .typing {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 700;
}

#lp_wrapper .typing strong {
  font-weight: 700;
}

#lp_wrapper h1 {
  margin: 0;
  padding: 0;
}

#lp_wrapper .sub_btn {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .sub_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .sub_btn li {
    width: 343px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .sub_btn li {
    margin-bottom: 10px;
  }
}
#lp_wrapper .sub_btn li a {
  background: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
}

#lp_wrapper .sub_btn li a:hover {
  opacity: 0.8;
  margin: 0;
  padding: 0;
  background: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .sub_btn li a img {
    width: 343px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl {
    width: 100%;
    overflow-x: hidden;
  }
}
#lp_wrapper .lp_ttl .lp_ttl_wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1140px;
  box-sizing: border-box;
  padding: 60px 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_ttl_wrap {
    min-height: auto;
    height: auto;
    padding-top: 100px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 320px) {
  #lp_wrapper .lp_ttl .lp_ttl_wrap {
    min-height: auto;
    height: auto;
    padding-top: 70px;
    padding-bottom: 0;
  }
}
#lp_wrapper .lp_ttl .lp_header {
  position: fixed;
  left: 0;
  top: 30px;
  width: 100%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header {
    top: 50px;
  }
}
#lp_wrapper .lp_ttl .lp_header .header_wrap {
  margin: 0 auto;
  max-width: 1200px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .lp_header .header_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#lp_wrapper .lp_ttl .lp_header .logo {
  width: 260px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .lp_header .logo {
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header .logo {
    margin: 0 auto;
  }
}
#lp_wrapper .lp_ttl .lp_header .logo img {
  margin: 5px 0 0;
}

#lp_wrapper .lp_ttl .lp_header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .lp_header ul {
    margin: 0 0 0 20px;
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header ul {
    margin: 10px 0 0;
    text-align: center;
    justify-content: center;
    font-size: 14px;
  }
}
#lp_wrapper .lp_ttl .lp_header ul li {
  display: inline-block;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .lp_header ul li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header ul li {
    margin: 0 0.5em;
  }
}
#lp_wrapper .lp_ttl .lp_header ul li a {
  color: #4aa17e;
}

#lp_wrapper .lp_ttl .lp_header ul.cta {
  margin-left: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header ul.cta {
    display: none;
  }
}
#lp_wrapper .lp_ttl .lp_header ul.cta li {
  display: inline-block;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .lp_header ul.cta li {
    margin-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header ul.cta li {
    margin: 0 0.5em;
  }
}
#lp_wrapper .lp_ttl .lp_header ul.cta li a {
  color: #4aa17e;
}

#lp_wrapper .lp_ttl .lp_header.fixed {
  top: 0;
  padding: 15px 0 10px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 11000;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .lp_header.fixed {
    border-top: 5px solid #4aa17e;
  }
}
#lp_wrapper .lp_ttl .btn_area {
  text-align: center;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .btn_area {
    position: absolute;
    left: 3%;
    top: 70vh;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .btn_area {
    margin-top: 40px;
  }
}
#lp_wrapper .lp_ttl .btn_area .free_term {
  position: relative;
  display: inline-block;
  margin: 0 auto 10px;
  text-align: center;
  font-size: 22px;
  color: #fe9217;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .btn_area .free_term {
    padding: 0;
    font-size: 20px;
    line-height: 100%;
  }
}
#lp_wrapper .lp_ttl .btn_area .free_term::before,
#lp_wrapper .lp_ttl .btn_area .free_term::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 2px;
  height: 24px;
  background-color: #fe9217;
  border-radius: 10px;
}

#lp_wrapper .lp_ttl .btn_area .free_term::before {
  margin-right: 15px;
  transform: rotate(-30deg);
}

#lp_wrapper .lp_ttl .btn_area .free_term::after {
  margin-left: 8px;
  transform: rotate(30deg);
}

#lp_wrapper .lp_ttl .btn_area a {
  text-align: center;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .image_area {
    position: absolute;
    right: -25%;
    bottom: 2vw;
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .image_area {
    width: 75%;
    margin: 100px auto 0;
    text-align: center;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_ttl .login {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
  }
}
#lp_wrapper .lp_ttl .login p {
  margin: 0 0 10px;
  padding: 0;
  font-size: 13px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .login p {
    margin: 0;
  }
}
#lp_wrapper .lp_ttl .login a {
  display: inline-block;
  padding: 7px 15px;
  color: #fff;
  background: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_ttl .login a {
    display: block;
    text-align: center;
  }
}
@keyframes catch_action {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.5);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
#lp_wrapper .lp_mv {
  position: relative;
  background: #effdff;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_mv {
    min-height: 850px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv {
    margin-top: 20px;
    height: calc(85vh - 15vw);
    min-height: 680px;
    overflow: hidden;
  }
}
#lp_wrapper .lp_mv video {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  opacity: 0.15;
}

#lp_wrapper .lp_mv .white_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/mv_cover.66b32e38.webp") center center/100% 100% no-repeat;
}

#lp_wrapper .lp_mv h1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  max-width: 642px;
  height: 204px;
  z-index: 20;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_mv h1 {
    transform: translateY(-40px);
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv h1 {
    width: 100%;
    height: 45vw;
    padding: 10vw;
    background: #fff;
  }
}
#lp_wrapper .lp_mv h1 img {
  vertical-align: middle;
}

#lp_wrapper .lp_mv .window1 {
  position: absolute;
  top: 1vw;
  left: 3vw;
  width: 15%;
  opacity: 0.7;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window1 {
    top: 3vw;
    width: 30%;
  }
}
#lp_wrapper .lp_mv .window1 .swiper-slide {
  position: relative;
}

#lp_wrapper .lp_mv .window1 .mv1_ph {
  width: 80%;
  height: auto;
  margin: 10px auto 0;
}

#lp_wrapper .lp_mv .window1 .mv1_alert {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
}

#lp_wrapper .lp_mv .window1 .name {
  margin: 10px 0;
}

#lp_wrapper .lp_mv .window1 .name .kana {
  font-size: 1.2rem;
  color: #666;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window1 .name .kana {
    display: inline-block;
  }
}
#lp_wrapper .lp_mv .window1 .swiper-slide .mv1_profile {
  transform: scale(0.6);
  transition: transform 0.3s ease;
}

#lp_wrapper .lp_mv .window1 .swiper-slide-active .mv1_profile {
  transform: scale(1);
}

#lp_wrapper .lp_mv .window2 {
  position: absolute;
  top: 1.5vw;
  right: 3vw;
  width: 60vw;
  text-align: left;
  opacity: 0.7;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window2 {
    top: 4vw;
  }
}
#lp_wrapper .lp_mv .window2 .voice {
  padding: 10px 20px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window2 .voice {
    font-size: 12px;
  }
}
#lp_wrapper .lp_mv .window2 .voice dt {
  color: #4aa17e;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_mv .window2 .voice dt {
    width: 100px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_mv .window2 .voice dd {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window2 .response {
    font-size: 12px;
  }
}
#lp_wrapper .lp_mv .window3 {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 67vw;
  height: 18vw;
  overflow: hidden;
  opacity: 0.5;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window3 {
    bottom: 0;
    width: 65vw;
    height: 70vw;
  }
}
#lp_wrapper .lp_mv .window3 .mv3_bg {
  position: absolute;
  bottom: 0;
  left: 2vw;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window3 .mv3_bg {
    left: 0;
  }
}
#lp_wrapper .lp_mv .window3 .mv3_bg img {
  width: auto;
  height: 240px;
  mix-blend-mode: overlay;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window3 .mv3_bg img {
    width: 30vw;
    height: auto;
  }
}
#lp_wrapper .lp_mv .window3 .mv_window3 {
  height: 210px;
}

#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide {
  text-align: left;
  width: 45vw;
  margin-left: 16vw;
  box-sizing: border-box;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide {
    width: 52vw;
    margin-left: 4.5vw;
    font-size: 12px;
  }
}
#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide p {
  padding: 15px;
  box-sizing: border-box;
}

#lp_wrapper .lp_mv .window3 .mv_window3 .ai {
  margin-left: 16.5vw;
  width: 44.5vw;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window3 .mv_window3 .ai {
    margin-left: 5vw;
    width: 52vw;
  }
}
#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-visible .typing {
  opacity: 0;
}

#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-active .typing,
#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-prev .typing {
  opacity: 1;
}

#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-active.person,
#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-prev.person {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
}

#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-active.person::before,
#lp_wrapper .lp_mv .window3 .mv_window3 .swiper-slide-prev.person::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 20px;
  left: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 13px 7.5px 0;
  border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.7) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

#lp_wrapper .lp_mv .window4 {
  position: absolute;
  bottom: 10vw;
  right: 0;
  width: 22%;
  opacity: 0.5;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window4 {
    bottom: 24vw;
    width: 38%;
  }
}
#lp_wrapper .lp_mv .window4 .point {
  position: absolute;
  display: block;
  width: 0.8vw;
  height: 0.8vw;
  opacity: 0;
  border-radius: 100%;
  background: red;
  transform: scale(2);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window4 .point {
    width: 1.5vw;
    height: 1.5vw;
  }
}
#lp_wrapper .lp_mv .window4 .point1 {
  top: 10vw;
  right: 20vw;
  animation: win4_points1 21s linear infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window4 .point1 {
    top: 21vw;
    right: 33vw;
  }
}
#lp_wrapper .lp_mv .window4 .point2 {
  top: 11vw;
  right: 3vw;
  animation: win4_points2 21s linear infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window4 .point2 {
    top: 18vw;
    right: 8vw;
  }
}
#lp_wrapper .lp_mv .window4 .point3 {
  top: 2vw;
  right: 14vw;
  animation: win4_points3 21s linear infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .window4 .point3 {
    top: 3vw;
    right: 23vw;
  }
}
@keyframes win4_points1 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  2.5% {
    opacity: 0;
    transform: scale(2);
  }
  3.5% {
    opacity: 1;
    transform: scale(2);
  }
  4.5% {
    opacity: 1;
    transform: scale(1);
  }
  97.5% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes win4_points2 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  33.3% {
    opacity: 0;
    transform: scale(2);
  }
  34.3% {
    opacity: 1;
    transform: scale(2);
  }
  35.3% {
    opacity: 1;
    transform: scale(1);
  }
  97.5% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes win4_points3 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  66.6% {
    opacity: 0;
    transform: scale(2);
  }
  67.6% {
    opacity: 1;
    transform: scale(2);
  }
  68.6% {
    opacity: 1;
    transform: scale(1);
  }
  97.5% {
    opacity: 1;
    tnpransform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
#lp_wrapper .lp_mv .chara {
  position: absolute;
  width: 160px;
  height: 165px;
  aspect-ratio: 2/1.03;
  transform: translateY(0);
  background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .chara {
    width: 80px;
    height: 85px;
    z-index: 21;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_mv .is-animation {
    animation: mv_chara1 3s linear forwards, mv_chara2 3s linear 3s forwards, mv_chara3 3s linear 6s forwards, mv_chara4 5s linear 9s forwards, mv_chara_float 1s linear infinite forwards;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_mv .is-animation {
    animation: mv_chara1_sp 3s linear forwards, mv_chara2_sp 3s linear 3s forwards, mv_chara3_sp 3s linear 6s forwards, mv_chara4_sp 5s linear 9s forwards, mv_chara_float 1s linear infinite forwards;
  }
}
@keyframes mv_chara1 {
  0% {
    top: 10vw;
    left: 20vw;
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  5% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  10% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  15% {
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  20% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  25% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  35% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite1_3.c70e8415.webp) left top/100% auto no-repeat;
  }
  69% {
    background: url(/aichara_sprite1_3.c70e8415.webp) left top/100% auto no-repeat;
  }
  70% {
    top: 10vw;
    left: 20vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  75% {
    top: 10vw;
    left: 20vw;
    background: url(/aichara_sprite8.fa6c5a4b.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 8vw;
    left: 88vw;
    background: url(/aichara_sprite8.fa6c5a4b.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara2 {
  0% {
    top: 8vw;
    left: 88vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  5% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  10% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  15% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  20% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  25% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  35% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  45% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  50% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  55% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  60% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  70% {
    top: 8vw;
    left: 88vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 40vw;
    left: 82vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara3 {
  0% {
    top: 40vw;
    left: 82vw;
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  5% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  10% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  29% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  35% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  45% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  50% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  55% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  60% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  65% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  69% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  70% {
    top: 40vw;
    left: 82vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  75% {
    top: 40vw;
    left: 82vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 40vw;
    left: 60vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara4 {
  0% {
    top: 40vw;
    left: 60vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  3% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  6% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  9% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  12% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  15% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  18% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  29% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  33% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  36% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  39% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  42% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  45% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  48% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  51% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  54% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  57% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  60% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  63% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  66% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  79% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  80% {
    top: 40vw;
    left: 60vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  82% {
    top: 40vw;
    left: 60vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
  90% {
    top: 35vw;
    left: 22vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
  92% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 10vw;
    left: 20vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara1_sp {
  0% {
    top: 38vw;
    left: 22vw;
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  5% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  10% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  15% {
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  20% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  25% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  35% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite1_3.c70e8415.webp) left top/100% auto no-repeat;
  }
  69% {
    background: url(/aichara_sprite1_3.c70e8415.webp) left top/100% auto no-repeat;
  }
  70% {
    top: 38vw;
    left: 22vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  75% {
    top: 38vw;
    left: 22vw;
    background: url(/aichara_sprite8.fa6c5a4b.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 32vw;
    left: 82vw;
    background: url(/aichara_sprite8.fa6c5a4b.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara2_sp {
  0% {
    top: 32vw;
    left: 82vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  5% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  10% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  15% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  20% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  25% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  35% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  45% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  50% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  55% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  60% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  70% {
    top: 32vw;
    left: 82vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 140vw;
    left: 82vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara3_sp {
  0% {
    top: 140vw;
    left: 82vw;
    background: url(/aichara_sprite4.515c99e3.webp) left top/100% auto no-repeat;
  }
  5% {
    background: url(/aichara_sprite4_2.1a45a998.webp) left top/100% auto no-repeat;
  }
  10% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  29% {
    background: url(/aichara_sprite4_3.3fe98d58.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  35% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  40% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  45% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  50% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  55% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  60% {
    background: url(/aichara_sprite6.5232c9ca.webp) left top/100% auto no-repeat;
  }
  65% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  69% {
    background: url(/aichara_sprite6_2.bfb3b7ba.webp) left top/100% auto no-repeat;
  }
  70% {
    top: 140vw;
    left: 82vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  75% {
    top: 140vw;
    left: 82vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 145vw;
    left: 45vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara4_sp {
  0% {
    top: 145vw;
    left: 45vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  3% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  6% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  9% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  12% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  15% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  18% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  29% {
    background: url(/aichara_sprite1_2.160739a0.webp) left top/100% auto no-repeat;
  }
  30% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  33% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  36% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  39% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  42% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  45% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  48% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  51% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  54% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  57% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  60% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  63% {
    background: url(/aichara_sprite7_2.90bcb048.webp) left top/100% auto no-repeat;
  }
  66% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  79% {
    background: url(/aichara_sprite7.fbf1d378.webp) left top/100% auto no-repeat;
  }
  80% {
    top: 145vw;
    left: 45vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  82% {
    top: 145vw;
    left: 45vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
  90% {
    top: 35vw;
    left: 24vw;
    background: url(/aichara_sprite8_2.0f49ae59.webp) left top/100% auto no-repeat;
  }
  92% {
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
  100% {
    top: 38vw;
    left: 22vw;
    background: url(/aichara_sprite1.04adf5a2.webp) left top/100% auto no-repeat;
  }
}
@keyframes mv_chara_float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
#lp_wrapper .lp_mv_cta {
  width: 100%;
  margin: 40px 0 80px;
  text-align: center;
}

#lp_wrapper .lp_mv_cta .cta_btn {
  margin: 0 auto;
  z-index: 100;
  width: 90%;
  max-width: 470px;
}

#lp_wrapper .lp_problem {
  position: relative;
  margin: 300px auto 0;
  padding: 190px 0 30px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_problem {
    height: 39.5vw;
    min-height: 500px;
    max-height: 598px;
    max-width: 1200px;
    background: url("/h2_bg_left.bc87f61e.webp") left top/312px auto no-repeat, url("/problem_bg.9a7d65fc.webp") right bottom/auto 100% no-repeat, #efefef;
    border-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem {
    margin: 120px 0 0;
    padding: 34vw 0 66vw;
    background: url("/h2_bg_left.bc87f61e.webp") left top/312px auto no-repeat, url("/problem_bg_sp.9c03b943.webp") right bottom/100% auto no-repeat, #efefef;
  }
}
#lp_wrapper .lp_problem .problem_header {
  position: absolute;
  top: -90px;
  left: 80px;
  padding: 30px 0;
  width: 90%;
  max-width: 578px;
  height: 23vw;
  max-height: 255px;
  background: url("/problem_h2_bg.6aa47aa1.webp") top center/100% 100% no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem .problem_header {
    top: 0;
    margin-top: -10vw;
    left: 5vw;
    padding: 5vw 0;
    height: 43vw;
    max-height: 300px;
  }
}
#lp_wrapper .lp_problem .problem_header h2 {
  font-weight: bold;
  font-size: clamp(24px, 3.125vw, 36px);
}

#lp_wrapper .lp_problem .problem_header h2 strong {
  margin: 0 0 5px;
  padding: 0 0 5px;
  color: #4aa17e;
  font-size: clamp(38px, 4.95vw, 56px);
  background: url("/bar.24e6c67a.webp") center bottom/auto 6px no-repeat;
  transition: background ease 0.5s 1s;
}

#lp_wrapper .lp_problem .problem_header h2 img {
  max-width: 654px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem .problem_header h2 img {
    width: 90%;
  }
}
#lp_wrapper .lp_problem .problem_text {
  margin: 0 0 0 45px;
  text-align: left;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem .problem_text {
    width: 90%;
    margin: 0 5vw;
    padding-left: 0;
  }
}
#lp_wrapper .lp_problem .problem_text li {
  position: relative;
  display: inline-block;
  min-width: 45%;
  font-size: clamp(20px, 2.605vw, 28px);
  background: #fff;
  margin: 20px 8% 0 0;
  padding: 20px 40px;
  text-align: left;
  border-radius: 5px;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem .problem_text li {
    margin: 5vw 0 0;
    padding: 3vw 4vw;
  }
}
#lp_wrapper .lp_problem .problem_text li::before {
  content: "“";
  position: absolute;
  left: 10px;
  top: -32px;
  font-size: clamp(40px, 5.208vw, 60px);
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem .problem_text li::before {
    top: -22px;
  }
}
#lp_wrapper .lp_problem figure {
  max-width: 1100px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_problem figure {
    margin: -150px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem figure {
    margin: -80px 5% 0;
  }
}
#lp_wrapper .lp_problem figure img {
  max-width: 348px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem figure img {
    width: 48%;
  }
}
#lp_wrapper .lp_problem p {
  margin-top: 60px;
  font-size: 40px;
  line-height: 150%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem p {
    font-size: 26px;
  }
}
#lp_wrapper .lp_problem p strong {
  font-size: 60px;
  color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_problem p strong {
    font-size: 40px;
  }
}
#lp_wrapper .lp_intro_lead {
  margin: 160px 0 0;
  font-weight: bold;
  font-size: clamp(24px, 3.125vw, 36px);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_intro_lead {
    margin: 60px 0 0;
  }
}
#lp_wrapper .lp_intro_lead strong {
  color: #4aa17e;
  font-size: clamp(36px, 4.6875vw, 56px);
}

#lp_wrapper .intro_new {
  position: relative;
  margin: 160px 0 0;
  padding: 100px 0;
  background: url("/intro_bg.10d9fbfc.webp") top center/cover no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new {
    margin: 60px 0 0;
    padding: 10vw 0;
  }
}
#lp_wrapper .intro_new .intro_header {
  margin: 0 auto;
  padding: clamp(20px, 3vw, 50px) 0;
  width: 90%;
  max-width: 722px;
  height: 30vw;
  min-height: 217px;
  max-height: 344px;
  background: url("/problem_h2_bg.6aa47aa1.webp") top center/100% 100% no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .intro_header {
    top: -20vw;
  }
}
#lp_wrapper .intro_new .intro_header h2 {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(24px, 3.125vw, 36px);
}

#lp_wrapper .intro_new .intro_header h2 strong {
  margin: 0 0 5px;
  padding: 0 0 5px;
  color: #4aa17e;
  font-size: clamp(28px, 4.166vw, 48px);
  transition: background ease 0.5s 1s;
  font-weight: bold;
}

#lp_wrapper .intro_new .intro_header h2 strong rt {
  font-size: 1.2rem;
}

#lp_wrapper .intro_new .intro_header h2 img {
  max-width: 654px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .intro_header h2 img {
    width: 90%;
  }
}
#lp_wrapper .intro_new #intro-swiper {
  position: relative;
  margin: 80px 0 0;
}

#lp_wrapper .intro_new #intro-swiper .swiper-slide {
  width: 466px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new #intro-swiper .swiper-slide {
    width: 100%;
  }
}
#lp_wrapper .intro_new #intro-swiper p {
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new #intro-swiper p {
    margin: 20px 5vw 0;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .intro_new #intro-swiper .swiper-button-prev {
    left: calc(50% - 285px);
    transform: translateY(-48px);
  }

  #lp_wrapper .intro_new #intro-swiper .swiper-button-next {
    right: calc(50% - 285px);
    transform: translateY(-48px);
  }
}
#lp_wrapper .intro_new ul {
  list-style: none;
}

#lp_wrapper .intro_new .swiper-slide {
  transform: scale(0.85);
  opacity: 0.5;
  transition: all 0.5s ease;
}

#lp_wrapper .intro_new .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}

#lp_wrapper .intro_new .intro-wrap.-intro01 {
  position: relative;
  width: 466px;
  height: 466px;
  margin: 0 auto;
  background: url("/intro01_bg.1d366183.webp") center top/100% auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .intro-wrap.-intro01 {
    width: 90vw;
    height: 90vw;
  }
}
#lp_wrapper .intro_new .intro01_mail {
  display: none;
}

#lp_wrapper .intro_new .intro01_chara {
  position: relative;
  top: 148px;
  width: 149px;
  margin: 0 auto 0;
}

#lp_wrapper .intro_new .swiper-slide-active .intro01_mail {
  display: block;
}

#lp_wrapper .intro_new .swiper-slide-active .intro01_mail1 {
  transform: rotate(-17.5deg) scale(1);
  width: 72px;
  position: absolute;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail1 {
    top: 53px;
    left: 126px;
    animation: mail01 linear 0.8s forwards infinite;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail1 {
    top: 5vw;
    left: 18vw;
    animation: mail01_sp linear 0.8s forwards infinite;
  }
}
@keyframes mail01 {
  0% {
    opacity: 1;
    top: 53px;
    left: 126px;
    transform: rotate(-17.5deg) scale(1);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 188px;
    left: 220px;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 53px;
    left: 126px;
  }
}
@keyframes mail01_sp {
  0% {
    opacity: 1;
    top: 5vw;
    left: 18vw;
    transform: rotate(-17.5deg) scale(1);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 20vw;
    left: 30vw;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 5vw;
    left: 18vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro01_mail2 {
  transform: rotate(19.28deg) scale(1);
  width: 72px;
  position: absolute;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail2 {
    top: 20px;
    left: 226px;
    animation: mail02 linear 0.65s forwards infinite;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail2 {
    top: 6vw;
    right: 10vw;
    animation: mail02_sp linear 0.65s forwards infinite;
  }
}
@keyframes mail02 {
  0% {
    opacity: 1;
    top: 20px;
    right: 240px;
    transform: rotate(19.28deg) scale(1);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 188px;
    right: 220px;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 53px;
    right: 240px;
  }
}
@keyframes mail02_sp {
  0% {
    opacity: 1;
    top: 6vw;
    right: 10vw;
    transform: rotate(19.28deg) scale(1);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 22vw;
    right: 30vw;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 6vw;
    right: 10vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro01_mail3 {
  transform: rotate(-17.46deg) scale(1);
  width: 52px;
  position: absolute;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail3 {
    top: 137px;
    left: 70px;
    animation: mail03 linear 0.65s forwards 0.1s infinite;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail3 {
    top: 15vw;
    left: 5vw;
    animation: mail03_sp linear 0.65s forwards 0.1s infinite;
  }
}
@keyframes mail03 {
  0% {
    opacity: 1;
    top: 137px;
    left: 70px;
    transform: rotate(-17.46deg) scale(1);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 188px;
    left: 220px;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 137px;
    left: 70px;
  }
}
@keyframes mail03_sp {
  0% {
    opacity: 1;
    top: 15vw;
    left: 5vw;
    transform: rotate(-17.46deg) scale(1);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 40vw;
    left: 30vw;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 15vw;
    left: 5vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro01_mail4 {
  transform: rotate(33deg) scale(1);
  width: 59px;
  position: absolute;
  opacity: 0;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail4 {
    top: 101px;
    right: 100px;
    animation: mail04 linear 0.7s forwards 0.3s infinite;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_mail4 {
    top: 20vw;
    right: 4vw;
    animation: mail04_sp linear 0.7s forwards 0.3s infinite;
  }
}
@keyframes mail04 {
  0% {
    opacity: 0;
    top: 101px;
    right: 100px;
    transform: rotate(33deg) scale(1);
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 188px;
    right: 220px;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 101px;
    right: 100px;
  }
}
@keyframes mail04_sp {
  0% {
    opacity: 0;
    top: 20vw;
    right: 4vw;
    transform: rotate(33deg) scale(1);
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    top: 40vw;
    right: 35vw;
    transform: rotate(0deg) scale(0.3);
  }
  100% {
    opacity: 0;
    top: 20vw;
    right: 4vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro01_chara {
  animation: intro_chara 0.8s ease infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro01_chara {
    animation: intro_chara_sp 0.8s ease infinite;
  }
}
#lp_wrapper .intro_new .intro-wrap.-intro02 {
  position: relative;
  width: 466px;
  height: 466px;
  margin: 0 auto;
  background: url("/intro02_bg.e025f70d.webp") center top/100% auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .intro-wrap.-intro02 {
    width: 90vw;
    height: 90vw;
  }
}
#lp_wrapper .intro_new .intro02_window1,
#lp_wrapper .intro_new .intro02_window2,
#lp_wrapper .intro_new .intro02_window3,
#lp_wrapper .intro_new .intro02_window4 {
  display: none;
}

#lp_wrapper .intro_new .intro02_chara {
  position: relative;
  top: 148px;
  width: 104px;
  margin: 0 auto 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .intro02_chara {
    top: -2vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro02_window1 {
  display: block;
  position: absolute;
  width: 94px;
  height: 83px;
  top: 72px;
  left: 87px;
  opacity: 0;
  transform-origin: right bottom;
  animation: intro2_win1 0.3s linear 1 forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro02_window1 {
    width: 23%;
    left: 13vw;
  }
}
@keyframes intro2_win1 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro02_window2 {
  display: block;
  position: absolute;
  width: 139px;
  height: 83px;
  top: 114px;
  left: 294px;
  opacity: 0;
  transform-origin: left bottom;
  animation: intro2_win1 0.3s linear 0.3s 1 forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro02_window2 {
    top: 20vw;
    left: auto;
    right: 5vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro02_window3 {
  display: block;
  position: absolute;
  width: 139px;
  height: 83px;
  top: 188px;
  left: 35px;
  opacity: 0;
  transform-origin: right top;
  animation: intro2_win1 0.3s linear 0.9s 1 forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro02_window3 {
    top: 46vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro02_window4 {
  display: block;
  position: absolute;
  width: 104px;
  height: 83px;
  top: 227px;
  left: 294px;
  opacity: 0;
  transform-origin: left top;
  animation: intro2_win1 0.3s linear 1.2s 1 forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro02_window4 {
    top: 46vw;
    left: auto;
    right: 5vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro02_chara {
  animation: intro_chara 0.8s ease infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro02_chara {
    animation: intro_chara_sp 0.8s ease infinite;
  }
}
#lp_wrapper .intro_new .intro-wrap.-intro03 {
  position: relative;
  width: 466px;
  height: 466px;
  margin: 0 auto;
  background: url("/intro03_bg.ad81749f.webp") center top/100% auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .intro-wrap.-intro03 {
    width: 90vw;
    height: 90vw;
  }
}
#lp_wrapper .intro_new .intro03_text_wrapper,
#lp_wrapper .intro_new .intro03_list {
  display: none;
}

#lp_wrapper .intro_new .intro03_chara {
  position: relative;
  top: 148px;
  width: 161px;
  transform: translateX(40px);
  margin: 0 auto 0;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text_wrapper {
  position: absolute;
  top: 75px;
  right: 0;
  display: block;
  width: 168px;
  height: 98px;
  padding: 15px;
  text-align: left;
  box-sizing: border-box;
  background: url("/intro03_text_frame.4c34234d.webp") center center/100% no-repeat;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text {
  position: relative;
  width: 100%;
  text-align: left;
  line-height: 110%;
  color: #666;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text .line {
  position: absolute;
  left: 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text .line .text {
  display: inline-block;
  font-size: 1.2rem;
  transform: scale(0.4, 1);
  transform-origin: left center;
  text-align: left;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text .line:nth-of-type(1) {
  animation: reveal 1.2s ease forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text .line:nth-of-type(2) {
  animation: reveal 1s ease 0.5s forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text .line:nth-of-type(3) {
  animation: reveal 1.2s ease 1s forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_text .line:nth-of-type(4) {
  animation: reveal 1.2s ease 1.5s forwards;
}

@keyframes reveal {
  to {
    width: 100%;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro03_list {
  display: block;
  position: absolute;
  top: 40px;
  left: 20px;
  text-align: left;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro03_list {
    left: 1vw;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro03_list li {
  margin-bottom: 5px;
  opacity: 0;
  transform: scale(1.2);
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_list li img {
  width: auto;
  height: 43px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro03_list li img {
    height: 35px;
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro03_list li:nth-of-type(1) {
  animation: intro3_list 0.5s linear forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_list li:nth-of-type(2) {
  animation: intro3_list 0.5s linear 0.3s forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_list li:nth-of-type(3) {
  animation: intro3_list 0.5s linear 0.6s forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_list li:nth-of-type(4) {
  animation: intro3_list 0.5s linear 0.9s forwards;
}

#lp_wrapper .intro_new .swiper-slide-active .intro03_list li:nth-of-type(4) img {
  height: 68px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro03_list li:nth-of-type(4) img {
    height: 56px;
  }
}
@keyframes intro3_list {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  10% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#lp_wrapper .intro_new .swiper-slide-active .intro03_chara {
  animation: intro_chara 0.8s ease infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .intro_new .swiper-slide-active .intro03_chara {
    animation: intro_chara_sp 0.8s ease infinite;
  }
}
@keyframes intro_chara {
  0% {
    top: 148px;
  }
  50% {
    top: 143px;
  }
  100% {
    top: 148px;
  }
}
@keyframes intro_chara_sp {
  0% {
    top: 20vw;
  }
  50% {
    top: 18vw;
  }
  100% {
    top: 20vw;
  }
}
#lp_wrapper .lp_push {
  padding: 100px 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_push {
    padding: 40px 0;
  }
}
#lp_wrapper .lp_push .bnr_area {
  position: relative;
  max-width: 918px;
  margin: 0 auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_push .bnr_area {
    width: 92%;
  }
}
#lp_wrapper .lp_push .bnr_area .cta_area {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 40px;
  width: 100%;
  list-style: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_push .bnr_area .cta_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_push .bnr_area .cta_area {
    bottom: 10px;
  }
}
#lp_wrapper .lp_push .bnr_area .cta_area li {
  margin: 0 10px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_push .bnr_area .cta_area li {
    width: 70%;
    margin: 6px auto 0;
  }
}
#lp_wrapper .lp_push .bnr_area .baloon {
  position: absolute;
  left: -80px;
  top: -50px;
  width: 232px;
  animation: baloon_anime 2s infinite forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_push .bnr_area .baloon {
    width: 32%;
    left: -5%;
    top: -30px;
  }
}
@keyframes baloon_anime {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  70% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  90% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#lp_wrapper .lp_merit {
  position: relative;
  padding: 160px 0 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit {
    padding: 80px 0 0;
  }
}
#lp_wrapper .lp_merit h2 {
  font-size: 40px;
  line-height: 160%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit h2 {
    font-size: 22px;
  }
}
#lp_wrapper .lp_merit h2 strong {
  color: #4aa17e;
}

#lp_wrapper .lp_merit h2 strong {
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  color: #333;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit h2 strong {
    vertical-align: middle;
  }
}
#lp_wrapper .lp_merit article {
  position: relative;
  margin: 100px auto;
  padding: 80px 50px 50px;
  max-width: 1140px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background: url("/h2_bg_left.bc87f61e.webp") left top/312px auto no-repeat, url("/h2_bg_right.b22261fb.webp") right -48px top/312px auto no-repeat, #fff;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article {
    padding: 50px 0 10px;
    width: 90%;
  }
}
#lp_wrapper .lp_merit article h3 {
  display: inline-block;
  margin: 0 auto;
  font-size: 30px;
  padding: 0 0 25px;
  background: url("/merit_h3_bg.9eb958a4.webp") bottom center no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article h3 {
    display: block;
    margin: 0 5vw;
    font-size: 20px;
  }
}
#lp_wrapper .lp_merit article h4 {
  margin: 30px 0 0;
  font-size: 24px;
  color: #4aa17e;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article h4 {
    margin: 15px 5vw 0;
    font-size: 18px;
    text-align: center;
  }
}
#lp_wrapper .lp_merit article p {
  margin: 5px 0 30px;
  font-size: 18px;
  color: #333;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article p {
    margin: 5px 5vw 30px;
    font-size: 16px;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit1 {
    margin-top: 60px;
  }
}
#lp_wrapper .lp_merit article.merit1::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -47px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 94px;
  height: 94px;
  background: url("/merit_num01.dec042fb.webp") center center/cover no-repeat;
  z-index: 30;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit1::before {
    top: -35px;
    width: 70px;
    height: 70px;
  }
}
#lp_wrapper .lp_merit article.merit1 .merit1_chara {
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  margin: 0 auto;
  width: 120px;
  height: auto;
  transform: translateX(-300px) rotate(-8deg) scale(1);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit1 .merit1_chara {
    top: -10vw;
    width: 70px;
    transform: translateX(-35vw) rotate(-8deg) scale(1);
  }
}
#lp_wrapper .lp_merit article.merit1 .merit1_chara img {
  width: 100%;
  height: auto;
}

#lp_wrapper .lp_merit article.merit1 figure img {
  max-width: 1019px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit1 figure img {
    margin: 0 auto;
    width: 90%;
  }
}
#lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow {
  position: relative;
}

#lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow img {
  max-width: 1019px;
}

#lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow .chara1 {
  position: absolute;
  bottom: 0;
  left: 500px;
  width: 78px;
  height: 155px;
  transform: translateY(0);
  background: url("/intro2_chara.98768c6d.webp") center top/100% auto no-repeat;
  animation: merit1_chara 1s ease infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow .chara1 {
    left: auto;
    right: 5%;
    bottom: 80vw;
    width: 60px;
    height: 120px;
  }
}
#lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow .chara2 {
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 120px;
  height: 158px;
  transform: translateY(0);
  background: url("/intro3_chara.29ac6445.webp") center top/100% auto no-repeat;
  animation: merit1_chara 1s ease infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow .chara2 {
    width: 100px;
    height: 120px;
  }
}
#lp_wrapper .lp_merit article.merit1 figure.merit_ai_follow .right_text {
  position: absolute;
  bottom: 10px;
  right: 90px;
  width: 264px;
  height: 98px;
  padding: 15px 20px;
  text-align: left;
  box-sizing: border-box;
  background: url("/intro03_text_frame.4c34234d.webp") top left/100% 100% no-repeat;
}

@keyframes merit1_chara {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
#lp_wrapper .lp_merit article.merit1 figure.merit_follow img {
  max-width: 984px;
}

#lp_wrapper .lp_merit article.merit2 {
  padding-left: 20px;
  padding-right: 20px;
}

#lp_wrapper .lp_merit article.merit2::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -47px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 94px;
  height: 94px;
  background: url("/merit_num02.8f853baf.webp") center center/cover no-repeat;
  z-index: 30;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2::before {
    top: -35px;
    width: 70px;
    height: 70px;
  }
}
#lp_wrapper .lp_merit article.merit2 h5 {
  margin: 0 0 20px;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  background: url("/note_bg.2798df4b.webp");
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 h5 {
    font-size: 16px;
  }
}
#lp_wrapper .lp_merit article.merit2 figure {
  text-align: center;
}

#lp_wrapper .lp_merit article.merit2 figure img {
  max-width: 943px;
  height: auto;
}

#lp_wrapper .lp_merit article.merit2 .merit2-swiper {
  margin-top: 40px;
  padding: 0 50px;
  position: relative;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-swiper {
    padding: 0;
  }

  #lp_wrapper .lp_merit article.merit2 .merit2-swiper .swiper-button-prev {
    left: 0;
  }

  #lp_wrapper .lp_merit article.merit2 .merit2-swiper .swiper-button-next {
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-swiper p {
    text-align: center;
    line-height: 180%;
    font-size: 14px;
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-swiper p strong {
  color: #4aa17e;
  font-size: 24px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-swiper p strong {
    font-size: 18px;
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-container {
  position: relative;
  margin: 0 20px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container {
    min-height: 480px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container {
    padding: 0 0 calc(200px + 10vw);
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-container-capture {
  position: absolute;
  right: 0;
  top: 10px;
  width: 80%;
  max-width: 728px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container-capture {
    position: relative;
    width: 100%;
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-container-human {
  position: absolute;
  left: 0;
  bottom: 0;
}

#lp_wrapper .lp_merit article.merit2 .merit2-container-human .comment {
  position: absolute;
  bottom: 140px;
  left: -3vw;
  padding: 24px 24px;
  width: 241px;
  height: 106px;
  font-size: 16px;
  text-align: left;
  opacity: 0;
  background: url("/merit02_baloon.ee81b9e9.webp") left top/cover no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container-human .comment {
    bottom: 18vw;
    left: -5vw;
    width: 120px;
    height: 126px;
    padding: 15px 10px;
    font-size: 14px;
    background: url("/merit02_baloon.ee81b9e9.webp") left top/100% 100% no-repeat;
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-container-human .image {
  position: relative;
  width: 250px;
  height: 220px;
  background: url("/merit2_1_man1.47d49166.webp") left bottom/250px 220px no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container-human .image {
    position: absolute;
    left: -5vw;
    bottom: 0;
    width: 34vw;
    height: 30vw;
    background: url("/merit2_1_man1.47d49166.webp") left bottom/100% auto no-repeat;
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-container-aichara .answer {
  opacity: 0;
  position: absolute;
  width: 241px;
  box-sizing: border-box;
  font-size: 15px;
  background: url("/merit2_text_frame.d9d4cd57.webp") center center/100% 100% no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container-aichara .answer {
    bottom: 23vw;
    right: -4vw;
    width: 50vw;
    height: auto;
    min-height: 28vw;
    background: url("/merit2_text_frame.d9d4cd57.webp") center center/100% 100% no-repeat;
  }
}
#lp_wrapper .lp_merit article.merit2 .merit2-container-aichara .answer img {
  position: absolute;
  width: 100px;
  height: auto;
  transform: translateY(0);
  animation: mv_chara_float 1s linear infinite;
}

#lp_wrapper .lp_merit article.merit2 .merit2-container-aichara .focus {
  position: absolute;
  width: 53px;
  height: 53px;
  transform: scale(1.2);
  opacity: 0;
  background: url("/merit2_focus.f6930957.webp") center center/100% 100% no-repeat;
  animation: merit_focus1 0.5s linear 1s 1, merit_focus2 1s linear 1.2s infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container-aichara .focus {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2 .merit2-container-aichara .image {
    position: absolute;
    right: 0;
    bottom: -18vw;
    width: 20vw;
    height: 25vw;
    background: url("/aichara_sprite6.5232c9ca.webp") left bottom/100% auto no-repeat;
    animation: mv_chara_float 1s linear infinite, merit_chara_speak 0.25s linear infinite;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .comment1 {
  animation: merit_comment 0.5s linear 0.1s forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .comment1 {
    animation: merit_comment_sp 0.5s linear 0.1s forwards, merit_comment_hide 0.5s linear 6s forwards;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .comment2 {
  animation: merit_comment 0.5s linear 7.5s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .comment2 {
    animation: merit_comment_sp 0.5s linear 7.5s forwards;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .answer1 {
  padding: 10px;
  text-align: left;
  animation: merit_answer 0.5s linear 1.5s forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .answer1 {
    top: 40px;
    right: 150px;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .answer1 img {
  top: -50px;
  right: -80px;
}

#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .answer2 {
  padding: 10px;
  text-align: left;
  animation: merit_answer 0.5s linear 9s forwards;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .answer2 {
    bottom: 40px;
    right: 85px;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .answer2 img {
  top: 30px;
  left: -100px;
}

#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .focus {
  top: 312px;
  right: 424px;
  animation: merit_answer 0.5s ease 9s, merit_focus1 1s linear 9s infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide1 .focus {
    top: 30.5vw;
    right: 40vw;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .merit2-container-human .image {
  background: url("/merit2_1_man2.608a3da8.webp") left bottom/250px 220px no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .merit2-container-human .image {
    background: url("/merit2_1_man2.608a3da8.webp") left bottom/100% auto no-repeat;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .comment1 {
  animation: merit_comment 0.5s linear 0.1s forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .comment1 {
    animation: merit_comment_sp 0.5s linear 0.1s forwards, merit_comment_hide 0.5s linear 6s forwards;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .comment2 {
  animation: merit_comment 0.5s linear 7.5s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .comment2 {
    animation: merit_comment_sp 0.5s linear 7.5s forwards;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .answer1 {
  padding: 10px;
  text-align: left;
  animation: merit_answer 0.5s linear 1.5s forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .answer1 {
    top: 270px;
    right: 360px;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .answer1 img {
  top: -10px;
  right: -140px;
}

#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .answer2 {
  padding: 10px;
  text-align: left;
  animation: merit_answer 0.5s linear 9s forwards;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .answer2 {
    bottom: 40px;
    right: 135px;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .answer2 img {
  top: -80px;
  right: -85px;
}

#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .focus1 {
  top: 245px;
  right: 300px;
  animation: merit_answer 0.5s ease 2.9s forwards, merit_focus1 1s linear 3s 6 forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .focus1 {
    top: 24.5vw;
    right: 29vw;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .focus2 {
  top: 245px;
  right: 10px;
  animation: merit_answer 0.5s ease 9s forwards, merit_focus1 1s linear 9.1s infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide2 .focus2 {
    top: 24.5vw;
    right: 1vw;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .comment1 {
  animation: merit_comment 0.5s linear 0.1s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .comment1 {
    animation: merit_comment_sp 0.5s linear 0.1s forwards;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .answer1 {
  padding: 10px;
  text-align: left;
  animation: merit_answer 0.5s linear 1.5s forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .answer1 {
    top: 165px;
    right: 325px;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .answer1 img {
  top: -10px;
  right: -140px;
}

#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .answer2 {
  padding: 10px;
  text-align: left;
  animation: merit_answer 0.5s linear 7s forwards;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .answer2 {
    bottom: 120px;
    right: 185px;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .answer2 img {
  top: -40px;
  left: -95px;
}

#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .focus1 {
  top: 110px;
  right: 265px;
  animation: merit_answer 0.5s ease 1.5s forwards, merit_focus1 1s linear 1.6s 6 forwards, merit_comment_hide 0.5s linear 6s forwards;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .focus1 {
    top: 11vw;
    right: 25vw;
  }
}
#lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .focus2 {
  top: 160px;
  right: 517px;
  animation: merit_answer 0.5s ease 6.9s forwards, merit_focus1 1s linear 7s infinite;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit2.scrollin .swiper-slide-active .merit2-container.-slide3 .focus2 {
    top: 16vw;
    right: 50vw;
  }
}
@keyframes merit_comment {
  0% {
    bottom: 140px;
    opacity: 0;
  }
  100% {
    bottom: 190px;
    opacity: 1;
  }
}
@keyframes merit_comment_sp {
  0% {
    bottom: 18vw;
    opacity: 0;
  }
  100% {
    bottom: 25vw;
    opacity: 1;
  }
}
@keyframes merit_comment_hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes merit_answer {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes merit_answer_hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes merit_focus1 {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes merit_focus2 {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes merit_chara_speak {
  0% {
    background-image: url("/aichara_sprite6.5232c9ca.webp");
  }
  45% {
    background-image: url("/aichara_sprite6.5232c9ca.webp");
  }
  50% {
    background-image: url("/aichara_sprite6_2.bfb3b7ba.webp");
  }
  95% {
    background-image: url("/aichara_sprite6_2.bfb3b7ba.webp");
  }
  100% {
    background-image: url("/aichara_sprite6.5232c9ca.webp");
  }
}
#lp_wrapper .lp_merit article.merit3::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -47px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 94px;
  height: 94px;
  background: url("/merit_num03.9b0b359e.webp") center center/cover no-repeat;
  z-index: 30;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit3::before {
    top: -35px;
    width: 70px;
    height: 70px;
  }
}
#lp_wrapper .lp_merit article.merit3 .merit3_chara {
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  margin: 0 auto;
  width: 120px;
  height: auto;
  transform: translateX(320px) rotate(8deg) scale(1);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit3 .merit3_chara {
    top: -10vw;
    width: 70px;
    transform: translateX(35vw) rotate(8deg) scale(1);
  }
}
#lp_wrapper .lp_merit article.merit3 .merit3_chara img {
  width: 100%;
  height: auto;
}

#lp_wrapper .lp_merit article.merit3 .merit3-swiper {
  padding: 0 50px 50px;
  position: relative;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit3 .merit3-swiper {
    padding: 0 5vw 40px;
  }

  #lp_wrapper .lp_merit article.merit3 .merit3-swiper .swiper-button-prev {
    top: 30px;
    left: 0;
  }

  #lp_wrapper .lp_merit article.merit3 .merit3-swiper .swiper-button-next {
    top: 30px;
    right: 0;
  }
}
#lp_wrapper .lp_merit article.merit3 .slide_content ul {
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit3 .slide_content ul {
    margin: 0 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit3 .slide_content ul li {
    width: 30%;
  }
}
#lp_wrapper .lp_merit article.merit3 .slide_content ul dt {
  position: relative;
  padding: 10px;
  color: #fff;
  background: #4aa17e;
  border-radius: 5px;
}

#lp_wrapper .lp_merit article.merit3 .slide_content ul dt::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #4aa17e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-width: 17.32px 10px 0px 10px;
}

#lp_wrapper .lp_merit article.merit3 .slide_content ul dd {
  margin: 20px 0 0;
}

#lp_wrapper .lp_merit article.merit3 .slide_content ul p {
  margin: 10px 0 0;
  text-align: left;
  font-size: 14px;
  line-height: 180%;
}

#lp_wrapper .lp_merit article.merit3 h5 {
  margin: 0 0 20px;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  background: url("/note_bg.2798df4b.webp");
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit3 h5 {
    font-size: 16px;
  }
}
#lp_wrapper .lp_merit article.merit3 figure {
  text-align: center;
}

#lp_wrapper .lp_merit article.merit3 figure img {
  max-width: 952px;
  height: auto;
  margin: 0 auto;
}

#lp_wrapper .lp_merit article.merit3 .recruit_function {
  padding: 20px;
  text-align: center;
  background: #f1fff2;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit3 .recruit_function {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit3 .recruit_function {
    margin-bottom: 10px;
  }
}
#lp_wrapper .lp_merit article.merit3 .recruit_function h5 {
  display: inline-block;
  padding: 0 0 5px;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 3px solid #4aa17e;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit3 .recruit_function h5 {
    font-size: 18px;
    border-bottom: 5px solid #4aa17e;
    padding: 0 0 10px;
  }
}
#lp_wrapper .lp_merit article.merit3 .recruit_function .recruit_list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit3 .recruit_function .recruit_list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit article.merit3 .recruit_function .recruit_list li {
    margin: 10px 0 0;
    font-size: 16px;
    width: 24%;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit article.merit3 .recruit_function .recruit_list li {
    margin: 5px 0 0;
    font-size: 14px;
  }
}
#lp_wrapper .lp_merit article .separate {
  margin: 40px auto 0;
  font-size: 24px;
  color: #4aa17e;
}

#lp_wrapper .lp_merit .merit_close {
  font-size: 36px;
  color: #4aa17e;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit .merit_close {
    font-size: 24px;
  }
}
#lp_wrapper .lp_merit video {
  width: 90%;
  max-width: 900px;
  margin: 20px auto 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit video {
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit .merit_aimentor {
    aspect-ratio: 3/1.8;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit .merit_aimentor {
    aspect-ratio: 3/2.1;
    min-height: 197px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_merit .video_wrapper {
    aspect-ratio: 3/1.8;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_merit .video_wrapper {
    aspect-ratio: 3/2.1;
    min-height: 197px;
  }
}
#lp_wrapper .lp_function {
  position: relative;
  padding: 120px 0;
  background: #f6f6f6;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function {
    padding: 80px 0 60px;
  }
}
#lp_wrapper .lp_function article {
  position: relative;
  margin: 40px auto;
  padding: 50px 70px 1px;
  max-width: 1140px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  background: #fff;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function article {
    padding: 30px 20px 1px;
    margin: 20px 5% 40px;
  }
}
#lp_wrapper .lp_function article h3 {
  display: inline-block;
  margin: 0 auto;
  font-size: 30px;
  padding: 0 0 25px;
  background: url("/merit_h3_bg.9eb958a4.webp") bottom center no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function article h3 {
    display: block;
    font-size: 20px;
  }
}
#lp_wrapper .lp_function article p {
  margin: 30px 0;
  font-size: 20px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function article p {
    margin: 15px 0;
    font-size: 14px;
    text-align: left;
  }
}
#lp_wrapper .lp_function h2 {
  font-size: 40px;
  line-height: 160%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function h2 {
    font-size: 22px;
  }
}
#lp_wrapper .lp_function h2 strong {
  color: #4aa17e;
}

#lp_wrapper .lp_function h2 strong {
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  color: #333;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function h2 strong {
    vertical-align: middle;
  }
}
#lp_wrapper .lp_function video {
  width: 90%;
  max-width: 900px;
  margin: 60px auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function video {
    margin: 20px auto;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_function .slide_wrapper .bx-pager {
    bottom: -55px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_function .slide_wrapper .bxslider img {
    width: 70%;
    height: auto;
    margin: 0 auto;
  }
}
#lp_wrapper .lp_new_function {
  margin: 160px auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function {
    margin: 0 auto 80px;
  }
}
#lp_wrapper .lp_new_function .title_lead {
  font-size: 30px;
  font-weight: bold;
  color: #4aa17e;
  line-height: 100%;
}

#lp_wrapper .lp_new_function h4 {
  font-size: 30px;
  color: #333 !important;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function h4 {
    font-size: 24px;
  }
}
#lp_wrapper .lp_new_function h4.mb10 {
  margin-bottom: 10px;
}

#lp_wrapper .lp_new_function h4 strong {
  font-size: 40px;
  color: #4aa17e;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function h4 strong {
    font-size: 26px;
  }
}
#lp_wrapper .lp_new_function .swiper {
  position: relative;
  margin: 20px auto;
  max-width: 1200px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .swiper {
    padding: 30px 20px 30px;
    width: 90%;
  }
}
#lp_wrapper .lp_new_function .swiper h3 {
  display: inline-block;
  margin: 0 auto;
  font-size: 30px;
  padding: 0 0 25px;
  background: url("/merit_h3_bg.9eb958a4.webp") bottom center no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .swiper h3 {
    display: block;
    font-size: 20px;
  }
}
#lp_wrapper .lp_new_function .swiper h4 {
  margin: 30px 0 0;
  font-size: 24px;
  color: #4aa17e;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .swiper h4 {
    margin: 15px 0 0;
    font-size: 18px;
    text-align: center;
  }
}
#lp_wrapper .lp_new_function .swiper p {
  margin: 5px 0 30px;
  font-size: 18px;
  color: #333;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .swiper p {
    font-size: 16px;
    text-align: left;
  }
}
#lp_wrapper .lp_new_function .swiper-slide {
  padding: 50px;
  max-width: 1200px;
  box-sizing: border-box;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .swiper-slide {
    padding: 0 5vw;
  }
}
#lp_wrapper .lp_new_function .slide_thumb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 20px 0 60px;
}

#lp_wrapper .lp_new_function .slide_thumb_wrapper .slide-thumb {
  opacity: 0.7;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

#lp_wrapper .lp_new_function .slide_thumb_wrapper .slide-thumb-active,
#lp_wrapper .lp_new_function .slide_thumb_wrapper .slide-thumb:hover {
  opacity: 1;
}

#lp_wrapper .lp_new_function .slide_thumb_wrapper img {
  width: 12.36vw;
  max-width: 178px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .slide_thumb_wrapper img {
    width: 19vw;
  }
}
#lp_wrapper .lp_new_function .slide_thumb_wrapper .slide-thumb:nth-of-type(even) {
  position: relative;
  top: 40px;
  margin: 0 -30px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .function-swiper .swiper-button-prev,
#lp_wrapper .lp_new_function .function-swiper .swiper-button-next {
    top: 75px;
  }
}
#lp_wrapper .lp_new_function .follow img {
  max-width: 984px;
}

#lp_wrapper .lp_new_function .stresscheck img {
  max-width: 918px;
}

#lp_wrapper .lp_new_function .custom_survey img {
  max-width: 981px;
}

#lp_wrapper .lp_new_function .survey_setting ul {
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_new_function .survey_setting ul {
    margin: 0 10%;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .survey_setting ul {
    margin: 0;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_new_function .survey_setting ul li {
    width: 238px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .survey_setting ul li {
    width: 48%;
    margin: 0;
    padding: 0;
  }
}
#lp_wrapper .lp_new_function .new {
  background: url("/icon_new.c2f797ab.png") left 5px top 5px/110px auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_new_function .new {
    background: url("/icon_new.c2f797ab.png") left 5px top 5px/60px auto no-repeat;
  }
}
#lp_wrapper .lp_flow {
  position: relative;
  margin: 160px 0 0;
  padding: 130px 0 160px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow {
    margin: 0 auto;
    padding: 60px 0 30px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_flow .flow_head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 750px;
  }
}
#lp_wrapper .lp_flow .flow_head .lead {
  font-weight: bold;
  font-size: clamp(18px, 2.604vw, 32px);
}

#lp_wrapper .lp_flow .flow_head h2 {
  margin-top: 10px;
  width: 722px;
  height: 151px;
  color: #4aa17e;
  font-size: clamp(28px, 4.95vw, 56px);
  vertical-align: middle;
  line-height: 151px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background: url("/flow_h2_bg.4fa7c6aa.webp") center center/cover no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .flow_head h2 {
    width: 95%;
    margin: 0 auto;
    height: 22vw;
    line-height: 22vw;
    background: url(/flow_h2_bg.4fa7c6aa.webp) center center/contain no-repeat;
    box-shadow: none;
  }
}
#lp_wrapper .lp_flow figure {
  margin: 0 auto 0;
  text-align: center;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow figure {
    margin: 0 5% 0;
  }
}
#lp_wrapper .lp_flow figure img {
  max-width: 1200px;
  height: auto;
}

#lp_wrapper .lp_flow .lp_case {
  position: relative;
  margin: 200px 0 0;
  padding: 80px 0 120px;
  background: #f6f6f6;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case {
    margin: 80px 0 0;
    padding: 60px 0 30px;
  }
}
#lp_wrapper .lp_flow .lp_case .case_flag {
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  width: 424px;
  height: 88px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  padding: 15px 50px;
  font-size: 20px;
  color: #4aa17e;
  background: url("/case_flag_bg.3d741f9a.webp") center center/cover no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case .case_flag {
    width: 74%;
    padding: 18px 10px;
    font-size: 18px;
  }
}
#lp_wrapper .lp_flow .lp_case .case_flag strong {
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0 5px;
  font-size: 36px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case .case_flag strong {
    font-size: 30px;
  }
}
#lp_wrapper .lp_flow .lp_case .swiper-wrapper {
  transition-timing-function: linear;
}

#lp_wrapper .lp_flow .lp_case .swiper-slide {
  vertical-align: middle;
  width: auto;
  height: 80px;
  padding: 0 20px;
}

#lp_wrapper .lp_flow .lp_case .swiper-slide img {
  margin: auto;
}

#lp_wrapper .lp_flow .lp_case h3 {
  font-size: 40px;
  line-height: 160%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case h3 {
    font-size: 22px;
  }
}
#lp_wrapper .lp_flow .lp_case h3 strong {
  color: #4aa17e;
}

#lp_wrapper .lp_flow .lp_case .customer_logo {
  position: relative;
  margin: 40px auto;
  padding: 20px 20px;
  max-width: 100%;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

#lp_wrapper .lp_flow .lp_case .customer_logo ul#customer_logo {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 100%;
  width: min-content;
  animation: 40s linear infinite sliderAnimation;
}

#lp_wrapper .lp_flow .lp_case .customer_logo ul#customer_logo li {
  padding: 0 20px;
}

#lp_wrapper .lp_flow .lp_case .customer_logo ul#customer_logo img {
  width: auto;
  height: 80px;
}

#lp_wrapper .lp_flow .lp_case ul.case_list {
  position: relative;
  max-width: 1050px;
  margin: 10px auto 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list {
    margin: 10px 5% 0;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail {
  background: #fff;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail {
    width: 100%;
    margin: 30px 0 0;
    padding: 30px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail {
    margin: 40px 0 0;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail figure {
    margin: 0;
    width: 260px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail figure {
    position: relative;
    top: -5vw;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail figure img {
  width: 100%;
  height: auto;
  max-width: 150px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail figure img {
    max-width: 120px;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail figure p {
  margin-top: 10px;
  font-size: 14px;
}

#lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail figure p strong {
  font-size: 16px;
}

#lp_wrapper .lp_flow .lp_case ul.case_list li.case_detail .btn_area {
  margin-bottom: 0;
}

#lp_wrapper .lp_flow .lp_case ul.case_list .text_area {
  position: relative;
  text-align: left;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list .text_area {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list .text_area {
    margin: -5vw 5% 0;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list .text_area h3 {
  position: relative;
  padding: 15px 0 0;
  font-size: 24px;
  color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list .text_area h3 {
    font-size: 18px;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list .text_area p {
  font-size: 14px;
}

#lp_wrapper .lp_flow .lp_case ul.case_list .text_area p strong {
  font-size: 16px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list .text_area p strong {
    margin: 0 0 0 1em;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list .text_area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#lp_wrapper .lp_flow .lp_case ul.case_list .text_area ul li {
  margin: 10px 0 0;
  padding-left: 40px;
  font-size: 16px;
  background: url("/icon_check.e8fa775b.webp") left top 3px no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list .text_area ul li {
    font-size: 14px;
    background: url("/icon_check.e8fa775b.webp") left center no-repeat;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list .btn_area {
  display: block;
  text-align: right;
  margin: 20px 0 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_flow .lp_case ul.case_list .btn_area {
    margin: 15px auto 50px;
    padding: 0 0 20px;
    text-align: center;
  }
}
#lp_wrapper .lp_flow .lp_case ul.case_list .btn_area a {
  display: inline-block;
  background-color: #fff;
  background-image: none;
  max-width: 150px;
  line-height: 40px;
  height: 40px;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 14px;
  color: #4aa17e;
  text-align: center;
  border: 1px solid #4aa17e;
  box-shadow: none;
}

#lp_wrapper .lp_flow .lp_case ul.case_list .btn_area a:hover {
  background-color: #4aa17e;
  color: #fff;
}

#lp_wrapper .lp_fee {
  position: relative;
  margin: 0 auto;
  padding: 0 0 120px;
  max-width: 1050px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_fee {
    margin-top: 60px;
    padding: 0 0 60px;
  }
}
#lp_wrapper .lp_fee h2 {
  font-size: 40px;
  line-height: 160%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_fee h2 {
    font-size: 22px;
  }
}
#lp_wrapper .lp_fee h2 strong {
  color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_fee h2 {
    font-size: 26px;
    margin: -40px 5% 0;
  }
}
#lp_wrapper .lp_fee h2 img {
  width: 100%;
  height: auto;
  max-width: 1200px;
}

#lp_wrapper .lp_fee .price_list {
  margin: 60px 0 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_fee .price_list {
    margin: 30px 0 0;
  }
}
#lp_wrapper .lp_fee .price_list table {
  width: 100%;
}

#lp_wrapper .lp_fee .price_list th {
  padding: 5px 10px;
  background: #60b981;
  color: #fff;
  border-right: 1px solid #ccc;
  width: 13%;
}

#lp_wrapper .lp_fee .price_list th.pulse_survey {
  width: 18%;
}

#lp_wrapper .lp_fee .price_list th.standard {
  width: 27%;
  background: #4aa17e;
}

#lp_wrapper .lp_fee .price_list th.pdca {
  background: #4aa1a1;
  width: 23%;
}

#lp_wrapper .lp_fee .price_list th.improve {
  background: #416cac;
  width: 19%;
}

#lp_wrapper .lp_fee .price_list td {
  padding: 5px 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
}

#lp_wrapper .lp_fee .price_list td:nth-of-type(1) {
  text-align: left;
  font-weight: 600;
  font-size: 16px;
}

#lp_wrapper .lp_fee .price_list td .small {
  font-size: 10px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_fee .price_list td .function {
    padding: 5px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #lp_wrapper .lp_fee .price_list td .function p {
    text-align: left;
  }

  #lp_wrapper .lp_fee .price_list td .function p.w60 {
    width: 60%;
  }

  #lp_wrapper .lp_fee .price_list td .function p.w40 {
    width: 40%;
  }

  #lp_wrapper .lp_fee .price_list td .function p.full {
    width: 100%;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_fee .price_list td .function2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
  }

  #lp_wrapper .lp_fee .price_list td .function2 p {
    width: 11.6em;
    padding-left: 1.2em;
    text-align: left;
    box-sizing: border-box;
  }
}
#lp_wrapper .lp_fee .price_list td.pulse_survey {
  background: #f6fff6;
}

#lp_wrapper .lp_fee .price_list td.pulse_survey.none {
  background: #f4fff3 url("/slash.e12f96a5.webp") center center/100% 100% no-repeat;
}

#lp_wrapper .lp_fee .price_list td.pulseai_tm {
  line-height: 110%;
}

#lp_wrapper .lp_fee .price_list td.standard {
  background: #f6fffc;
}

#lp_wrapper .lp_fee .price_list td.standard.none {
  background: #f6fffc url("/slash.e12f96a5.webp") center center/100% 100% no-repeat;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_fee .price_list td.standard .function {
    flex-wrap: wrap;
  }

  #lp_wrapper .lp_fee .price_list td.standard .function p {
    width: 49%;
  }
}
#lp_wrapper .lp_fee .price_list td.pdca {
  background: #effefc;
}

#lp_wrapper .lp_fee .price_list td.improve {
  background: #f6faff;
}

#lp_wrapper .lp_fee .price_list td.improve p {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}

#lp_wrapper .lp_fee .price_list td.mix {
  background: #effefc;
  background: -moz-linear-gradient(90deg, #effefc 50%, #f6faff 50%);
  background: -webkit-linear-gradient(90deg, #effefc 50%, #f6faff 50%);
  background: linear-gradient(90deg, #effefc 50%, #f6faff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#effefc", endColorstr="#f6faff", GradientType=1);
}

#lp_wrapper .lp_fee .price_list td p {
  margin: 0;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_fee .price_list td p .smart {
    display: inline-block;
    transform: scale(0.65, 1);
    text-align: left;
    transform-origin: left;
    white-space: nowrap;
  }

  #lp_wrapper .lp_fee .price_list td p .smart2 {
    display: inline-block;
    transform: scale(0.8, 1);
    text-align: left;
    transform-origin: left;
    white-space: nowrap;
  }

  #lp_wrapper .lp_fee .price_list td p .smart3 {
    display: inline-block;
    transform: scale(0.9, 1);
    text-align: left;
    transform-origin: left;
    white-space: nowrap;
  }
}
#lp_wrapper .lp_fee .price_list td .smart4 {
  display: inline-block;
  transform: scale(0.9, 1);
  text-align: left;
  transform-origin: center;
  white-space: nowrap;
}

#lp_wrapper .lp_fee .price_list td strong {
  display: block;
  font-size: 16px;
}

#lp_wrapper .lp_fee .price_list tr.function_line .pulse_survey,
#lp_wrapper .lp_fee .price_list tr.function_line .standard,
#lp_wrapper .lp_fee .price_list tr.function_line .pdca,
#lp_wrapper .lp_fee .price_list tr.function_line .improve {
  vertical-align: top;
}

#lp_wrapper .lp_fee .price_list tr.price td {
  font-size: 18px;
  font-weight: 600;
}

#lp_wrapper .lp_fee .price_list tr.price td:nth-of-type(1) {
  font-size: 16px;
}

#lp_wrapper .lp_fee .price_list .price_list_sp {
  margin: 0 5%;
  padding: 0;
  list-style: none;
}

#lp_wrapper .lp_fee .price_list .price_list_sp li {
  margin: 0;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#lp_wrapper .lp_fee .price_list .price_list_sp h3 {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0 0 5px;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl {
  　margin: 0;
  padding: 0;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl dt {
  font-size: 16px;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl dd {
  margin: 5px 0 10px;
  font-size: 14px;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl dd.function {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl dd strong {
  display: block;
  width: 100%;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl dd .plus {
  width: 100%;
}

#lp_wrapper .lp_fee .price_list .price_list_sp dl dd .w50 {
  width: 50%;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .pulse_survey {
  background: #f6fff6;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .pulse_survey h3 {
  color: #60b981;
  border-bottom: 2px solid #60b981;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .pulse_survey dt {
  color: #60b981;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .standard {
  margin-top: 20px;
  background: #f6fffc;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .standard h3 {
  color: #4aa17e;
  border-bottom: 2px solid #4aa17e;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .standard dt {
  color: #4aa17e;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .pdca {
  margin-top: 20px;
  background: #effefc;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .pdca h3 {
  color: #4aa1a1;
  border-bottom: 2px solid #4aa1a1;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .pdca dt {
  color: #4aa1a1;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .improve {
  margin-top: 20px;
  background: #f6faff;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .improve h3 {
  color: #416cac;
  border-bottom: 2px solid #416cac;
}

#lp_wrapper .lp_fee .price_list .price_list_sp .improve dt {
  color: #416cac;
}

#lp_wrapper .lp_fee .after_support {
  margin: 60px 0 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_fee .after_support {
    margin: 0;
    padding: 20px;
  }
}
#lp_wrapper .lp_fee .attention {
  margin: 10px auto 0;
  font-size: 14px;
  text-align: right;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_fee .attention {
    margin: 10px 5% 0;
    text-align: left;
  }
}
#lp_wrapper .lp_plus {
  padding-top: 0;
}

#lp_wrapper .lp_plus h3 .option {
  font-size: 1.4rem;
  color: #666;
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
}

#lp_wrapper .lp_plus h3 .price {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 8px;
  font-size: 16px;
  color: #4aa17e;
  background: #efefef;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_plus h3 .price {
    position: relative;
    top: -3px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus h3 .price {
    margin-right: 0;
    font-size: 14px;
  }
}
#lp_wrapper .lp_plus .title_lead {
  font-size: 24px;
  font-weight: bold;
  color: #4aa17e;
  line-height: 100%;
}

#lp_wrapper .lp_plus h4 {
  font-size: 30px;
  color: #333 !important;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus h4 {
    font-size: 24px;
  }
}
#lp_wrapper .lp_plus h4.mb10 {
  margin-bottom: 10px;
}

#lp_wrapper .lp_plus h4 strong {
  font-size: 40px;
  color: #4aa17e;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus h4 strong {
    font-size: 26px;
  }
}
#lp_wrapper .lp_plus .new {
  background: url("/icon_new.c2f797ab.png") left 5px top 5px/110px auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus .new {
    padding-top: 20px;
    background: url("/icon_new.c2f797ab.png") left 5px top 5px/60px auto no-repeat;
  }
}
#lp_wrapper .lp_plus .plus_introduction {
  margin: 30px 0 0;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_plus .plus_introduction {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
#lp_wrapper .lp_plus .plus_introduction .bx-wrapper {
  margin-bottom: 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus .plus_introduction .bx-wrapper {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_plus .plus_introduction .slider_box {
    order: 2;
    width: calc(100% - 400px);
  }
}
#lp_wrapper .lp_plus .plus_introduction .slider_plus img {
  width: 100%;
  height: auto;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus .plus_title {
  position: relative;
  margin: 0 2px 20px;
  padding: 5px 10px;
  font-size: 14px;
  background: #4aa17e;
  color: #fff;
  border-radius: 5px;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus .plus_title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #4aa17e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus .plus_title strong {
  font-size: 20px;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus_nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_plus .plus_introduction .slider_plus_nav {
    order: 1;
    width: 367px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus .plus_introduction .slider_plus_nav {
    display: none;
  }
}
#lp_wrapper .lp_plus .plus_introduction .slider_plus_nav li {
  margin: 0 0 10px;
  text-align: left;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus_nav a {
  padding: 15px;
  display: block;
  color: #333;
  background: url("/plus_nav_bg.76ede547.png") left center/100% 100% no-repeat;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus_nav a.active {
  background: url("/plus_nav_bg_active.2d10eacd.png") left center/100% 100% no-repeat;
}

#lp_wrapper .lp_plus .plus_introduction .slider_plus_nav a strong {
  color: #4aa17e;
  font-size: 1.4rem;
}

#lp_wrapper .lp_plus .btn_area {
  width: 100%;
  margin-bottom: 20px;
}

#lp_wrapper .lp_plus .btn_area a {
  background-color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_plus .btn_area a {
    font-size: 16px;
  }
}
#lp_wrapper .lp_faq {
  padding: 120px 0;
  background: #f3f4f6;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq {
    padding: 60px 0;
  }
}
#lp_wrapper .lp_faq h2 {
  font-size: 40px;
  line-height: 160%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq h2 {
    font-size: 22px;
  }
}
#lp_wrapper .lp_faq h2 strong {
  color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq h2 {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
#lp_wrapper .lp_faq h3 {
  margin: 40px 0 20px;
  font-size: 26px;
  color: #4aa17e;
  text-align: left;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq h3 {
    font-size: 20px;
    text-align: center;
  }
}
#lp_wrapper .lp_faq dl {
  text-align: left;
  margin: 20px auto 0;
  padding: 15px 0 10px;
  max-width: 1050px;
  background: url("/h2_bg_left.bc87f61e.webp") left top/156px auto no-repeat, url("/h2_bg_right.b22261fb.webp") right -25px top/156px auto no-repeat, #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq dl {
    width: 94%;
    margin: 3vw auto 0;
  }
}
#lp_wrapper .lp_faq dl:nth-of-type(1) {
  border-top: none;
}

#lp_wrapper .lp_faq dl dt {
  position: relative;
  min-height: 52px;
  margin: 0;
  padding: 13px 50px 0 90px;
  font-size: 18px;
  background: url("/faq_icon_2.c236d89d.svg") left 20px top/50px auto no-repeat;
  box-sizing: border-box;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq dl dt {
    padding: 5px 45px 0 60px;
    font-size: 16px;
    background: url("/faq_icon.81bf7f16.svg") left 10px top/40px auto no-repeat;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_faq dl dt.line2 {
    min-height: 72px;
    background: url("/faq_icon_2.c236d89d.svg") left 20px top 12px/50px auto no-repeat;
  }
}
#lp_wrapper .lp_faq dl dt::before,
#lp_wrapper .lp_faq dl dt::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 0;
  bottom: 0;
  width: 15px;
  height: 2px;
  margin: auto 0;
  background: #333;
  transition: all ease 0.3s;
}

#lp_wrapper .lp_faq dl dt::after {
  transform: rotate(90deg);
}

#lp_wrapper .lp_faq dl dt.open::after {
  transform: rotate(0deg);
}

#lp_wrapper .lp_faq dl dd {
  display: none;
  padding: 10px 0 0 70px;
  margin: 0 0 10px;
  line-height: 180%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq dl dd {
    padding: 10px 5vw 0;
    font-size: 14px;
  }
}
#lp_wrapper .lp_faq dl ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq dl ul li {
    margin-top: 10px;
  }
}
#lp_wrapper .lp_faq dl .annotation {
  font-size: 14px;
  color: #555;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_faq dl .annotation {
    font-size: 12px;
  }
}
#lp_wrapper .lp_introduction {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 100px;
  background: url("/intro_bg1.7afb378c.webp") left top no-repeat, url("/intro_bg2.6321cdbf.webp") right bottom no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_introduction {
    padding: 60px 3%;
    background: url("/intro_bg1.7afb378c.webp") left top/30% auto no-repeat, url("/intro_bg2.6321cdbf.webp") right bottom/30% auto no-repeat;
  }
}
#lp_wrapper .lp_introduction h2 {
  font-size: 40px;
  line-height: 130%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_introduction h2 {
    font-size: 26px;
    margin: 0;
  }
}
#lp_wrapper .lp_introduction h2 span {
  display: inline-block;
  color: #4aa17e;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_introduction h2 span {
    margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_introduction h2 span {
    line-height: 160%;
  }
}
#lp_wrapper .lp_introduction h2 .ruby {
  position: relative;
  display: inline-block;
}

#lp_wrapper .lp_introduction h2 .ruby::before {
  content: "タレントマネジメント";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -35px;
  color: #4aa17e;
  font-size: 1rem;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_introduction h2 .ruby::before {
    font-size: 10px;
    left: 5px;
    top: -18px;
  }
}
#lp_wrapper .lp_introduction figure {
  margin: 30px auto 0;
  max-width: 1050px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_introduction figure {
    margin: 10px auto 0;
  }
}
#lp_wrapper .btn_area {
  position: relative;
  width: 85%;
  max-width: 450px;
  height: 90px;
  margin: 50px auto 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .btn_area {
    left: 5px;
    height: 70px;
    margin: 30px auto 0;
  }
}
#lp_wrapper .btn_area a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 450px;
  height: 90px;
  font-size: 24px;
  line-height: 90px;
  color: #fff;
  text-align: center;
  padding-left: 30px;
  background: rgba(254, 146, 23, 0.95) url("/btn_arrow_lp.128e915f.svg") left 30px center no-repeat;
  border: 1px solid #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .btn_area a {
    height: 70px;
    line-height: 70px;
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  #lp_wrapper .btn_area a {
    font-size: 18px;
    background: rgba(254, 146, 23, 0.95) url("/btn_arrow_lp.128e915f.svg") left 20px center no-repeat;
  }
}
#lp_wrapper .btn_area a:hover {
  opacity: 1;
  background-color: #f08001;
  text-decoration: none;
}

#lp_wrapper .btn_area.green a {
  background: #4db6b0 url("/btn_arrow_lp.128e915f.svg") left 30px center no-repeat;
}

#lp_wrapper .btn_area.green a:hover {
  opacity: 1;
  background-color: #419e99;
  text-decoration: none;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .btn_area.green.for-pc {
    margin-top: 100px;
  }
}
#lp_wrapper .lp_close {
  padding: 70px 0 60px;
  box-sizing: border-box;
  background: #ecf5fc url("/close_bg.0235836a.png") right -250px center/auto 110% no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_close {
    padding: 40px 0 80px;
    height: auto;
    background: #ecf5fc url("/close_bg_sp.89af80f5.jpg") center top 15vw/100% auto no-repeat;
  }
}
#lp_wrapper .lp_close h2 {
  position: relative;
  display: inline-block;
  font-size: 40px;
  color: #1e4f56;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .lp_close h2 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .lp_close h2 {
    margin-bottom: 100px;
    font-size: 20px;
  }
}
#lp_wrapper .lp_close h2::before,
#lp_wrapper .lp_close h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 4px;
  height: 50px;
  background: #1e4f56;
  border-radius: 2px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_close h2::before,
#lp_wrapper .lp_close h2::after {
    width: 2px;
    height: 40px;
  }
}
#lp_wrapper .lp_close h2::before {
  left: -40px;
  transform: rotate(-30deg);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_close h2::before {
    left: -30px;
  }
}
#lp_wrapper .lp_close h2::after {
  right: -30px;
  transform: rotate(30deg);
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_close h2::after {
    right: -20px;
  }
}
#lp_wrapper .lp_close figure {
  position: relative;
  top: 10px;
  width: 420px;
  margin: 0 auto 0;
}

#lp_wrapper .lp_close .btn_area {
  margin: 20px auto 0;
  padding: 0;
  width: 100%;
  max-width: 750px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_close .btn_area {
    margin: 10px auto 0;
    width: 80%;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .lp_close .btn_area .sub_btn li {
    width: 420px;
  }
}
#lp_wrapper .lp_close .btn_area .sub_btn li img {
  max-width: 420px;
}

#lp_wrapper .lp_close a {
  z-index: 1000;
  border: none;
}

#lp_wrapper .lp_close p.demo {
  margin: 20px 0 0;
}

#lp_wrapper .lp_close p.demo a {
  display: inline-block;
  color: #44789b;
  padding: 0 0 0 30px;
  background: url("/btn_arrow_lp.128e915f.svg") left center no-repeat;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

#lp_wrapper .lp_movie {
  margin: 160px auto 60px;
  max-width: 1000px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_movie {
    margin: 40px 3% 0;
  }
}
#lp_wrapper .lp_movie h2 {
  font-size: 40px;
  line-height: 160%;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_movie h2 {
    font-size: 22px;
  }
}
#lp_wrapper .lp_movie h2 strong {
  color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_movie h2 {
    font-size: 26px;
  }
}
#lp_wrapper .lp_movie .frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-top: 30px;
}

#lp_wrapper .lp_movie .frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#lp_wrapper .mask {
  overflow: hidden;
  margin: 20px auto 0;
  height: 20px;
}

#lp_wrapper .mask:after {
  content: "";
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px/12px;
  box-shadow: 0 0 8px #ddd;
}

#lp_wrapper .contact {
  padding: 30px 0;
  background: #ecf5fc;
}

#lp_wrapper .contact .mailform {
  padding: 0;
  color: #222;
  margin: 10px auto 0;
  background: #fff;
  border: 2px solid #ecae30;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px;
  border-radius: 10px;
}

#lp_wrapper .contact table {
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
}

#lp_wrapper .contact table th,
#lp_wrapper .contact table td {
  padding: 15px 0;
  vertical-align: middle;
}

#lp_wrapper .contact table th {
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  width: 35%;
  position: relative;
}

#lp_wrapper .contact table td {
  width: 75%;
  padding: 10px 30px;
}

#lp_wrapper .contact .form-text,
#lp_wrapper .contact .form-textarea {
  width: 100%;
  height: 45px;
  border: 1px solid #d6d6d6;
  background: #fff;
  padding: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 4px;
  font-size: 14px;
}

#lp_wrapper .contact .form-textarea {
  height: 120px;
}

#lp_wrapper input[type=submit],
#lp_wrapper input[type=button] {
  cursor: pointer;
}

#lp_wrapper .contact table th:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 38px;
  height: 24px;
  background-size: cover;
}

#lp_wrapper .contact input[type=radio] {
  display: inline-block;
  margin-right: 6px;
}

#lp_wrapper .contact input[type=radio] + label {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
}

#lp_wrapper .contact input[type=radio] {
  display: none;
  margin: 0;
}

#lp_wrapper .contact input[type=radio] + label {
  padding: 0 0 0 24px;
}

#lp_wrapper .contact input[type=radio] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff;
}

#lp_wrapper .contact input[type=radio] + label::before {
  border: 1px solid #999;
  border-radius: 30px;
}

#lp_wrapper .contact input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #ff2900;
  border-radius: 8px;
}

#lp_wrapper .contact input[type=radio]:checked + label {
  color: #ff2900;
  font-weight: bold;
}

#lp_wrapper .contact input[type=radio]:checked + label::before {
  border: 1px solid #ff2900;
}

#lp_wrapper .confirm table th,
#lp_wrapper .confirm table td {
  border-bottom: 1px dotted #ccc;
}

#lp_wrapper .form-btn {
  width: 290px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: none;
  border-radius: 5px;
  -webkit-appearance: none;
  text-indent: -999px;
}

#lp_wrapper .form-btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: 0.5s;
}

#lp_wrapper .mail-btn li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

#lp_wrapper .contact .footer p {
  font-weight: normal;
}

#lp_wrapper .contact .footer p span {
  font-weight: bold;
}

#lp_wrapper .copyright {
  text-align: center;
  padding: 15px;
  font-size: 12px;
}

#lp_wrapper .contact .cfm {
  background: #fff;
  padding: 10px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 2em;
  margin: 0;
  color: #333;
}

#lp_wrapper .contact .thx {
  padding: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 2em;
  margin: 0;
  color: #000;
}

#lp_wrapper .contact .thx p {
  color: #222;
  font-weight: normal;
}

#lp_wrapper .contact .btn-tosite {
  background-color: #555;
  border: none;
  color: #fff;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 50px 2px 0;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
}

#lp_wrapper .contact .s {
  font-size: 11px;
  color: #999;
}

#lp_wrapper #formWrap {
  text-align: center;
}

#lp_wrapper .formwrap {
  padding: 20px;
  margin: 20px 0;
}

#lp_wrapper .error,
#lp_wrapper .error_messe {
  color: red;
}

#lp_wrapper .bold {
  font-size: 16px;
  font-weight: bold;
}

#lp_wrapper #contact .footer p {
  font-weight: normal;
}

#lp_wrapper #contact .footer p span {
  font-weight: bold;
}

#lp_wrapper .copyright {
  text-align: center;
  padding: 15px;
  font-size: 12px;
}

#lp_wrapper #contact .thx {
  background: #fff;
  padding: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 2em;
  margin: 0;
  color: #000;
}

#lp_wrapper #contact .thx p {
  color: #222;
  font-weight: normal;
}

#lp_wrapper #contact .btn-tosite {
  background-color: #555;
  border: none;
  color: #fff;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 50px 2px 0;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
}

#lp_wrapper #contact.confirm p {
  color: #222;
  font-weight: normal;
  font-size: 16px;
}

#lp_wrapper #contact.confirm .error,
#lp_wrapper #contact.confirm .error_messe {
  color: red;
}

#lp_wrapper #formWrap {
  text-align: center;
}

#lp_wrapper .formwrap {
  padding: 20px;
  margin: 20px 0;
}

#lp_wrapper .cln {
  border-top: 1px solid #eee;
}

#lp_wrapper #contact_form {
  background: none;
}

#lp_wrapper #contact_form .mailform {
  max-width: 900px;
  margin: 0 auto;
  border-color: #4aa17e;
}

@media screen and (max-width: 480px) {
  #lp_wrapper #contact_form .mailform {
    margin: 0 5%;
  }
}
#lp_wrapper #contact_form .mailform h2 {
  display: block;
  color: #fff;
  margin: 0;
  padding: 10px 0;
  background: #4aa17e;
  border-radius: 6px 6px 0 0;
}

#lp_wrapper #contact_form .mailform h2::before,
#lp_wrapper #contact_form .mailform h2::after {
  display: none;
}

#lp_wrapper #contact_form .mailform table {
  width: 94%;
  margin: 30px auto 0;
}

#lp_wrapper #contact_form .mailform table th {
  width: 25% !important;
}

@media screen and (max-width: 480px) {
  #lp_wrapper #contact_form .mailform table th {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
  }
}
#lp_wrapper #contact_form .mailform table td {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 480px) {
  #lp_wrapper #contact_form .mailform table td {
    margin: 0 0 10px;
    display: block;
    width: 100% !important;
  }
}
#lp_wrapper #contact_form .mailform table td input[type=text] {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}

#lp_wrapper #contact_form .mailform .terms-block {
  margin: 30px 30px 0;
  padding: 20px;
  font-size: 14px;
  background: #f6f6f6;
}

@media screen and (max-width: 480px) {
  #lp_wrapper #contact_form .mailform .terms-block {
    margin: 10px 4%;
  }
}
#lp_wrapper #contact_form .mailform .terms-block .terms-inner {
  background: #fff;
  padding: 20px;
  height: 150px;
  overflow-y: auto;
  text-align: left;
}

@media screen and (min-width: 481px) {
  #lp_wrapper #contact_form input[type=submit] {
    display: inline-block;
    margin: 20px 0 40px;
    width: 447px;
    height: 92px;
    background: url("/form_btn.f5e4d198.png") center top no-repeat;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper #contact_form input[type=submit] {
    display: inline-block;
    margin: 0 auto 10px;
    width: 94%;
    height: 17vw;
    background: url("/form_btn.f5e4d198.png") center top/100% auto no-repeat;
  }
}
@media screen and (min-width: 481px) {
  #lp_wrapper .for-sp {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .for-pc {
    display: none;
  }
}
#lp_wrapper .form_confirm_ver2.contact {
  background: #edfbeb;
}

#lp_wrapper .form_confirm_ver2 .wmain {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .form_confirm_ver2 .wmain {
    margin: 0 5%;
  }
}
#lp_wrapper .form_confirm_ver2 .mail-btn {
  padding: 0;
}

#lp_wrapper .form_confirm_ver2 .form-btn {
  width: 293px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  text-indent: -999px;
}

@media screen and (min-width: 481px) {
  #lp_wrapper .form_confirm_ver2 .form-btn {
    margin: 0 20px;
  }
}
@media screen and (max-width: 480px) {
  #lp_wrapper .form_confirm_ver2 .form-btn {
    margin: 10px 0;
  }
}
#lp_wrapper .form_confirm_ver2 .form-btn-back {
  background: url(/confirm_back.d064bd46.png) center no-repeat;
  background-size: contain;
  padding: 0;
}

#lp_wrapper .form_confirm_ver2 .form-btn-send {
  background: url(/confirm_submit.e7216542.png) center no-repeat;
  background-size: contain;
  padding: 0;
}

#lp_wrapper .lp_cta {
  position: relative;
  background: url("/cta_bg.89283d37.webp") center center/cover no-repeat;
  overflow-y: hidden;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta {
    background: url("/cta_bg.89283d37.webp") left 25% center/auto 100% no-repeat;
  }
}
#lp_wrapper .lp_cta .wrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0 40px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .wrapper {
    overflow-x: hidden;
    padding: 30px 0;
  }
}
#lp_wrapper .lp_cta h2 {
  text-align: center;
}

#lp_wrapper .lp_cta h2 img {
  width: 422px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta h2 img {
    width: 80%;
    height: auto;
  }
}
#lp_wrapper .lp_cta .cta_area {
  position: relative;
  margin: 30px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  z-index: 100;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .cta_area {
    width: 90%;
    margin: 50vw auto 0;
  }
}
#lp_wrapper .lp_cta .cta_area li img {
  width: auto;
  height: 84px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .cta_area li img {
    width: 100%;
    height: auto;
  }
}
#lp_wrapper .lp_cta .img_left {
  position: absolute;
  left: -20px;
  bottom: 0;
  z-index: 10;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .img_left {
    width: 65%;
    bottom: 14vw;
    left: -3vw;
  }
}
#lp_wrapper .lp_cta .img_left img {
  width: auto;
  height: 445px;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .img_left img {
    width: 100%;
    height: auto;
  }
}
#lp_wrapper .lp_cta .img_right {
  position: absolute;
  right: 60px;
  top: 120px;
  z-index: 10;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .img_right {
    width: 70%;
    height: auto;
    bottom: 28vw;
    right: -16vw;
    top: auto;
    z-index: 6;
  }
}
#lp_wrapper .lp_cta .img_right img {
  width: 280px;
  height: auto;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .lp_cta .img_right img {
    width: 100%;
  }
}
#lp_wrapper .swiper-pagination .swiper-pagination-bullet-active,
#lp_wrapper .intro-swiper-pagination .swiper-pagination-bullet-active {
  width: 20px;
  background: #4aa17e;
  border-radius: 10px;
}

#lp_wrapper .swiper-button-prev,
#lp_wrapper .intro-swiper-button-prev {
  width: 57px;
  height: 57px;
  background: url("/prev.ac1a21c9.webp") center center/57px auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .swiper-button-prev,
#lp_wrapper .intro-swiper-button-prev {
    width: 40px;
    height: 40px;
    background: url("/prev.ac1a21c9.webp") center center/40px auto no-repeat;
    left: 5px;
  }
}
#lp_wrapper .swiper-button-next,
#lp_wrapper .intro-swiper-button-next {
  width: 57px;
  height: 57px;
  background: url("/next.753942a5.webp") center center/57px auto no-repeat;
}

@media screen and (max-width: 480px) {
  #lp_wrapper .swiper-button-next,
#lp_wrapper .intro-swiper-button-next {
    width: 40px;
    height: 40px;
    background: url("/next.753942a5.webp") center center/40px auto no-repeat;
    right: 5px;
  }
}
#lp_wrapper .swiper-navigation-icon {
  display: none;
}

.modal_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  z-index: 11000;
}

.show_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  padding: 50px 30px 30px;
  max-width: 1000px;
  max-height: 90vh;
  background: #fff;
  border-radius: 10px;
  z-index: 11001;
}

.show_modal.modal2 {
  max-height: 750px;
}

.show_modal.modal3 {
  max-height: 500px;
}

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

.modal_close {
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 40px;
  color: #666;
  font-weight: 100;
  cursor: pointer;
}

.typing {
  visibility: hidden;
}

@media screen and (min-width: 481px) {
  .fadein {
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 650ms;
  }

  .fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.campaign_bar {
  position: relative;
  background: #e6ffac;
  background: linear-gradient(0deg, #e6ffac 0%, #fff29b 100%);
  background-size: 200% 200%;
  animation: bggradient 4s ease infinite;
}

@media screen and (min-width: 481px) {
  .campaign_bar {
    margin-top: 10vw;
  }
}
@media screen and (min-width: 1400px) {
  .campaign_bar {
    margin-top: 10.6vw;
  }
}
.campaign_bar a {
  position: relative;
  display: block;
  padding: 10px 3vw;
  color: #333;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 481px) {
  .campaign_bar a {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 10px;
    font-size: 18px;
  }
}
.campaign_bar a::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-top: 10px solid #333;
  border-bottom: 0;
}

@media screen and (min-width: 481px) {
  .campaign_bar a::after {
    right: 10px;
    top: -2px;
  }
}
.campaign_bar a span {
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  background: #4aa17e;
  font-size: 16px;
  color: #fff;
}

@media screen and (min-width: 481px) {
  .campaign_bar a span {
    margin: 0 10px 0 0;
  }
}
.lp_campaign {
  margin: -120px 0 60px;
  padding: 120px 0 0;
}

@media screen and (min-width: 481px) {
  .lp_campaign {
    margin: -100px 0 120px;
    padding: 120px 0 60px;
  }
}
.lp_campaign .campaign_box {
  background: #e6ffac;
  background: linear-gradient(0deg, #e6ffac 0%, #fff29b 100%);
}

.lp_campaign .lp_wrapper {
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
}

@media screen and (min-width: 481px) {
  .lp_campaign .lp_wrapper {
    margin-top: 0;
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .lp_campaign .lp_wrapper {
    padding: 15vw 5vw 20px;
  }
}
.lp_campaign .badge {
  position: absolute;
  width: 15vw;
}

@media screen and (min-width: 481px) {
  .lp_campaign .badge {
    width: 107px;
    left: 0;
    top: -4px;
  }
}
@media screen and (max-width: 480px) {
  .lp_campaign .badge {
    left: 5vw;
    top: -3px;
  }
}
.lp_campaign .badge img {
  width: 100%;
  height: auto;
}

.lp_campaign .read {
  margin-bottom: 0;
  font-size: 16px;
}

@media screen and (min-width: 481px) {
  .lp_campaign .read {
    font-size: 24px;
  }
}
.lp_campaign h3 {
  color: #4aa17e;
  font-size: 26px;
}

@media screen and (min-width: 481px) {
  .lp_campaign h3 {
    margin-bottom: 30px;
  }
}
.lp_campaign h3 img {
  width: 100%;
  height: auto;
  max-width: 845px;
}

.lp_campaign .image_pdca {
  width: 100%;
  max-width: 920px;
  margin: 20px auto;
}

@media screen and (min-width: 481px) {
  .lp_campaign .image_pdca {
    width: 98%;
  }
}
.lp_campaign .image_pdca img {
  width: 100%;
  height: auto;
}

.lp_campaign ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.lp_campaign ul li {
  margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
  .lp_campaign ul li {
    text-align: left;
  }
}
.lp_campaign .attention {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

footer {
  padding: 40px 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  background: #333;
  text-align: center;
}

@media screen and (max-width: 480px) {
  footer {
    padding: 20px 0;
  }
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

footer ul li {
  display: inline-block;
  letter-spacing: 0;
  margin: 0 10px;
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  footer ul li {
    width: 40%;
    font-size: 12px;
  }
}
footer ul li a {
  color: #fff !important;
}

footer ul li a:hover {
  color: #ccc !important;
}

footer .copyright {
  margin: 30px 0 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  footer .copyright {
    font-size: 12px;
  }
}